/* update by cpclaudio@tecnes.com rel.1 2021-11-01

-------------------------------------------------------------------------------------------------*/





/* FONT [START] - ALL PAGES

-------------------------------------------------------------------------------------------------*/

/* INSERT "@import..." CODE FROM https://fonts.google.com/ */







/* FONT [END]------------------------------------------------------------------------------------*/





:root {

/* DEFAULT COLOR [START] - ALL PAGES

-------------------------------------------------------------------------------------------------*/

  --dark-blu-color:#00598D;     /**/



  --blu-color: var(--cyan-700);         /*SEARCH FORM,STEPS,PROPERTY TITLE,ADDRESS ICONS,ROOM TITLE,

                                  READ MORE INFO,ROOM ICONS,BUTTONS*/

  

  --light-blu-color: #01A1FF;	/**/

  

  --red-color:#d9534f;          /*OFFERS*/

  

  --black-color:#030303;		/**/

  --white-color:#fdfdfd;		/*SEARCH BOX,GROUP HOTEL BUTTON,CHART TEXT,PAYMENT DETAILS*/

  --grey-color:#f9f9f9;			/*OCCUPANCY BOX,CHECKOUT ROOM DETAIL*/

  

  --light-grey-color:#ebebeb;	/*CURRENCY+LANGUAGE BAR,RATE BOX*/

  

  --dark-grey-color:#b9b9b9;	/*PROPERTY TITLE-ADDRESS SEPARATION LINE*/

  

  --green-color:#419641;        /*CHART,BOOK BUTTON,CHECKOUT BUTTON,CONFIRM BUTTON*/

  

  --rc-color:#24AFE1;			/*FOOTER POWERED BY*/

  --shadow-color:#d0d0d0;		/*BOX SHADOW*/

  

  

  

  --background-color:#fffffff2;	/*BOX BACKGROUND*/

  

  --legend-bg-color:#d9edf7;	/**/

  --rate-item-row-height:120px;

  --rate-item-col-height:110px;

  --supp-item-row-height:170px;

  --supp-item-col-height:170px;  

  

    --cyan-100:#cff4fc;

	--cyan-200:#9eeaf9;

	--cyan-300:#6edff6;

	--cyan-400:#3dd5f3;

	--cyan-500:#0dcaf0;

	--cyan-600:#0aa2c0;

	--cyan-700:#304299; /*#087990*/

	--cyan-800:#055160;

	--cyan-900:#032830;

  

	--gray-100:#f8f9fa;

	--gray-200:#e9ecef;

	--gray-300:#dee2e6;

	--gray-400:#ced4da;

	--gray-500:#adb5bd;

	--gray-600:#6c757d;

	--gray-700:#495057;

	--gray-800:#343a40;

	--gray-900:#212529;



	--blue-100:#cfe2ff;

	--blue-200:#9ec5fe;

	--blue-300:#6ea8fe;

	--blue-400:#3d8bfd;

	--blue-500:#0d6efd;

	--blue-600:#0a58ca;

	--blue-700:#084298;

	--blue-800:#052c65;

	--blue-900:#031633;



	--indigo-100:#e0cffc;

	--indigo-200:#c29ffa;

	--indigo-300:#a370f7;

	--indigo-400:#8540f5;

	--indigo-500:#6610f2;

	--indigo-600:#520dc2;

	--indigo-700:#3d0a91;

	--indigo-800:#290661;

	--indigo-900:#140330;



	--purple-100:#e2d9f3;

	--purple-200:#c5b3e6;

	--purple-300:#a98eda;

	--purple-400:#8c68cd;

	--purple-500:#6f42c1;

	--purple-600:#59359a;

	--purple-700:#432874;

	--purple-800:#2c1a4d;

	--purple-900:#160d27;



	--pink-100:#f7d6e6;

	--pink-200:#efadce;

	--pink-300:#e685b5;

	--pink-400:#de5c9d;

	--pink-500:#d63384;

	--pink-600:#ab296a;

	--pink-700:#801f4f;

	--pink-800:#561435;

	--pink-900:#2b0a1a;



	--red-100:#f8d7da;

	--red-200:#f1aeb5;

	--red-300:#ea868f;

	--red-400:#e35d6a;

	--red-500:#dc3545;

	--red-600:#b02a37;

	--red-700:#842029;

	--red-800:#58151c;

	--red-900:#2c0b0e;



	--orange-100:#ffe5d0;

	--orange-200:#fecba1;

	--orange-300:#feb272;

	--orange-400:#fd9843;

	--orange-500:#fd7e14;

	--orange-600:#ca6510;

	--orange-700:#984c0c;

	--orange-800:#653208;

	--orange-900:#331904;



	--yellow-100:#fff3cd;

	--yellow-200:#ffe69c;

	--yellow-300:#ffda6a;

	--yellow-400:#ffcd39;

	--yellow-500:#ffc107;

	--yellow-600:#cc9a06;

	--yellow-700:#997404;

	--yellow-800:#664d03;

	--yellow-900:#332701;



	--green-100:#d1e7dd;

	--green-200:#a3cfbb;

	--green-300:#75b798;

	--green-400:#479f76;

	--green-500:#198754;

	--green-600:#146c43;

	--green-700:#0f5132;

	--green-800:#0a3622;

	--green-900:#051b11;



	--teal-100:#d2f4ea;

	--teal-200:#a6e9d5;

	--teal-300:#79dfc1;

	--teal-400:#4dd4ac;

	--teal-500:#20c997;

	--teal-600:#1aa179;

	--teal-700:#13795b;

	--teal-800:#0d503c;

	--teal-900:#06281e;

	

	--ochre-100:#d4ba90;

	--ochre-200:#caa976;

	--ochre-300:#c0995c;

	--ochre-400:#b48945;

	--ochre-500:#9a753b;

	--ochre-600:#806231;

	--ochre-700:#674e27;

	--ochre-800:#4d3a1d;

	--ochre-900:#332713;	



	--litepicker-container-months-color-bg: var(--white-color);

	--litepicker-container-months-box-shadow-color: var(--shadow-color);

	--litepicker-footer-color-bg: #fafafa;

	--litepicker-footer-box-shadow-color: var(--shadow-color);

	--litepicker-tooltip-color-bg: var(--white-color);

	--litepicker-month-header-color: var(--gray-900);

	--litepicker-button-prev-month-color: var(--gray-600);

	--litepicker-button-next-month-color: var(--gray-600);

	--litepicker-button-prev-month-color-hover: var(--gray-800);

	--litepicker-button-next-month-color-hover: var(--gray-800);

	--litepicker-month-width: calc(var(--litepicker-day-width) * 7);

	--litepicker-month-weekday-color: var(--gray-600);

	--litepicker-month-week-number-color: #9e9e9e;

	--litepicker-day-width: 38px;

	--litepicker-day-color: var(--gray-900);

	--litepicker-day-color-hover: var(--cyan-800);

	--litepicker-is-today-color: var(--cyan-300);

	--litepicker-is-in-range-color: var(--cyan-200);

	--litepicker-is-locked-color: var(--gray-500);

	--litepicker-is-start-color: var(--white-color);

	--litepicker-is-start-color-bg: var(--cyan-600);

	--litepicker-is-end-color: var(--white-color);

	--litepicker-is-end-color-bg: var(--cyan-600);

	--litepicker-button-cancel-color: var(--white-color);

	--litepicker-button-cancel-color-bg: var(--gray-600);

	--litepicker-button-apply-color: var(--white-color);

	--litepicker-button-apply-color-bg: #2196f3;

	--litepicker-button-reset-color: #909090;

	--litepicker-button-reset-color-hover: #2196f3;

	--litepicker-highlighted-day-color: var(--green-600);

	--litepicker-highlighted-day-color-bg: #d1e7dd;





	--met-bg:#f5f4f1;

	--met-white:#ffffff;

	--met-blue:#304299;

	--met-blue-superlight:rgba(182,186,210,0.2);

	--met-blue-light:rgba(43,57,144,0.3);

	--met-blue-dark:#182263;

	--met-red:#861a23;



	  

/* DEFAULT COLOR [END]----------------------------------------------------------------------------*/

}





.daterangepicker td.active, .daterangepicker td.active:hover {

    background-color: var(--cyan-700);

    border-color: transparent;

    color: #fff;

}







/*********************************  GENERAL START **************************************/



body {

	background-color: var(--met-bg);

	color: var(--gray-800);

	font-family:'Roboto','Montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif;

	

}





.margin-top{

	

	margin-top: 10px;

	

}



.pad-30{

	padding-left: 30px;

	padding-right: 30px;

}



.margin-bottom{

	

	margin-bottom: 10px;

	

}





.no-padding{

	padding: 0px;

}



.pad-10 {

    padding: 10px;

}



/***********  BUTTONS *****/





.be-btn{

	

	/*

	font-size: 14px;

	max-width:300px;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 15px;

    padding-right: 15px;

    box-shadow: 1px 1px 1px var(--shadow-color);

    transition: 0.1s;

    outline: 0;

    border-radius: 3px;

*/

    text-transform: uppercase;

    font-size: 14px;

    color: var(--met-red);

    border: 1px solid;

    border-radius: 2rem;

    background-color: var(--met-bg);

    border-color: var(--met-red);

    padding: 1rem 2rem;

    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

    

}



.be-btn:focus{

	outline: none !important;

}





.be-btn:hover{

	outline: 0;

	cursor: pointer;	

	background-color: #861a23;

    color: #fff;

}



@media only screen and (max-width: 991px) {



	.be-btn{

		padding-left: 7px;

	    padding-right: 7px;

	}

}







.btn-one, .btn-two{

	background-color: var(--met-blue);

	color:var(--met-white);

	border-color: var(--met-blue);

}



.btn-one:hover, .btn-one:focus, .btn-two:hover, .btn-two:focus {

	color: var(--white-color);

	background-color: var(--met-blue-dark);

	

}

/*

.btn-two{

    background-color: var(--green-500);

    color: var(--white-color);

    border: 1px solid var(--green-700);

}



.btn-two:hover, .btn-two:focus{

	color: var(--white-color);

	

}

*/





.btn-grey{

	background-color: var(--gray-200);

	color:var(--white-color);

	border:1px solid var(--gray-400);

}



.be-hidden{

	display: none;

}



small.hr_conversion{

	

	font-size: 70%;

}









/*********************************  GENERAL END *************************************/

/**************************   MEDIA QUERY GENERAL HIDE/SHOW *************************/



@media only screen and (max-width: 420px) {

    

    .desktop{



    	display:none;

    }

    .mobile{

    	display:block;

    }



}



@media only screen and (min-width: 421px) {

    

    .desktop{



    	display:block;

    }

    .mobile{

    	display:none;

    }



}

/**************************   MEDIA QUERY GENERAL HIDE/SHOW END *****************************/





.resume_span_container{



	display: inline-block;

    font-size: 14px;

    margin-top: 5px;

    margin-bottom: 5px;

    padding: 3px 10px;

    font-weight: 400;

    white-space: normal;

    background: var(--white-color);

    color: var(--cyan-700);

/*    border: 1px solid var(--cyan-700);*/

    transition: transform .2s;

}

.resume-dates{

	margin-top:5px;

	text-transform:uppercase;

	padding-right: 0px;

	padding-left: 25px;

    text-align: left;

	

}



.resume-dates-titles{

	font-weight:bold;

	color: var(--cyan-700);

}



#summary-tab{

padding:10px;



}



.add-room-col{

	padding: 0px;

}





.dx-col{

	display: block;

	position: relative;

}





.dates_calendar{

		animation: pulsex 5s infinite;

}



.be-rc-button{

	

	color: var(--gray-800);

}



.be-rc-button:hover{

	

	color: var(--gray-900);

	transform: scale(1.05);

}











.room-row{

	height: auto;

}



.room-col{

	height: auto;

}



.h-50{

	height: 50px;

}





.paymentdetail:hover{

	text-decoration: underline;

	cursor: pointer;

} 







.tratment-div{

	padding-bottom: 5px;

}







.price-font{

	font-size: 14px;

    font-weight: 700;

    color: var(--cyan-700);

}

.basket-price-font{

    font-size: 12px;

    font-weight: 500;

    color: var(--cyan-700);

}



#guest_notes{

	

	resize:vertical;

}



.confirm_item_currency{

	padding-left:5px;

}



.total-titles{

	font-weight: 500;

    color: var(--cyan-700);

    

}



.basket_total_span{

	font-weight: bold;

	color: var(--cyan-800);

	font-size:16px;

    

}



#span_total_prepaid{

	padding-left: 5px;

}



.span_total_prepaid{

	font-weight: bold;

	color: var(--cyan-700);

	font-size:16px;

}



.currency-font{

	padding-left:5px;

	font-size: 14px;

    color: var(--cyan-700);

}



.basket_total_currency{

	padding-left: 5px;

}



.inline-block{

	

	display: inline-block;

	

}



#row-total{

	padding-bottom:10px;

	font-weight: bold;

	

}



.rate_price{

	

}



.label_perc_discount{

margin: 0px 5px;	

}



.disp-block{

	

	display: block;

	

}

.disp-inline-block{

	

	display: inline-block;

	

}

.treatment_desc{

	font-size: 11px;

    text-transform: uppercase;

    color: var(--cyan-700);

    text-align: center;

    font-weight: 700;

}





.product-first-img{

	padding-left:10px;

	max-width:100%;

	max-height: 450px;

}



.product-first-img:hover{

cursor: pointer;	

}

.be-carousel-img{

	

}

.carousel-custom-img{

	max-height:75vh;

	position: relative;

    left: 0;

    right: 0;

    margin: auto;

}

.treatment-icon{

/*	display:block;*/

	color: var(--cyan-700);

    font-size: 20px !important;

}



.blu-icon{

	color: var(--cyan-700);

}



.calendar-avaiable{

	

/*	background-color: var(--cyan-700) !important;*/

	

}



.calendar-not-available{

	

	background-color: var(--red-color) !important;

	color: var(--white-color) !important;

	

}



.unselectable{

	

	background-color: var(--dark-grey-color);

}



#privacy-tab{

	

	margin-top: 10px;

}



#privacy-tab-result{

	

	margin-top: 10px;

}

/*

.src-address-tab{

	max-width: 328px !important;

}

*/

.address-tab{

	

	text-align: center;

	margin-top: 5px;

	

	background-color: transparent;



}



#addresses-tab>div{

	padding:0px;

	background-color: transparent;



}



#src-tab{

	

	margin-top: 10px;	

	padding: 5px 5px;

}



.readMore:hover{

	cursor: pointer;

	

}



.readMore{

	font-size: 14px !important;

}



.grey-icon{

	filter: grayscale(100%);

	margin-right:3px

}





.margin-15{

	margin-left: 15px;

	margin-right: 15px;

}



#summary-col{

	margin:15px;

	padding: 10px;

}



.rate-col-desc {

	border-top: 1px  solid var(--met-blue-light);

	padding-top: 10px;

	    padding-bottom: 10px;

	background-color: var(--met-blue-superlight);

}





/*****************************************************		STEP CURRENCY LANG HEADER	*******************************************************************/

#top_bar_mobile{



	padding: 0px;

	margin: 0px;

	font-size: 12px;

	

	

}



#top_bar_mobile>div{

	

	padding: 10px;

	

}



#top_bar_mobile p{

	margin-bottom: 0px;

	

	

}



#lang_bar_mobile {

	

	background-color: var(--light-grey-color);



}

#lang_bar_mobile button{

	

	background-color: transparent;

	border: none;

}



#cur_bar_mobile {

	

	background-color: var(--light-grey-color);



}



#cur_bar_mobile button{

	

	background-color: transparent;

	border: none;

}



#top_bar{



	padding: 0px;

	margin: 0px;

	font-size: 12px;

	

}



#msg-tab{



	padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

	

}



#res-tab{



	padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

	

}



#instruction-tab{

	

	padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

	

}



#checkin-options{

padding: 10px;

    margin-top: 10px;

    margin-left: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

}



#confirm-payment-resume{

	

	padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

	

}



.total-pad{

	

}



#amount-tab{

		padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

}



#guest-tab{

	

	padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

	

}



#conf-addr-tab{

	max-width:1024px;

	padding: 10px;

	padding-top:0px;

	margin-top: 0px;

	margin-left:5px;

	margin-right:10px;

	margin-bottom:10px;

	

}



.img-thumbnail{

	max-height:100px;

}



#addr-tab{



	padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:5px;

	

}







#map-tab{



	padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

	

}



#directions{

	text-align: left;

}





#directions-tab{



	padding: 10px;

	margin-top: 10px;

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

	

}



.resume-product-tab{

	

	min-height: 200px;

    padding: 10px 0px;

    margin-top: 10px;

    margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

}



#top_bar>div{

	

	padding: 10px;

	

}



#top_bar p{

	margin-bottom: 0px;

}







#lang_bar {

	

	background-color: #dfdcd2;



}

#lang_bar button{

	

	background-color: transparent;

	border: none;

}



#cur_bar {

	

	background-color: #dfdcd2;



}



#cur_bar button{

	

	background-color: transparent;

	border: none;

}





#resume_table{

	    width: 100%;

	    text-transform: uppercase;

}





/*****************************************************		END STEP CURRENCY LANG HEADER	*******************************************************************/







/*****************************************************	ROOM IMG GALLERY ***************************************************/

.col-md-3.search-result-gallery.room-col

{

width:235px;

height: 150px;

overflow: hidden;

margin-bottom: 20px;

/*box-shadow: 0 0 8px 2px var(--shadow-color);*/

}







.col-md-3.search-result-gallery.room-col img

{

width: 235px;

height: 150px;

object-fit: cover;

object-position: center;

padding: 0px;



}



/*****************************************************	END ROOM IMG GALLERY ***************************************************/



#main-row{

padding-top: 0px;

padding-right: 0px;

padding-left: 0px;

padding-bottom: 0px;

}



#result-col{

	

	padding-top: 10px;

	padding-right: 15px;

	



}



#search-col{

	padding-top: 10px;

	padding-left:0px;

}





#calendar_row{

padding:10px;

}



.white-transparent{

background-color: var(--background-color);

max-width: 1024px;

/*box-shadow: 0 0 10px 2px var(--shadow-color);*/





}



.right-box{

	min-height: 55px;

    padding: 15px 0px;

    margin-top: 5px;

    margin-right: 0px;

    margin-left: 0px;

}







.transparent{

background-color:transparent;

}



#box_logo_img{



max-width: 100%;

max-height:200px;

padding-top: 5px;

padding-bottom: 5px;



}



#info_box_header{

	

	padding: 5px 10px;

    margin-left: 90px;

	

}

#info_box_icon{

    background-color: var(--cyan-700);

    color: var(--gray-200);

    display: block;

    float: left;

    height: 55px;

    width: 55px;

    text-align: center;

    font-size: 35px;

    border-radius: 55px;

    padding: 0px;

    font-family: serif;

    font-style: italic;

    font-weight: 700;

    border: 1px solid var(--cyan-800);

}







/* width */

::-webkit-scrollbar {

  width: 10px;

}



/* Track */

::-webkit-scrollbar-track {

  background: var(--white-color); 

}

 

/* Handle */

::-webkit-scrollbar-thumb {

  background: var(--light-grey-color); 

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: var(--dark-grey-color); 

}



.sold-out{

	background-color: var(--dark-grey-color);

}



.vcenter {

display:block;

position: absolute;

bottom:0;

}



.shopping-cart-button {

  padding: 1rem;

  background-color: var(--green-500);

  color: var(--white-color);

}







.shopping-cart-button i {

  margin-right: 0.5rem;

}



.shopping-cart-dropdown-pane .dropdown-pane {

  padding: 0;

}



.shopping-cart-item {

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 1rem;

  border-bottom: 1px solid #e6e6e6;

}



.shopping-cart-item-name, .shopping-cart-item-price {

  padding: 0 1rem;

}



.shopping-cart-item-name p, .shopping-cart-item-price p {

  margin: 0;

  padding: 0;

}



.shopping-cart-title {

  font-weight: bold;

}



.shopping-cart-checkout {

  padding: 0.5rem;

  margin-bottom: 0;

}







.fa-nav-inverse{



}



.fa-nav{

color: var(--dark-grey-color);

}



.fa-nav-selected{

color: var(--cyan-700);

}



.btn-book{



}



.search-result-item{

	



min-height: 200px;

padding: 25px 0px;

margin-top:8px;

margin-right:0px !important;

margin-left:0px !important;



}



#supp_checkout_btn{

	

	margin: auto;

	margin-top:5px;

	

}



#search_room_legend {

    border: none;

    padding: 10px;

    font-size: 120%;

    margin-bottom: 0 !important;

    vertical-align: middle !important;

    background-color: var(--light-grey-color);

}

#search_room_box {

	position: relative;

    max-width: 400px;

    margin:0 auto;

    text-align:center;

  	display: block;

  	width: 100%;

  	background-color: var(--white-color);

}



/*                      RESULT  STYLE                      */





/*.search-result-gallery{

padding-right: 0px !important;

padding-left: 0px !important;

}*/



.search-result-head{



    display: flex;

    align-items: center;



padding-top:5px;

padding-bottom:5px;

background-color: var(--cyan-700);

color: var(--white-color);

}





.basket>div{

display: block;

position: relative;

}

		

#basket_counter{

	position: absolute;

	   	 	

   	top:2px;

   	left: 55%;

	    	

   	z-index:100;

	    	

   	font-size: 9px;

   	padding: 2px 3px;

   	line-height: .9;

    	}

    	

 .facilities_div{

	

	border-top: solid 1px var(--gray-200);

	color: var(--gray-700);

	padding-top: 5px;

	font-size: 12px;

}



/*                               END    RESULT                        */



.room_add_enabled{

	

	/*color:var(--white-color);

	background-color: #5cb85c;

	border: 1px solid #419641;

	*/

	padding: 0px 1px 0px 1px !important;

	text-transform: none !important;

	font-weight: 700;

	

}



.room_add_enabled:hover, .room_add_enabled:focus{

	cursor: pointer;

	color: inherit !important;

	font-weight: 700;

}





.x-remove{

/*font-size:12px;

padding:0px 5px !important;

*/

color:var(--red-color);

font-weight: bold;

transition: 0.2s;



}



.x-remove:hover{



	color:var(--blue-color);

	font-weight: bold;	

	cursor: pointer;



}



.cart-remove{

	color:var(--red-color);

	font-size:12px !important;

	padding:0px 5px !important;

}



.cart-remove:hover{



	color:var(--blue-color);

	cursor: pointer;



}





.app_child_cnt {

	

	padding-right: 20px;

	

}



.input-no-line {

	

    border: 1px solid var(--cyan-700);

    text-align: center;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 5px;

    padding-bottom: 5px;

    width: 50%;

    border-radius: 3px;

    

}



.input-no-line:focus{

	    border: 2px solid var(--cyan-700);

}



.input-no-line:focus-visible{

	    border: 2px solid var(--cyan-700);

	    outline:none;

}



#rooms_search{



margin-bottom:15px;

padding-right: 25px;

    padding-left: 25px;

}



#hotel_logo_div{

	margin-bottom: 10px;

}



.guest-info-element{

}



.guest-info-element .input-group{

	width: 100%;

}



.guest-info-element .form-group{

	margin-bottom:5px;

}



.help-block{

	margin-top:0px !important;

}



.guest-info-element>input{



}



.guest-info-element>textarea{

	

}



.guest-info-element>select{





padding-top: 4px;

}





#cc_div .form-group .input-group{

	display:block;

}



#sub_form_div_err_pg small{

	color:#a94442;

}



.cc_label{

	padding-top:10px;

}



#payment_div{

	max-width: 1024px;

	margin: 10px 0px;

    padding: 15px;

	background-color: var(--white-color);

	

}





#insurance-resume{

	margin: 10px 0px;

}



@media only screen and (max-width: 991px) {



	

	

	#addresses-tab{

	text-align: center;

	    padding-bottom: 10px;

	margin-top: 0px;

	margin-left: 0px;

	margin-right: 0px;

	}

	

	.price-top-part{

	display: block;

	}

	

	.basket-padding-bottom-left{

		padding-bottom: 10px !important;

	}



	.basket-padding-bottom-right{

		padding-bottom: 70px !important;

	}

	



	

	#search-col{

		

		padding-bottom: 0px;

	}

	

	.hide-mobile{

		display: none !important;

	}

	

	.show-mobile{

		display: block;

	}

	

	.product_detail_basket{

		display: none;

	}



	#result-col{

	

	padding-left:0px;

	padding-top: 10px;

	}

	

	.more-btn{

	

		width: 100%;

	

	}

	

	

	.notav-more-btn{

	

		width: 100%;

	

	}



	

	.navbar-icons >p{

	display: none;

	}

	

	body{

		

		overflow-x:hidden;	

		overflow-y:auto;

/*		background-color: var(--white-color) !important;*/

		 

	}

	

	.scroll-tab{

		/*overflow-x:hidden;*/

		overflow-y:visible;

		padding-bottom:10px;

	}

	

	:root {

	--rate-item-row-height:auto;

    --rate-item-col-height:auto;

    --supp-item-row-height:auto;

  	--supp-item-col-height:auto;

  	--room-item-row-height:auto;

  	--room-item-col-height:auto;

  	

	}

    .supp-block{

	height:auto;

	}

}

 

 	#basket-tab{

	

		max-width: 1024px;

	

	}





@media only screen and (min-width: 992px) {

	span.property-title{

		

		font-size: 20px !important;

	

	}

	

	.src-address-tab{

		max-width: 328px !important;

	}

	

	#floating_basket_footer_content{

		max-width: 500px;

	}

	



	

	.hide-mobile{

		display: block ;

	}

	

	.show-mobile{

		display: none !important;

	}

	

	.product_detail_basket{

		display: block;

	}

	

	#result-col{

	  

		padding-left:10px;

	}

	

	.basket-padding-bottom-right, .basket-padding-bottom-left{

		padding-bottom: 70px !important;

	}

	

	#complete_message{

		padding-left: 5px;

		padding-right:5px;

		padding-bottom: 10px;

	}

	

	#select_supplements{

	

		padding-left: 5px;

		padding-right:5px;

	

	}

	

	#to_complete_message{

		

		padding-left: 5px;

		padding-right:5px;

	

		}

	.src-div-title{

	

	}

	

	

	

	

	#hotel_logo_div, #src-tab, #privacy-tab, #basket-tab-div,#basket-tab  {

		

		max-width: 328px;

	

	}

	



	

	





	

	#summary-tab{

		max-width: 1024px;

	}

	

	#res-tab{

		max-width: 1024px;

	}

	

	#confirm-address-tab{

		max-width: 1024px;

	}

	

	#addr-tab{

		/*max-width: 1024px;*/

	}

	

	#top_bar{

	

		/*max-width: 1024px;*/

	

	}

	

	#msg-tab{

	

		/*max-width: 1024px;*/

	

	}

	

	#directions-tab{

	

		/*max-width: 1024px;*/

	

	}

	

	#map-tab{

	

		/*max-width: 1024px;*/

	

	}

	

	.resume-product-tab{

	

		/*max-width: 1024px;*/

	

	}

	

	#guest-info-div{

		/*max-width: 1024px;*/

	}

	

	#payments-info-div{

		/*max-width: 1024px;*/

	}

	

	#privacy-info-div{

		min-height: 150px;

	}

	

	.search-result-item{

	

		/*max-width: 1024px;*/

	

	}

	

	#daysselected{

		/*max-width: 1024px;*/

	}

	body{

		

		overflow-x:hidden;	

		overflow-y:hidden;

/*		background-color: var(--gray-100) !important;*/

		min-height: 100vh;

	}

	

	.scroll-tab{

	

		height:100vh;

		overflow-x:hidden;

		overflow-y:auto;

		padding-bottom:10px;

	

	}

	.supp-block{

		height:250px;

	}



}



.basket_arrow{

	

	font-weight:400;

	transition:all .2s;

	color:var(--cyan-700);

/*	font-size:12px;*/

}



.basket_arrow:hover{

	font-weight:700;

	color:var(--cyan-700);

/*	font-size:14px;*/

	cursor: pointer;

	

}



#btn-search {

   

}



.btn-block {

    display: inline-block;

}



.mrg-top{



margin-top: 10px;



}



.mrg-btm{



margin-bottom: 10px;



}



.product_total_amount{

	padding:0px;

}







.mrg-top-10{

margin-top: 10px;

}





.confirm_msg{

    color: var(--cyan-700);

    font-weight: bold;

    padding: 10px;

}



.modal-close-span{

	color: var(--cyan-700);

}



.modal-close-span:hover{

	color: var(--dark-blu-color);

}





.input-line{



/* custom */





	border-top-style:solid;

	border-top-width:1px;

	border-top-color: transparent;

	border-left-style:solid;

	border-left-width:1px;

	border-left-color: transparent;

	border-right-style:solid;

	border-right-width:1px;

	border-right-color: transparent;



	border-bottom-style:solid;

	border-bottom-width:1px;

	border-bottom-color: #aaaaaa;

	

	

	background-color:transparent;

	/* custom */

	transition: 0.2s;

	font-weight: bold;

}



.input-line:hover{

	cursor:pointer;

	border-bottom-color: var(--cyan-700);

}



.input-line-calendar, .input-line-calendar-text{

	border-top-style:solid;

	border-top-width:1px;

	border-top-color: transparent;

	border-left-style:solid;

	border-left-width:1px;

	border-left-color: transparent;

	border-right-style:solid;

	border-right-width:1px;

	border-right-color: transparent;



	border-bottom-style:solid;

	border-bottom-width:1px;

	border-bottom-color: #aaaaaa;

	

	

	background-color:transparent;

	/* custom */

	transition: 0.2s;

	font-weight: bold;

	

	height:40px;

	

}

.input-line-calendar-text{

	cursor:default;

}



.input-line-calendar:hover{

	cursor:pointer;

	border-bottom-color: var(--cyan-700);

}



.input-line-calendar:focus {

	

	border-width:0px;

	border-style:solid;

	border-color: var(--cyan-700);

    outline-width: 0;



}







.input-line:focus {

	

	border-color: var(--cyan-700);

    outline-width: 0;



}



.disabled_btn{

cursor: default;

opacity: 0.3 !important;

}



.disabled_btn{



cursor: default !important;

border-width:1px !important;

font-weight: normal !important; 

}





#end_div{

padding:0px !important;

}



#start_div{

padding:0px !important;

}





#src_example{

	

	

   

    display: inline-block;

    box-shadow: 1px 1px 1px var(--shadow-color);

    transition: 0.1s;

    outline: 0;

	    

	

}



#open_privacy_modal{

	color: var(--cyan-700);

}



#open_privacy_modal:hover{

	

	cursor:pointer;

	color: var(--dark-blu-color);

	text-decoration: underline;

	

}



.center_span{

display:block;

position:absolute;

left:10px;



top:0;

bottom:0;

margin:0 auto;



height:30px;

display: grid;

align-items: center;



}



.center_span_div{

height: 30px;

display: block;



}



.text-center{

text-align: center

}



.nopadding {

padding: 0 !important;

display: block;

position: relative;

height:29px;

}





.src-span{

	font-size: 16px;

	

}



.box-btn {

display: inline-block;

height: 20px;

width: 20px;

opacity: 1;

border-radius: 2px;

border-width: 1px;

border-style: solid;

font-weight: normal;

border-width: 1px;

border-color: var(--cyan-600);

background-color: var(--grey-color);

color: var(--cyan-800);

}



.box-btn:hover{

	cursor:pointer;

}



.src-occupancy-icon{

	

 font-size:18px !important;

}



.occupancy-icon{



color: var(--met-blue);



}



.round-btn{



	

display: inline-block;

	

	height: 22px;

	width: 22px;

	

	opacity:1;

  		

	transition: 0.1s;



	border-radius: 50%;

   	border-width:1px;

   	border-style:solid;

	

	/* custom */

	font-weight:normal;

	border-width:1px;  	

    border-color:var(--cyan-700);

	background-color: var(--grey-color);

	color:var(--cyan-900);

  	/* custom */

}



.round-btn:hover{



	cursor:pointer;

	

	/* custom */

	border-width:2px;

   	border-color:var(--cyan-800);

	background-color: var(--grey-color);

	color:var(--cyan-600);

	font-weight:bold;

	/* custom */

}





.form-search{	

	width: 30px;

	height: 30px;

	text-align: center;

}



.room-number {

    /*font-size: 130%;

    background: #b8cedd;

    padding: 0px 7px;

  

    border-radius: 3px;*/

    font-size:14px;

	font-weight:400;

	color:var(--met-blue);

}









#container{

padding-left:10px;

padding-right:10px;



}



#space-div{

height: 46px;

}





.calendar_search_group{



transition: 0.1s;



}



.calendar_search_group i{

	font-size: 20px;

	color: var(--met-white);



}



.calendar_search_group:hover{



cursor:pointer;



}



.room_bed_div{

	

	padding-bottom:5px;

	

	

}



.number-nights {

background: var(--cyan-700)9c !important;

color: white !important;

padding: 0px 3px;

border-right-style: dotted !important;

border-right-color: #f5f5f5 !important;



}







.room_header_span_add{

	

	margin-bottom: 5px;

}







#search_calendar {

	text-align: center;

}



#search_calendar:hover {

	cursor: pointer;

}



.text-right-bottom{

bottom:0;

position: absolute;

}





.room_header_div{

margin-bottom: 10px;

}





.navbar-icons{

margin-top:0px; 

}







.roo_desc_div .facilities_div{

display: block;



}



.smaller{

	    font-size: 70%;

}



.selected-item{

	padding: 10px 0px 5px 0px;

	margin-top: 5px;

	

    background-color: var(--gray-100);

    border-left: 3px solid var(--gray-300);

}



.all_rate_title{

	    color: var(--cyan-700);

    text-transform: uppercase;

}



.rm-cnt{

	

	margin-top: 10px;

	padding-top: 5px;

    border: 1px solid var(--met-blue-light);

    /*border-left: 3px solid var(--gray-300);*/

	

}



.div-title{

	margin-bottom: 5px;

}

.title{

	    margin-bottom: 5px;

	        position: relative;

display: flex;

flex-flow: row;

justify-content: center;

align-items: center;

	text-transform: uppercase;

}



.title>hr{

margin-top: auto;

margin-bottom: auto;

border-top: 1px solid var(--cyan-700);

flex: 1;

display: none;

}



.title:after {

    content: "";

    width: calc(100% - 20px);

    position: absolute;

    height: 1px;

    top: 23px;

    background: #ccc;

    margin: 0 10px;

}



.search-titles {

    

    font-weight: 700 !important;

    color: var(--met-blue);

    padding: 0px 10px;

    

}









.active-hr{



	border-top: 2px solid var(--cyan-700) !important;

	

}



.local_taxes_hr{

	

	border-top: 1px solid var(--cyan-700) !important;

	margin: 5px 10px;

	

}



.prepaiment_not_req{

	font-weight: 700;

}



.mrg-top-2{

margin-top: 2px;

}

.center-box-20 {

	line-height:20px;

    text-align: center;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    position: absolute;

}

.center-box{

    text-align: center;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    position: absolute;

    width:100%;

}



.item-divider {

    border-bottom: 1px dotted var(--cyan-700);

    width: 90%;

    margin: auto;

    display: inline-block;

    margin: 5px 0px 5px 5px;

}

.item-divider-cart {

    border-bottom: 1px dotted var(--cyan-700);

    width: 98%;

    margin: auto;

    display: inline-block;

    margin: 5px 0px 5px 5px;

}

.width-100pc{

	width:100%

	

}



.top-part {

	margin-bottom: 10px;

}

.vert-align-middle{

	vertical-align: middle;

}



.center-box-src {

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    position: absolute;

}





/***************************** PAGE - LEFT COLUMN   ******************/



/************* Calendar section *************/

.calendar{

	padding: 0px 5px;

	color: var(--cyan-700);

	background-color: transparent;

	border: 0px solid #ccc;

	border-radius: 0px;

}





.calendar-icon {

border: 0px solid #ccc;

border-radius: 0px;

background: var(--cyan-700)cc;

color: white;

padding: 0px 3px;

height: 34px;

}



.calendar-icon-person{

border: 0px solid #ccc;

border-radius: 0px;

background: var(--cyan-700);

color: white;

padding: 0px 3px;

height: 34px;

}

/************* Add Remove Rooms section *************/



.btn-less{

	

}



.btn-plus{



}

.col-rooms{



    

}

.div-room-num{

	border-bottom: 1px solid var(--met-blue-superlight);

    width: 100%;

    COLOR: var(--cyan-700);

}

.div-room-adult-occupancy{

	padding: 3px;

	font-size: 12px;

    vertical-align: middle;

    width:25px

}

.div-room-child-occupancy{

	padding: 0px 3px;

	font-size: 12px;

    vertical-align: middle;

    width: 20px;

}

.div-room-ages-occupancy{

	padding: 0px 3px;

	font-size: 12px;

    vertical-align: middle;

    white-space:nowrap;

}

.div-room-adult-quantity{

	-webkit-user-select: none; /* Safari */

    -ms-user-select: none; /* IE 10 and IE 11 */

    user-select: none; /* Standard syntax */

	white-space: nowrap;

    width: 80px;

    vertical-align: middle;

    background: #ffffff5e;

    padding: 5px;

    border: 1px solid #ffffff;

    border-radius: 3px;

}

.div-supp-adult-quantity{

	-webkit-user-select: none; /* Safari */

    -ms-user-select: none; /* IE 10 and IE 11 */

    user-select: none; /* Standard syntax */

	white-space: nowrap;

    width: 80px;

    vertical-align: middle;

    background: #f5f4f5;

    padding: 5px;

    border: 1px solid #fff;

    border-radius: 3px;

}

.div-room-child-quantity{

	-webkit-user-select: none; /* Safari */

    -ms-user-select: none; /* IE 10 and IE 11 */

    user-select: none; /* Standard syntax */

	white-space: nowrap;

    width: 80px;

    vertical-align: middle;

    background: #ffffff5e;

    padding: 5px;

    border: 1px solid #ffffff;

    border-radius: 3px;

}





.div-room-ages-quantity{

	white-space: nowrap;

    width: 80px;

    vertical-align: middle;

    background: #ffffff5e;

    padding: 5px;

    border: 1px solid #ffffff;

    border-radius: 3px;

}



.div-room-action-add{

    vertical-align: middle;

    width:25px

}

.div-room-action-remove{

    vertical-align: middle;

    width:25px;

}

.div-search-button{

	padding: 10px 0px 10px 0px;

	margin-left:0px;

	margin-right:0px;

}

.form-search-div{

	top: 9px;

	width: 25px;

	vertical-align: middle;

	display:inline-block;

	background-color: white;

}



/************* Cart section *************/







#cart-buttons{

	

	margin: 20px 0px ;

	

}

.cart-room-occupancy{

	font-size: 12px;

}

.cart-room-occupancy .occupancy-icon{

	font-size: 14px;

}

.cart-room-price{

	font-size: 12px;

    font-weight: 400;

}

.cart-room-price-curr{

	font-size: 12px;

    font-weight: 400;

    padding:0px 3px;

}

.cart-discount-curr{

	font-size: 12px;

    font-weight: 400;

    padding:0px 3px;

    color: #008000;

}

.cart-discount-price{

	font-size: 12px;

    font-weight: 400;

    color: #008000;

}

.cart-discount-desc{

	text-transform: capitalize;

	font-size: 12px;

	color: #008000;

}

.div-cart-discount-desc{

	text-align:right;

	text-transform: capitalize;

	font-size: 12px;

	color: #008000;

	padding: 0px 5px;

	width: 211px;

	display: inline-block;

}

.cart-discount-price{

	text-align:center;

	padding: 1px;

    /*background: #90ee9059;*/

    display: inline-block;

}

#cart-items{

	min-height: 0px;

    background-color: var(--white-color);

}

#search-items{

	padding: 5px 5px;

    background-color: var(--white-color);

}

.cart-footer-height{

	display: block;

   margin-top: 10px;

   margin-bottom: 10px;

}



.crossDisabled{

	opacity:0.5;

}



#cart-products-alert{

	

	font-size: large;

	font-weight: 700;

}



#cart-products-alert>i{

	

	color:var(--red-color);

}



#cart-products{

	padding: 0px 10px;

}

.col-cart-remove{

	position: relative;

    text-align: center;

}

.div-cart-discount{

	padding: 0px 0px;

}

.div-cart-discount-price{

	padding: 0px 0px;

	width:50px;

	display:inline-block;

	text-align:center;

}

.div-cart-discount-curr{

	padding: 0px 0px;

	display:inline-block;

}

.div-cart-remove{

	width: 25px;

    vertical-align: middle;

    text-align:left;

}

#item_0 .item-divider-cart{

	display:none;

}

.div-room-desc{

	font-size: 12px;

	vertical-align: middle;

    width: 140px;

}

.div-room-occupancy{

	white-space: normal;

    width: 40px;

    vertical-align: middle;

}

.div-room-occupancy .occupancy-icon{

	font-size: 14px;

}

.div-room-price{

	white-space: nowrap;

    width: 50px;

    vertical-align: middle;

    text-align:center;

}

.div-room-curr{

	white-space: nowrap;

    vertical-align: middle;

}

#products-tab{

	margin-bottom:5px;

	

	padding: 10px 0px 0px 0px; 

}

.shopping-cart-button {

    display: inline-block;

    width: 100%;

	padding: 1rem;

    background-color: var(--green-500);

    color: var(--white-color);

    margin-bottom: 10px;

    border: 0px;

}



.shopping-cart-button i {

  margin-right: 0.5rem;

}

.shopping-cart-dropdown-pane .dropdown-pane {

  padding: 0;

}



.shopping-cart-item {

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 1rem;

  border-bottom: 1px solid #e6e6e6;

}



.shopping-cart-item-name, .shopping-cart-item-price {

  padding: 0 1rem;

}



.shopping-cart-item-name p, .shopping-cart-item-price p {

  margin: 0;

  padding: 0;

}



.shopping-cart-title {

  font-weight: bold;

}



.shopping-cart-checkout {

  padding: 0.5rem;

  margin-bottom: 0;

}



.hotel_address{



}



div.property-title{

	background-color: var(--met-white);

	border: none;

	color: var(--met-blue);

	padding: 20px;

	



}

div.property-title div{

	width: fit-content;

    display: block;

    margin: 0 auto;

    display: flex;

  	justify-content: center;

	

}





table.property-address {

	

}





table.property-address tr{

	

	vertical-align: middle;

}



table.property-address td{

	

	padding-right: 3px;

	padding-left: 3px;

	font-size: 11px;

    font-weight: 400;

}





div.property-info{

	

	padding: 10px;

}

	



span.property-title{

	display:inline-block;

	font-size:16px;

	font-weight:700;

	text-transform:uppercase;

	

}

.property-address{

	display:inline-block;	

	font-size:11px;

	font-weight:400;

	

}

#cart-footer{

	padding:5px

}

#cart-footer span{

	vertical-align:middle;

}

.privacy{



    text-transform: uppercase;

}



.pci{

	max-width: 60px;

}



.psd2{

	max-width: 45px;

}

#privacy_security{

	margin-top:5px;

	margin-bottom:5px;

}

/****************** PAGE - RIGHT COLUMN ******************/



/****** Top bar section **************************/



/****** currency - start **************************/



.btn-group-header{

	

}



.btn-group-header>button{

	min-height: 35px;

}



.active_lang, .active_curr {

    background-color: var(--cyan-700) !important;

    color: white !important;

}



.caret{

    border-right: 6px solid transparent;

    border-left: 6px solid transparent;

    margin-left: 5px !important;

}

.dropdown, .dropdown .btn{

	   min-height: 30px;

}



.dropdown-menu{

	min-width: 130px;

	left: 0px;

	text-align:center;

	padding:0px;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

    color: var(--cyan-700);

}

.lang_flag, .changeLanguage i  {

    margin: 0px 5px 2px 0px;

}

/****** currency - end ************/





.changeLanguage:hover{

	

	cursor: pointer;

	

}



.changeCurrency:hover{



	cursor: pointer;

	

}



.active_curr {

	background-color: var(--black-color);

	color: white !important;

}



.active_lang {

	background-color: var(--black-color);

	color: white !important;	

}



.navbar-icons>p {

    width: 110px;

    margin-left: -40px;

    text-align: center;

    text-transform: uppercase;

    font-size:11px;

}

.title-step {

  display:flex;

  flex-flow:row;

  justify-content:center;

  align-items:center;

}

.title-step>hr {

	margin-top :auto;

	margin-bottom:auto;

	margin-right:-35px;

	margin-left:-10px;

	flex:1;

	border-top: 1px solid var(--cyan-700);

}

/*begin currency*/

.currencies{

	POSITION: relative;

	float:right;

	z-index: 99;

	WIDTH: 65px;

	

}



UL.CurrMenu {

	margin-top: 2px;

	margin-right: 8px;

	vertical-align: bottom;

	z-index: 99;

	padding-left: 16px;

}

UL.CurrMenu UL {

	LIST-STYLE: none none outside; Z-INDEX: 999; BORDER-BOTTOM: #dddddd 2px solid; POSITION: absolute !important; BORDER-LEFT: #dddddd 2px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; 

WIDTH: 58px !important; PADDING-RIGHT: 0px; BACKGROUND: #f2f2f2 0px 0px; VISIBILITY: hidden; TOP: 17px; PADDING-TOP: 0px; LEFT: -2px

}



UL.CurrMenu LI {

	POSITION: relative !important; PADDING-BOTTOM: 0px !important; MARGIN: 0px; PADDING-LEFT: 0px !important; 

WIDTH: 58px !important; PADDING-RIGHT: 0px !important; DISPLAY: block !important; FLOAT: left !important; HEIGHT: auto; PADDING-TOP: 0px !important

}

UL.CurrMenu LI:hover > UL {

	VISIBILITY: visible

}



UL.CurrMenu LI A:hover {

	POSITION: relative !important; BACKGROUND-COLOR: #333333; FONT: 12px Verdana; COLOR: #fff !important; TEXT-DECORATION: none

}

UL.CurrMenu LI IMG {

	border:0; MARGIN: 2px 6px -1px 0px; FLOAT: none !important

}

UL.CurrMenu A {

	Z-INDEX: 999; TEXT-ALIGN: left; DISPLAY: block; FONT: 11px Verdana; FLOAT: right !important; HEIGHT: 18px !important; COLOR: #333333; CURSOR: pointer !important; TEXT-DECORATION: none !important; font-size-adjust: none; font-stretch: normal

}

UL.CurrMenu A:active {

	OUTLINE-STYLE: none

}

UL.CurrMenu A:focus {

	OUTLINE-STYLE: none

}

UL.CurrMenu A:visited {

	TEXT-DECORATION: none !important

}



UL.CurrMenu UL A {

	PADDING-BOTTOM: 0px !important; PADDING-LEFT: 8px !important; 

WIDTH: 54px !important; PADDING-RIGHT: 0px !important; DISPLAY: block !important; WHITE-SPACE: nowrap; PADDING-TOP: 0px !important

}

UL.CurrMenu A:hover UL {

	VISIBILITY: visible

}

UL.CurrMenu A:hover A:hover UL {

	VISIBILITY: visible

}

UL.CurrMenu A:hover A:hover A:hover UL {

	VISIBILITY: visible

}



.CurrMenu1 {

	PADDING-BOTTOM: 0px; 

	PADDING-LEFT: 9px; 

	

WIDTH: 53px !important; 

	PADDING-RIGHT: 0px; 

	MARGIN-RIGHT: 0px; 

	TEXT-DECORATION: none !important; 

	PADDING-TOP: 1px; 

	COLOR: #fff !important; 

	border:1

	

}

.CurrMenu1:hover {

	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: #333333; 

WIDTH: 54px !important; COLOR: #fff !important; BORDER-TOP: medium none; FONT-WEIGHT: normal !important; BORDER-RIGHT: medium none

}

.CurrMenu1 SMALL {

	COLOR: #ffffff; FONT-SIZE: 11px;

}

.CurrMenu1:hover SMALL {

	COLOR: #fff; FONT-SIZE: 11px

}







/*end currency*/



/****************************** Search Results section *******************/

#daysselected {

    background: var(--white-color);

    padding: 10px;

    margin-left: 0px;

    margin-top: 10px;

    margin-right: 0px;



}



#daysselected_header{

	color:var(--cyan-700);

}



.icon-change-warning{

	vertical-align: middle;

    padding: 0 10px;

    display: inline-block;

    color: #ff8c00;

}

#src_change{

	text-align:center;

	background: #faf88e;

    padding: 5px;

    margin: 5px 0px 0px 0px;

}

.src_change {

    line-height: 12px;

    background: #faf88e;

    padding: 5px !important;

    border-radius: 3px;

    box-shadow: 3px 3px 5px 1px #00000017;

}

.src_change i {

    vertical-align: middle;

    padding: 0 10px;

    display: inline-block;

    color: #ff8c00;

}







#alert-div{

	width:100%;

    background-color: var(--red-color);

    color: var(--white-color);

    position: fixed;

    top: 0;

    z-index: 10;

    padding-top: 10px;

    padding-bottom: 10px;

    font-weight: 400;

    display: none;

    border-bottom: 2px solid var(--white-color);

    }



#alert-div i{

	vertical-align: middle;

    padding: 0 10px;

    display: inline-block;

    color: var(--white-color);

  

}



#alert-div span{



    color: var(--white-color);

}



.block-container{

	display: block;

	position: relative;

}



/************* Room Item section *************/

.best-price{

    vertical-align: middle;

    font-size: 20px;

    padding: 0 5px;

    white-space: nowrap;

}



.fac-pipe{

	

	font-weight:400;

	padding: 0px 3px;

}



.offer_title {

    /*box-shadow: 3px 3px 3px var(--shadow-color);*/

    font-weight: 400 !important;

    font-size: 140%;

    width: fit-content;

    margin-top: 10px;

    text-transform: uppercase;

}



.room-facilities{

	text-transform: uppercase;

	font-size: 95%;

	

	white-space: nowrap;

}





#contact-div{

	padding-left:15px;

	

}



#contact-div>i{

	padding-right:10px;

	

}



.remove_supps{

	background-color: var(--red-color);

	color: var(--white-color) !important;

}



.prepaid-titles{   

	padding-left: 5px;

	font-size: 14px;

    font-weight: 700;

    color: var(--cyan-700);

}

.room-size{

	font-size: 14px;

}



.main-pg-div{

	background-color: var(--white-color);

	

}

.no-margin{

	margin: 0px;

}

.pg_sel{

	background-color: var(--gray-100);

	border: 1px solid var(--gray-300);

}



.pg-hr{

	margin: 10px 0px;

    border: 1px solid var(--gray-200);

}



.label-available {

	display: inline-block;

	font-size: 14px;

    margin-top: 5px;

    margin-bottom: 5px;

    padding: 3px 10px;

    font-weight: 400;

    white-space: normal;

	background: var(--white-color);

	color:var(--cyan-700);

	border: 1px solid var(--cyan-900);

	transition: transform .2s;

}



.label-available-last {

	

    font-size: 105%;

    font-weight: 400;

    display:inline-block;

    background:var(--red-color);

    color:var(--white-color);

    margin-top: 5px;

    vertical-align: text-top;

    transition: transform .2s;



}





.msg-tab{

	

}



#instruction_title{

	

	color:var(--cyan-700);

}



.guest-title{

	font-weight: bold;

    color: var(--cyan-700);

	text-transform: uppercase;

}



.room-hr{

	margin-top:5px;

	margin-bottom:10px;

	border-top: 1px solid var(--light-grey-color);

	

}



.stars-color{

	

}



.address-hr{

	margin-top:5px;

	margin-bottom:10px;

	border-top: 1px solid var(--dark-grey-color);

	

}



.activateOffer{



}



#offerDescriptions{

	padding-left: 0px;

	padding-right: 0px;

	

	

}



#offerDescriptions .img-thumbnail{

	

	padding: 1px;

}



#offerDescriptions .carousel-control{

	

	width: 5%;

	background-image:none;

	color: var(--cyan-100);

}

#offerDescriptions .carousel-control.right, #offerDescriptions .carousel-control.left{

	

	width: 5%;

	background-image:none;

}



#offerDescriptions .carousel-control .glyphicon-chevron-left, #offerDescriptions .carousel-control .glyphicon-chevron-right, #offerDescriptions .carousel-control .icon-next,#offerDescriptions .carousel-control .icon-prev {

  

    top: 62%;

}

#offerDescriptions .carousel-inner{

	

	min-height: 90px;

	

}





.offertitle {

	

	background-color: var(--met-blue-superlight);

        border-top: 1px solid var(--met-blue-light);	

	

}

.offer-box{

	    margin:0px;

	    padding-top: 10px;

	    padding-bottom: 10px;

	    border-left: 2px solid transparent;

	   

}



.offer-box:hover{

	    

	    border-left: 2px solid var(--cyan-200);

}



#offer_div{

	

	margin-top:5px;

	min-height: 55px;

    padding: 0px 0px 0px 0px;

    margin-right: 0px;

    margin-left: 0px;

}







.room-title{

	color:var(--cyan-700);

	font-size: 20px;

	font-weight: bold;

	text-transform: uppercase;

	font-weight: 700;

	width: fit-content;

	margin-top: inherit;

	

}







.label-room-quantity {

	vertical-align: middle;

    font-size: 20px;

    white-space: nowrap;

    font-size: 20px;

    font-weight: bold;

    color: var(--cyan-700);

}



.last-available{

	color:var(--red-color);

} 



.label-room-quantity-desc {

	color:var(--cyan-800);

	

}











.label-best-price {

	display: inline-block;

	font-size: 14px;

    margin-top: 5px;

    padding: 3px 5px;

    font-weight: 400;

    white-space: normal;

	background: #5cb85c;

	color:white;

	transition: all .2s;

}

.label-best-price-desc {

	line-height: 20px;

	vertical-align: text-top;

}

.label-offer{

	font-weight:normal;

	    font-size: 11px;

	    text-transform: uppercase;

	white-space: normal;

    display: inline-block;

	    color: var(--met-white);

    background-color: var(--met-red);

    border: 1px solid var(--met-red);

	padding:8px 12px 7px 10px;

	/*transition: transform .2s;*/

	

}





/********************** Rate Item section ********************/

.cancellation_text{

color: var(--green-500);

display: block;

margin: 5px 0px 5px 0px;

font-weight: 700;

}



.cancellation_text-nr{

	

	color:var(--met-red);

	display: block;

	margin: 5px 0px 5px 0px;

	font-weight: 700;

}



.cancellation_text-pr{

	color: forestgreen;

	display: block;

	margin: 5px 0px 5px 0px;

	font-weight: 700;

}



.div_mandatory_div{

	color: var(--red-color);

}



.rate-item{

    border: 0;

    border-top: 0px solid #fefefe;

    border-bottom: 0px solid #dbdada;

    background: #fff;

    padding: 5px;

    margin-top: 0px;

    margin-bottom: 8px;

    margin-left: -5px;

    margin-right: -5px;



    transition:all .15s;

    border-left:0px solid var(--cyan-700);

}



.product-col{

	padding-top: 10px;

	padding-bottom: 5px;

	background-color: var(--white-color);

	border-left:2px solid var(--white-color);

	border-top: 1px solid var(--gray-200);

	border-bottom: 1px solid  var(--white-color);

	

}



.product-col:hover{

	background-color: var(--gray-100);

	border-top: 1px solid var(--gray-200);

	border-left:2px solid var(--cyan-700);

	border-bottom: 1px solid var(--gray-300);

	

}



.occupancy-center{



	width: 60%;

    left: 0;

    right: 0;

    display: block;

    margin: auto;

    text-align: left;	

    color: var(--cyan-700);

}









.rate-item-col{

/*	border-right:1px solid #33749b30;

	min-height:var(--rate-item-col-height);

	height:inherit;

	padding: 10px 10px 10px 10px !important;*/

}

.rate-title{

	color: var(--cyan-700);

    font-weight: 700;

    text-transform: uppercase;

}



.cart-dates-details{

	background: whitesmoke;

	padding: 0 !important;

}

.cart-dates-info{

	background: whitesmoke;

    padding: 5px

}



/********************** OPTIONS PAGE - Supplements  ********************/

.supp_item_div {

	min-height: 200px;

    padding-top: 15px;

    padding-right: 0px;

    padding-left: 0px;

    margin-top: 5px;

    margin-right: 0px;

    margin-left: 0px;

}

.label-supp-best-price {

	display: inline-block;

	font-size: 14px;

    margin-top: 5px;

    padding: 3px 5px;

    font-weight: 400;

    white-space: normal;

	background: #5cb85c;

	color:white;

}

.label-supp-quantity-desc {

	line-height: 20px;

	vertical-align: text-top;

}

.supp-best-price{

    vertical-align: middle;

    font-size: 20px;

    padding: 0 5px;

    white-space: nowrap;

}

.label-supp-price-type {

	display: inline-block;

	font-size: 14px;

    margin-top: 5px;

    padding: 3px 10px;

    font-weight: 400;

    white-space: normal;

	background: darkgoldenrod;

	color:white;

}



.label-supp-price-type-desc {

	line-height: 20px;

	vertical-align: text-top;

}

.label-supp-price-type-quantity {

	display: inline-block;

	vertical-align: middle;

    font-size: 20px;

    padding: 0 5px;

    white-space: nowrap;

    font-size: 20px;

    font-weight: 400;

}

.supp-vert-align-container{

    height: 30px;

    vertical-align: middle;

    position: relative;

}

.cart-supp-room-desc {

    font-size: 14px;

    text-transform: uppercase;

    color: var(--cyan-700);

}

.label-supp-total {

	display: inline-block;

	font-size: 14px;

    margin-top: 5px;

    padding: 3px 10px;

    font-weight: 400;

    white-space: normal;

	background: #5fa5cfc4;

	color:white;

}

.label-supp-total-desc {

	line-height: 20px;

	vertical-align: text-top;

}

.label-supp-total-type-quantity {

	display: inline-block;

	vertical-align: middle;

    font-size: 20px;

    padding: 0 5px;

    white-space: nowrap;

    font-size: 20px;

    font-weight: 400;

}

.font-weight-500{

	font-weight: 500;

}



.font-weight-700{

	font-weight: 700;

}



#basket_tax{

	padding: 0px 10px;

}

#basket{

	margin: 10px 0px;

    padding-left: 5px;

    padding-right: 5px;

}

.span-tax-curr{

	padding-left:3px;

	font-size:12px;

}

#cart_tab{

	padding: 0px 10px;

	margin: 20px 0px;

}

#taxes-tab{

	margin-bottom: 15px;

    margin-top: 15px;

}

.row-net, .row-taxes, .row-totale, .row-in-place{

	text-align:right;

}

.row-net, .row-taxes, .row-in-place, .row-totale-prepaid{

	text-align:right;

	font-size:12px;

	

}



.row-in-place{

	padding-top:10px;

}



.local_tax_span{

	padding-left:10px;

	font-size: smaller;

	display: block;

}



.row-totale{

	font-weight:700;

	font-size:14px;

	height:30px;

	border-bottom: 0px solid #dfdfdf;

    border-top: 0px solid #dfdfdf;

    background: whitesmoke;

    padding: 7px 0px 0px 0px;

    margin: 0px 0px 5px 0px;

}

.supp-heading-optional{

	font-size: 16px;

	

}



.row-totale-prepaid{

	

}

.add_supplement.mandatory{

	font-weight: 400;

	padding-top: 10px;

    font-size: 14px;

    text-transform: uppercase;

	

}



.supp_table td {

	

	padding: 5px 10px 5px 10px;

	

}



.supp-valign-optional{

	height: 50px;

}

.supp-valign-supplementi{

	height: 50px;

}

.supp-valign-room-title{

	height: 50px;

}

.supp-valign-title{

	height: 30px;

}

.div-supp-optional-title{

	text-align:center;

}

.div-supp-optional-back{

	text-align:left;

}

.div-supp-optional-skip{

	text-align:right;

}

.div-supp-item-room-title{

	text-align:center;

}









.div-supp-item-title{

	text-align: left;

	padding: 10px 0px 10px 0px !important;

    color: var(--cyan-700);

    font-weight: 700;

    text-transform: uppercase;



}

.supp-item{

    border: 0;

    border-top: 0px solid #fefefe;

    border-bottom: 0px solid #dbdada;

    background: #fff;

    padding: 5px;

    margin-top: 0px;

    margin-bottom: 8px;

}

.supp-item-col{

	min-height:var(--supp-item-col-height);

/*	height:inherit;*/

	padding: 0px 0px 10px 10px !important;

}

.supp-item-col-img{

	border-right:0px solid #33749b30;

	min-height:var(--supp-item-col-height);

	/*height:inherit;*/

	padding: 0px 10px 10px 0px !important;

}

#supp-nav-bar-skip{

	

	min-height: 50px;

	padding-top: 5px;

	padding-right: 0px;

	padding-left: 0px;

	margin-top: 5px;

    margin-right: 0px !important;

    margin-left: 0px !important;

	

}

.supp-block{

	background: var(--gray-200);

	margin-bottom: 10px;

	min-height: 250px;

	border-left:2px solid var(--white-color);

	border-top: 1px solid var(--gray-400);

	transition: all .2s;

}



.supp-block:hover{

	background-color: var(--gray-300);

	border-left:2px solid var(--cyan-700);

	border-top:1px solid var(--gray-500);

}





.supp-block-item-desc{

	font-size:12px

}

.supp-block-item-price{

	font-size:14px;

	font-weight:400;

	

}

.supp-block-item-curr{

	font-size:14px;

	font-weight:400;

}

.supp-block-total-desc{

	font-size:14px;

	font-weight:700;

}

.supp-block-total-price{

	font-size:14px;

	font-weight:700;

}

.supp-block-total-curr{

	font-size:14px;

	font-weight:700;

}

.div-supp-room-title{

	font-size:14px;

	font-weight:400;

	margin-bottom: 10px;

	margin-left:0px;

	margin-right:0px;

	color: var(--cyan-700);

	background-color: #fff;

	padding:5px;

	text-transform:uppercase;

}



.div-supp-room-title-container{

	padding-left: 15px;

	padding-right: 15px;

	border-bottom: 1px solid var(--gray-200);

    margin-bottom: 5px;



}



.div-supp-title{

	font-size:14px;

	font-weight:700;

	background: #fff;

	margin-bottom: 10px;

}

.div-supp-btn-add{

	padding: 10px 0px 5px 0px;

	text-align: center;

}

.supp-room-title{

	font-size:20px;

	font-weight:400;

}

.supp-title{

	font-size:14px;

	font-weight:700;

}



.modal-title{

	color: var(--cyan-700);

	text-transform: uppercase;

/*	font-weight: bold;*/

}



.blu_btn{

	border-radius: 5px;

    width: fit-content;

    color: var(--white-color);

    background-color: var(--cyan-700);

}



.room-info span:nth-child(2n) {

    padding: 0 5px;

}



.room-info span i.fa {

    margin-right: 2px;

}



.room-available{

	

}



.more-btn-div{



}



.readMoreSpan{

	transition:all .2s;

	width: fit-content;

}



.readMoreSpan:hover{

	cursor:pointer;

	text-decoration: underline;

}



.readMoreSpan_supp{

	transition:all .2s;

	width: fit-content;

}







.readMoreSpan_supp:hover{

	cursor:pointer;

	text-decoration: underline;

}





/*animations*/



.blu_btn:hover{

	color: var(--white-color);

    background-color: var(--dark-blu-color);

}



.sqm{

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}







.room-info > span{

	font-size: 75%;

}



.room-detail-icon{



color: var(--cyan-700);

font-size: 18px !important;

}



.input-line-calendar{

text-align: center;	

}



#rc_powered{

	

    margin-left: 0px;

    margin-right: 0px;

	

}



#rc_powered_inner{



	display: block;

    background-color: var(--met-blue-light);

    

    text-align: center;

    position: relative;

	border-radius:3px;

    margin: auto;

}



#rc_powered_inner:hover{

	cursor: pointer;

}



#rc_powered_inner > span{

	color: var(--white-color);

}



#rc_powered_inner > img{

	height: 22px;

}



.label-best-price:hover{

	

	/*transform: scale(1.05);*/

}



.label-available:hover{

	/*transform: scale(1.05);*/

}

.more-btn:hover{

	/*transform: scale(1.05);*/

}



.label-available-last:hover{

	transform: scale(1.05);

}







.label-offer:hover{

	/*transform: scale(1.05);*/

}

.booking-item{

/*	min-height: 200px;*/

	

	padding: 15px 0px;

	margin-top:5px;

	margin-right:0px;

	margin-left:0px;

}

.box-btn-remove {

    display: inline-block;

    height: auto;

    font-size: 14px;

    font-weight: 700;

    line-height: 10px;

    padding: 2px 4px;

    width: auto;

    opacity: 1;

    border-radius: 2px;

    border-width: 1px;

    border-style: solid;

    font-weight: normal;

    border-width: 1px;

    border-color: #b2222247;

    background-color: #b222221c;

    color: #b22222;

}

.room-number-supp {

    font-size: 14px;

    background: none;

    color: var(--cyan-700);

    border-radius: 3px;

    font-weight: 400;

}

.room-number-supp-block {

    font-size: 20px;

    background-color: none;

    

    color: var(--cyan-700);

    border-radius: 3px;

    font-weight: 400;

}

.cart-supp-desc{

	text-transform: capitalize;

	font-size: 12px;

}

.cart-supp-price{

	font-size: 12px;

}

.cart-supp-curr{

	font-size: 12px;

}

.cart-supp-rate-desc {

    font-size: 12px;

    font-weight: 700;

    color: var(--cyan-700);

    display:block;

    text-transform:capitalize;

}

.span-total-tax-curr{

	font-size:14px;

	padding-left:3px;

}

#span_total{

	font-size:14px;

}





.supp-block-col{



	padding-left:5px;

	padding-right:5px;

}











.supplements-container{

	

	padding-left:10px;

	padding-right:10px;

}



.cart-products-items{

	padding: 10px 5px;

    background-color: #fff;

}

.cart-taxes{

	padding: 0px 5px 10px 5px;

    background-color: #fff;

}

item-price{

	font-size:14px

}

.item-price-curr{

	padding:0px 3px;

	font-size:14px;

}

#cart-total{

	font-size:20px

}

.cart-total-curr{

	font-size:20px;

	vertical-align: middle;

}

.shopping-cart-button i{

	font-size:20px;

}

.text .form-control{

	margin-bottom: 5px;

}

.cart-info.readMore{

	font-size: 12px;

}

.text.form-control, select.form-control{

	margin-bottom: 5px;

}



.info-span{

	

}

.info-span:hover{

	text-decoration: underline;

	font-weight: bold;

	cursor: pointer;

}





.book-block-col{

	padding: 0px 0px 0px 0px

}



.book-block{

	background: #fff;

	margin-bottom: 0px;

/*	min-height: 250px;*/

	padding:15px;

}

.book-block-item-desc{

	font-size:12px

}

.book-payment-block{

	background: #fff;

	margin-bottom: 0px;



	padding:15px;

}

.book-privacy-block{

	background: #fff;

	margin-bottom: 0px;

	min-height: 50px;

	padding:15px;

}



.room-number-num{

	font-size:14px;

	font-weight:400;

	color:var(--cyan-700);

}

.cart-products{

	padding: 0px 10px;

}





.basket-btn{

font-size: 24px;

	

}





.be-label{

	/*box-shadow: 3px 3px 3px var(--shadow-color);*/

	

}





.notav-more-btn{

	

    padding-left: 15px;

    padding-right: 15px;

    position: absolute;

    bottom: 0px;

}



.more-btn{

	

    

    position: absolute;

    bottom: 0px;

}











.btn-add-sup:focus{

	outline: none !important;

}



.room-number-num-supp-block{

	font-size: 20px;

    background-color: none;



    color: var(--cyan-700);

    border-radius: 3px;

    font-weight: 400;



}







.cart-room-desc {

    font-size: 14px;

    text-transform: uppercase;

    color: var(--cyan-700);

}

.cart-btn-bck{

	vertical-align: middle;

	width:45%;

	float: left;

}

.cart-btn-fwd{

	vertical-align: middle;	

	width:45%;

	float: right;

}

.cart-total-price{

	vertical-align: middle;	

}

.cart-icon{

	vertical-align:middle;

}



.src-room-add{

	/*

	float: right;

	margin-right: 10px;

	margin-top: 10px;

	*/

}

.book-checkin-details{

	padding: 10px 10px;

}



#pin_div{

	

	margin-left:0px;

	margin-right:0px;

	

}

#spinner, #pg_spinner{

	width: 100%;

	height: 100%;

	background: #ffffffb0;

	position: fixed;

	z-index: 10000;

}



#spinner>div,#spinner_content{

	position: fixed;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

}



#spinner_loader_wrapper{

	margin-top: 15px;

}



#spinner_content{

	padding: 45px;

    background: #f9f9f9ff;

}



#spinner_loader_wrapper>.loader{

	margin:auto;

}



/****************************************		cookies		********************************************/



#cookies_modal{

    display: none;

    width: 100vw;

    height: 100vh;

    background-color: #2228;

    position: fixed;

    top: 0;

    z-index: 30;

}



#cookies_content{

display: block;

    height: fit-content;

    position: absolute;

    top: 0;

    bottom: 0;

    max-width: 600px;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 31;

    background-color: var(--white-color);



    padding: 20px;

    

}



.cookies_title{

	text-align:center;

	color: var(--cyan-700);

	margin-top: 10px;

	margin-bottom: 0px;

}



.cookies_text{

	padding-bottom: 10px;

    display: block;

}



#cookies_actions{

	text-align:center;

	display: block;

}



.cookie_hr{

	margin-top: 10px;

    margin-bottom: 10px;



	border-top: 1px solid var(--cyan-700);

}







#cookieAcceptButton{

	    border-radius: 5px;

    color: var(--white-color);

    background-color: var(--cyan-600);

	margin: 10px;



}











/*******************************************		end cookies		*****************************************/



.pin-input{

width: 60%;	

}



.basket-occupancy-icon{

	font-size: 18px !important;

	color: var(--cyan-700);

}



.item-row{

	margin-left: 0px;

    margin-right: 0px;

    padding-top: 5px;

}

#basket-tab-div{

	margin-top: 10px;

}



#basket-tab{

	margin-top: 10px;

	background-color: var(--white-color);

	padding-bottom: 15px;

    

}



#formSearch{

	margin-bottom: 0px;

}



#basket_next>i{

	

	animation: bounce-2 5s infinite;

	

}



.icons-div{

	padding: 0px;

}



.best-price-div{

	text-align: right;

}





	    @keyframes pulsex {

        0%   {

        	

     		-webkit-transform:scale(1);

    		-moz-transform:scale(1);

    		-ms-transform:scale(1);

    		-o-transform:scale(1);

    		transform: scale(1);

        }

        84% {

        	 

     		-webkit-transform:scale(1);

    		-moz-transform:scale(1);

    		-ms-transform:scale(1);

    		-o-transform:scale(1);

    		transform: scale(1);

        }

        88% {

	        

     		-webkit-transform:scale(1.05);

    		-moz-transform:scale(1.05);

    		-ms-transform:scale(1.05);

    		-o-transform:scale(1.05);

    		transform: scale(1.05);

	    }

        92% {

	        

     		-webkit-transform:scale(1);

    		-moz-transform:scale(1);

    		-ms-transform:scale(1);

    		-o-transform:scale(1);

    		transform: scale(1);

        }

        96% {

	        

     		-webkit-transform:scale(1.05);

    		-moz-transform:scale(1.05);

    		-ms-transform:scale(1.05);

    		-o-transform:scale(1.05);

    		transform: scale(1.05);

        }

        100% {

	        

     		-webkit-transform:scale(1);

    		-moz-transform:scale(1);

    		-ms-transform:scale(1);

    		-o-transform:scale(1);

    		transform: scale(1);

    	}

	}



    @keyframes bounce-2 {

        0%   { transform: translateX(0); }

        84%   { transform: translateX(0); }

        88%  { transform: translateX(3px); }

        92% { transform: translateX(0); }

        96%  { transform: translateX(3px); }

        100% { transform: translateX(0); }

    }

    

.best-price-span{

	padding-top:10px;

	font-size: 20px;

    font-weight: 700;

    color: var(--cyan-700);

}





.children-occupancy-icon{



}

#change_search_criteria{

	margin-top:20px;

}

/******************************************			FLOATING BASKET		*********************************************/





#basket_form{

	margin-top: 0px;

}



    

#close_basket_hr{

	border-top: 1px solid var(--light-grey);

}    

    

#close_basket_div{

	

}   



.basket_row{

	margin-left: 0px;

    margin-right: 0px;

}



.basket_hr{

	margin-top:5px;

	margin-bottom:5px;

	border-top: 1px solid var(--light-grey);

}

 

.cart-cls{

	background-color: var(--white-color);

	/*border: 1px solid var(--gray-500);

	*/

}

.cart-cls-floating{

	background-color: var(--white-color);

	border: 1px solid var(--gray-500);

	

}   

  

.cart-container-cls{

    background-color: #00000050;

	/*padding-bottom:10px;*/

} 

    

#floating_basket_footer{

	max-height: 65px;

	z-index: 25;

	position: fixed;

	bottom:0px;

	width: 100vw;

	display: none;

	

	

}    



#floating_basket_footer_icon_div{

	

	position:relative;

	overflow:hidden;

	background-color: var(--green-500);

	width: -moz-fit-content;

  	width: fit-content;

	padding: 15px;

	border-radius:50%;

	border:2px solid var(--light-grey-color);

	margin-bottom:10px;

	margin-left:10px;

	z-index: 10;



}

  

#shine-div {

content: '';

position: absolute;

top: 0;

left: -50px;

width: 15px;

height: 100%;

background: rgba(255,255,255, 0.3);

transform: skewX(-30deg);

animation: shine1 .5s ease-in-out 3;

/*animation-name: shine1;

animation-duration: .5s;

animation-timing-function: ease-in-out;



animation-iteration-count: 3;*/

/*animation-direction: alternate;*/

background: linear-gradient(

    to right, 

    rgba(255, 255, 255, 0.13) 0%,

    rgba(255, 255, 255, 0.33) 77%,

    rgba(255, 255, 255, 0.5) 92%,

    rgba(255, 255, 255, 0.0) 100%

  );

}



@keyframes shine1 {

  0% {

    left: -20px;

    top: 0px;

  }



  100% {

    left: 50px;

    top: 0px;

  }

}

  

  

    

#floating_basket_footer_icon{

	

	font-size: 28px;

	color: var(--white-color);

	

} 

 

#floating_basket_footer_content{



	border-radius:5px;

	border:2px solid var(--light-grey-color);

	z-index:9;

	background-color: var(--green-500);

    position: absolute;

    top: 0;

    bottom: 0;

    margin-top: 10px;

    margin-bottom: 20px;

    margin-left: 53px;

    margin-right: 10px;

	width: -moz-available;          /* WebKit-based browsers will ignore this. */

    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */

    width: fill-available;



    

    text-align: center;

    overflow: hidden;

}



#floating_basket_footer_total{

	

  position:absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);



}



#floating_basket_footer_total>span{

	

	font-size: 22px;

	font-weight: 550;

	color: var(--white-color);

	

}



    

#floating_basket_footer_total{

	

}    

    

#floating_basket_footer_span_total{



}   

#floating_basket_footer_span_total_currency{



}  



/***************************************************************************************************************************/





#basket-action{

	display:none;

	border: 2px solid var(--dark-blu-color);

    font-weight: bold;

    text-decoration:underline;

	background-color: white;

    position: fixed;

    padding-top: 25px;

    padding-bottom: 25px;

    padding-left: 50px;

    padding-right: 50px;

    top: 20px;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    width: fit-content;

}





#basket-action-message-ok{

	color: var(--cyan-600);

}



#basket-action-message-no{

	color: var(--cyan-600);

}





/*------------------------------------------------------------

MAP

------------------------------------------------------------*/

#map{

	height: 500px;

}



.map {

	display:none;

	height: 500px;

}



.map-open:hover{

	cursor: pointer;

	text-decoration:underline;

	font-weight: 700;

}





.maptext {

	margin-bottom: 20px;

	display: block;

}



#map_title, #text_description, #distance_title, #distance_description {

	width: 100%;

	max-width: 100%;

}



#text_description, #distance_description {

	margin-bottom: 20px;

}



#text_description .text_description, #distance_description .text_description {

    padding: 10px;

    font-size: 90%;

}



#map_title .text_title, #distance_title .text_title {

    border: medium none;

    font-size: 120%;

    padding: 10px;

}



.scroll-helper-expand{

	padding-right:5px !important;

	overflow-y:scroll !important; 



}



.pad-right-15{

	padding-right: 15px!important;

}



.pad-right-5{

	padding-right: 5px!important;

}



.pad-top-5{

	padding-top:5px;

}



.scroll-helper-reduce{

	padding-right:25px !important;

	overflow-y:hidden !important; 

}



.empty_room_error{

	margin-top: 4px;

}



.adults_span_error {

	color: var(--red-color) ;

}





#show_crossed{

	margin-top:10px;

	margin-bottom:10px;

	margin-left:0px;

	margin-right:0px;

	padding:10px;

	font-weight:700;

	text-align: center;



}



.show_crossed_span{

	color: var(--cyan-700);

	

	font-size: 14px;

}



.show_crossed_span:hover{

color: var(--cyan-700);

	cursor: pointer;

	text-decoration: underline;

	

}









.alliance_external_url_bold{

	font-weight: 700;

}



.alliance_external_url_blu{

	font-weight: 700;

	color:#06357f;

}



.alliance_external_url_red a{

	font-weight: 700;

	color:#f1091e;

}



.alliance_external_url_logo{

	

}







/****************************		SAFEBOOKING   ******************************************/



.safebooking_logo{

	

	max-width: 100%;

}



.safebooking_confirm_logo{

	max-width: 100%;

}



.safebooking_activation_div{

	padding-top: 10px;

}



.safebooking_amount{

    color: var(--blu-color);

	

}





.safebooking-price {

	font-size: 16px;

    font-weight: 700;

}



#safebooking_accept{

	

}





/**************************   COMPARATOR START  **************************************/

#comparator-div {

	margin-top:10px;

    margin-bottom: 10px;

    position: relative;

    min-height: 4px;

    

}







#comparator_loader {

  height: 4px;

  width: 100%;

  top: 0;

  position: absolute;

  overflow: hidden;

  background-color: inherit;

}





#comparator_loader:before {

    display: block;

    position: absolute;

    content: "";

    left: -200px;

    width: 200px;

    height: 4px;

    animation: loading 2s linear infinite;

    background-color: var(--cyan-700);

}





#comparator {



	overflow: hidden;

	background:

		linear-gradient(45deg, var(--cyan-600) 0%,var(--cyan-600) 60%,transparent 61%,transparent 100%),

		linear-gradient(135deg, var(--cyan-600) 0%,var(--cyan-600) 60%,transparent 61%,transparent 100%),

		linear-gradient(45deg, #ffffff 0%,#ffffff 62%,transparent 62%,transparent 100%),

		linear-gradient(135deg, #ffffff 0%,#ffffff 62%,transparent 62%,transparent 100%),

		linear-gradient(45deg, var(--cyan-600) 0%,var(--cyan-600) 62%,transparent 63%,transparent 100%),

		linear-gradient(135deg, var(--cyan-600) 0%,var(--cyan-600) 62%,transparent 63%,transparent 100%);

	border: solid 1px var(--cyan-800);

	font-size:medium;

	display: list-item;

    justify-content: space-between;

    

}







.best-offer {

	padding: 15px;

	color:var(--gray-100);

}





@media only screen and (max-width: 420px){



	#comparator {

		background:

			linear-gradient(45deg, var(--cyan-600) 0%,var(--cyan-600) 42%,transparent 43%,transparent 100%), 

			linear-gradient(135deg, var(--cyan-600) 0%,var(--cyan-600) 42%,transparent 43%,transparent 100%), 

			linear-gradient(45deg, #ffffff 0%,#ffffff 43%,transparent 43%,transparent 100%), 

			linear-gradient(135deg, #ffffff 0%,#ffffff 43%,transparent 43%,transparent 100%), 

			linear-gradient(45deg, var(--cyan-600) 0%,var(--cyan-600) 43%,transparent 46%,transparent 100%), 

			linear-gradient(135deg, var(--cyan-600) 0%,var(--cyan-600) 43%,transparent 46%,transparent 100%);

    	border: solid 1px var(--cyan-800);

		display: list-item;

		justify-content: space-between;

	}

	

	.best-offer {

    	display: none !important;

	}

}









.site-offer{

	

	color:var(--gray-100);

}





.portal-offer{

	color:var(--gray-800);

}





.clearfix:after{

    clear: both;

}



.clearfix:before{

    display: table;

    content: " ";

}





@keyframes loading {

    from {left: -200px; width: 30%;}

    50% {width: 30%;}

    70% {width: 70%;}

    80% { left: 50%;}

    95% {left: 120%;}

    to {left: 100%;}

}





/**************************   COMPARATOR END  **************************************/



/**************************    PAGE LOADER SPIN START ****************************/



.loader {

  border: 10px solid var(--gray-300); /* Light grey */

  border-top: 10px solid var(--cyan-600); /* Blue */

  border-radius: 50%;

  width: 80px;

  height: 80px;

  animation: spin 1.5s linear infinite;



}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



/**************************    PAGE LOADER SPIN END ****************************/



.europ_assistance_logo{

	max-width: 50px;

}

.europ_assistance_title{

	padding-left: 15px;

}



.booking_europ_assistance_logo{

	max-width: 50px;

}



.booking_europ_assistance_title{

	padding-left: 15px;

}

.insurance-item-col{

	

	text-align: left;

	

}



.over-pointer:hover{

	cursor: pointer;

}



.property_calendar{

	display: block;

    position: relative;

    text-align: right;

}

.property_calendar span{

	

	padding: 12px 14px;

    display: inline-block;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    color: #555;

    text-align: center;

    background-color: #eee;

    border: 1px solid #ccc;

    border-radius: 4px;



}



.property_calendar span:hover{

	cursor: pointer;

	}



.property_calendar input{

	

	position: absolute;

	z-index:-10;

	top:0;

	right:0;

	width: 10px;

	height: 54px;

	

}



.show_all_property_span:hover{

	cursor: pointer;

}



.calendar_span_box{

	color: var(--litepicker-highlighted-day-color);

    background-color: var(--litepicker-highlighted-day-color-bg);

    padding: 3px 8px;

    border-radius: 3px;

    text-align: center;

}

.calendar_span_text{

	font-weight: 700;

    padding: 0px 6px;

}

.calendar_minstay{

	padding: 10px;

}



.alternative-search-result:hover{

	cursor: pointer;

}



.alternative-search-result{

	

}



.alternative-search-data{

	color: var(--cyan-700);

}



.alternative-search-amount{

	

}



#search_calendar_out{

	

	text-align: center;

	

}



.alternative_result_message{

	margin-bottom: 10px;

	font-weight: 700;

	

}



.alternative_result_message_div{

	

	margin-bottom:15px;

	

}



.calendar_search_span i{

	width: 20px;

}



.paydata-message{

	font-weight: 700;

}



.paydata-info{

	

}



		.img-spinner{

		    display: block;

		    position: absolute;

		    top: 0;

		    left: 0;

		    right: 0;

		    bottom:0;

			width: 100%;

			height: 100%;

			background-color: #fff;

   			opacity: 0.9;

			z-index: 10000;

		}

		

		.img-loader-wrapper{

			width: 100%;

			height: 100%;



		}

		

		.img-loader{

		    top: 0;

		    left: 0;

		    right: 0;

		    bottom: 0;

		    margin: auto;

		    display: block;

		    position: absolute;

		}



#myModal>.modal-dialog{

	width: 90%;

}	



@media only screen and (min-width: 992px) {



	.carousel-control.right, .carousel-control.left{

		background-image: none;

	}

	

	.right.carousel-control,.left.carousel-control{

		color: darkgrey;

	}

	

	.carousel-control{

		width:5%;

	}

	



	

	

	

	.carousel-custom-img {

	    max-width: 100%;

	    max-height: 75vh;

	    position: absolute;

	    left: 0;

	    bottom: 0;

	    top: 0;

	    right: 0;

	    display: block;

	    margin: auto;

	}

	

	.carousel-img-wrap {

	    display: block;

	    position: relative;

	    width: 90%;

	    margin: auto;

	    height: 75vh;



	}







}



@media only screen and (max-width: 991px) {



	.carousel-custom-img {

	    max-width: 100%;

	    max-height: 50vh;

	    position: absolute;

	    left: 0;

	    bottom: 0;

	    top: 0;

	    right: 0;

	    display: block;

	    margin: auto;

	}

	

	.carousel-img-wrap {

	    display: block;

	    position: relative;

	    width: 100%;

	    margin: auto;

	    height: 50vh;



	}

	

	.carousel-control.right, .carousel-control.left{

		background-image: none;

	}

	

	.right.carousel-control,.left.carousel-control{

		color: darkslategray;

		

	}

	

	.glyphicon.glyphicon-chevron-left,.glyphicon.glyphicon-chevron-right{

		background: rgba(255,255,255,0.6);

	}

	

}



.offertitle{



	padding: 10px 0;

	text-align: center;

	color: #333;

	font-size: 120%;

	

}



.offertitle>span>a{

	color: inherit;

}



.checkin-options-hr{

	

}



/***********************************		USER AREA		*****************************************/







.ua2-property-title{

	

	

	

}



.property-description-row{

	

	margin-left: 0px !important; 

	margin-right: 0px !important;

	

}



.main-background-color{

	background-color: var(--blu-color) !important;

}



.main-text-color{

	color:#fefefe;

}





.property-title-login{

	padding: 10px 0px;

}



.home-hotel-logo{

	max-width: 360px;

	padding: 5px 5px;

}



.login-image{

	

}





#beds-total{

	padding-left: 30px;

}





.disabled-src-btn-add{

	

}



.disabled-src-btn-add:hover{



    cursor: not-allowed;

    

    transform: scale(1)!important;

}



.paydata-span-basket,.paydata-span-detail{

	color: var(--cyan-700);

	padding: 5px 0px;	

}

.unselectable-text{

user-select:none;

}







/*added Met Hotel*/



.hidden {

	display: none;

}



.met-logo {

	margin-bottom: 16px;

}



.property-title .fa{

	margin: 0 2px 0 2px;

}



.title {

	justify-content: flex-start;

}



span.input-group-addon.calendar_search_span {

    background: var(--met-blue);

}



.form-control {

	border: 1px solid var(--met-blue);

	border-radius:0!important;

}



.input-group-addon, input {

	border-radius:0!important;

	border: 1px solid var(--met-blue);

}



.litepicker .container__days .day-item.is-start-date {

    color: var(--litepicker-is-start-color);

    background-color: var(--met-blue-light)!important;

}



.litepicker .container__days .day-item.is-start-date {

    color: var(--litepicker-is-start-color);

    background-color: var(--met-blue)!important;

}



.litepicker .container__days .day-item.is-in-range {

    background-color: var(--met-blue-light)!important;

}



.is-start-date {

    background: linear-gradient(135deg, transparent 5px, var(--met-blue) 0);

}



.litepicker .container__days .day-item.is-end-date {

    background-color: var(--met-blue-light);

}



.is-end-date {

    background: linear-gradient(315deg, transparent 5px, var(--met-blue) 0);

}



.litepicker .container__days .day-item.is-today {

    color: var(--met-red);

    border: solid 2px var(--met-red);

}



.is-today {

    color: var(--met-red) !important;

}



.more-btn.be-btn.btn-one, .notav-more-btn.be-btn.btn-one {

    background-color: var(--met-bg);

    border-color: var(--met-red);

    color: var(--met-red);

}



.more-btn.be-btn.btn-one, .notav-more-btn.be-btn.btn-one:focus{

	outline: none !important;

}





.more-btn.be-btn.btn-one:hover, .notav-more-btn.be-btn.btn-one:hover{

	outline: 0;

	cursor: pointer;	

	background-color: #861a23;

    color: #fff;

}



@media only screen and (max-width: 991px) {



	.more-btn.be-btn.btn-one, .notav-more-btn.be-btn.btn-one{

		padding-left: 7px;

	    padding-right: 7px;

	}

}



.label-danger {

    background-color: var(--met-red);

}