html, body {
    background: #d2d2d2 none repeat scroll 0px 0px !important;
}


.quick-search-cancel {
    color: #000;
    display: block;
    float: left;
    font: 12px/11px "raleway",sans-serif;
    
    text-decoration: none;
    position: static;
    text-transform: lowercase;
    padding: 20px 0;
    text-transform: uppercase;
    margin-left: 3%;
    text-decoration: underline;
}
.quick-search-cancel:hover {
    color: #AAA;
}

#booking_form label {
    display: block;
    width: 100%;
    height: 25px;
    color: rgb(176, 160, 108);
    font: 14px/25px "raleway",sans-serif;
}
#booking_form .date-picker, #booking_form .bf_input-iata {
	font-size: 12px;
}
.lang_ar #booking_form .date-picker, #booking_form .bf_input-iata {
    font-size: 12px;
    direction: ltr;
}
#page_wrapper {
    background: #FFF none repeat scroll 0px 0px;
    z-index: 200;
}
#logo {
    background: #FFF none repeat scroll 0% 0%;
    z-index: 200;
}
#header {
    background: #FCF9F4 none repeat scroll 0% 0%;
}
#booking_form #bf_submit {
    background: #aa1e25 none repeat scroll 0% 0%;
	font: 16px/36px "raleway",sans-serif;
}
#booking_form #bf_submit:hover {
    background: #85352c;
}
a.book:hover, .promotion .button a:hover, .FB_starting_from a span.book:hover, .marker-booknow a:hover, #offer_details .button a:hover {
    color: #FFF;
    background-color: #85352c;
    text-decoration: none;
}
.promotion .button a:hover {
    background-color: #85352c;
}
#main_menu .menu > li.current-page-ancestor > a, #main_menu .menu > li.current-menu-item > a, #main_menu .menu > li:hover > a {
    color: #FFF;
    text-decoration: none;
    background-color: #465157;
}
#footer_extra_wrapper {
   background: #3a414d none repeat scroll 0% 0%;
}
#footer_menu_wrapper .menu li a:hover, #footer_menu_wrapper .menu > li.current-page-ancestor > a, #footer_menu_wrapper .menu > li.current-menu-item > a {
    background-color: #465157;
}
#social a .fa {
    background: #465157;
}
#preview_offers.box_preview {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
}
#spot {
    background: rgba(133, 53, 44, 0.8);
    color: #FFF;
    font: 14px/140% "raleway",sans-serif;
    margin-top: -230px;
    padding: 20px;
    position: relative;
    z-index: 300;
	/*Customer request to remove pormotion tab*/
	display: none;
}
a.book, .FB_starting_from a span.book, .marker-booknow a, #offer_details .button a {
    cursor: pointer;
    background-color: #E1A108;
    border: medium none;
    color: #FFF;
    display: inline-block;
    font: 13px/30px "raleway",sans-serif;
    letter-spacing: 1px;
    padding: 0px 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}


.menu > li a {
    padding: 0px 7px;
}

#logo a {
    display: block;
    margin: 0px auto;
    padding: 0px 0px;
    text-align: center;
    transition: all 0.25s ease 0s;
}

#logo img {
    height: 80px;
}

.preview_page .page_title {
    
    color: #FFF;

}

.actions a.more {
    background: #465157;
    color: #FFF;
}

.actions a.more:hover {
    background: #6c757a;
    color: #FFF;
}

.actions a:hover, a:focus {
    /* color: #fff !important; */
    /* text-decoration: underline; */
}

#contactform input.submit {
    background: #85352c none repeat scroll 0px 0px;
	text-indent: 0px;
}

#contactform input.submit:hover {
    background: #BA0007 none repeat scroll 0px 0px;
}

#preview_offers {
    background: #3a414d none repeat scroll 0% 0%;
}

#preview_offers.box_preview {
    display: none !important;
}

#preview_gallery .content h4 a {
    /* background: rgba(85, 85, 85, 0.9); */
	background: rgba(133, 53, 44, 0.8) none repeat scroll 0% 0%;
}

#offer_details .title {
    font: 24px/1.2 "raleway",sans-serif;
    margin-bottom: 20px;
    padding: 20px;
    background: #000;
}

#offer_details div.price {
    background: #aa1e25;
}

.infoBox {
	
    color: #000 !important;
	padding: 15px !important;
}
.marker-wrapper .marker-content {
    float: left;
}
.marker-wrapper .marker-booknow {
    float: right;
    margin-top: 10px;
}

#main_menu .sub-menu > li > a:hover, #main_menu .sub-menu > li.current-menu-item > a {
    background-color: #465157;
    color: #FFF;
    text-decoration: none;
}
.promotion .title {
    margin-bottom: 40px !important;
}
.promotion div.price {
    margin-bottom: 50px;
}
.promotion span.apd {
    width: 100%;
    text-transform: lowercase;
    font-size: 1.3em;
    display: block;
    margin-bottom: 5px;
}
.promotion span.price, .promotion .currency {
    font-size: 2.4em;
    line-height: 1.4;

}
.promotion span.pernight {
    text-transform: lowercase;
    font-size: 1.3em;
    display: block;
}
.promotion .button a {
    cursor: pointer;
    background-color: #E1A108;
    border: medium none;
    color: #FFF;
    display: inline-block;
    font: 13px/30px "raleway",sans-serif;
    letter-spacing: 1px;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.promotion .more a {
    text-decoration: none;
    color: #EEE;
}
.promotion .more a:hover {
    text-decoration: underline;
    color: #AAA;
}

#main_menu .menu > li:first-child.current-menu-item a span {
    color: #fff;

}
/* #main_menu_ .menu > li.current-menu-item.fa> a span {
	color: #fff;
} */
#main_menu .menu > li:first-child a span:hover {
    color: #fff;
}
#main_menu .menu > li:first-child a span {
	color: #5A645A ;
}
#mobile_book {
    background: #aa1e25 none repeat scroll 0px 0px;
    box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3) inset, 0px -1px 0px rgba(255, 255, 255, 0.5) inset;
    left: 0px;
    line-height: 50px;
    padding: 0px;
    position: fixed;
    text-align: center;
    top: 0px;
    transition: all 0.2s ease 0s;
    z-index: 999;
}
#a {
    position: relative;
    bottom: 5em;
    left: 2em;
}

.b
{
	border: 1px solid #000;
}

.b td
{
	border: 1px solid #000;
}

#list_offers .promotion .more a
{
	display:inline;
}
.promotion .more {
    display: inline!important;
}

.menu > li.current-page-ancestor > a, .menu > li.current-menu-item > a, .menu > li:hover > a
{
	background-color: #3a414d;
}
.lang_ar #page_content {
    font-size: 20px;
}

.lang_ar .children .box .excerpt {
    font-size: 15px;
}


.lang_ar a.more
{
	font-size: 17px;
	}

.lang_ar #a
{
    position: relative;
    bottom: 3.4em;
    left: 2em;
}

.lang_ar .res p
{
	margin-bottom:-80px;
}

.lang_ar  .res td
{
 padding:35px!important;
 float:right;
}

 .lang_zh-hans #main_menu .menu > li a {
    padding: 0px 25px;
}
.lang_zh-hans #main_menu .menu > li:first-child.current-menu-item a span {
    color: #fff;
	    margin-left: -25px;

}

.lang_zh-hans #main_menu .menu > li:first-child a span {
    color: #5A645A;
    margin-left: -25px;
}
#directions_wrapper #directions_submit {
    background: rgb(133,53,44);
}
.preview_faqs {
    background: #000 none repeat scroll 0% 0%;
}
  @media (max-width: 767px) {
	.res tr,.res td
	  {
		  display:block;
	  }

	  .lang_ar .res p {
    margin-bottom: -10px;
}
.lang_ar .res td
{
	padding:10px !important;
}

	 #a{
		  position: relative;
		  width: 90%;
		  top:-35px;
		  left:5px;
		  margin-bottom: 15px;
	}
	.lang_ar #a {
    position: relative;
    top: -10px;
    left: 0em;
	}

	.b
	{
		font-size:10px;
	}

  }



.res td {
    padding: 30px !important;
}

.res tbody {
    border-top: 2px solid #DDD;

}

#CDSSCROLLINGRAVE.narrow {
    width: 105.5% !important;
    margin-top: 3px;
    padding: 10px 10px 10px 11px;
    margin-left: -11px;
}

@media (min-width:1500px)
 {
	.lang_ar .res #a
	{
		position:relative;
		left: 4em !important;
	}

		.lang_ar .res td
	{
		float: none !important;
	}
	.res td
	{
		float: none !important;
	}
	#a
	{
		position:relative;
		top:-70px !important;
	}



 }
 @media (max-width:1500px){
	 .weather{
		    margin-left: -13px!important;
	 }
 }

 @media (min-width:1200px)
 {
	.promotion div.price
	{
    margin-bottom: 28px;
	}
	.b
	{
		width:149%;
	}


		 .lang_ar .res td
	 {
		 float:right;
		 position: relative;
	 }
	 .res td
	 {
		 float:left;
		 position: relative;
	 }

	 	#a
	{
		position:relative;
		left: 0em !important;
		top:-45px;
	}


 }
  @media (max-width:1200px)
 {
 .weather {
    left: 556px!important;
    top: 3px!important;
	}
 }
  @media (max-width: 991px) {
	 #CDSSCROLLINGRAVE.narrow {
    width: 102% !important;
    margin-top: 3px;
    padding: 10px 10px 10px 11px;
    margin-left: -10px;
	}
	.weather{
	    margin-left: 72px!important;
		margin-top: 86px!important;
	 }

	#lang_sel_list {
		float: none;
		margin: 0;
		position: relative;
		width: 100%;
		height:auto;
		overflow:hidden;
		background:none repeat scroll 0 0 #000;
		border-width:0 0 1px 0 ;
		border-style:solid;
		border-color:#2a313d; }
	#lang_sel_list ul li a span {
		display: inline;
	}

		.b
	{
		width:100%;
	}
	.quick-search-cancel {
		position: inherit!important;
		font: 12px/50px "raleway",sans-serif!important;
		}
 }

 @media (min-width:992px) {

	 	.b
	{
		width:149%;
	}
	.lang_ar .b {
    width: 149%;
    max-width: 130%;
    position: relative;
    left: 13em;
}
.res td
{
	float:left;
}
	 	#a
	{
		position:relative;
		left: 0em ;
		top:-45px;
	}

 }
@media (min-width:767px)
{
 .promotion .title {
    margin-bottom: 15px !important;
}
.promotion div.price {
    margin-bottom: 25px;
}

.lang_ar .res #a
{
	position:relative;
	left:0px;

}
}



 .contact-no {
	float: left;
	margin: 0px 3px 0px 0px;
	font-family: helvetica,arial,sans-serif;
	color: #FFF;
	font-size: 12px;
	display: none;
}
@media (min-width: 767px) {.contact-no {font-size: 12px;} }
@media (min-width:992px) {
	.col-md-2 {
		width: 13.5% !important;
	}
	.col-md-14 {
		width: 86.5% !important;
	}
	.contact-no {font-size: 12px;}
}
@media (min-width: 1200px) {
	#main_menu .menu > li a  {padding:0 17px; }
	.contact-no {font-size: 13px;}
}

 .FB_starting_from a {
    color: #000;
    font-size: 16px;
}
.fbdeal__link {
    border-radius: 0px;
	padding: 3px;
	font: 18px/36px "raleway",sans-serif;
}
.fbdeal--bottom-right {
    bottom: 0px;
    right: 1.5%;
}
.fbdeal__title {
    margin: 0px;
    padding: 0px 30px 0px 0px;
    font-size: 22px;
    text-transform: none;
    text-align: center;
    color: #000;
}

#sidebar .preview.services .service h4 {
    margin: 7px;
    font: 18px/1.2 "raleway",serif;
	color: #000
}
#sidebar .preview.services .service p {
    margin: 0px;
    color: #bbb;
	font: 14px/1.2 "raleway",serif;
	background: #000 none repeat scroll 0px 0px;
}
#sidebar .preview.services {
    /*background: #000 none repeat scroll 0px 0px;*/
	color: #000;
    padding: 0px 0px 18px 0px;
}
#sidebar .preview.services .service
{
	padding:18px 0px;
}
#booking_form {
    margin: 1px auto 0;
    padding: 0px;
    position: relative;
    
    z-index: 1;
}

/* calender */
.ui-widget-header{
	background: #999 !important;
	border: none !important;
	font-size: 12px !important;
}

.ui-widget-header .ui-icon{
	background: url(../images/datepicker.png) 0 -74px !important;
}

.ui-widget-header .ui-icon-circle-triangle-w{
	background-position: -75px -189px !important;

}

.ui-datepicker-calendar thead span{
	font-size: 12px !important;
}

#ui-datepicker-div{
	background: #DDD;
	text-transform: uppercase !important;
}

.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	cursor: pointer;
	background: #FFF !important;
}

.ui-state-default, .ui-widget-content .ui-state-defaultt{
	color: #000 !important;
	text-align: center !important;
	background: #ffffff !important;
}

.ui-state-active{
	background: #aa1e25 !important;
	color: #ffffff !important;
	border: none !important;
}

.ui-state-hover{
	background: #aa1e25 !important;
	color: #ffffff !important;
}
.ui-widget-content {
    color: #000 !important;
}
.ui-widget-header {
    font-weight: bold;
    color: #FFF !important;
}
#TA {
	text-align: center;
}
#TA img{
	padding: 15px 5px 7px;
}
#TA a{
	text-decoration: none;
}
#TA_cdsscrollingravenarrow655 {
	direction: ltr;
}
#TA-2 {
	width: 136px;
	margin: 15px auto;
}
.lang_ar  #offer_details .button a {
    margin: 0px 20px 20px 0px;

}
.lang_ar #offer_details .description {
    margin: 0px 219px 20px 0px;
}
@media (min-width: 767px) and (max-width: 991px) {
	#sidebar .preview.services .service {

		border-left: none;
	}
}
.children .box .book {
    text-align: center;
}
.lang_ar #slideshow .cycle .slide {
    direction: ltr;
}
.lang_ar #viewMobileMenu .container_viewMobileMenu {

    direction: ltr;
}
.viewMobileMenu span.fa {
    color:#000;
}
.preview_faqs {
    border-width: 0px 0px 0px 0px;
}

a.book, .promotion .button a, .FB_starting_from a span.book, .booknow_wrap a.book, .marker-booknow a, #offer_details .button a {
 background-color: #d5af60 !important;
 color: #000;
}

a.book:hover, .promotion .button a:hover, .FB_starting_from a span.book:hover, .booknow_wrap a.book:hover, .marker-booknow a:hover, #offer_details .button a:hover {
 background-color: #85352c;
}

.lang_ar .children a.book, .children .box span.book {
    margin-right: 10px;
}

#menu-item-credits {
    display: none;
}


.lang_ar .fbdeal__winbtn--open::after, .fbdeal__winbtn--close::after {
    margin-right: -13px;
}
.lang_ar .fbdeal__winbtn--close::after {
    transform: rotate(-45deg);
}
.lang_ar .fbdeal__winbtn--close::before {
    transform: rotate(45deg);
}
.lang_ar .fbdeal__winbtn--open::before, .fbdeal__winbtn--close::before {
    margin-right: -3px;
}
.lang_ar .fbdeal__winbtn {
right:28px;
}

.lang_ar .fbdeal__winbtn--open::after {
    transform: rotate(45deg);
}

.lang_ar .fbdeal__winbtn--open::before {
    transform: rotate(-45deg);
}

#z
{
	margin-bottom:-50px;

}


@media (max-width: 991px) and (min-width: 768px){
    #header_container {
        min-height: 138px!important;
    }
}

.FB_starting_from .button{
    display: none;
}
.weather {
    color: #aaa;
    left: 550px;
    position: absolute;
    margin-top: 13px;
    font: 14px "raleway",sans-serif;
    margin-left: 6px;
	width: 6em;
}

.header_info {
    position: relative;
}

.header #guestaccount {
    position: fixed;
    background: transparent;
    height: auto;
    width: auto;
    border-left: solid 1px #aaa;
    padding: 5px 20px;
    margin: 0;
    top: 20px;
    left: auto;
    min-width: 140px;
    text-align: center;
    color: #aaa;
    font-size: 13px;
    z-index: 9999;
    min-height: 40px;
    
}

#guestaccount a {
    color: #aaa;
}

#guestaccount a:hover,
#guestaccount a:focus {
    text-decoration: underline;
}

#open-ga {
    color: #EEE;
    font: 12px/20px "raleway",sans-serif;
    text-decoration: none;
    background: url(../images/icon-user.png) no-repeat 100% 0;
    padding-right: 25px;
    display: inline-block;
    margin-top: 5px;
}
.header {
    position: relative;;
}

#open-ga:hover,
#open-ga:focus {
    color: #aaa;
    text-decoration: underline;
}
.col-container-menu {
    padding: 0;
}
#fbga-signin-direct .form-control {
    padding: 0 12px;
    margin-bottom: 15px;
}

.fbga-hotel-title {
    display: none;
}
.name-account {
    display: block;
}
#logout_header {
    display: block;
}

#viewMobileMenu .viewMobileMenu {
    width: 50%;
    float: left;
}

@media (min-width: 768px) {
    .header #guestaccount {
        
       right: 0;
        top: 98px;
        min-width: auto;
    }

}

@media (min-width: 992px) {
    .header #guestaccount {
        
        right: calc((100% - 960px)/2 + 200px);
        top: 0;
        padding: 0;
        margin: 0;
        border: 0 none;
        min-width: 140px;
    }
}

@media (min-width: 1200px) {
    .header #guestaccount {
        
        right: calc((100% - 1160px)/2 + 20px);
        border-left: solid 1px #aaa;
        padding: 5px 20px;
        margin: 0;
        top: 20px;
        left: auto;
        min-width: 150px;
    }

    #booking_form {
        
        width: 770px;
        z-index: 1;
    }
}

@media (min-width: 1500px) {
    .header #guestaccount {
        right: calc((100% - 1300px)/2 + 20px);
    }
}

@media screen and (max-width: 767px) {
    #logo,
    .mobile_book_container {
        z-index: 99998;
    }
    .header #guestaccount {
        background: #eee;
        top: 83px;
        /* bottom: 0; */
        height: 60px;
        width: 50%;
        padding: 0;
        margin: 0;
        background: transparent;
        right: 0;
        font-size: 20px;
        z-index: 1;
        position: absolute;
        font-family: 'raleway', sans-serif;
    }

    #open-ga {
        font-size: 20px;
    }

    #logout {
        color: #3a414d;
        line-height: 20px;
        margin-top: 10px;
    }

    #guestaccount a {
        color: #3a414d;
        position: relative;
        top: 50%;
        display: block;
        transform: translateY(-50%);
        margin: 0;
    }
    
    #guestaccount a:hover,
    #guestaccount a:focus {
        text-decoration: none;
    }

    #open-ga:hover,
    #open-ga:focus {
        color: #aaa;
    }

}

/* booking form  container */
#bookingform_btn {background: #d5af60 none repeat scroll 0% 0%;
    font: 16px/36px "raleway",sans-serif;
    border: medium none;
    color: #000;
    float: left;
    font: 14px/36px "raleway",sans-serif;
    height: 34px;
    margin: 25px 10px 0 30px;
    padding: 0;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    width: 300px;
    text-align: center;
}
#bookingform_btn a { padding:0 30px; display:block; height:100%; color:#000; text-transform: uppercase; }
#bookingform_btn a:hover { text-decoration:none; }
#bookingform_btn a:after { float:right; width:13px; height:50px; margin-left:10px; content:" "; display:block;  background:transparent url('images/calendar-white.png') no-repeat center center ;}
/* overlay */
#bookingform_overlay { display: none; background:rgba(0,0,0, 0.5);  height: 100%;  left: 0; right:0; position: fixed;  top: 0;  width: 100%;  z-index: 1010; }

/* booking form container */
#bookingform_container { background-color: rgba(255,255,255, 1); position: fixed; top: 0px; right: -100%; bottom: 0px; z-index: 1099; overflow-x: hidden; overflow-y: visible; height: 100%; float: right; padding:20px; display: none;}
#bookingform_container.opened {
    -webkit-box-shadow: -5px 0px 25px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: -5px 0px 25px 0px rgba(0, 0, 0, 0.65);
    box-shadow: -5px 0px 25px 0px rgba(0, 0, 0, 0.65);
    display: block;
}
#bookingform_container .close_bf  { position:absolute; width:30px; height:30px; line-height:30px; top:0; left:0px; margin:0; cursor:pointer; z-index:1100; float:left; color:white; background-color:black; font-size:18px; text-align:center; }
#bookingform_container .close_bf:hover  {color:#fff; background: #aa1e25;  }
#bookingform_container .close_bf .fa {color: #fff;}

/* booking form  */
#bookingform_container .box_title {  color: #fff; padding-bottom: 30px; padding-top:10px;}
#bookingform_container .box_title:after {  background-color: #fff; bottom: 15px; }
#bookingform_container h3 {  color: #3a414d;  font-size: 2.1em;  font-weight: 700;  letter-spacing: 0.05em;  line-height: 36px;  margin: 0 0 10px;   text-align: center;  text-transform: uppercase; font-style: normal; font-family: Raleway;}
#bookingform_container h4 {  color: #aa1e25; font-size: 1.05em;  font-weight: 300;  letter-spacing: 0.05em;  line-height: 30px;  text-align: center;   text-transform: uppercase; }
#booking_form_container { width: 100%; padding:0; font-size:12px; position:relative; z-index:700;  }
/* commons */
.booking_form_container .field { float: left;  color: #ccc;  text-align: center; text-transform: lowercase;  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;  }
.booking_form_container .field span {  float:left;  padding-left: 20px;  padding-right: 10px;  display:block; font:300 16px/40px "Open Sans",san-serif; }
/* dates */
.dates { clear:both; width: 100%; height:50px;}
.booking_form_container .dates .field {  margin: 0 0.5% 0 0; display:none; }
.booking_form_container .dates span {  letter-spacing: 0.05em; font-weight:400;  }
.nights_field .label { float:left; }
.nights_field .label span { display:none; }
/* form */
#idForm { width:100%;  margin:0;   }
#check-out ,
#check-in ,
.bf_select-frommonth,
.bf_select-fromday,
.bf_select-fromyear  { display:none; }
/* BF */
.calendars { width:100%; height:374px; background-color:#131212; margin-bottom:20px; }
.calendars .ui-datepicker{ width:100%; }
/* dates inputs */
/* buttons */
.booking_form_container .buttons .field { margin-right:20px;  }
.booking_form_container .buttons .field span {  border: 1px solid #333; text-transform: capitalize; line-height:20px;  padding:6px 30px 6px 20px;  color:#fff; background:#121212 url("images/icon-cross-white.png") no-repeat scroll right 50%;}
.booking_form_container .buttons .field span:hover { background-color:#000; border: 1px solid #ccc; }
.booking_form_container .field.cancel_field { float: right; }
.booking_form_container .buttons .field span.reset { text-transform:uppercase; font-size:12px; }
/* section-iata */
.section-iata { float:right; margin-right:20px; }
.section-iata label { color: #fff; padding-right: 5px; text-transform: uppercase; }
.section-iata input {background: #121212 none repeat scroll 0 0; border: 1px solid #333; color: #fff;  height: 31px;  padding: 0 5px;   width: 70px; }
/* hotel selection */
.section-hotels {   margin:0; border: 1px solid #333; height:34px;}
.section-hotels select { background: transparent none repeat scroll 0 0;  color: #aaa;  height: 33px;  padding: 0 5px;  border:none;  }
.section-hotels option { padding:5px 3px;  }
/* submit */
#bf_submit { padding:5px 30px;  margin-right: 0px;  background:#F82D31 none repeat scroll 0 0;  color: #fff; border: medium none; display: block; float: right; font:14px/30px "Open Sans",sans-serif; letter-spacing: 0.05em; text-align: center; text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#bf_submit:hover { background-color:#a58d6d; }
.fbw-calendar--container .fbw-calendar--action .next {
    background: #3a414d !important;
    color: #fff !important;
    font-family: Raleway;
    min-width: 160px;
}
.fbw-calendar--container .fbw-calendar--action .next a {
    color: #fff !important;
    font-weight: bold;
}
#booking_form .fbw-calendar--container input[data-v-76cc65e8],
#booking_form .fbw-calendar--container select[data-v-76cc65e8] {
    border: solid 1px rgba(0,0,0, 0.3) !important;
}

.fbw-calendar--container .fbw-calendar--action .next:hover,
.fbw-calendar--container .fbw-calendar--action .next:focus{
    background: #000!important;;
}

@media screen and (max-width: 641px) {
    .header {
        z-index: 99999;
    }
    #bookingform_container .box_title {
        padding-bottom: 0;
    }
    #bookingform_btn {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        width: auto;
        margin: 0;
        height: 50px;
        line-height: 50px;
    }

    #bookingform_container {
        display: none;
    }

    #bookingform_container.opened {
        display: block;
        z-index: 99999;
    }

    #booking_form {
        width: 100%;
        z-index: 9999;
    }

    .mobile_book_container {
        background: #aa1e25;
        z-index: 99999;
    }


}

@media (min-width: 641px) and (max-width: 991px) {
    #header {
        margin-left: 0;
        width: 100%;
        left: 0;
    }

    #bookingform_btn {
        margin: 15px 0 0;
        width: 200px;
    }

    .quick-search-cancel {
        padding: 5px 0;
        margin-top: 5px;
    }

    .weather {
        left: 400px!important;
        top: 0px!important;
    }
    .header #guestaccount {
        right: 10px;

        min-width: 140px;
    }
    
    #mobile_menu_wrap {
        margin-top: 6px;
    }
    .header #guestaccount {
        top: 90px;
    }

    #lang_sel_list ul li {
        width: 25%;
    }
}

@media screen and (min-width: 991px) {
    #header_container {
        position: relative;
        z-index: 999;
    }
}

label.fbw-calendar--label.departure--label{
	margin-left: 280px;
}

#list_offers .promotion .image img{
	max-height: none;
}

#list_offers .promotion div.price{
	display: inline-flex;
}

#list_offers .promotion div.price .apd{
	
	padding-right:10px;
}

#main_menu {
    background: linear-gradient(to bottom, #f7e7ce 0%,#bfb099 100%) !important;
}

.extra {
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    text-align: center;
    margin-bottom: -10px;
    margin-top: -10px;
    position: relative;
    bottom: -20px;
}

@media only screen and (min-width: 1024px) {
.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -10%;
    width: 20%;
}
}

.pum-theme-2133 .pum-container, .pum-theme-default-theme .pum-container {
    background-color: #fff;
}

/*#social a:hover{
    opacity: 0.5;
}*/

/*.facebook_icon:hover {
    background-color: #405895;
}

.instagram_icon:hover {
    background: #D9309D /*linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.linkedin_icon:hover {
    background-color: #0A79B8;
}

.youtube_icon:hover {
    background-color: #CB3028;
}

.tripadvisor_icon:hover {
    background-color: #0AB80A;
}

.weibo_icon:hover {
    background-color: #C8282D;
}

.wechat_icon:hover {
    background-color: #00C900;
}

.line_icon:hover {
    background-color: #06C604;
}

.whatsapp_icon:hover {
    background-color: #2AD034;
}

.facebook_icon, .instagram_icon, .linkedin_icon, .youtube_icon, .tripadvisor_icon, .weibo_icon, .wechat_icon, .line_icon, .whatsapp_icon {
	border-radius: 50%;
}*/

/*#social a {
    margin: 0 5px 0 5px;
    padding-top: 10px;
    width: 30px;
    height: 45px;
}*/
 
.custom_social_linke {
    margin: 0 5px 0 -15px !important;
    padding-top: 20px;
 }

 @media (max-width: 991px) {
.custom_social_linke {
    padding: 33px 30px !important;
}
}

.seobar{
 display: none !important;
}

/*Added by mcanever 29/09/2020 */
@media (max-width:767px) {
    #bookingform_container {
        width: 100%;
    }
    label.fbw-calendar--label.departure--label {
        margin-left: 0 !important;
    }
    .fbw-calendar--dates.mobile {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }
    .fbw-calendar--dates .date--arrival, .fbw-calendar--dates .date--departure {
        display: flex !important;
        flex-direction: column !important;
        flex-basis: 100% !important;
        flex: 1 !important;
    }
    .fbw-calendar--dates.mobile .date--arrival .value, .fbw-calendar--dates.mobile .date--departure .value {
        text-align: left !important;
    }
}