.hotelbannerBox { min-height:600px; background:url(../images/hotels/hotel-bg.jpg) left top no-repeat; background-size:cover;}

.hotelsection .container { width:1280px; }

.banner-tagline { margin-top:20px; }
.banner-tagline h1, .banner-tagline h4 { color: #fff; }

/* ### top Box ### */
.topBox { padding: 20px 0px; width:100%; overflow: hidden; border-bottom: 1px solid #e9eaea; }
.topBox h4 { margin: 0px; }
.topBox span { color: #838182; display: block; }
.topBox .icon { padding-right: 10px; padding-bottom: 30px; }
.topBox .detail { text-align: center; overflow: hidden; }
.support_hotel { background: #ffffff; padding: 15px;}
.hotelsection.hotel-home .headerBox { background: #ffffff;}
.hotelsection .headerBox { background: #ffffff; width: 100%; overflow: hidden; border-bottom:1px solid #ccc;}
.cont-center{ width:40%; margin:0 auto; text-align:justify; padding-bottom:60px;}


/*cancellation start here*/
.cancelation_policy_main {  position:relative; }
.cancelation_policy_main .show_policy { display: none; background: #fff; font-size:13px; padding: 14px; position: absolute; left: 0;  top: 32px;
    width: 360px; border:1px solid #94afc6;   z-index: 1;}
.show_policy .arrow { width:21px; height:11px; display: block; position:absolute; left: 28px; top: -11px; background:url(../flight-result/images/fare_rule_arrow.png) no-repeat;}
.cancelation_policy_main:hover .show_policy {display:block;}	
.cancelation_policy_main p { margin:0px;}
/*cancellation end*/

/*Cancelation policy start here*/ 
.cancelation_policy {display:block; position:relative; z-index:9}
.cancelation_policy a { color:#1896c0; float:left;}
.cancelation_policy .policy_info { background:#fff; padding:6px; width:100%; position:absolute; left:0px; top:25px; display:none; border:1px solid #94afc6;}
.cancelation_policy .icon { color: #3a5c78;  position: absolute; left: 21px;  top: -19px;  font-size:27px;}
.cancelation_policy:hover .policy_info { display:block; text-align: justify;} 
 /*Cancelation policy end here*/ 
 


/* ### hotel slider Box ### */
.hotel_sliderBox { padding: 30px 0px 50px 0px; width: 100%; overflow: hidden; }
.hotel_sliderBox h3 { font-size: 28px; margin: 0px; padding: 0px; text-align: center; }
.hotel_sliderBox h3 span { padding:5px 0px 18px 0px; font-size: 18px; color: #b0b0b0; display: block; }
.hotel_sliderBox .slider { position: relative; }
.hotel_sliderBox .slide { margin: 0px 7px; padding: 10px; overflow: hidden; border:1px solid #ebebeb; }
.hotel_sliderBox .image { position: relative; }
.hotel_sliderBox .image img { width:100%; }
.hotel_sliderBox h4 { margin: 13px 0 3px 0; text-overflow: ellipsis;  white-space: nowrap; overflow:hidden; color:#333; }
.hotel_sliderBox .location { color: #848888; font-size: 13px; }
.hotel_sliderBox .price { padding: 0px 14px 0px 20px; line-height: 35px; font-size:19px; color: #ed8323; font-weight:bold; position: absolute; left: 0px; bottom:20px; background:rgba(0,0,0,0.6);}
.hotel_sliderBox .price small { font-size: 11px; color: #fff; font-weight:normal; }
.hotel_sliderBox .slick-prev, .hotel_sliderBox .slick-next { z-index:3; top:33%;}
.hotel_sliderBox .slick-prev { left: 20px; right: inherit;}
.hotel_sliderBox .left-shadow { width:24%; position: absolute; left: 0px; top:0px; height:100%; 
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
}
.hotel_sliderBox .right-shadow { width:24%; position: absolute; right: 0px; top:0px; height:100%; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 100%); }

/* ### book with Box ### */
.bookwithBox { padding:0 0 30px 0px; width: 100%; overflow: hidden; }
.bookwithBox .image { padding:0px 15px 0px 0px; width:calc(100% - 490px); float:left; }
.bookwithBox .image img { width: 100%; }
.bookwithBox .block {  padding:20px; overflow: hidden; width: 490px; float:left; background:#026be0; }
.bookwithBox .block h4 { padding-bottom:10px; font-size: 30px; color: #fff; margin: 0px; border-bottom:1px solid #81898f; text-transform:uppercase; }
.bookwithBox .block ul{ margin: 0px; padding: 0px; list-style: none; width:100%; overflow: hidden; border-top:1px solid #676f75; }
.bookwithBox .block li { position: relative; padding-left:25px; margin-top:18px; font-size: 18px; color:#fff; }
.bookwithBox .block li .fa-check { color:#fff; position: absolute; left: 0px; top: 5px; }

/* ### book with Box ### */
.destinationBox { padding: 0px 0px 30px 0px; width: 100%; overflow: hidden; }
.destinationBox img { width:100%; }
.destinationBox h3 { font-size: 28px; margin: 0px; padding: 0px; text-align: center; }
.destinationBox h3 span { padding:5px 0px 18px 0px; font-size: 18px; color: #b0b0b0; display: block; }
.destinationBox .col { margin-bottom: 15px; }
.destinationBox .cityname{ padding:5px 10px; position: absolute; right: 8px; bottom: 0px; font-size: 20px; color: #fff; background:rgba(0,0,0,0.6); }

/*Hotel Results Style*/
.hotelMainCntr { padding: 100px 0px; max-width:1280px; margin:0 auto; }
.hotelMainCntr .leftCntr { width:240px; float:left; }
.hotelMainCntr .centerCntr{ padding:0px 20px 0px 20px; width:calc(100% - 245px); float:left; }
.hotelMainCntr .rightCntr { width: 160px; float:left; }

/*modify search*/
.modify-search { width: 100%; }
.modify-search h4 { margin: 0px 0px 15px 0px; color:#1d1d1d; }
.modify-search .button { width:100%; padding:5px 0px; display:block; border:none; font-size:18px; color:#fff; cursor:pointer; background:#fd7444;}

/*Filter box */
.filterBox { width: 100%; float:left; margin-bottom: 10px; border:1px solid #1d1d1d; }
.filterBox .block { padding:10px; width:100%; float:left;}
.filterBox .head { padding:10px 10px 0 10px; margin: 0px; font-size: 14px; color: #333333; text-transform: uppercase; position: relative; }
.filterBox .head:after{font-family: 'FontAwesome'; content: "\f0d7"; position: absolute; right: 10px; top:10px; color:#cccccc; }
.filterBox .block:last-child { border-bottom:none;}
.filterBox .col { width:calc(100% - 36px); float:left; }
.filterBox .go-btn { border: none; width: 36px; height: 34px; color:#fff; float:left; background:#fd7444;}

.filter-head { padding:0 0 10px 0; width: 100%; overflow: hidden; position: relative; }
.filter-head h3 { margin: 0px;  font-size:  16px; color:#333333; }
.filter-head .clearfilter { position: absolute; right: 0px; top:0px; color: #0283df; text-decoration:none; }

.form-row { margin:10px 0px; width:100%; float:left; position: relative; }
.input-field { padding:7px 10px 7px 32px; position: relative; width: 100%; font-size: 13px; color: #000; border:1px solid #dedede; }
.input-icon {position: absolute;left: 7px; top: 5px; font-size: 20px; color: #1d1d1d; }
input[type="text"]:focus ~ .input-icon{color: #ef8527;}

/*cheackbox */
.checkbox { margin: 0px; padding:0px; }
.checkbox li{ list-style: none; margin: 8px 0px;}
.checkbox span { display:inline-block; cursor:pointer; position:relative; font-size:13px; padding-left:22px; margin-right: 9px; line-height:16px; text-transform:capitalize; }
.checkbox input[type=checkbox] {display: none}
.checkbox span:before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right:5px; position: absolute; left: 0; top: 0px; border:1px solid #ccc; text-align: center; line-height:16px;}
.checkbox input[type=checkbox]:checked + span:before{  font-family:'FontAwesome'; content: "\f00c"; color: #f08527; }
.checkbox label, .radio label { padding-left:0; }
.checkbox small { float: right; color: #0283df; font-size: 14px;}
.checkbox.rating i { color:#fd7444;}

/*Range slider */
.slider-range { margin:10px 18px 20px 0px; height:3px; background: #cccccc; border: 0px!important; }
.slider-range .ui-slider-handle { width:15px; height:15px; background:#fff; border:2px solid #fd7444; border-radius:100%;}
.slider-range .ui-state-hover, .slider-range .ui-state-focus{ background:#fff!important;}
.slider-range .ui-widget-header{background:#1d1d1d; margin-left:4px;}
.ui-slider-horizontal .ui-slider-handle {top: -7px!important;}
.max-range { font-size:16px; color: #1d1d1d; border:none; width:100%; margin-bottom:8px; text-align: center; }

/* ### map Box ### */
.mapBox { padding: 10px 0px; overflow: hidden; }
.mapBox iframe { width:100%;  overflow: hidden;}
.locationMap iframe { height: 350px; }



/* ### sorting Box ### */
.sortingBox { padding-bottom:20px; width:100%; overflow: hidden; position:relative;}
.sortingBox h3 { margin: 0px 0 16px 0; padding: 0px; font-size: 20px;  overflow: hidden; }
.sortingBox ul { display:block; padding: 0px; margin: 0px; list-style:none; background:#fff;}
.sortingBox li { float:left;  }
.sortingBox li a { padding: 0px 19px; font-size: 14px; color: #333333; position: relative; text-decoration:none; display: block; line-height: 30px; border:1px solid #e8e6e6; margin-right:-1px; }
.sortingBox li:hover a:before, .sortingBox li.active a:before{ font-family: 'FontAwesome'; content: "\f0d7"; position: absolute; left: 50%; bottom: -17px; margin-left:-5px; font-size:12px; color:#fd7444;}
.sortingBox li a:hover,.sortingBox li.active a { z-index:1; position: relative; color:#1d1d1d; border:1px solid #fd7444;}
.sortingBox li span { margin-right:5px;}
.sortingBox .sort { padding: 0px 21px; line-height: 32px; display:block; background:#e8e6e6;}

/* results  Box */
.resultsBox { margin-bottom:16px; width:100%; border:1px solid #dddddd;}
.resultsBox .zoom_image { position: relative; float:left; }
.resultsBox .image { width: 235px; height:200px; overflow: hidden; float:left; position: relative; }
.resultsBox .image img { bottom: -9999px; height: auto; left: -9999px; margin: auto; min-height: 100%; min-width: 100%; position: absolute;  right: -9999px;  top: -9999px;  width: auto;}
.resultsBox .detail { padding:10px 12px 10px 17px; width:calc(100% - 235px); float:left; }
.resultsBox .left {width:calc(100% - 180px); float:left;}
.resultsBox .right { width: 180px; float: right; text-align: right; }
.resultsBox .discount{ display: block; font-size: 20px; color: #999999; text-decoration:line-through;}
.resultsBox .price{ font-family:"Oswald",sans-serif;display: block; font-size: 26px; color: #fd7444; font-weight: normal; line-height:30px; }
.resultsBox small{ font-size: 12px; color: #666666; display: block; }
.resultsBox h2 { margin: 0px 0px 8px 0px; font-size: 20px; overflow :hidden; text-overflow :ellipsis; white-space :nowrap }
.resultsBox p { padding:8px 0px 0px 0; margin: 0px; font-size: 13px; color: #666666; line-height: 16px; display:inline; }
.resultsBox .rating, .hotel_itenary .rating  { padding-right:20px; display: inline-block; color:#ef8527; }
.resultsBox .rating .star-gray, .hotel_itenary .star-gray{ color:#d7d8db;}
.resultsBox .location, .hotel_itenary .location{ font-size: 14px; display: block; }
.resultsBox .facility, .hotel_itenary .facility { margin: 0px; padding: 0px; list-style: none;}
.resultsBox .facility { padding-top:10px;}
.resultsBox .facility li, .hotel_itenary .facility li { display: block; width:33.3%; float:left; font-size:12px; color: #636363; }
.resultsBox .facility li .icon, .hotel_itenary .facility .icon { float:left; font-size:20px; color: #1d1d1d; padding-right:5px; }
.resultsBox .location-icon , .hotel_itenary .location-icon{ padding-right:5px; color:#7f7f7f; }
.resultsBox .ribin{ width:109px; height:84px; position: absolute; left: -3px; top: -3px; display: block; background :url(../images/hotels/green-ribin.png) left top no-repeat;}
.resultsBox .ribin small { margin-top:-9px; color: #fff; font-size: 14px;-webkit-transform: matrix(0.806,-0.592,0.592,0.806,0,0);
-moz-transform: matrix(0.806,-0.592,0.592,0.806,0px,0px);
-ms-transform: matrix(0.806,-0.592,0.592,0.806,0,0);
-o-transform: matrix(0.806,-0.592,0.592,0.806,0,0);
transform: matrix(0.806,-0.592,0.592,0.806,0,0);}
.resultsBox .ribin span { display:block; font-size: 18px; color:#fff; font-weight:600;-webkit-transform: matrix(0.806,-0.592,0.592,0.806,0,0);
-moz-transform: matrix(0.806,-0.592,0.592,0.806,0px,0px);
-ms-transform: matrix(0.806,-0.592,0.592,0.806,0,0);
-o-transform: matrix(0.806,-0.592,0.592,0.806,0,0);
transform: matrix(0.806,-0.592,0.592,0.806,0,0); }
/*.resultsBox:hover { border:1px solid #0283df;}*/
.resultsBox:hover .text-black { color:#0283df; }
.resultsBox:hover .ribin{ background :url(../images/hotels/orange-ribin.png) left top no-repeat;}

.sortby { float: right; padding: 0px 10px; display: none; background: #e8e6e6; line-height: 32px;}
#hotel-sidebarsticky{display:none;}
/* Top container */
#topCntr{ width:100%; overflow: hidden; }
	
	
	/* ### sliderBox ### */
	.sliderBox { width:calc(100% - 326px); float:left; padding-right:15px; overflow: hidden;  position: relative; }
	.sliderBox .gallery { padding: 0px; margin: 0px; width:100%; overflow: hidden; position: relative; }
	.sliderBox .gallery img { width: 100%;}
	.sliderBox .overlay { position: absolute; left: 8%; bottom: 10px; max-width:688px; overflow: hidden;}
	.sliderBox .galleryNav { padding: 0px 10px; margin: 0px; text-align: center; width: 80%; position:absolute; left:10%; bottom:0px; }
	.sliderBox .galleryNav li{ padding: 0px 5px; display: inline-block;}
	.sliderBox .galleryNav img { width: 100%; border:1px solid rgba(255,255,255,0.5);}
	.sliderBox .galleryNav .thumbnail { padding:2px; border:none; border-radius:0px; margin:0px 3px 10px 3px; }
	
	.sliderBox .galleryNav .slick-prev, .sliderBox .galleryNav .slick-next {top:13px!important; background:#ff7330;} 
	.sliderBox .galleryNav .slick-prev  {left:0px!important; }
	.sliderBox .galleryNav .slick-next { right:0px!important;}
	
	.carousel-inner .slick-prev,.carousel-inner .slick-next {top:50%!important; background:#fff; border-radius:0px;}
	.carousel-inner .slick-prev  {left:10px!important; }
	.carousel-inner .slick-next { right:10px!important;}
	.carousel-inner .slick-prev:before, .carousel-inner .slick-next:before {color:#ff6600;}
	
	/* ### intro box ### */
	.introBox { width:326px; float:right; border:1px solid #e5e5e5; padding:15px; }
	.introBox h2 { margin: 0px; font-size: 22px; color: #333; font-weight:300; }
	.introBox .location { font-size: 14px; color: #848888; }
	.introBox .location span { padding-right: 5px;}
	.introBox .rating { width:100%; overflow: hidden; }
	.introBox .rating .yellow { color:#f99e00; }
	.introBox .rating .gray { color:#565656; }
	.introBox p { font-size: 13px; line-height: 24px; }
	.introBox p a { color: #fd7444; font-weight: bold; }
	
	.tripadvisor_logo { padding-top:15px; overflow: hidden; width:100%; text-align: center; }
	.select-button,.select-button:focus {font-family:"Oswald",sans-serif; padding: 0px 16px; display: inline-block; line-height:31px; font-size:18px; color:#fff; text-decoration:none; text-transform:uppercase; background:#fd7444; border-radius:0px; }

	.select-button:hover { background:#1d1d1d; color: #fff; }
	.priceBlock .discount{  font-size: 20px; color: #999999; text-decoration:line-through;}
	.priceBlock .price{  font-size:26px; color: #fd7444; font-weight: normal; line-height:30px; }
	.priceBlock small{ font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size: 12px; color: #666666; display: block; }
	
	/* ### global title ### */
	.heading { margin-top: 0px; padding: 0px; font-size: 22px; color: #333333; }
	.subTitle{  margin-top: 0px; padding: 0px; font-size: 18px; color:#333333; }
.hotel_heading { text-align: center;font-size: 25px; font-weight: 400; line-height: 30px; text-transform: uppercase; margin-bottom: 30px; color: #fd7444;}
	
	/* ### room box ### */
	.roomBox { padding:20px 0px 0px 0px; width:100%; overflow: hidden; }
	.roomBox .block { width:100%; border:1px solid #dcdcdc; border-bottom:none; margin: 20px auto 0 auto; }
	.roomBox .room-row { border-bottom:1px solid #dcdcdc; overflow: hidden; display:table; width:100%; position: relative;}
	.roomBox .room-row .col { padding:15px; width:33.3%; display:table-cell; vertical-align: middle; border-right:1px solid #dcdcdc;  }
	.roomBox .room-row .col:last-child, .roomBox .room-row:last-child { border: none; }
	.roomBox .room-row:hover, .roomBox .room-row.selected { background:#EBEBEB; }
	.room-detail { padding:15px; width:100%; overflow: hidden; display:none; border-bottom:1px solid #dcdcdc; background:#EBEBEB;}
	.roomInformation { padding-right:20px; width:40%; float:left; }
	.roomamenities { width:60%; float:left; }
	.roomamenities ul { list-style: none; margin: 0px; padding: 0px; }
	.roomamenities li { padding-left:12px; width:50%; float:left; position:relative; line-height:24px; }
	.roomamenities li:before{ font-family:'FontAwesome'; content:"\f105"; position: absolute; left: 0px; top: 0px;}
	
	.roomtitle a.plus { color: #0283df; text-decoration:none;}
	.facility-icon { text-align: center; }
	.facility-icon li { padding: 0px 10px; font-size:20px; color:#fd7444; display: inline-block; }
	
	
	/* ### Amenities box ### */
	.amenitiesBox { padding-top:30px; width: 100%; overflow: hidden; }
	.amenitiesBox ul { margin: 0px; padding: 0px; list-style: none; }
	.amenitiesBox li { padding-left:10px; width:25%; line-height:28px; float: left; position: relative; }
	.amenitiesBox li:before { position: absolute; left: 0px; top: 0px; font-family: 'FontAwesome'; content: "\f105"; color:#333; display: block; }
	
	/* ### about hotel box ### */
	.about-hotelBox { padding:30px 0px; width: 100%; overflow: hidden; }
	.about-hotelBox .image { width: 350px; float:left; }
	.about-hotelBox .image img { width:100%; }
	.about-hotelBox .detail { width:calc(100% - 350px); float:left; padding: 0px 0px 0px 20px; }
	
	/* ### kids group box ### */
	.kids_group_detail { display:none; padding:12px; position: absolute; left: 0px; top: 44px; z-index:7; width:450px; background:#fff; border:1px solid #ccc; }
	.kids_group_detail .label { padding-top:24px; width:60px; display:block; font-size: 12px; color:#37454d; float:left;  font-weight: normal;  }
	.kids_group_detail .label2 { display:block; font-size: 12px; color:#37454d; font-weight: normal; }
	.kids_group_detail .select { position: relative; width: 100%; height: 22px; display: inline-block; }
	.kids_group_detail .select select { width: 100%; padding: 0 4px; height: 22px; font-size: 12px; color:#37454d; font-weight: normal; margin: 0; border:1px solid #ccc; outline:none; display: inline-block; cursor:pointer; background: #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
     }
	.kids_group_detail .select:after {font-family: 'FontAwesome'; text-align: center; content: "\f107"; width:20px; height:20px; background:#fff; position: absolute; top:1px; right: 1px; pointer-events: none; }
	.kids_group_detail .kids-row{ position: relative; padding:8px 12px; overflow: hidden; border-bottom: 1px solid #ccc; }
	.kids_group_detail .col { padding-right: 10px; width:60px; float:left; }
	.kids_group_detail .right { width:calc(100% - 180px); float:left; }
	.kids_group_detail .col1 { width:25%; padding-right:10px; float:left; }
	.kids_group_detail .remove_row { position: absolute; right: 4px; top: 32px; color:#333; }
	.kids_group_detail .remove_row:hover { color:#ff6600; }
	.kids_group_detail .btn-row { width: 100%; overflow: hidden; }
	.kids_group_detail .btn-row a { margin:8px auto; padding: 0px 15px; display: inline-block; height: 29px; line-height: 26px; color:#333; text-decoration:none;  font-size: 14px; border:1px solid #cdd0d2; border-radius:2px; }
	.kids_group_detail .btn-row a span { margin-right:5px; }
	.kids_group_detail a.confirm_room { background:#ff6600; border-color:#ff6600; color:#fff; }
	.kids_group_detail .up_arrow { position: absolute; left: 50px; top:-17px; font-size: 25px; color:#fff;}
	
	/* ### Purchase Left Container ### */
	#purchaseLeftCntr { padding-right:15px; width:calc(100% - 283px); float:left; }
	#purchaseRightCntr { width: 283px; float:left; }
	
	.purchaseTitle { margin: 0px; padding: 9px 15px; font-size: 15px; color:#fff; background:#fd7444; }
	.purchaseTitle span{  margin-right: 8px; }
	.purchaseTitle em { font-size: 13px; }
	.subtitle { font-weight:500; color:#333;  padding-bottom:5px; letter-spacing:1px; }
	
	/* ### priceBox ### */
	.purchaseSidebar{ margin-bottom:15px; width:100%; float:left; border:1px solid #1d1d1d; }
	.purchaseSidebar .block { padding:10px 15px; width: 100%; overflow: hidden; line-height:26px;  }
	.purchaseSidebar .total{ padding:15px; width:100%; float:left; background:#efefef; }
	.purchaseSidebar ul { list-style: none; margin: 0px; padding: 0px; }
	.purchaseSidebar ul.ssl li { padding:10px 0px; width: 100%; text-align: center; border-bottom: 1px solid #e1e1e1;  }
	.purchaseSidebar ul.ssl li:last-child { border:none;}
	
	/* ### priceBox ### */
	.top_info { width:100%; overflow: hidden;}
	.top_info h3 { margin: 10px 0px 5px 0px; font-size: 24px; color:#333; }
	.top_info p { font-size: 16px; color:#6e6e6e; }
	.top_info .back_btn { margin-top:15px; color:#ffffff; background:#1d1d1d; padding:5px 10px; }
	.back_btn { margin:15px 0px; color:#ffffff; background:#1d1d1d; padding:10px 15px;line-height:10px; display:inline-block; }
	.back_btn:hover, .back_btn:focus{color:#ffffff;}
	/* ### hotel itenary ### */
	.hotel_itenary h4.hotelName { margin: 0px; padding: 0px; }
	.hotel_itenary .block { width:50%; float:left; }
	.hotel_itenary .image { padding-right:15px; width:160px; float:left; }
	.hotel_itenary .image img { width:100%; }
	.hotel_itenary .detail { width:calc(100% - 160px); float:left; }
	.hotel_itenary .facility li { padding-top:8px; width: 50%; }
	.hotel_itenary .location{ padding:5px 0px;}
	.hotel_itenary .top { padding:0 10px 10px 10px; overflow: hidden; }
	.checkinTime ul { position: absolute; right: 0px; bottom: 0px; width:50%; list-style: none; margin: 0px; padding: 0px; overflow:hidden; border: 1px solid #e1e1e1; border-bottom:none; border-right:none; }
	.checkinTime li { padding:10px; overflow: hidden; width:33.3%; float:left; border-right:1px solid #e1e1e1; }
	.checkinTime li:last-child { border-right:none;}
	.checkinTime li span { margin-right: 5px; color:#015282; }
	
	/* ### userDetail  ### */
	.blockBox { margin-bottom:15px; width:100%; float:left; border:1px solid #1d1d1d; }
	.blockBox .holder { padding:15px; position: relative; width:100%; float:left; margin-top: 15px; }
	.blockBox .form-row { margin: 0px; padding: 0 0 10px 0px; width:100%; }
	.blockBox .field { width:100%; padding:5px 10px; border:1px solid #ccc;}
	.blockBox .select { position: relative; width: 100%; height: 32px; float:left; }
	.blockBox .select select { width: 100%; padding: 0 4px; height: 32px; font-size: 13px; color:#37454d; font-weight: normal; margin: 0; border:1px solid #ccc; outline:none; display: inline-block; cursor:pointer; background: #fff;
	-webkit-appearance:none;
	-moz-appearance:none;
	}
	.blockBox .select:after {font-family: 'FontAwesome'; text-align: center; content: "\f107"; width:20px; height:20px; background:#fff; position: absolute; top:6px; right: 5px; pointer-events: none; }
	.blockBox .col { padding-left:10px; width: 33.3%; float:left; }
	.blockBox .label2 { margin-top:5px; font-weight:normal; width: 100%; font-weight:normal; }
	.blockBox sup{ color:#ef1c00; }
	
	/* ### user information  ### */
	.user_information { width: 100%; overflow: hidden; }
	.user_information .holder { padding:0 15px; }
	.user_information .label { padding:40px 0 0 0; font-size: 14px; color:#333; font-weight:normal; width: 70px; float:left; }
	.user_information .form { width:calc(100% - 70px); float:left; }
	.user_information .form-row { padding:15px 0px; border-bottom:1px dashed #ccc;; }
	.user_information .form-row:last-child { border:none;}
	.user_information .col_xs { width: 64px; float:left; }
	.user_information .col { width:calc(33.3% - 22px);}
	.creditinformation {  background: #d1f8d4;  border: 1px solid rgb(82, 140, 38); color: rgb(82, 140, 38); font-size: 14px;  margin: 0 0 10px 0;  padding: 5px 15px;}
	
	.spnCardImg {float :left;height :28px;padding-top :2px;}
	.spnCardImg a {display :block; float:left; height :30px;width :44px; margin-right:5px; background :url(../images/card-sprite.png) 0 0 no-repeat ;}
	.spnCardImg a.pmaster { background-position:-54px 0px; }
	.spnCardImg a.pamerican { background-position:-112px 0px; }
	.spnCardImg a.pdiners { background-position:-172px 0px; }
	.spnCardImg a.pdiscover{ background-position:-230px 0px; }
	.spnCardImg a.pcarte { background-position:-286px 0px; }
	.imgVisa { background :url(../../index.html) no-repeat scroll 0 -39px;}
	#tooltip { position: relative; padding-left:10px; font-size:12px; }
	#tooltip a span {display :none;color :#FFFFFF;}
	#tooltip a:hover span {display :block;position:absolute; left:20px;top:20px; width:450px; background :url(../images/card.gif) left top no-repeat; background-size:100%; height:170px; color:#FFFFFF; padding :0 5px; z-index:999; }
	.contact_detail {   background: #efefef;  clear: both; margin: 0 -15px -15px;  overflow: hidden;  padding: 0 15px 15px 15px;  width: auto;}
	
	.hotelDetails_info h3 { margin: 0px 0 20px 0; color:#3a5c78; }
	.hotel_room_top { background: #e4edf4;  clear: both; margin: -15px -15px 10px -15px;  overflow: hidden;  padding: 5px 15px;  }
	
	.priceList { width: 100%; overflow: hidden; }
	.priceList li { overflow: hidden; line-height:20px; padding:5px 15px; color:#676767; }
	.priceList li:nth-child(odd){ background:#e4edf4 ; }
	.priceList li span { display: block; }
	
	.error_container {  background-color: #ffffb7;  color: #df3a03; padding: 10px; border: 1px solid #df3a03;  margin: 15px 0;}
	.error_container i { margin-top: 3px; }
	.room-input { cursor:pointer; }
	
	.image_popup {position: absolute;  width: 400px; left: 246px;  top: 10px;    overflow: hidden;    padding: 10px;    background: #fff;    border: 1px solid #ccc;  z-index: 9;border-radius:3px; }
	.image_popup img { width: 100%; overflow: hidden;}


/*rating*/
span.stars, span.stars span { display: block; background: url('../images/stars.png') 0 -16px repeat-x;  width: 80px;  height: 16px; }
span.stars span {  background-position: 0 0;}
span.advisorCircle:before{content:''; width:35px; height:22px; display:block; position:absolute; left:-37px; top:-3px;  background: url('../../index.html') 0 0px no-repeat;}
span.advisorCircle, span.advisorCircle span { display: block; position:relative; background: url('../../index.html') 0 -16px repeat-x; width: 80px;
 height: 16px;  }
span.advisorCircle span { background-position: 0 0;}
.alignright { float:right;}

/*payment page inline style here*/

.has-error input { background: url('http://s38.photobucket.com/user/eloginko/media/invalid_zpseed3b88d.png.html') no-repeat 95% 7px; }
.valid input { background: url('http://s38.photobucket.com/user/eloginko/media/valid_zps1673bdcf.png.html') no-repeat 95% 7px;}
#couponMessage { font-size:11px; color:#f00; } 
.select-class{border: solid 1px #a94442;}
.pay1 { margin-top:0px;  }
.radio-class{border: solid 1px #a94442;}
#fadebackground {display: none; background-color: #777; opacity: 0.65; filter: alpha(opacity=65); position: fixed; z-index: 9001; top: 0px; left: 0px; width: 105%;	}
.popup-itanery-table { border-collapse: collapse; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px auto;}
.popup-header {background-color: #1E6DAB; color: #fff; vertical-align: middle; text-align: left; padding-left: 10px; font-size: 16px; font-family: Verdana;height: 35px;}
.popup-header a { color: #FF8000; font-size: 16px; font-family: Verdana; cursor: pointer; float: right; margin-right: 10px; } 
form .form-group { margin-bottom:0; }

/**/


#secure_block, #book_confidance{ display: block; }
.copy_right2 { margin: 0px!important;}/*Use only mobile*/

.filter_menu { position: absolute; left: 0px; top: 23px; display:none; }
.filter_close { display: none; }
.spldisocunt {background:#026be0; font-size:13px;color:#fff; padding:3px 7px; display:inline-block;}
 .resultsBox .more { margin-left:10px; color: #fd7444; font-weight: bold;}
 
/* Media Query Start here*/
 @media only screen and (max-width:1279px) {
 .main { overflow:hidden;}
 .container{ padding: 0px 10px; width:100%!important; }
#purchaseLeftCntr { width: 100%; padding:0px 15px;}
 
 }
 
 @media only screen and (max-width:1169px) {
 .bookwithBox .image { width:calc(100% - 375px);}
 .bookwithBox .block { width: 375px; }
 .bookwithBox .block li { margin-top: 12px; font-size: 15px; }
 .bookwithBox .block h4{ font-size: 28px; }
 .hotelMainCntr .rightCntr { display:none;}
 .hotelMainCntr .centerCntr { padding: 0px 0px 0px 10px; width:calc(100% - 240px);}
 .sortingBox li a { padding: 0px 12px;}
 .resultsBox .detail { padding:10px; }
 .resultsBox .facility li { padding-right: 10px; width: auto; }
 .resultsBox p { padding: 10px 0 0 0;}
 #purchaseLeftCntr { width: 100%; padding:0px 15px;}
 .resultsBox .location, .hotel_itenary .location { font-size: 13px; }
 .hotel_itenary .facility li { width: 100%; }
 .checkinTime li { width: auto; padding:7px; }
}

@media only screen and (max-width:1023px) {
.bookwithBox .block { width: 100%; }
.hotelMainCntr .leftCntr { position:absolute; left:-250px; top:0px; }
.hotelMainCntr .leftCntr.open { width:260px; position:fixed; overflow: auto; height:calc(100vh - 72px); left: 0px; background:#fff; border:1px solid #ccc; z-index:2; padding:10px; top:72px; z-index:2;}
.filter_menu { display: block; padding: 0px 10px; background: #e8e6e6; line-height: 32px; color: #333;}
.sortingBox h3 { margin: 0px; text-align: center;}
.filter_close { display: block; position: absolute; right: 18px; top: 10px; font-size:20px;  color:#ff6600;}
.filter_close:hover { color:#ff6600;}
.centerCntr.push { margin-left:250px;}

.hotelMainCntr .centerCntr { width:100%; padding: 0px; }
.sortingBox .sort { padding: 0px 18px; }
.resultsBox .facility li { padding-right: 8px; }
#secure_block, #book_confidance{ display: none; }
#purchaseRightCntr { display: none;}
#purchaseLeftCntr { width: 100%; padding:0px 15px;}
.spnCardImg a { margin-right: 3px;}
.sliderBox { width: 100%; padding-right:0px; }
.introBox { width:100%; }
.tripadvisor_logo { width: auto; text-align: left;}
.subTitle { font-size: 16px; }
.amenitiesBox li { width:33.3%; }
.about-hotelBox .image { width:250px; }
.about-hotelBox .detail { width:calc(100% - 250px); }
.topBox .detail h4 { font-size: 16px; }
    .sortingBox ul{ float: right; margin-right: 20px;}


 }
 
@media only screen and (max-width:767px) {
.topBox { padding: 15px 0px;}
.topBox .col { overflow: hidden; padding:5px 0;}
.resultsHolder { margin-right: -15px; }
.resultsBox { margin-right: 15px; width:calc(50% - 15px); float:left;}
.resultsBox .image { width:100%; }
.resultsBox .detail { width:100%; }
.resultsBox .right { width:100%;}
.resultsBox .left { width:100%; }
.resultsBox .facility { padding-top:10px; overflow: hidden;}
.resultsBox .facility li { padding-bottom: 8px;}
.resultsBox .facility li .icon { font-size: 16px; padding-right:3px;}
.tripadvisor { float:left; }
.resultsBox .right {padding-top:10px;}
.resultsBox .discount { font-size: 17px; }
.resultsBox .price { font-size: 20px; line-height: 25px; }
.sortby { display:inline-block; }
.sortingBox { overflow:visible; position: relative;}
.sortingBox ul { display:none; width:200px;  position: absolute; right: 0px; top: 33px; z-index:2;}
.sortingBox li { width: 100%; margin: 3px;}
.sortingBox li:hover a:before, .sortingBox li.active a:before{ content: ""; }
.hotel_itenary .block { width: 100%;}
.checkinTime ul { position:static; width: 100%;}
.blockBox .holder { padding:10px 10px 0;}
.user_information .label { width: 100%; text-align: left; padding: 0px;}
.user_information .form { width: 100%; }
.contact_detail { margin: 0px -10px;}
.col-xs-offset { padding-top:3px; margin-left:33.3%;}

.sliderBox .overlay { display: none; }/*Slider*/
.roomBox .room-row .col { display: block; width:100%; padding:8px 15px 0 15px; }
.roomBox .room-row .col.icons { position: absolute; right: 0px; top: 0px; width:auto; }
.amenitiesBox { padding-top:15px; }
.amenitiesBox li { width:50%; }
.about-hotelBox .image { width:100%;}
.about-hotelBox .detail { width: 100%; padding:15px 0px 0px 0px; }
.priceBlock .discount { font-size: 17px; }
.priceBlock .price { font-size: 22px; }
.user_information .mobile-title{ padding:3px 10px; margin: 8px -5px; background:#eaeaea;}
.hotel_room_top { margin:-15px -15px 0; }
.user_information .col { width:calc(50% - 32px);}
.select-button, .select-button:focus { font-size: 16px; }
.top_info{ padding: 0px 10px; }
.top_info .back_btn{margin-top:0px; margin-bottom:15px;}
 }
 
@media only screen and (max-width:479px) {
.destinationBox .col { width: 100%; }
.bookwithBox .block { padding: 15px; width: auto; margin: 0px -15px; float:none; }
.bookwithBox .block h4 { font-size: 23px; }
.resultsBox .facility li { padding-right:5px; }
.resultsHolder { margin-right: 0px; }
.resultsBox { margin-right: 0; width:100%; float:left;}
.subtitle { font-size: 13px; }
.checkinTime li { padding: 6px; }
.hotel_itenary .image { width:100%; padding:0px 0 10px 0;}
.hotel_itenary .detail { width:100%; }
.hotel_itenary .top { padding:10px 0px;}
.checkinTime li { padding:5px 0 5px 7px; }
.user_information .col { width:100%; padding: 0px;}
.col-xs-offset { margin: 0px; width:100%; float:left; }
.billing_information [class*=col-xs-4], .billing_information [class*=col-xs-8], .payment_information [class*=col-xs-4], .payment_information [class*=col-xs-8]{ width:100%;}
.payment_information [class*=date]{ width:50%;}
.roomBox .room-row .col.icons { position: static;}
.facility-icon { margin: 0px; padding: 0px; text-align: left; }
.amenitiesBox li { width:100%; }
.hotelDetails_info h3 , .hotelDetails_info address { font-size: 16px; margin-bottom:10px; }
.sortingBox h3{ font-size:14px; padding-left: 40px;}
.kids_group_detail, .kids_group_detail .right{width:100%;}
.kids_group_detail .col1 {width:50%; margin-bottom: 15px;}
.hotelMainCntr .leftCntr.open {width:100%;}   
    
 }


/*Safari hack*/
@media only screen and (min-width: 1330px) {
.hotelMainCntr .centerCntr { max-width: 1024px;}
.filterBox .col{width:180px;}
.resultsBox .detail{width:745px;}
.resultsBox .left{width:530px;}
#purchaseLeftCntr{width:995px;}
.user_information .col{ width:250px;}
.hotel_itenary .block{width:470px;}
.hotel_itenary .detail{width:300px;}
}