@font-face {
 font-family: MyCalibri;
 src: url("../font/Calibri.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCalibri;
 src: url("../font/Calibri.ttf") /* TTF file for CSS3 browsers */
}


html { 
	font-family: Calibri;
}

body { 
	font-size: 16px;
    font-family: Calibri;
}

input {
	font-family: Calibri;
}

textarea {
	font-family: Calibri;
}

select {
	font-family: Calibri;
    
}

.BGColor1{ background-color: #176FA4!important; }
.BGColor2{ background-color: #114170!important; }
.BGColor3{ background-color: #f69321!important; }
.BGColor4{ background-color: #475362!important; }
.FontColor1{ color: #ffffff!important; }
.FontColor2{ color: #ffffff!important; }
.FontColor3{ color: #313a45!important; }
.FontColor4{ color: !important; }
.FontBGColor1{ color: #176FA4!important; }
.FontBGColor2{ color: #114170!important; }
.FontBGColor3{ color: #f69321!important; }

a{
	color: #000;
}
a:hover{
	color: #16b4ef;
}
h3 { color: #114170!important;}
.mainmenu {
  padding: 15px 0;
}

.mainmenu ul#nav{
	margin: 0;
	padding: 0;
}
.mainmenu .navbar-default {
  background: none;
  border: none;
  margin: 0;
}
.mainmenu .navbar-brand {
  padding: 0 23px 0 0;
  height: auto;
}
.header_login ul{
	list-style: outside none none;
	margin: 0;
	padding: 0 0 0 14px;
}
.p10ts {
    min-height: 70px;
    padding-top: 10px;
    font-size: 14px;
    line-height: 20px;
}
.p5t {
  padding-top: 5px; }

.p5b {
  padding-bottom: 5px; }

.p10t {
  padding-top: 10px; }

.p10b {
  padding-bottom: 10px; }

.p15t {
  padding-top: 15px; }

.p15b {
  padding-bottom: 15px; }

.p20t {
  padding-top: 20px; }

.p20b {
  padding-bottom: 20px; }

.p25t {
  padding-top: 25px; }

.p25b {
  padding-bottom: 25px; }

.p30t {
  padding-top: 30px; }

.p30b {
  padding-bottom: 30px; }

.p35t {
  padding-top: 35px; }

.p35b {
  padding-bottom: 35px; }

.p40t {
  padding-top: 40px; }

.p40b {
  padding-bottom: 40px; }

.imgcrop {
  width: 100%; }

.imgcrop1 {
  max-width: 100%; }

.align-center {
  text-align: center!important; }

.align-right {
  text-align: right!important; }
.align-left {
  text-align: left !important; }
.align-justify {
  text-align: justify!important; }

.room_table .price_befor_discount { text-decoration:line-through; }

.RmCbTravelDate { font-size:14px; }
#RmCb1L { width:100%; float:left; }
#RmCb1R { width:10%; float:left; display:none; }
#RmCbPlusIcon { display:block; padding-top:10px; padding-bottom:20px; }
#RmCb3Box { text-align:left; padding-top:25px; padding-bottom:10px; }
.RmCbBookBtn { width:120px; float:none; margin: 0 auto; }

#IFrameX { height:380px; }
#TBDialogBE { width:100%; }

#ArrHrs { padding: 6px; font-size:15px; }
#tb-list-data { font-size:12px; }

#VGSFrm { margin-top:10px; }
#VGSFrm .form-field {
  width: 100%;
  height: 40px;
  position: relative;
  background: white;
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: 0 0 3px 0px rgba(0, 0, 0, .3);
  padding: 0 10px;
}
#VGSFrm iframe {
  width: 100%;
  height: 100%;
}
#VGSFrm .form-field-group {
  display: flex;
  flex-flow: wrap;
}
#VGSFrm .form-field-group div {
  flex: 0 0 50%;
}
#VGSFrm .form-field-group div:first-child {
  border-radius: 4px 0 0 4px;
}
#VGSFrm .form-field-group div:last-child {
  border-radius: 0 4px 4px 0;
}

.po { position:relative; }
.calendar-search-date { 
  width: 11px;
  height: 11px;
  position: absolute;
  top:6px;
  right: 7px;
  z-index: 1; 
}

.calendar_am_date { right:15px; }

.border-bottom-dark-2 { border-bottom:solid 2px #475362!important; }

.ExISelDate { padding:0!important; margin:0!important; height:30px!important; font-size:13px; }
.ExISelInput { width:90%!important; color:#666!important; padding:5px!important; }
.ExISelInput > option { background:none!important; }
.border-left-rsvn-sum { border-left:none; }
.check_box_rsvn { margin:0; width:auto!important; zoom:1.1; position:absolute!important; }
.img_vt_domestic { margin-left:20px; }

.DivExItem { width:320px; }
.DivExItemR { text-align:left; }
.TDBHReport { display:none; }

.site_logo { margin-bottom:0px; }
.navbar-brand { float:none; }
.navbar-brand>img { margin:0 auto; }
.star { text-align:center; }

.book_search_input { padding: 0px 5px; }
.book_search_input .form-control { font-size: 13px; }

.footer_col1 { width:100%; float:left; }
.footer_col2 { width:100%; float:left; }
.footer_col3 { width:100%; float:left; }
.foot_box1 { text-align:left; width:fit-content; margin:0 auto; }
.foot_box2 { text-transform:uppercase; font-size:18px; text-align:center; }

body#booking_page .booking_info_area .section_title{
    margin-top: 23px;
}

.nav1_li { font-size:9px!important; }
.nav2_li { font-size:9px!important; }

.menu_show { display:none!important; }
.menu_btt { display:block!important; }

.amend_cancel_box { width:auto; }

.fancybox-slide { padding:0!important; }

.cb_room_info { padding-top:15px; padding-bottom:20px; }
.cb_avg_rate_dt { display:none; }
.cb_avg_rate_mb { display:block; }

#div_book_search { background-color:#FFF; height:120px; border:1px solid #114170; }
.div_book_search { float:left; margin-left:5px; }
.div_book_search_btt { width:120px; float:left; margin-left:5px; padding-top:28px; }
.div_book_search select { height:24px; line-height:24px; }
.div_book_search p { font-weight:bold; height:28px; line-height:28px; padding:0; margin:0; }

#div_popup_info { position:fixed; right:10px; bottom:10px; width:190px; display:none; z-index:200; }
#div_popup_info .title_left { float:left; padding-left:5px; padding-top:7px; }
#div_popup_info .title_right { float:right; padding-right:5px; padding-top:7px; }
#div_popup_info #last_booking { background-color:#efefef; text-align:center; padding:10px; }
#div_popup_info #user_consider { background-color:#efefef; text-align:center; padding:10px; }

#div_popup_benefit { position:fixed; right:10px; bottom:10px; width:190px; display:none; z-index:200; }
#div_popup_benefit .title_left { float:left; padding-left:5px; padding-top:1px; color:#fff; }
#div_popup_benefit .title_right { float:right; padding-right:5px; padding-top:7px; }
#div_popup_benefit #list_benefit { background-color:#efefef; text-align:center; padding:10px; }
#div_popup_benefit #list_benefit div { color:#000; text-align:left; }

.benefit_hide { display:none; }

.footer_mid_img { float:none; }

.sort_color { background-color:#999999!important; }
.sort1 { padding : 8px 4px!important; font-size:9px!important; }
.sort2 { padding : 8px 4px!important; font-size:9px!important; }
.sort3 { padding : 8px 4px!important; font-size:9px!important; }

#BookYourRoom { display : none; float:left; text-align:left; }
#BookYourRoomM { display : block; text-align:left; padding-bottom:10px; }

.RmDetailHide { text-align:right; font-size:14px; padding-top:10px; display:none; cursor:pointer; }
.RmDetailInfo { text-align:right; font-size:14px; padding-top:10px; display:block; cursor:pointer; }
.DetailMHide { display:none; }
.RmOccInfoM { display:block; }

#rsvn_detail_arrow { display: block; cursor: pointer; }
#rsvn_detail { display: none; }

#booking_done_area { margin-top: 40px; }

.footer_mid_box { float:right; width:100%; padding-right:15px; }
.footer_mid_txt { max-width: none; float:none; padding:5px 0px 10px 5px; }
.footer_box { margin:0 auto; float:none; text-align:center; }

.form-input-seach { padding: 0px!important; padding-left: 8px!important; }

.header_top { margin-left: -15px; margin-right: -15px; }
.main_header_area { overflow:hidden; }

.icon_arrow2 { position:relative; border:1px #CCC solid; }
.icon_arrow3 { position:relative; border:1px #CCC solid; }
select.input_txt { background: transparent; border:medium none; -webkit-appearance:none; padding-left:5px; }

.MemberLoginBG { width:90px; position:absolute; height:60px; z-index:200; }

.CookieBtnAccept { float:right; padding:5px 10px; background-color:#5e3423; color:#eeece0; border-radius:5px; border:1px solid #eeece0; cursor:pointer; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.CookieBtn { float:right; padding:5px 10px; background-color:#eeece0; color:#5e3423; border-radius:5px; border:1px solid #5e3423; cursor:pointer; margin-right:5px; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.CookieBtnAccept:hover { background-color:#662b12; }
.CookieBtn:hover { background-color:#e9e4c3; }



.ui-switchbutton-default label.ui-switchbutton-enabled {
	color:white;
	background:#176FA4;
	background:-moz-linear-gradient(top, #176FA4 0, #176FA4 25%, #176FA4 49%, #176FA4 51%, #176FA4 75%, #176FA4 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #176FA4), color-stop(25%, #176FA4), color-stop(49%, #176FA4), color-stop(51%, #176FA4), color-stop(75%, #176FA4), color-stop(100%, #176FA4));
	background:-webkit-linear-gradient(top, #176FA4 0, #176FA4 25%, #176FA4 49%, #176FA4 51%, #176FA4 75%, #176FA4 100%);
	background:-o-linear-gradient(top, #176FA4 0, #176FA4 25%, #176FA4 49%, #176FA4 51%, #176FA4 75%, #176FA4 100%);
	background:-ms-linear-gradient(top, #176FA4 0, #176FA4 25%, #176FA4 49%, #176FA4 51%, #176FA4 75%, #176FA4 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#176FA4', endColorstr='#176FA4', GradientType=0);
	background:linear-gradient(top, #176FA4 0, #176FA4 25%, #176FA4 49%, #176FA4 51%, #176FA4 75%, #176FA4 100%);
	box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.7);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding-right:4px
}

.clear { clear:both; }

.login {
      position: absolute;
    top: 40px;
    
    width: 300px;
    right: -35px;
  display: none;
}
.pa_italic i {
	right: 0;
	color: #f69321;
	font-weight:600;
	font-size: 20px;
}

.pa_italic span {
	display: none;
}

.collapsed span {
	display: inline-block;
	position:relative;
	right: 0;
	color: #114170;
	font-weight:400;
	font-size: 18px;
	text-align:right;
}

.collapsed i {
	display: none;
	
}

.panel-heading {
    padding-top:  20px;
}

.panel {
  margin-top: 0px;
 }

.panel-title {
	font-size: 16px;
	color: #000;
	letter-spacing: 1.1px;
	font-weight: 600;
	text-transform: capitalize;
	text-decoration: none;height: 30px;
}


.panel-default {
	border-top: 2px solid #c29f5a;
	
	background: #ffffff;
}

.panel-default>.panel-heading {

	color: #000;

}

.panel-body {

	font-size: 1em;
	line-height: 28px;
	color: #999;
	letter-spacing: 0.5px;
}

.panel-body h5 {
	font-size: 1.5em;
	font-weight: 500;
	color: #ff4b4b;
	margin-bottom: 0.5em;
}

.panel-body h5 span {
	font-size: 16px;
    line-height: 28px;
	color: #000;
}
.panel-default {
    border : none;
}

.formholder {
	position: absolute;
	z-index:99999;
    width: 250px;
  background: #176FA4;
  padding-top: 5px;
  color :#ffffff;
}
.formholder select{
  padding: 7px 5px;
  margin: 10px 0;
  width: 100%;
  display: block;
  font-size: 14px;
  border-radius: 5px;
  border: none;
  color :#000;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

#BttAmend, #BttCancel {
  background: #f69321;
  padding: 5px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 20px;
  display: block;
  width: 100%;
  border: none;
  color: #ffffff;
  border-radius: 5px;
}
#BttAmend:hover, #BttCancel:hover {
  background: #114170;
}

.randompad {
  padding: 10px;
}
.icon-bed {
  width: 30px;
  height: 30px;
  background-color : #176FA4;
  -webkit-mask: url(icon-svg/double-king-size-bed.svg) no-repeat center;
  margin: 0 auto;
 
  
}
.icon-user {
  width: 30px;
  height: 30px;
  background-color : #176FA4;
  -webkit-mask: url(icon-svg/man-user.svg) no-repeat center;
  margin: 0 auto;
  display:inline-block;

}
.icon-ruler {
  width: 30px;
  height: 30px;
  background-color : #176FA4;
  -webkit-mask: url(icon-svg/ruler.svg) no-repeat center;
  margin: 0 auto;

}

.icon-nomediator {
  width: 100px;
  height: 100px;
  background-color : #ffffff;
  -webkit-mask: url(icon-svg/nomediator.svg) no-repeat center;
  margin: 0 auto;

}

.icon-wifi {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/wifi.svg) no-repeat center;
}
.icon-led-monitor {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/led-monitor.svg) no-repeat center;
}
.icon-p-bathroom {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/p-bathroom.svg) no-repeat center;

}
.icon-bathtub-with-opened-shower {
  width: 35px;
  height: 35px ;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/bathtube-with-shower.svg) no-repeat center;

}
.icon-coast {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/coast.svg) no-repeat center;
}
.icon-beach-view {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/sun-umbrella.svg) no-repeat center;

}
.icon-clean-water {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/clean-water.svg) no-repeat center;
  margin: 0 auto;

}
.icon-cityscape {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/cityscape.svg) no-repeat center;


}
.icon-mountaint-landscape {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/hills.svg) no-repeat center;

}
.icon-swimming-pool {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/swimming-pool.svg) no-repeat center;

}

.icon-river {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/river.svg) no-repeat center;

}
.icon-lake {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/lake.svg) no-repeat center;

}
.icon-size {
  width: 35px;
  height: 35px;
  margin: 0 auto;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/size.svg) no-repeat center;

}
.icon-park {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/park.svg) no-repeat center;
  margin: 0 auto;

}

.icon-air-conditioner {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/air-conditioner.svg) no-repeat center;
  margin: 0 auto;

}
.icon-balcony {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/balcony.svg) no-repeat center;
  margin: 0 auto;

}

.icon-bathrobe {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/bathrobe.svg) no-repeat center;
  margin: 0 auto;

}

.icon-kettle {
    width: 35px;
    height: 35px;
    background-color :#176FA4;
    -webkit-mask: url(icon-svg/kettle.svg) no-repeat center;
    margin: 0 auto;
}
.icon-smoke-detector {
 	 width: 35px;
    height: 35px;
    background-color :#176FA4;
  -webkit-mask: url(icon-svg/smoke-detector.svg) no-repeat center;
  margin: 0 auto;

}

.icon-coast {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/coast.svg) no-repeat center;
  margin: 0 auto;

}
.icon-drink {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/drink.svg) no-repeat center;
  margin: 0 auto;

}
.icon-elevator {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/elevator.svg) no-repeat center;
  margin: 0 auto;

}
.icon-family-room {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/family.svg) no-repeat center;
  margin: 0 auto;

}
.icon-fan {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/fan.svg) no-repeat center;
  margin: 0 auto;

}
.icon-hairdryer {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/hairdryer.svg) no-repeat center;
  margin: 0 auto;

}
.icon-kings-size-bed {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/kings-size-bed.svg) no-repeat center;
  margin: 0 auto;

}
.icon-laundry {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/laundry.svg) no-repeat center;
  margin: 0 auto;

}

.icon-minibar {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/minibar.svg) no-repeat center;
  margin: 0 auto;

}

.icon-no-pets {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/no-pets.svg) no-repeat center;
  margin: 0 auto;

}
.icon-no-smoking {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/no-smoking.svg) no-repeat center;
  margin: 0 auto;

}

.icon-pawprint {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/pawprint.svg) no-repeat center;
  margin: 0 auto;

}

.icon-safebox {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/safebox.svg) no-repeat center;
  margin: 0 auto;

}
.icon-shower {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/shower.svg) no-repeat center;
  margin: 0 auto;

}
.icon-slippers {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/slippers.svg) no-repeat center;
  margin: 0 auto;

}
.icon-smoking {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/smoking.svg) no-repeat center;
  margin: 0 auto;

}

.icon-toiletries {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/toiletries.svg) no-repeat center;
  margin: 0 auto;

}

.icon-water-heater {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/water-heater.svg) no-repeat center;
  margin: 0 auto;

}


.icon-kitchen {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/kitchen.svg) no-repeat center;
  margin: 0 auto;

}
.icon-iron {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/iron.svg) no-repeat center;
  margin: 0 auto;

}

.icon-bunk {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/bunk.svg) no-repeat center;
  margin: 0 auto;

}

.icon-fridge {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/fridge.svg) no-repeat center;
  margin: 0 auto;

}
.icon-sofa {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/sofa.svg) no-repeat center;
  margin: 0 auto;

}
.icon-telephone {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/call.svg) no-repeat center;
  margin: 0 auto;

}

.icon-mirror {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/mirror.svg) no-repeat center;
  margin: 0 auto;

}
.icon-towel {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/towel.svg) no-repeat center;
  margin: 0 auto;

}
.icon-bath {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/bathtub.svg) no-repeat center;
  margin: 0 auto;

}

.icon-fruits {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/fruits.svg) no-repeat center;
  margin: 0 auto;

}
.icon-shower-cool{
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/shower-cool.svg) no-repeat center;
  margin: 0 auto;

}

.icon-luggage {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/luggage.svg) no-repeat center;
  margin: 0 auto;

}


.icon-dvd-player {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/dvd-player.svg) no-repeat center;
  margin: 0 auto;

}

.icon-lock {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/lock.svg) no-repeat center;
  margin: 0 auto;

}
.icon-smoke-detector {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/smoke-detector.svg) no-repeat center;
  margin: 0 auto;

}
.icon-desk {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/desk.svg) no-repeat center;
  margin: 0 auto;

}

.icon-deck-chair {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/deck-chair.svg) no-repeat center;
  margin: 0 auto;

}

.icon-double-lock {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/double-lock.svg) no-repeat center;
  margin: 0 auto;

}

.icon-wardrobe {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/wardrobe.svg) no-repeat center;
  margin: 0 auto;

}
.icon-toaster {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/toaster.svg) no-repeat center;
  margin: 0 auto;
}
.icon-alarm-clock {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/alarm-clock.png) no-repeat center;
  margin: 0 auto;
}
.icon-coffee {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/coffee.svg) no-repeat center;
  margin: 0 auto;
}
.icon-umbrella {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/umbrella.png) no-repeat center;
  margin: 0 auto;
}
.icon-adapter {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/adapter.png) no-repeat center;
  margin: 0 auto;
}
.icon-microwave {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/microwave.png) no-repeat center;
  margin: 0 auto;
}
.icon-blackout-curtain {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/icon-window.png) no-repeat center;
  margin: 0 auto;
}
.icon-usb-universal-sockets {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/icon-usb.png) no-repeat center;
  margin: 0 auto;
}
.icon-satellite-channels {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/dvd-player.svg) no-repeat center;
  margin: 0 auto;
}
.icon-50-in-lcd {
  width: 35px;
  height: 35px;
  background-color :#176FA4;
  -webkit-mask: url(icon-svg/led-monitor.svg) no-repeat center;
  margin: 0 auto;
}

.header_login > ul > li > a{	
	font-size: 14px;
	text-transform: uppercase;
}
.mainmenu .nav.navbar-nav {
  float: left;
}
.emergency_number {
  background: #114170 none repeat scroll 0 0;
  float: left;
  padding: 10px;
  position: relative;
}
.emergency_number a{
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
}
.emergency_number a > img{
	margin-right: 8px;
}
.emergency_number::after {
  background: #114170 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 10000%;
}
body#home_one .emergency_number, body#home_one .emergency_number::after{
	background: #114170 none repeat scroll 0 0;
}
.mainmenu .nav.navbar-nav > li > a {
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding: 14px 21px 14px 30px;
}
.mainmenu .nav.navbar-nav li.dropdown > a{
	background: url(img/dropdown_bg.png) no-repeat scroll 100% 50%;
}
.mainmenu .nav.navbar-nav a:hover{
	color: #16b4ef;
}
.header_top_area {
  background: #176FA4 none repeat scroll 0 0;
  color: #ffffff;
}
.header_top_area ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header_top_area li{
	padding: 10px 0;
}
.header_top_area a{
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
}
.header_top .left_header_top a > img{
	margin-right: 12px;
}
.right_header_top .nav a {
  padding: 0 14px;
}
.right_header_top .nav a:hover, .right_header_top .nav a:active,  .right_header_top .nav .open > a,  .right_header_top .nav .open > a:focus, .right_header_top  .nav .open > a:hover{
	background: none;
}
#menu2, #menu1 {
	background: #313a45; none repeat scroll 0 0;
	border: medium none;
	padding: 0;

}
#menu2.dropdown-menu > li:first-child > a, #menu1.dropdown-menu > li:first-child > a{
	padding-top: 5px;
}

#menu2.dropdown-menu > li:first-child > a, #menu1.dropdown-menu > .Intl-DropDown-label {
    text-align: left;
    margin: .875rem 0 .5rem;
}
#menu2.dropdown-menu > li:first-child > a, #menu1.dropdown-menu > .Intl-DropDown .dropper {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding: 0 1.5rem 0 .75rem;
    width: 100%;
    height: 2.5rem;
    background: url(../../images/icons/chevron-tiny-down.svg) 95% no-repeat;
    border: 1px solid #ccc;
    outline: 0;
}

#menu2.dropdown-menu > li:last-child > a, #menu1.dropdown-menu > li:last-child > a{
	padding-bottom: 34px;
}
#menu2.dropdown-menu > li > a, #menu1.dropdown-menu > li > a {
  color: #fff;
  padding: 14px 100px 14px 34px;
  text-transform: uppercase;
  line-height: 26px;
}
#menu2.dropdown-menu > li > a:hover, #menu1.dropdown-menu > li > a:hover, #menu1.dropdown-menu > li > a:active, #menu2.dropdown-menu > li > a:active{
	color: #114170;
	background: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	background: none;
}


/* --------------------------------------------------------
 					end Header CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
2. 					Start slider CSS
-----------------------------------------------------------*/
.main_slider_area{
	
	position: relative;
}



/* --------------------------------------------------------
 					end slider CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
3.					start hotel booking area CSS
-----------------------------------------------------------*/
body#home_one .hotel_booking_area {
	left: calc( 50% - 585px );
	position: absolute;
	text-transform: uppercase;
	top: 0;
	z-index: 200;
}
body#home_two .hotel_booking_area{
	bottom: 2%;
}
.picker-container{
	display: none;
}

.hotel_booking{
	background: #176FA4 none repeat scroll 0 0;
	min-height: 114px;
	padding: 26px 10px;
	position: relative;
}
.room_book{
	border-right: 1px solid #475362;
}
.room_book h6{
	color:  #fff;
	font-size: 15px;
	font-weight: 600;
}
.room_book p{
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 25px;
	margin: 0;
}
form#form1 .form-group {
  margin: 0;
}
.hotel_booking .input-group {
  width: 100%;
}
.hotel_booking  .input-group-addon, .hotel_booking_area input#datepicker, .hotel_booking_area input{
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #fff;;
	outline: none;
}
.hotel_booking  .input-group-addon{
	padding: 0 0 0 10px;
}
.hotel_booking_area ::-webkit-input-placeholder { /* WebKit browsers */
    color: #FFF;
}
.hotel_booking_area ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FFF;
    opacity:  1;
}
.hotel_booking_area input#datepicker, .hotel_booking_area input, .hotel_booking_area select#room, .hotel_booking_area select#adult, .hotel_booking_area select#child, .hotel_booking_area select#bed {
	font-size: 15px;
	height: 37px;
	padding: 0;
	width: 100%;
}
.hotel_booking_area select#room{

}
.form-control:focus{
	box-shadow: none;
}
.hotel_booking_area select{
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color:  #fff;
	outline: medium none;
	padding-left: 8px;
}
.hotel_booking_area select > option{
    
	border: medium none;
	margin: 0;
	padding: 5px 5px 5px 15px;
    background: #313a45;
}
.icon_arrow2:after{
	content: '\f107';
	color:  #000;
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 25px;
	position: absolute;
	right: 5px;
	top: -6%;
	z-index: -100;
}
.icon_arrow3:after{
	content: '\f107';
	color:  #000;
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 35px;
	position: absolute;
	right: 9%;
	top: -6%;
	z-index: 1;
}
.icon_arrow:after{
	content: '\f107';
	color:  #fff;
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 42px;
	position: absolute;
	right: 9%;
	top: -6%;
	z-index: 1;
}
.icon_arrow_ex:after{
	content: '\f107';
	color:  #fff;
	font-family: "FontAwesome";
	font-size: 18px;
	font-weight:bold;
	line-height: 42px;
	position: absolute;
	right: 10px;
	top: -6%;
	z-index: 1;
}
.icon_arrow_ex2:after{
	content: '\f107';
	color:  #fff;
	font-family: "FontAwesome";
	font-size: 18px;
	font-weight:bold;
	line-height: 36px;
	position: absolute;
	right: 20px;
	top: -6%;
	z-index: 1;
}

/* --------------------------------------------------------
 					end hotel booking area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
4.					start special offer CSS
-----------------------------------------------------------*/

body#home_one .special_offer_main {
	height: 276px;
	position: absolute;
	right: 0;
	top: 100%;
	width: 223px;
	z-index: 11;
}
body#home_two .special_offer_main {
	height: 276px;
	position: absolute;
	right: calc(0% + 5.7%);
	top: 0;
	z-index: 100;
}

/* --------------------------------------------------------
 					end special offer CSS
-----------------------------------------------------------*/
.btn {
  border: 2px solid #114170;
  border-radius: 0;
  color: #114170;
  font-size: 16px;
  padding: 8px 17px;
}
a.btn:hover {
  background: #114170;
  color: #ffffff;
}
a.btn.btn-black{
  border: 2px solid #777777;
  color: #777777;
}
a.btn.btn-black:hover{
  background: #777777;
  color: #ffffff;
}
.btn.btn-warning{
  background: #f69321 none repeat scroll 0 0;
  border: medium none;
  color: #313a45;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 27px;
  text-transform: uppercase;
  border: 1px solid #f69321;
}
.btn.btn-warning:hover{
  color: #ffffff;
  background: #f69321;
  border: 1px solid #114170;
  opacity: 0.9;
}
.btn.btn-warning1{
  background: #114170 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 27px;
  text-transform: uppercase;
  border: 1px solid #114170;
}

.btn.btn-info{
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
}
.btn.btn-info:hover{
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  color: #fff;
}
.btn.btn-success{
  background: #88d54f;
  border: 1px solid #88d54f;
}
.btn.btn-success:hover{
  background: #88d54f;
  border: 1px solid #88d54f;
  color: #fff;
}

.btn.btn-primary {
    background: #f69321 none repeat scroll 0 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #313a45;
    font-size: 16px;
    font-weight: 700;
    line-height: 15px;
    padding: 13px 25px;
    border: none;
    outline: none;
}
.btn.btn-blue{
  background: #2fb3e7;
  color: #fff;
  font-size: 16px;
  padding: 5px;
  text-transform: uppercase;
  border: 1px solid #2fb3c7;
}
.btn.btn-blue:hover{
  background: #fff;
  color: #2fb3c7;
  border: 1px solid #2fb3c7;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #f7c411;
    background: #000 none repeat scroll 0 0;
    border: none;
    outline: none;
}
.content-page .btn-primary, 
.content-page .btn-primary:hover {
    color: #fff;
    margin-left: 0;
}
.btn-default {

}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {

}

.btn.btn-sm{
  padding: 8px 10px;
}
.btn.btn-md{
  padding: 9px 22px;
}
.btn.btn-lg{
  padding: 19px 43px;
}

/* --------------------------------------------------------
5.					start welcome area CSS
-----------------------------------------------------------*/

body#home_one .welcome .section_description {
  padding: 0 20% 43px;
  text-align: center;
}
body#home_one .welcome .section_description p{
	font-size: 16px;
}
body#home_one .welcome .room_media, .accomodation_single_room .room_media, body#room_detail_page .welcome .room_media {
  margin-bottom: 28px;
  text-align: center;
}
body#home_one .single_room_wrapper .uk-overlay, body#accomodation_page .single_room_wrapper .uk-overlay {
  overflow: visible;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
body#home_one .single_wrapper_details, body#accomodation_page .single_wrapper_details {
	background: #f7c411 none repeat scroll 0 0;
	height: 100%;
	width: 100%;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-display: block;
	padding: 13px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   body#home_one .single_wrapper_details, body#accomodation_page .single_wrapper_details {
    display: none;
  }
} 
body#home_one .single_room_wrapper .uk-overlay:hover .single_wrapper_details, body#accomodation_page .single_room_wrapper .uk-overlay:hover .single_wrapper_details {
	display: block;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
body#home_one .single_room_wrapper .uk-overlay:hover .left_room_title a.btn, body#accomodation_page .single_room_wrapper .uk-overlay:hover .left_room_title a.btn{
	background: #114170 none repeat scroll 0 0;
	color: #fff;
}
body#home_one .single_wrapper_details .single_wrapper_details_pad, body#accomodation_page .single_wrapper_details .single_wrapper_details_pad{
	height: 100%;
	width: 100%;
}
body#home_one .single_wrapper_details h5, body#accomodation_page .single_wrapper_details h5 {
  color: #000;
  font-size: 18px;
  text-transform: none;
}
body#home_one .single_wrapper_details p, body#accomodation_page .single_wrapper_details p{
	color: #444;
	font-size: 15px;
}
body#home_one .single_room_wrapper, body#accomodation_page .single_room_wrapper{
  overflow: hidden;
}
body#home_one .single_wrapper_details .single_room_cost p, body#accomodation_page .single_wrapper_details .single_room_cost p{
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 18px;
}
body#home_one .single_wrapper_details .single_room_cost p span, body#accomodation_page .single_wrapper_details .single_room_cost p span{
	font-size: 11px;
}
body#home_one .single_wrapper_details .single_room_cost .btn, body#accomodation_page .single_wrapper_details .single_room_cost .btn {
	border: none;
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	color: #444;
	margin-bottom: -74px;
	margin-right: -23px;
}
body#home_one .single_wrapper_details .single_room_cost .btn:hover, body#accomodation_page .single_wrapper_details .single_room_cost .btn:hover{
	background: #444;
	color: #fff;
}

body#home_one .welcome .room_media a, .accomodation_single_room .room_media a {
  display: block;
}
body#home_one .welcome .left_room_title > h6, .accomodation_single_room .left_room_title > h6 {
  font-size: 18px;
  text-transform: none;
}
body#home_one .welcome .left_room_title > p, .accomodation_single_room .left_room_title > p {
  	font-size: 18px;
}
body#home_one .welcome .left_room_title > p > span, .accomodation_single_room .left_room_title > p > span {
	font-size: 11px;
}

/* --------------------------------------------------------
 					end welcome area CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
9. 					start Hotel showcase area CSS
-----------------------------------------------------------*/


body#home_two .hotel_showcase .owl-carousel .owl-item img{
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
body#home_two .hotel_showcase .owl-carousel .owl-item img:hover{
	-webkit-filter: grayscale(1%);
	-o-filter: grayscale(1%);
	filter: grayscale(1%);
}
body#home_two .hotel_showcase .owl-carousel .owl-item a{
	display: block;
	position: relative;
}
body#home_two .hotel_showcase .owl-carousel .owl-item a i {
	background: #fff none repeat scroll 0 0;
	border-radius: 50%;
	height: 35px;
	left: calc(50% - 18px);
	padding: 9px 0;
	position: absolute;
	text-align: center;
	top: calc(50% - 18px);
	width: 35px;
	top: 1000px;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	color: #131e2a;
}
body#home_two .hotel_showcase .owl-carousel .owl-item a:hover i{
	top: calc(50% - 18px);
}

/* --------------------------------------------------------
 					end Hotel showcase area CSS
-----------------------------------------------------------*/




/* --------------------------------------------------------
10.					start about us area CSS
-----------------------------------------------------------*/

.about_us .news .post_title > h6 {
  color: #131e2a;
  font-size: 16px;
}
.about_us .news .post_content > p {
  font-size: 12px;
  margin: 6px 0 0;
  color: #949494;
}
.about_us .showcase ul{
	list-style: none outside none;
    padding-left: 0;
    margin: 0;
}
.about_us .showcase .demo .item{
    margin-bottom: 60px;
}
.about_us .showcase .content-slider li{
    background-color: #ed3020;
    text-align: center;
    color: #FFF;
}
.about_us .showcase .content-slider h3 {
    margin: 0;
    padding: 70px 0;
}
.about_us .showcase .demo{
	width: 100%;
}
.about_us .showcase .lslide.active > img {
  min-height: 338px;
}
body#home_two .about_details {
  margin-top: 30px;
}
body#home_two .about_details > p {
	color: #666666;
	line-height: 26px;
	margin: 0;
}
body#home_two .hotel_thumb > img {
  height: auto;
  width: 100%;
}
div#customer_says_slider .customer_comment {
  background: rgba(0, 0, 0, 0) url("img/customer-slider-bg.png") no-repeat scroll 0 0 / cover ;
  padding: 25px 34px 23px;
}
div#customer_says_slider .customer_comment > p {
  line-height: 25px;
  margin: 0;
  padding-bottom: 20px;
}
div#customer_says_slider .slider_says {
  bottom: 28%;
  position: absolute;
  right: 6.4%;
}
div#customer_says_slider .slider_says.left {
  right: 16.5%;
}
div#customer_says_slider .slider_says i {
  font-size: 20px;
}

/* --------------------------------------------------------
 					end about us area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
11.					start contact us area CSS
-----------------------------------------------------------*/

.cookie_policy {
    color:#FFF; background-color:#114170; text-align:center; padding-bottom:10px; font-size:14px;
}
.contact_us {
  background: #114170;
  padding: 25px 35px;
}
.contact_us a, .contact_us h6, .contact_us p{
	color: #ffffff}
.contact_us a:hover{
	color: #313a45;
}
.contact_us h6{

}
.contact_us p{
	font-size: 20px;
	margin: 0;
	margin-top: 5px;
	line-height: 22px;
}
.contact_us .news_letter > input {
	background: #114170 none repeat scroll 0 0;
	border: 0;
	padding: 11px 3px;
	border-bottom: 1px solid #fff;
	width: 100%;
	position: relative;
	line-height: 20px;
	outline: none;
	text-transform: uppercase;
	font-size: 14px;
}
.contact_us .news_letter > a.btn-blue{
	position: absolute;
	right: 5%;
	top: 12%;
}
.contact_us ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.contact_us ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity:  1;
}
.contact_us .social_icons {
 	padding: 11px 24px;
}
.contact_us .social_icons ul, body#about_us_page .single_staff .social_icons ul, body#staff_page .single_staff .social_icons ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.contact_us .social_icons ul li, body#about_us_page .single_staff .social_icons ul li, body#contact_us_page .social_icons > ul > li, body#staff_page .social_icons > ul > li{
	float: left;
}
.contact_us .social_icons ul li a {
 	padding-left: 29px;
}
.contact_us .social_icons ul li a i, body#contact_us_page .social_icons > ul > li > i{
	font-size: 20px;
}

/* --------------------------------------------------------
 					end contact us area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
12. 					end error page CSS
-----------------------------------------------------------*/

body#error_page .error_area {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("img/error_bg.jpg");
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: fixed;
}
.error_area .container {
  position: relative;
}
body#error_page .error{
	position: relative;
}
body#error_page .error > p {
	color: #313a45;
	font-size: 282px;
	line-height: 250px;
	margin-bottom: 17px;
}
body#error_page .error h3 {
  color: #114170;
  font-size: 44px;
  padding-bottom: 35px;
  margin-bottom: 70px;
}
body#error_page .error .section_title.nice_title > h3::after {
	background: rgba(0, 0, 0, 0) url("img/nice-title-error.png") no-repeat scroll 0 0;
	left: 15%;
}
.error_area .contact_us_area {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 100%;
}



/* --------------------------------------------------------
 					end error page CSS
-----------------------------------------------------------*



/* --------------------------------------------------------
13. 					start footer area CSS
-----------------------------------------------------------*/

.footer_area{
	background: #313a45;
}
.footer_widget > h5 {
  color: #fff;
  margin-bottom: 45px;
}
.footer_widget ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer_widget p, .footer_widget ul li a, .footer_copyright p, .footer_copyright a{
	color: #d5d7d8;
}
.footer_widget ul li a:hover, .footer_copyright a:hover{
	color: #16b4ef;
}
.footer .footer_logo {
  margin-bottom: 19px;
}
.footer_widget ul li{
	margin-bottom: 25px;
}
.footer_widget ul li p i {
  float: left;
  line-height: 20px;
  margin-right: 10px;
  min-height: 80px;
}
.footer_widget ul li p{
	margin: 28px 0px;
}

/* --------------------------------------------------------
 					end footer area CSS
-----------------------------------------------------------*/



/* --------------------------------------------------------
14. 					start about us page CSS
-----------------------------------------------------------*/


body#about_us_page .breadcrumb_main_area, body#staff_page .breadcrumb_main_area{
	background: url(img/about-us-breadcrumb.jpg) no-repeat center center / cover #000000;
	position: relative;
}
body#room_detail_page .deluxe_room_detail .single_facilities_name{

}
body#about_us_page .facilities_main_part .facilities_name, body#room_detail_page .deluxe_room_detail .facilities_name{
	padding: 0 4px;
}
body#about_us_page .facilities_name .col-md-2, body#about_us_page .facilities_name .col-lg-2{
	width: 20%;
}
body#about_us_page .single_facilities_name > li > img, body#room_detail_page .single_facilities_name > li > img, body#booking_page .single_facilities_name > li > img{
	float: left;
	margin-right: 8px;
}
body#about_us_page .single_facilities_name > li:first-child, body#room_detail_page .single_facilities_name > li:first-child, body#booking_page .single_facilities_name > li:first-child{
	margin-bottom: 30px;
}
body#about_us_page .single_facilities_name > li > p, body#room_detail_page .single_facilities_name > li > p, body#booking_page .single_facilities_name > li > p {
	color: #313a45;
    font-size: 14px;
	line-height: 34px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
}
body#about_us_page .single_facilities_name > a.btn {
	margin: 14% 11% auto;
	text-align: center;
}
body#about_us_page .about_us_thumb > p{
	margin-top: 45px;
}
body#about_us_page .single_staff .uk-overlay-background, body#staff_page .single_staff .uk-overlay-background, body#gallery_page .room_wrapper .uk-overlay-background{
	background: rgba(254, 109, 109, 0.8) none repeat scroll 0 0;
	padding: 30px;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
body#about_us_page .single_staff .single_staff_details h6, body#staff_page .single_staff .single_staff_details h6{
	font-size: 16px;
	margin-bottom: 6px;
}
body#about_us_page .single_staff .single_staff_details span, body#staff_page .single_staff .single_staff_details span{
	font-size: 14px;
	margin-bottom: 19px;
	display: block;
}
body#about_us_page .single_staff .single_staff_details p, body#staff_page .single_staff .single_staff_details p{
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0px;
	margin-top: 0;
}
body#about_us_page .single_staff .social_icons ul li a, body#staff_page .single_staff .social_icons ul li a{
	display: inline-block;
	margin: 22px 15px 22px 0;
}
body#about_us_page .single_staff .social_icons ul li a i, body#staff_page .single_staff .social_icons ul li a i{
	font-size: 18px;
}

/* --------------------------------------------------------
 					end about us page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
15. 					start accomodation page CSS
-----------------------------------------------------------*/

body#accomodation_page .breadcrumb_main_area, body#contact_us_page .breadcrumb_main_area, body#room_detail_page .breadcrumb_main_area{
	background: url(img/accomodation-breadcrumb-one.jpg) no-repeat center center / cover #000000;
	position: relative;
}
body#accomodation_page .range_slider span, body#accomodation_page .range_slider label{
	color: #fff;;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
}
body#accomodation_page .range_slider .range input{
	width: 53%;
	display: inline-block;
}
.accomodation_single_room ul.pagination{
	margin: 0;
}
.accomodation_single_room ul.pagination li a{
	border: none;
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
	font-weight: 700;
}
.accomodation_single_room ul.pagination li.active a{
	color: #fe6d6d;
	background: none;
}
.accomodation_single_room ul.pagination li a:hover{
	color: #fe6d6d;
}
.accomodation_single_room ul.pagination li a > i{
	margin: 3px 9px;
}
.accomodation_single_room ul.pagination li a:hover, .accomodation_single_room ul.pagination li a:active, .accomodation_single_room ul.pagination li a:focus{
	background: none;
}

/* --------------------------------------------------------
 					end accomodation page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
16. 					start contact us page CSS
-----------------------------------------------------------*/
.send_mail .section_title h4, .contact_info .section_title h4{
	color: #515151;
	font-size: 18px;
}
.send_mail input, .send_mail textarea {
	border: 1px solid #e0e1e5;
	color: #666666;
	display: inline;
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	margin-bottom: 30px;
	outline: none;
	width: 100%;
	text-transform: uppercase;
}
.send_mail a.btn{
	text-transform: none;
}
.contact_info > ul > li{
	line-height: 25px;
	margin-bottom: 29px;
	font-size: 16px;
}
.contact_info > ul > li > i {
  float: left;
  font-size: 20px;
  margin-right: 15px;
  min-height: 40px;
  padding-top: 3px;
}
body#contact_us_page .contact_info .social_icons > ul > li > a, .contact_info > ul > li{
	color: #999999;
}
body#contact_us_page .contact_info .social_icons > ul > li > a{
	font-size: 20px;
	padding-right: 30px;
}
body#contact_us_page .contact_info .social_icons > ul > li > a:hover{
	color: #313a45;
}
.submit_btn {
  margin-top: 16px;
}
.thank_box {
	background: none repeat scroll 0 0 #eee;
	border-bottom: 5px solid #114170;
	font-size: 20px;
	height: 271px;
	margin: 100px auto 0;
	padding-top: 90px;
	text-align: center;
	width: 55%;
}
.thank_box a {
	background: #114170 none repeat scroll 0 0;
	border: 2px solid #114170;
	color: #fff;
	display: block;
	font-size: 13px;
	margin: 25px auto 0;
	padding: 15px 30px;
	text-transform: uppercase;
	width: 197px;
	text-decoration:none;
}
.thank_box a:hover {
  background: none repeat scroll 0 0 #fff;
  color: #114170;
  border:2px solid #114170;
  text-decoration:none;
}
.thank_box i {
  font-size: 12px;
  margin-right: 5px;
}
.send_mail .btn{
	text-transform: none;
}

/* --------------------------------------------------------
 					end contact us page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
17. 					start room details page CSS
-----------------------------------------------------------*/


body#room_detail_page .lSSlideOuter .lSPager.lSGallery a:hover{
	opacity: 0.5;
}
body#room_detail_page .lSSlideOuter .lslide.active > img {
  height: auto;
  width: 100%;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span{
	text-transform: none;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span.price{
	font-size: 25px;
	color: #131e2a;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span.day{
	font-size: 15px;
	color: #8b8d90;
	margin-top: 7px;
}
body#room_detail_page .hotel_booking_area {
	background: #313a45 none repeat scroll 0 0;
	padding: 5px 5px 69px;
	position: relative;
}
body#room_detail_page .hotel_booking a.btn {
	bottom: calc(0px - 88px);
	left: calc(50% - 43px);
	position: absolute;
	z-index: 20;
}
body#room_detail_page .hotel_booking_area .form-group{
	margin-bottom: 20px;
	margin-top: 20px;
}
body#room_detail_page .hotel_booking_area .room_book{
	border-right: none;
}
body#room_detail_page .customer_comment{
	background: rgba(0, 0, 0, 0) url("img/customer-slider-bg-one.png") no-repeat scroll 0 0 / cover ;
}


/* --------------------------------------------------------
 					end room details page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
18. 					start gallery page CSS
-----------------------------------------------------------*/

body#gallery_page .breadcrumb_main_area, body#booking_page .breadcrumb_main_area, body#blog_page .breadcrumb_main_area{
	background: url(img/gallery-breadcrumb.jpg) no-repeat center center / cover #000000;
	position: relative;
}
body#gallery_page .accomodation_single_room .room_media{
	margin-bottom: 30px;
}
body#gallery_page .other_room .nav-tabs{
	border-bottom: 0px;
}
body#gallery_page .other_room ul.nav-tabs > li{
	margin-bottom: 0px;
}
body#gallery_page .other_room ul.nav-tabs > li > a{
	border-radius: 0;
	color: #313a45;
	font-weight: 700;
	padding: 2px 18px;
	text-transform: uppercase;
	border: 2px solid #fff;
	cursor: pointer;
}
body#gallery_page .other_room ul.nav-tabs > li.active a{
	border: 2px solid #9d9d9d;
}
body#gallery_page .single_room_wrapper .dif_room_media img {
	height: 213px;
	width: auto;
}
body#gallery_page .lslide.active > img {
  height: 100%;
  width: 100%;
}
#deluxe_gallery a.slider_ctrl, a.slider_ctrl{
	background: #313a45 none repeat scroll 0 0;
	position: absolute;
	text-align: center;
	top: calc(50% - 15px);
	width: 30px;
}
#deluxe_gallery a:hover, .gallery_main_slider a:hover{
	background: #f69321 none repeat scroll 0 0;
}
#deluxe_gallery a.slider_ctrl.left, a.slider_ctrl.left{
    left: calc( 0% + 10px );
}
#deluxe_gallery a.slider_ctrl i, a.slider_ctrl i{
	color: #fff;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
}
#deluxe_gallery a.slider_ctrl.right, a.slider_ctrl.right{
    right: calc( 0% + 10px );
}

/* --------------------------------------------------------
 					end gallery page CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
19. 					start booking page CSS
-----------------------------------------------------------*/

body#booking_page .booking_info_area .room_cost table td, body#booking_page .booking_done_area .room_cost table td{
	padding: 15px;
	text-align: center;
	font-size: 16px;
	color: #313a45;
}
body#booking_page .booking_info_area .room_cost table td span, body#booking_page .booking_done_area .room_cost table td span{
	color: #313a45;
	font-size: 18px;
	font-weight: 700;
}
body#booking_page .booking_info_area .room_cost table tr > td:first-child, body#booking_page .booking_done_area .room_cost table tr > td:first-child{
	text-align: left;
}
body#booking_page .booking_info_area .room_cost table tr.tax_table > td:nth-child(2), body#booking_page .booking_info_area .room_cost table tr.total_table > td:nth-child(2), body#booking_page .booking_done_area .room_cost table tr.tax_table > td:nth-child(2), body#booking_page .booking_done_area .room_cost table tr.total_table > td:nth-child(2){
	text-align: right;
}
body#booking_page .booking_done_area .room_cost table td span.total_pain_info{
	color: #88d54f;
}
body#booking_page .booking_next_btn {
 	width: 100%;
}
body#booking_page .booking_info_area .facilities_name .star i.fa-star{
	color: #f9cf01;
}
body#booking_page .booking_info_area .facilities_name .star i.fa-star-o{
	color: #666666;
}
body#booking_page .facilities_name .section_title {
  margin-bottom: 30px;
}
body#booking_page .booking_info_area .facilities_name .section_title h5{
	color: #313a45
	font-size: 35px;
	text-transform: none;
}
body#booking_page .booking_info_area .facilities_name .section_title h5 p.price{
	
}
body#booking_page .booking_info_area .facilities_name .section_title h5 sup.day{
	font-size: 11px;
}
body#booking_page .booking ul.nav-tabs{
	border: none;
}
body#booking_page .booking ul.nav-tabs > li{
	width: 33.33%;
}
body#booking_page .booking ul.nav-tabs > li > a{
	border: none;
	border-bottom: 9px solid #e4e4e4;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	color: #515151;
	font-size: 18px;
}
body#booking_page .booking ul.nav-tabs > li > a > span {
	display: block;
	margin-top: 15px;
	margin-bottom: 40px;
}
body#booking_page .booking ul.nav-tabs > li > a > i{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #656464;
	border-radius: 50%;
	color: #656464;
	display: inline-block;
	padding: 11px 22px 11px 18px;
	text-align: center;
}
body#booking_page .booking ul.nav-tabs > li.active > a > i{
	background: #114170;
	color: #ffffff;
	border: 1px solid #114170;
}
body#booking_page .booking ul.nav-tabs > li.active > a{
	border-bottom: 9px solid #114170;
}
body#booking_page .personal_info_area .hotel_booking, #booking_page .payment_info_area .hotel_booking{
	background: none;
	padding: 0;
}
body#booking_page .personal_info_area .hotel_booking_area select#adult, body#booking_page .personal_info_area .hotel_booking_area select#smoking_room, body#booking_page .personal_info_area .hotel_booking_area select#parking, body#booking_page .personal_info_area .hotel_booking_area select#with_pet, body#booking_page .personal_info_area .hotel_booking_area input, body#booking_page .payment_info_area .hotel_booking_area input, body#booking_page .payment_info_area .hotel_booking_area select#enter_month, body#booking_page .payment_info_area .hotel_booking_area select#enter_year{
	border: 1px solid #dbdbdb;
    color :  #666 !important;
	margin-bottom: 30px;
	outline: medium none;
	padding-left: 10px;
}
body#booking_page .personal_info_area .hotel_booking_area .form-group.icon_arrow:after, body#booking_page .payment_info_area .hotel_booking_area .form-group.icon_arrow:after{
	top: 3%;
}
body#booking_page .personal_info_area .hotel_booking_area textarea{
	outline: none;
	text-transform: uppercase;
}
body#booking_page .payment_info_area .payment_system ul li{
	float: left;
	margin-right: 13px;
}
.payment_info_area ::-webkit-input-placeholder { /* WebKit browsers */
    color: #666;
}
.payment_info_area ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
    opacity:  1;
}
.payment_info_area select { color:#666; border:1px solid #dbdbdb; -webkit-appearance: menulist; height:37px; }
.payment_info_area select > option { background:none; }

.checkbox.booking_done_confirmation {
  background: #114170 none repeat scroll 0 0;
  margin-top: 35px;
  padding: 20px;
}
.checkbox.booking_done_confirmation > a, .checkbox.booking_done_confirmation > a > i{
  color: #fff;
  font-size: 21px;
}
.checkbox.booking_done_confirmation > a > i{
	margin-right: 18px;
}


/* --------------------------------------------------------
 					end booking page CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
22.					Start Preloader CSS
-----------------------------------------------------------*/

#loader-wrapper .logo {
  position: absolute;
  top: 48%;
  left: 47.5%;
}
#loader-wrapper .logo a {
	font-weight: 700;
	color: #3498DB;
	font-size: 12px;
}
.logo span {
  color: #f85654;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
	background:#fff;
	
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f85654;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */

    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}


/* --------------------------------------------------------
					End Preloader CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
                    Start Medium Layout: 992px
-----------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container{
    width: 970px;
}
.td_cn_md_hide{ display:block; }
/* ----------------------------------------
                start booking page
--------------------------------------------*/


body#booking_page .star {
  margin-bottom: 0;
}
.mainmenu .nav.navbar-nav > li > a {
    padding: 14px 15px;
}
body#home_one .mainmenu .nav.navbar-nav > li > a{
  padding: 14px 11px;
  font-size: 13px;
}
#menu2.dropdown-menu > li > a, #menu1.dropdown-menu > li > a {
  font-size: 11px;
}
.breadcrumb_main_area .special_offer_sub p, .breadcrumb_main_area .special_offer_sub h3 {
    left: 15%;
}
.breadcrumb_main_area .special_offer_sub h3 {
    left: 18%;
}
body#booking_page .facilities_name .section_title {
  margin-bottom: 15px;
}
.breadcrumb_main_area .special_offer_sub h2 {
    left: 23%;
}
.breadcrumb_main_area .special_offer_sub > span {
    left: 39.5%;
}
.contact_us p {
    font-size: 17px; 
}
.contact_us .news_letter > input {
    font-size: 0.85em;
}
.contact_us .social_icons ul li a {
    padding-left: 18px;
}
body#booking_page .single_facilities_name > li > img, body#room_detail_page .single_facilities_name > li > img {
  margin-right: 2px;
}
body#booking_page .single_facilities_name > li > p, body#room_detail_page .single_facilities_name > li > p {
  font-size: 12px;
}


/* ----------------------------------------
                end booking page
--------------------------------------------*/


/* ----------------------------------------
                start home page
--------------------------------------------*/


body#home_one .hotel_booking_area {
  left: calc(50% - 485px);
}
body#home_one .special_offer_dbl_sub, body#home_two .special_offer_dbl_sub, body#about_us_page .special_offer_dbl_sub {
  right: -20%;
  width: 70%;
}
.hotel_booking {
  padding: 26px 0px;
}
.hotel_booking_area input#datepicker, .hotel_booking_area input#datepicker1, .hotel_booking_area select#room, .hotel_booking_area select#adult, .hotel_booking_area select#child {
  font-size: 11px;
}
.icon_arrow::after {
  font-size: 11px;
}
.hotel_facilities_content .nav-tabs > li > a {
  padding: 10px 3px;
  width: 106px;
}
body#home_two .special_offer_main {
  right: calc(0% + -0.2%);
}
body#home_two .select_room .room_quality, body#accomodation_page .select_room .room_quality {
  padding-right: 5px;
}
body#home_two .select_room .small_room_thumb .room_quality > h5, body#accomodation_page .select_room .small_room_thumb .room_quality > h5 {
  font-size: 14px;
}
body#home_two .select_room .small_room_thumb .room_rent > p, body#accomodation_page .select_room .small_room_thumb .room_rent > p {
  font-size: 13px;
  padding-left: 6px;
}
a.btn.btn-black {
    padding: 6px 12px;
}
body#home_one .single_wrapper_details h5, body#accomodation_page .single_wrapper_details h5 {
  font-size: 16px;
}
body#home_one .single_wrapper_details p, body#accomodation_page .single_wrapper_details p {
  font-size: 13px;
  margin: 5px 0;
}
body#home_one .single_wrapper_details .single_room_cost p, body#accomodation_page .single_wrapper_details .single_room_cost p {
  font-size: 15px;
}
body#home_one .single_wrapper_details .single_room_cost .btn, body#accomodation_page .single_wrapper_details .single_room_cost .btn {
  margin-bottom: -56px;
}




/* ----------------------------------------
                end home page
--------------------------------------------*/


/* ----------------------------------------
                start about us page
--------------------------------------------*/

body#about_us_page .single_facilities_name > li > p {
  font-size: 13px;
}
body#about_us_page .single_staff .uk-overlay-background, body#staff_page .single_staff .uk-overlay-background {
  padding: 20px;
}
body#about_us_page .single_staff .single_staff_details span {
  margin-bottom: 10px;
}
body#about_us_page .single_staff .single_staff_details span, body#staff_page .single_staff .single_staff_details span {
  font-size: 15px;
}
body#about_us_page .single_staff .single_staff_details p, body#staff_page .single_staff .single_staff_details p {
  font-size: 13px;
}


/* ----------------------------------------
                end about us page
--------------------------------------------*/


/* ----------------------------------------
                start accomodation page
--------------------------------------------*/

body#accomodation_page .range_slider .range input {
  width: 43%;
}

/* ----------------------------------------
                end accomodation page
--------------------------------------------*/

/* ----------------------------------------
                start Gallery page
--------------------------------------------*/
body#gallery_page .other_room ul.nav-tabs > li > a {
  padding: 2px 13px;
}

/* ----------------------------------------
                end Gallery page
--------------------------------------------*/

.blog_text_box ul li {
  margin-right: 3px;
}
.blog_text_box ul li a {
  font-size: 12px;
}
body#single_blog_page .recent_post_details > h6 {
  font-size: 13px;
}



}


/* --------------------------------------------------------
                   End Medium Layout: 992px
-----------------------------------------------------------*/


/* --------------------------------------------------------
                    Start Tablet Layout: 768px
-----------------------------------------------------------*/


@media only screen and (min-width: 768px) and (max-width: 991px) {
.container{
    width:750px;
}
.td_cn_md_hide{ display:block; }
.btn.btn-primary  {
    width: 100%;
    margin-top: 30px;
}
.hotel_booking {
    min-height: 200px;

}
.mainmenu .nav.navbar-nav > li > a {
  font-size: 10px;
  padding: 14px 10px;
}
#menu2.dropdown-menu > li > a, #menu1.dropdown-menu > li > a {
  font-size: 8px;
}
body#home_one .mainmenu .nav.navbar-nav > li > a{
  font-size: 9px;
  padding: 14px 8.7px;
}
body#home_one .emergency_number a {
  font-size: 12px;
}
.emergency_number a {
  font-size: 12px;
}
body#home_one .header_login > ul > li > a {
  font-size: 9px;
}
.breadcrumb_main_area .special_offer_sub {
    left: 12%;
}
.breadcrumb_main_area .special_offer_sub p, .breadcrumb_main_area .special_offer_sub h3 {
    left: 20%;
}
.breadcrumb_main_area .special_offer_sub h3 {
  left: 22.7%;
}
.breadcrumb_main_area .special_offer_sub h2 {
  left: 29.3%;
}
.breadcrumb_main_area .special_offer_sub > span {
  left: 51%;
}
body#about_us_page .single_facilities_name > li:first-child, body#room_detail_page .single_facilities_name > li:first-child, body#booking_page .single_facilities_name > li:first-child {
  margin-bottom: 10px;
}
.room_book h6 {
  font-size: 13px;
}
.room_book p {
  font-size: 20px;
}
.hotel_booking_area select > option {
  padding: 5px;
}
.icon_arrow::after {
  right: 16%;
}
.contact_us p {
  font-size: 13px;
}
.contact_us .news_letter > input {
  font-size: 8.4px;
  line-height: 23px;
  padding: 8px 1px;
}
.contact_us .news_letter > a.btn-blue {
  right: 9%;
  top: 28%;
}
.contact_us .social_icons ul li a {
  padding-left: 9px;
}
.contact_us .social_icons ul li a i, body#contact_us_page .social_icons > ul > li > i {
  font-size: 14px;
}
body#booking_page .facilities_name .section_title {
  margin-bottom: 10px;
}

}
/* ----------------------------------------
                start home page
--------------------------------------------*/

body#home_one .hotel_booking_area {
  left: calc(50% - 375px);
}
.hotel_booking {
  padding: 15px 0px;
}
.hotel_booking_area input#datepicker, .hotel_booking_area input#datepicker1, .hotel_booking_area select#room, .hotel_booking_area select#adult, .hotel_booking_area select#child {
  font-size: 13px;
  height: 35px;
}
body#home_one .special_offer_dbl_sub, body#home_two .special_offer_dbl_sub, body#about_us_page .special_offer_dbl_sub {
  right: 0%;
  width: 95%;
}
body#home_one .welcome .left_room_title > h6, .accomodation_single_room .left_room_title > h6 {
  font-size: 14px;
}
body#home_one .welcome .left_room_title > p, .accomodation_single_room .left_room_title > p {
  font-size: 13px;
}
.hotel_facilities_content .nav-tabs > li > a {
  width: 80px;
  padding: 5px;
  font-size: 11px;
}
.hotel_facilities_content .single-tab-details > h6 {
  margin-bottom: 5px;
  margin-top: 0px;
}
.hotel_facilities_content .single-tab-details > h3 {
  margin-bottom: 10px;
}
.hotel_facilities_content .single-tab-details > p {
  margin-bottom: 0px;
  margin-top: 0;
}
body#home_one .hotel_facilities .our_services a {
  margin-right: 17px;
  font-size: 11px;
}
body#home_one .about_us .post_media > a, body#home_two .about_us .post_media > a {
  display: inline-block;
  margin-bottom: 10px;
}
div#customer_says_slider .customer_comment {
  padding: 10px;
}
div#customer_says_slider .customer_comment > p {
  padding-bottom: 0px;
}
body#home_one .about_us .post_content, body#home_two .about_us .post_content {
  margin-bottom: 10px;
}
body#home_one .about_us .single_content, body#home_two .about_us .single_content {
    margin-top: 10px;
}
body#home_one .about_us .news .post_title > h6, body#home_two .about_us .news .post_title > h6 {
  font-size: 13px;
}
#menu1 {
  top: 164.6%;
}
body#home_two .special_offer_main {
  right: calc(0% + 0.5%);
}
body#home_two .select_room .room_details {
  margin: 0 6px;
}
body#home_two .select_room .small_room_thumb .room_details, body#accomodation_page .select_room .small_room_thumb .room_details {
  left: 0.5%;
  padding: 5px;
}
body#home_two .select_room .room_quality, body#accomodation_page .select_room .room_quality {
  padding-right: 3px;
}
body#home_two .select_room .small_room_thumb .room_quality > h5, body#accomodation_page .select_room .small_room_thumb .room_quality > h5 {
  font-size: 11px;
}
body#home_two .select_room .small_room_thumb .room_rent > p, body#accomodation_page .select_room .small_room_thumb .room_rent > p {
  font-size: 9px;
  padding-left: 3px;
}
body#home_two .select_room .small_room_thumb .about_room, body#accomodation_page .select_room .small_room_thumb .about_room {
  margin-top: 8px;
}
body#home_two .hotel_showcase .owl-carousel .owl-item a i, body#accomodation_page .hotel_showcase .owl-carousel .owl-item a i {
  padding: 11px 0;
}
body#home_one .single_wrapper_details .single_wrapper_details_pad, body#accomodation_page .single_wrapper_details .single_wrapper_details_pad{
  padding: 13px;
}
body#home_one .single_wrapper_details h5, body#accomodation_page .single_wrapper_details h5 {
  font-size: 12px;
}
body#home_one .single_wrapper_details p, body#accomodation_page .single_wrapper_details p {
  font-size: 9px;
  margin: 6px 0;
}
body#home_one .single_wrapper_details .single_room_cost p, body#accomodation_page .single_wrapper_details .single_room_cost p {
  font-size: 11px;
}
body#home_one .single_wrapper_details .single_room_cost p span, body#accomodation_page .single_wrapper_details .single_room_cost p span{
  font-size: 9px;
}
body#home_one .single_wrapper_details .single_room_cost .btn, body#accomodation_page .single_wrapper_details .single_room_cost .btn {
  font-size: 10px;
  margin-bottom: -58px;
  margin-right: -14px;
}







/* ----------------------------------------
                end home page
--------------------------------------------*/


/* ----------------------------------------
               start about us page
--------------------------------------------*/


body#about_us_page .single_facilities_name > li > img {
  margin-right: 2px;
}
body#about_us_page .single_facilities_name > li > p {
  font-size: 13px;
}
body#about_us_page .single_staff .uk-overlay-background, body#staff_page .single_staff .uk-overlay-background {
  padding: 15px;
}
body#about_us_page .single_staff .single_staff_details h6, body#staff_page .single_staff .single_staff_details h6 {
  font-size: 13px;
}
body#about_us_page .single_staff .single_staff_details span, body#staff_page .single_staff .single_staff_details span {
  font-size: 13px;
  margin-bottom: 0px;
}
body#about_us_page .single_staff .single_staff_details p, body#staff_page .single_staff .single_staff_details p {
  font-size: 11px;
  line-height: 15px;
}
body#about_us_page .single_staff .social_icons ul li a, body#staff_page .single_staff .social_icons ul li a {
  margin: 5px 10px 5px 0;
}
body#about_us_page .single_staff .social_icons ul li a i, body#staff_page .single_staff .social_icons ul li a i {
  font-size: 15px;
}
body#about_us_page .facilities_name .col-md-2, body#about_us_page .facilities_name .col-lg-2 {
  width: 25%;
}



/* ----------------------------------------
                end about us page
--------------------------------------------*/


/* ----------------------------------------
                start accomodation page
--------------------------------------------*/

body#accomodation_page .range_slider span, body#accomodation_page .range_slider label {
  font-size: 10px;
}
body#accomodation_page .range_slider .range input {
  margin: 0 3px;
  width: 40%;
}

/* ----------------------------------------
                end accomodation page
--------------------------------------------*/


/* ----------------------------------------
                start Gallery page
--------------------------------------------*/

body#gallery_page .other_room ul.nav-tabs > li > a {
  padding: 2px 10px;
}

body#gallery_page .accomodation_single_room .demo {
  margin-bottom: 30px;
}

/* ----------------------------------------
                end Gallery page
--------------------------------------------*/

body#room_detail_page .room_detail_main .customer_says {
  margin-top: 0;
}
.blog_text_box ul li {
  margin-right: 3px;
}
.blog_text_box ul li a {
  font-size: 9px;
}
body#single_blog_page .right_sidebar_area{
    margin-top: 30px;
}





}


/* --------------------------------------------------------
                    End Tablet Layout: 768px
-----------------------------------------------------------*/
@media only screen and (max-width: 767px) {
body#booking_page .booking_info_area .facilities_name .section_title h5 {
   

    font-size: 25px;
    text-transform: none;
}
p
{
 font-size: 12px;
}
.p10ts {
    min-height: 60px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 16px;
}
}

/* --------------------------------------------------------
                    Start Mobile Layout: 320px
-----------------------------------------------------------*/


@media only screen and (max-width: 767px) {
.container {
    width:320px;
}
.td_cn_md_hide{ display:none; }
.SelNoRoom { width:auto; }
body#booking_page .facilities_name .section_title {
  margin-bottom: 10px;
}
.right_header_top .nav.navbar-nav > li {
  float: left;
}
.header_top_area a {
  font-size: 9px;
}
.right_header_top .nav a {
  padding: 0 5px;
}
.breadcrumb_main_area .special_offer_main {
  width: 100%;
  left: -11%;
}
.breadcrumb_main_area .special_offer_sub {
  right: -21%;
  top: -21%;
}
.breadcrumb_main_area .special_offer_sub p, .breadcrumb_main_area .special_offer_sub h3 {
  left: 15.5%;
}
.breadcrumb_main_area .special_offer_sub h3 {
  left: 17.5%;
}
.breadcrumb_main_area .special_offer_sub h2 {
  left: 23.3%;
}
.breadcrumb_main_area .special_offer_sub > span {
  left: 40%;
}
body#booking_page .booking ul.nav-tabs > li > a {
  font-size: 11px;
  padding: 10px;
}
body#booking_page .booking ul.nav-tabs > li > a > i {
  padding: 11px 16px 11px 15px;
}

body#about_us_page .single_facilities_name > li > img, body#room_detail_page .single_facilities_name > li > img, body#booking_page .single_facilities_name > li > img {
  margin-right: 2px;
}
body#about_us_page .single_facilities_name > li > p, body#room_detail_page .single_facilities_name > li > p, body#booking_page .single_facilities_name > li > p {
  font-size: 8px;
}
body#about_us_page .single_facilities_name > li:first-child, body#room_detail_page .single_facilities_name > li:first-child, body#booking_page .single_facilities_name > li:first-child {
  margin-bottom: 0px;
}
body#booking_page .payment_info_area .right_pay_now {
  margin-top: 35px;
}
body#booking_page .payment_info_area .payment_system ul li {
  margin-bottom: 13px;
}
.contact_us_area {
    text-align: center;
}
.contact_us_area .contact_us{
    padding: 15px;
}
.contact_us_area .call, .contact_us_area .email_us, .contact_us_area .news_letter {
    margin-bottom: 20px;
}
.contact_us_area .email_us p{
    font-size: 18px;
}
.contact_us .news_letter > input {
  font-size: 13.5px;
}
.contact_us .social_icons ul li a {
  padding-left: 19px;
}


/* ----------------------------------------
                start home page
--------------------------------------------*/

.mainmenu .navbar-brand {
  padding: 0 5px 0 0;
}
.header_login ul{
    padding: 0 0 0 5px;
}
.header_login > ul > li > a{
    font-size: 11px;
}
.main_slider_area {

}
body#home_one .hotel_booking_area {
  left: calc(50% - 150px);
  top: calc( 0% + 128px );
}
body#home_one .hotel_booking .btn, body#home_two .hotel_booking .btn {
  margin-top: 26px;
  width: 100%;
}
body#home_one .special_offer_main {
  height: auto;
  right: 0%;
  top: -35.5%;
  width: 80px;
}
body#home_two .special_offer_main{
    height: auto;
    left: 0%;
    top: 0%;
    width: 100px;
}
body#home_one .welcome .section_description p {
  font-size: 12px;
}
.hotel_facilities .nav.nav-tabs {
  width: 100%;
}
.hotel_facilities_content .nav-tabs > li > a {
  font-size: 8px;
  height: auto;
  padding: 1px;
  width: 54px;
}
.hotel_facilities_content .single-tab-details > h3 {
  font-size: 20px;
}
body#home_one .welcome .single_room_wrapper, body#home_two .welcome .single_room_wrapper {
  margin-bottom: 30px;
}
body#home_one .about_us .post_media > a, body#home_two .about_us .post_media > a {
  display: inline-block;
  margin-bottom: 10px;
}
body#home_one .showcase, body#home_two .showcase {
  margin-bottom: 70px;
}

body#home_two .main_slider_area {
  padding-bottom: 100px;
}
body#home_two .select_room .select_room_content .room_thumb, body#accomodation_page .select_room .select_room_content .room_thumb{
    margin-bottom: 35px;
}
body#home_two .select_room .room_details, body#home_two .select_room .small_room_thumb .room_details,  body#accomodation_page .select_room .room_details{
  margin: 0 5px;
  padding: 5px;
}
body#home_two .select_room .room_quality > h5, body#accomodation_page .select_room .room_quality > h5 {
  font-size: 11px;
}
body#home_two .select_room .small_room_thumb .room_quality > h5, body#accomodation_page .select_room .small_room_thumb .room_quality > h5 {
  font-size: 11px;
}
body#home_two .select_room .room_quality, body#accomodation_page .select_room .room_quality {
  padding-right: 3px;
}
body#home_two .select_room .room_rent > p, body#accomodation_page .select_room .room_rent > p {
  font-size: 8px;
  padding-left: 3px;
}
a.btn.btn-black {
  padding: 5px;
  font-size: 10px;
}
body#home_two .select_room .small_room_thumb .about_room, body#home_two .select_room .room_thumb .about_room, body#accomodation_page .select_room .small_room_thumb .about_room {
  margin-top: 4px;
}
body#home_two .select_room .small_room_thumb .room_details, body#accomodation_page .select_room .small_room_thumb .room_details {
  left: 1%;
}




/* ----------------------------------------
                end home page
--------------------------------------------*/

/* ----------------------------------------
                start 404 page
--------------------------------------------*/

body#error_page .error {
  padding-bottom: 100px;
}
body#error_page .error > p {
  font-size: 150px;
}
body#error_page .btn.btn-warning {
  margin-bottom: 50px;
}


/* ----------------------------------------
                end 404 page
--------------------------------------------*/


/* ----------------------------------------
                start about us page
--------------------------------------------*/

body#about_us_page .facilities_name .col-md-2, body#about_us_page .facilities_name .col-lg-2{
    width: 50%;
}
body#about_us_page .single_facilities_name > li > p {
  font-size: 8px;
}
body#about_us_page .hotel_stuff .single_staff {
  margin-bottom: 30px;
}
body#about_us_page .single_facilities_name {
  border-right: medium none;
}


/* ----------------------------------------
                end about us page
--------------------------------------------*/

/* ----------------------------------------
                start accomodation page
--------------------------------------------*/


body#accomodation_page .hotel_booking .btn {
  width: 100%;
}
body#accomodation_page .single_room_wrapper .room_title {
  border-bottom: none;
}
body#accomodation_page .accomodation_single_room .single_room_wrapper {
  padding-bottom: 30px;
}
body#accomodation_page .breadcrumb_main.nice_title > h2{
  font-size: 35px;
}

/* ----------------------------------------
                end accomodation page
--------------------------------------------*/


/* ----------------------------------------
                start Gallery page
--------------------------------------------*/

body#gallery_page .other_room ul.nav-tabs > li > a {
  font-size: 13px;
  padding: 5px;
}
body#gallery_page .accomodation_single_room .lSSlideWrapper.usingCss, body#gallery_page .accomodation_single_room .lSSlideOuter.vertical {
  height: 250px !important;
  margin-bottom: 35px;
}
.accomodation_single_room ul.pagination li a {
  font-size: 10px;
  padding: 10px;
}

/* ----------------------------------------
                start room details page
--------------------------------------------*/

body#room_detail_page .breadcrumb_main.nice_title > h2 {
  line-height: 40px;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span.price {
  font-size: 16px;
}


/* ----------------------------------------
                end room details page
--------------------------------------------*/


body#staff_page .facilities_main_part .single_staff {
  margin-bottom: 30px;
}
body#single_blog_page ul.coments li ul li {
  padding-left: 10px;
}
body#single_blog_page .comment_form input, body#single_blog_page .comment_form textarea {
  width: 100%;
}

body#single_blog_page .recent_post_details > h6 {
  font-size: 11px;
}
body#single_blog_page .recent_post_details > p {
  font-size: 9px;
}
.comment_form {
  margin-right: 0;
}
.sing_blog_heading ul li {
  font-size: 9px;
}
.com_author_photo, .author_photo {
  margin-bottom: 10px;
}



}


/* --------------------------------------------------------
                    End Mobile Layout: 320px
-----------------------------------------------------------*/


/* --------------------------------------------------------
                    Start Wide Mobile Layout: 480px
-----------------------------------------------------------*/


@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
    width:450px;
}
.td_cn_md_hide{ display:block; }
.SelNoRoom { width:80px; }
.mainmenu .nav.navbar-nav {
  float: none;
}
.contact_us .news_letter > input{
    text-align: center;
}
.contact_us .social_icons ul li a {
  padding-left: 50px;
}

/* ----------------------------------------
                start home page
--------------------------------------------*/


body#home_one .hotel_booking_area {
  left: calc(50% - 225px);
  top: calc( 0% + 195px );
}
body#home_one .special_offer_main {
  top: -56.5%;
  left: 70%;
}
.hotel_facilities_content .nav-tabs > li > a {
  font-size: 12px;
  width: 80px;
}
.hotel_facilities .nav.nav-tabs {
  width: 95.3%;
}
.hotel_facilities_content .our_services > a{
    margin-right: 7px;
    font-size: 12px;
}
body#home_two .single_facities {
  margin-bottom: 40px;
}
.room_thumb.small_room_thumb > a {
  display: block;
}
body#home_two .room_thumb.small_room_thumb img, body#accomodation_page .room_thumb.small_room_thumb img {
  height: auto;
  width: 100%;
}
body#home_two .select_room .select_room_content .room_thumb {
  margin-bottom: 40px;
}
body#home_one .welcome .single_room_wrapper, body#accomodation_page .accomodation_single_room .single_room_wrapper {
  text-align: center;
}



/* ----------------------------------------
                end home page
--------------------------------------------*/


/* ----------------------------------------
                start 404 page
--------------------------------------------*/

body#error_page .error > p {
  font-size: 240px;
}

/* ----------------------------------------
                end 404 page
--------------------------------------------*/


/* ----------------------------------------
                start about us page
--------------------------------------------*/


body#about_us_page .single_facilities_name > li > img {
  margin-right: 10px;
}
body#about_us_page .single_facilities_name > li > p {
  font-size: 13px;
}



/* ----------------------------------------
                end about us page
--------------------------------------------*/

/* ----------------------------------------
                start news page
--------------------------------------------*/
.style_blog_img_box > img {
  height: auto;
  width: 100%;
}
body#blog_page .b_link {
  bottom: 0;
}

/* ----------------------------------------
                end news page
--------------------------------------------*/



}



/* --------------------------------------------------------
                    End Wide Mobile Layout: 480px
-----------------------------------------------------------*/
@media (min-width: 480px) {
	#IFrameX { height:380px; }
}
@media (min-width: 575px) {
    .cb_avg_rate_dt { display:inline; }
    .cb_avg_rate_mb { display:none; }    
}
@media (min-width: 768px) {
     #TBDialogBE { width:600px; }
     
     .site_logo { margin-bottom:20px; }
     .navbar-brand { float:left; }
     .navbar-brand>img { margin:auto; }
     .star { text-align:left; }
     
     #ArrHrs { padding: 2px; font-size:13px; }
     #tb-list-data { font-size:16px; }     
}

@media (min-width: 990px) {
	.cb_room_info { padding-top:0px; padding-left:15px; }
    
	#IFrameX { height:190px; }
	
	.nav1_li { font-size:14px!important; }
    
    #BookYourRoom { float:right; }
	
	.border-left-rsvn-sum { border-left:dotted 1px #e1e1e1; }
	.SelNoRoom { width:80px; }
	
	.DivExItemR { text-align:right; }
	
	.TDBHReport { display:table-cell; }
	
	.nav1_li { font-size:12px!important; }
	.nav2_li { font-size:12px!important; }
	
	.menu_show { display:block!important; }
	.menu_btt { display:none!important; }	
	
	.amend_cancel_box { width:430px; }
	
	.fancybox-slide { padding:44px!important; }	
    
    .footer_mid_img { float:left; }
    
    .sort1 { padding : 8px 30px!important; font-size:12px!important; }
    .sort2 { padding : 8px 30px!important; font-size:12px!important; }
    .sort3 { padding : 8px 30px!important; font-size:12px!important; }  
    
    .panel-title { font-size:18px; } 
    #BookYourRoom { display : block; }
    #BookYourRoomM { display : none; }    
    
    .hotel_booking { padding: 26px 0px; }  
    
    .RmDetailInfo { display:none; }  
    .DetailMHide { display:block; }
    .RmOccInfoM { display:none; }
    
    #rsvn_detail_arrow { display: none; }
    #rsvn_detail { display: block; }
    
    #booking_done_area { margin-top: 65px; }
    
    .footer_mid_box { width:auto; padding-right:10px; }
    .footer_mid_txt { max-width: 230px; float:left; padding:12px 0px 10px 5px; }
    
    .form-input-seach { padding-left: 0px!important; }
    .header_top { margin-left: 0px; margin-right: 0px; }
    
    .btn.btn-sm{
      padding: 8px 30px;
    }
    
    .footer_box { text-align:left; }  
    
    body#booking_page .booking_info_area .section_title{
        margin-top: 0px;
    }  
    
    .footer_col1 { width:30%; } 
    .footer_col2 { width:40%; } 
    .footer_col3 { width:30%; }      
 	.foot_box1 { width:auto; }
    .foot_box2 { text-align:left; } 
    
    .calendar_am_date { right:22px; }      
    .ExISelDate { font-size:15px; }
    
    #ArrHrs { padding: 6px; font-size:15px; }
    
    .DivExItem { width:400px; }
    
    .RmCbTravelDate { font-size:16px; }
    #RmCb1L { width:90%; }
    #RmCb1R { display:block; } 
    #RmCbPlusIcon { display:none; }   
    #RmCb3Box { padding-top:5px; }
    .RmCbBookBtn { float:right; margin: 0; }
}

@media (min-width: 1025px) {

}
@media (min-width: 1200px) {
	.DivExItem { width:500px; }
}
@media (min-width: 1300px) {
	.footer_mid_box { padding-right:70px; }
    
	.book_search_input { padding: 0px 15px; }
    .book_search_input .form-control { font-size: 15px; }    
}