/***************************/
/********* General *********/
/***************************/
html {background:none;}
body.booking { background-color: rgba(var(--booking-background), .15) }

/***************************/
/******* Advertisment ******/
/***************************/
div.advertisment {background:none;}


/***************************/
/********** Header *********/
/***************************/
body.booking > header  {background: rgb(255,255,255); border-bottom: 1px solid rgba(250, 250, 250, 0.5); padding: 0.5em 5.5%;}
body.booking > header a.home, body.booking > header a.home i{ color: #5b5b5b; }
body.booking > header img {  height: 25px; }

div.content > header nav {border:0;}

div.content > header nav.top ul li.social a.phone {background:rgba(var(--booking-secondary), 1);}

/***** Main navigation *****/
div.content > header nav.main {background:none;}
div.content > header nav.main img {height:50px;}
div.content > header nav.main ul.mainMenu li a:hover {background:none;}
div.content > header nav.main ul.mainMenu li.active a {background:none;} 



/****** Top navigation *****/
div.content > header nav.top p {color:#000;}


/***************************/
/********** Footer *********/
/***************************/
body.booking .overlay footer {background-color: rgba(var(--booking-background), .25);}
body.booking footer{ background-color: initial; color:#000;}

/***************************/
/********* Content *********/
/***************************/
div.content > section.content {background:none; padding-top:0;}
div.content > section.content > div.contact article {width: 100%}
div.content > section.content > div.article div.gallery {float: none;}
div.content > section.content > div.article div.gallery a {width: auto;}

div.content > section.content table {width:50%;}



/***************************/
/***************************/
/*********** Form **********/
/***************************/
/***************************/
.form {}

/*********** Menu **********/
.form ul.menu li a {background:rgba(var(--booking-primary), 0.7);}
.form ul.menu li a:hover {background:rgba(var(--booking-primary), 1);}
.form ul.menu li.active a {background:rgba(var(--booking-primary), 1);}

.form ul.menu li:hover span.arrow i {color:rgba(var(--booking-primary), 1);}
.form ul.menu li.active span.arrow i {color:rgba(var(--booking-primary), 1);}

.form form fieldset a.button {background:rgba(var(--booking-button-cta), 1); color:rgba(var(--booking-button-text), 1);}
.form form fieldset a.button:hover {background:rgba(var(--booking-button-cta), 0.7); color:rgba(var(--booking-button-text), 1);}
 
.form form fieldset a.select span { background: rgba(var(--booking-secondary), .7); color:rgba(var(--booking-form-icons), 1); }
.form form fieldset a.input span { background: rgba(var(--booking-secondary), .7); color:rgba(var(--booking-form-icons), 1); }

.overlay section ul.groups{ background: rgba(var(--booking-primary)); }
.overlay section ul.groups li:hover, .overlay section ul.groups li.active { background: rgba(var(--booking-primary)); }
/***************************/
/********* Booking *********/
/***************************/
body.booking > header a.call {display:inline-block; background:url(call.png) no-repeat top left; padding-left:54px; float:right; margin-right:5em; text-align:right;}
body.booking > header a.call span.call {display:block; color:#ffffff;  font-size:15px; font-style:italic; font-weight:bold;}
body.booking > header a.call span.number {display:block; color:#f4ecc7; font-size:25px; white-space: nowrap; font-weight:bold;}

/********** Filters **********/
.filters article a.select span{	background: rgba(var(--booking-secondary), .7); color: rgba(var(--booking-form-icons), 1); }

/********** Steps **********/
.steps {background:none; border-bottom: 1px solid rgba(250, 250, 250, 0.5)}
.steps ul li {background:rgba(var(--booking-primary), 1);}
.steps ul li.done {background:rgba(var(--booking-primary), 0.7);}
.steps ul li a:hover {background:rgba(var(--booking-primary), 1);}
.steps ul li.active {background:rgba(var(--booking-primary), 0.7); color: #f3e60f;}

/********** List ***********/
.list article {background:rgba(253,253,253,1); border-color:rgba(223, 223, 223, 1);} 		/* offer box */

/******** Headings *********/
.list h1 {color:rgba(70, 70, 70, 1);} 		/* hotel name */
.list h2 {color:rgba(70, 70, 70, 1);} 	/* hotel rankings + hotel facilities + offerServices + offerPrice + offerFlights */
.list h3 {color:#123869;} 	/* country name + headings */
.list h4 {color:rgba(70, 70, 70, 1);}	 	/* region name */

/********** Stars **********/
.list article p.stars {color:rgba(var(--booking-secondary), 1);}

/********** Price **********/
span.price strong {color:rgba(70, 70, 70, 1);}

/********* Buttons *********/
span.button.region {background:rgba(var(--booking-secondary), 0.85); color:rgba(var(--booking-button-text), 1);}
span.button.region:hover {background:rgba(var(--booking-secondary), 1); color:rgba(var(--booking-button-text), 1);}
span.button.dates:hover {background:rgba(var(--booking-button-cta), 1); color:rgba(var(--booking-button-text), 1);}
span.button.dates {background:rgba(var(--booking-button-cta), 0.85); color:rgba(var(--booking-button-text), 1);}
span.button.details {background:rgba(var(--booking-secondary), 0.85); color:rgba(var(--booking-button-text), 1);}
span.button.details:hover {background:rgba(var(--booking-secondary), 1); color:rgba(var(--booking-button-text), 1);}
span.button.check {background:rgba(var(--booking-secondary), 0.85); color:rgba(var(--booking-button-text), 1);}
span.button.check:hover {background:rgba(var(--booking-secondary), 1); color:rgba(var(--booking-button-text), 1);}
span.button.check.available.booking {background:rgba(var(--booking-secondary), 0.85); color:rgba(var(--booking-button-text), 1);}
span.button.check.available.booking:hover {background:rgba(var(--booking-secondary), 1); color:rgba(var(--booking-button-text), 1);}

/********** Paging *********/
.paging ul li a {background:#f0f0f0; border-color:#dedede;}
.paging ul li a:hover, .paging ul li.active a {background:#000; color:#fff;}


/******* Conditions ********/
.list article ul.conditions li.airTemperature i {} 		/* temperature icon */
.list article ul.conditions li.waterTemperature i {} 	/* water temperature icon */
.list article ul.conditions li.flightDuration i {} 		/* flight duration icon */
.list article ul.conditions li.hotelAvailability i {} 	/* hotel availabily number */


/********** Total **********/
.list article ul.totalPrice li {background:rgba(252, 216, 23, 0.1); border-color:rgba(252, 216, 23, 0.5);}     /* total price box */
.list article ul.totalPrice li span.label {color:rgba(var(--booking-text), 1);}


/********** Legend *********/
.list article.booking fieldset legend {color:rgba(46, 51, 148, 1);}



#coronaTravelNotices{ display: none !important;}