@charset "utf-8";
/* CSS Document arabic */
#slider .gallerycontainer div{top: auto;/*bottom: 61px;*/height: auto;background: none;}
/* #slider, .bannerimg, .insidebanner{top: 0;} */
#slider.homepage-slider {top: 0;}
#slider .gallerycontainer div h2, .bannerimg .gallerycontainer div h2, .insidebanner .gallerycontainer div h2{padding-left: 100px;width: 810px;}
#slider .gallerycontainer div p{font-family: Tahoma,Arial, Helvetica, sans-serif;font-size: 18px;color: #fff;padding-left: 100px;width: 810px;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-weight: normal;}
#slider .gallerycontainer div p a{color: #fff;font-weight: normal;}

.form_booking_wrap{width: 960px;top: 0;left: 50%;margin-left: -480px;position: absolute;}
.form_booking,.form_booking *,.form_booking *:before,.form_booking *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.form_booking{-webkit-font-smoothing: antialiased;position: absolute;left: 0;top: -10px;color: #fff;background: #004d71;background: rgba(0,77,113,.8);font-family: 'Tahoma';direction:rtl; z-index:2;}
.form_booking a:link,.form_booking a:visited{color: #fff;text-decoration: underline;}
.form_booking label{font-size: 12px;display: block;margin-bottom: 3px;}
a.btn_checkavailability:link,a.btn_checkavailability:visited{text-transform: uppercase;font-size: 16px;border: 1px solid  #fff;display: block;text-decoration: none;line-height: 35px;padding: 0 9px;background:#572345 url(../images/icon-link.png) no-repeat 0 50%;margin: 3px 0 9px;}
a.btn_checkavailability:hover,a.btn_checkavailability:focus{}
a.btn_checkavailability:active{}
.btn_checkavailability{width: 100%;text-transform: uppercase;font-size: 23px;border: 1px solid  #fff;display: block;line-height: 35px;padding: 0 9px;background:#004d71 url(../images/icon-link.png) no-repeat 0 50%;margin: 3px 0 9px;font-family: 'Tahoma';height: 37px;color: #fff;text-align: right;}
.contactForm label {
    line-height: 25px;
    display: inline;
    width: 50%;
}
#NewsLetterCategory label {
    margin: 0 5px;
}
.contactForm .row-50 {
    display: block;
    float: left;
    overflow: hidden;
    width: 49%;
}
.form_booking .selectboxit-container{width: 100%;margin: 0;position: relative;}
.form_booking .selectboxit-container .selectboxit{width: 100%;background: #fff;border: 1px solid  #aba3a8;font-size: 16px;height: 31px;}
.form_booking .selectboxit-text{font-size: 16px;margin-left: 10px;}
.form_booking .selectboxit-arrow-container{width: 24px;background:url(../images/select-bg.gif) no-repeat;}
.form_booking .selectboxit-container .selectboxit-options{width:100%;}


.form_booking input[type="text"],.form_booking input[type="password"],.form_booking select{display: block;width: 100%;background: #fff;border: 1px solid  #bebebe;border-radius:2px;height:31px;font: 14px/29px 'Tahoma';}
.form_booking .idate input[type="text"]{background:#fff url(../images/icon-calendar.jpg) no-repeat 4% 50%;}


.form_part1{padding: 15px;width: 260px;float: right;padding-bottom:0}
.form_booking .form_title{font-weight: normal;font-size: 18px;text-transform: uppercase;display: block;margin-bottom: 9px;}
.form_part1 .input{margin-bottom: 6px;}
.form_part1 p a:link,.form_part1 p a:visited{text-transform: uppercase;font-size: 13px;color: #fff;}
.form_part1 p a:hover{color: #fff;}
.form_part1 .gr_head,.form_part1 .btn_remove,.form_part1 .txtlabel{display: none;}
.form_part1 .form_dynamic .input{float: right;margin-right: 19px;}
.form_part1 .ctrl_select{width: 64px;float: right;}
.form_part1 .form_left{float: left;}
.form_part1 .form_details .input.select{width: 64px;}

.ui-datepicker{background: #fff;width: 230px;border: 1px solid #fff;}
.ui-datepicker-header{color: #fff;background: #004d71;text-align: center;padding: 4px 10px;}
.ui-datepicker-header a:link,.ui-datepicker-header a:visited{color: #fff;}
.ui-datepicker-title{font-size: 16px;font-family: 'Tahoma';text-transform: uppercase; }
.ui-datepicker-prev,.ui-datepicker-next{width: 18px;height: 18px;text-indent: 100%;overflow: hidden;background: url(../images/btn-nextprev.jpg) no-repeat;display: block;float: left;}
.ui-datepicker-next{float: right;background-position: 100% 0;}
.ui-datepicker-calendar{width: 100%;color: #787276;font-size: 15px;margin-top: 6px;}
.ui-datepicker-calendar th{padding: 3px 0;color: #787276;text-align: center;font-weight: normal;}
.ui-datepicker-calendar td a{display: block;padding: 3px 0;color: #787276;text-align: center;}
.ui-datepicker-calendar td a:hover{background: rgba(87, 36, 70,.5);color: #000;}

.row{clear: both;}
.col2_l{width: 110px;float: right;}
.col2_r{width: 110px;float: left;}
.col3_l{width: 64px;float: right;}
.col3_c{width: 64px;margin: auto;}
.col3_r{width: 64px;float: left;}

.form_part2{float: left;width: 260px;padding: 15px 15px 0 15px;}
.form2_gutter{padding: 46px 0 15px 10px;}
.formexpanded .form_part2{width: 325px;min-height: 290px;}
.form_part2 .select{float: left;margin-right: 8px;width:100%;}
.form_part2 .gr_head div{float: right;font-size: 14px;margin-bottom: 3px;width: 76px;}
.form_part2 div.grc0{width: 78px;}
.form_part2 div.grc3{width: auto;}
.form_part2 .ctrl_select{float: right;}
.form_part2 .form_left{float: right;}
.form_details{float: left;}
.form_part2 .form_dynamic label{display: none;}
.form_part2 .txtlabel{font-size: 14px;float: right;width: 78px;padding-top: 6px;}
.form_part2 button.btn_remove{float: left;background: none;border: 0;color: #fff;width: 10px;margin-top: 7px;}
.form_part2 .col2_r label,.form_part2 .col2_l label {font-size:12px}

/*select*/
.selectricWrapper{position:relative;width:100%;cursor:pointer;margin:0 0 6px}
.selectricResponsive{width:100%}
.selectric{border:1px solid #BEBEBE;background:#fff;position:relative;border-radius:2px}
.selectric .label{display:block;white-space:nowrap;overflow:hidden;font-size:14px;line-height:18px;color:#444;min-height:18px;margin:0 0 0 24px;padding:6px;height: 29px;font-family: 'Tahoma';}
.selectric .button{display:block;position:absolute;left:0;top:0;width:24px;height:29px;color:#BBB;text-align:center;font:20px/30px Lucida Sans Unicode,Arial Unicode MS,Arial;background: url(../images/select-bg.gif) no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden;}
/*.selectric .button:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;border:4px solid transparent;border-top-color:#BBB;border-bottom:none;margin:auto}*/
.selectricHover .selectric{border-color:#CCC}
.selectricHover .selectric .button{color:#888}
.selectricHover .selectric .button:after{border-top-color:#888}
.selectricOpen{z-index:9999}
.selectricOpen .selectric{background:#fff;z-index:9999;border-color:#CCC}
.selectricOpen .selectricItems{display:block}
.selectricDisabled{filter:alpha(opacity=50);opacity:0.5;cursor:default;-webkit-touch-callout:none;user-select:none}
.selectricHideSelect{position:relative;overflow:hidden;width:0;height:0}
.selectricHideSelect select{position:absolute;left:-100%;display:none}
.selectricInput{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;width:1px!important;height:1px!important;outline:none!important;border:none!important;font:0/0 a!important;background:none!important;margin:0!important;padding:0!important}
.selectricTempShow{position:absolute!important;visibility:hidden!important;display:block!important}
.selectricItems{display:none;position:absolute;overflow:auto;top:100%;left:0;background:#F9F9F9;border:1px solid #CCC;z-index:9998;box-shadow:0 0 10px -6px}
.selectricItems ul,.selectricItems li{list-style:none;font-size:12px;line-height:20px;min-height:20px;margin:0;padding:0}
.selectricItems li{display:block;border-top:1px solid #FFF;border-bottom:1px solid #EEE;color:#666;cursor:pointer;padding:5px}
.selectricItems li.selected{background:#EFEFEF;color:#444;border-top-color:#E0E0E0}
.selectricItems li:hover{background:#F0F0F0;color:#444}
.selectricItems li.disabled{background:#F5F5F5;color:#BBB;border-top-color:#FAFAFA;cursor:default}

.row:after,.gr_head:after,.form_booking form:after{content: '.';display: block;clear: both;height: 0;visibility: hidden;}

.gallerycontainer{
z-index:0 !important;
}

.innnerpage.overlaybg{
	background:none;
	left:0;
	padding-left:100px;
	bottom:67;
	padding-left: 89px;
    padding-top: 110px;
}
.innnerpage.overlaybg{
padding-left: 30px;
left: 50%;
margin-left:-460px
}


.form_details label{
text-transform:none;

}
.formandbanner{position:relative;}
.formandbanner .form_booking_wrap{top:-4px !important;}

.gallery,.gallerycontainer{width:100%!important}
#slider .gallerycontainer div h2,#slider .gallerycontainer div p{padding-right:0;-webkit-font-smoothing: antialiased;}
#slider .gallerycontainer div p{margin:0}
.insidebanner{margin-top:63px}
#slider .gallerycontainer div {

top: auto;
bottom: 80px;
height: auto;
background: none;
left: 50%;
width: 960px;
margin-left: -430px;
z-index:10;

}
header{margin-top:-10px}
/*.slider-wrap div.pager{right:auto;left:10px;bottom:40px;}*/
.insidebanner .gallerycontainer div h2{text-align:right}
#slider .gallerycontainer div.shadow{
background: url(../images/shadow.png) repeat 0 0;
width:100%;
height:139px;
left:0;
bottom:68px;
margin-left:0;
z-index:9;
}
.insidebanner{
height:410px;
}

.selecttab {
    height: 10% !important;
    margin-bottom: 10px;
}
.bottomborder {
    border-bottom: 1px solid white!important;
    opacity: 0.6;
    font-weight: normal;
}
.righttab {
    float: right;
    display: block;
    width: 49%;
    padding-top: 10px!important;
    font-weight: bold;
}
.lefttab {
    float: right;
    display: block;
    width: 49%;
    padding-top: 11px!important;
    border-left: 1px solid white;
    font-weight: bold;
}
.hidden {
  display: none;
}
.form_part2,
.form_part1 {
  padding-top: 45px;
  padding-bottom: 0px;
}
.lefttab,
.righttab {
  padding-bottom: 5px;
}
.form_part2 .selecttab,
.form_part1 .selecttab {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
}
@media (max-width: 770px) {
  .contactForm {
    .row-50 {
      width: 100%;
      float: none;
      margin: 0 !important;
      &:nth-child(2n) {
        margin: 0 !important;
      }
    }
  }
}


/* Ibrahim 291116 */

.code-in{
	width:60%;
	display:inline-block;
	min-height: 75px;
}
.brate-in{
	width: 35%;
	display: inline-block;
	float: left;
}

/*For booking panel chnages*/
.righttab label,.lefttab label {
    font-size: 14px !important;
}
.selectric .label {
    padding: 2px 6px;
}
.selectricWrapper {
    width: 98%;
    float: right;
}

/*For Date Picker-Calendar Font Style and alignment*/
.ui-datepicker-calendar th {
    background: #004d71;
    color: #fff;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    border: 1px solid #f3f3f3;
    font-family: Tahoma , arial;
    font-size: 13px;
    text-align: center;
}