@charset "utf-8";


input[type="radio"],
input[type="checkbox"] { display:none;}

.title{ overflow:hidden;display:block;font-size:18px;line-height:1.3em;margin:0;vertical-align: middle;color:#000000; position:relative;}
.title2.hide{ border:0 none; padding:0; margin:0; line-height:0;}
#content article > .more{text-align:right; font-size:0.8em;}
.title a,
.title b{display:block; font-weight:bold; overflow:hidden;padding:0.4em 0.5em 0.3em 0.5em;  color:#000; background:#f2f2f2; transition:background 0.2s;}
.title a:hover{background:#e6e6e6;}
.title .more{font-size: 1.4em;position:absolute; top:50% ; right:0; margin-top:-0.5em;display:block;width: 1em; height:1em;}
.title .more::before {content: " ";
  display:block;
  line-height: 0;
  margin: 0.26em 0.5em 0 0;
  border-top: 3px solid #666;
  border-right: 3px solid #666;transform:rotate(45deg);width:0.5em; height:0.5em;}
.title .more span { text-align:right; width:0; overflow:hidden;font-size:0.55em; top:0.1em;position:absolute;  white-space:nowrap; right:1.8em; font-weight:normal;transition:width 0.3s;}
.title:hover .more span{ width:10em;}

.relative,.fixed{ position:relative}
#content{}
.main{float:right; width:100%;margin: 0 0 0 -270px;padding: 0 0 0 270px;}
.side{float:left;width:250px;position: relative;}
/*.display{float:right;position:relative;margin:0.9em 0 1em;overflow:hidden}
.display li{ color:#999;float: left; width:5em;position:relative; text-align:center; border-left:1px solid #ccc; left:-1px}
.display li a{display:block}
.display li a:hover{ text-decoration:underline;}*/
.other{margin:0 0 2em 0}
.other a{display: block;margin:0 0 1em 0}

.mo_hide{display: block;width:250px; height: 500px;}

.city{ position:relative;}
.city ul{margin:0.4em 0}
.city a{display: block;padding:0.3em 0.5em 0.3em 0.3em;border-bottom: 1px solid #EEE}

.filters{ position:relative;margin-bottom: 2em}
.block h3{padding:0.3em 0;}
.block h3 span{font-size:0.9em;font-weight: normal} 
.block{ overflow:hidden; padding:0.8em 0.5em 0.8em 0.5em; font-size:16px; position:relative;} 
.search_box .block{padding:0.8em 0.5em 0 0.5em;} 
.block::before{content:" "; display:block; clear: both;}
.block label{ vertical-align: initial;display:block;padding:0.3em 0}
.block label:hover{ background-color:#f2f2f2}
.block input { vertical-align:initial; margin:0 0.3em 0 0}
.block.block2{/*margin:0.5em 0 0 0*/}
.block.block2 strong{ width:100%;display: block; font-size:0.9em}
.block.block2 label{ float:left;width:50%;}
.block.block2::after{content:" "; display:block; clear: both;}
.filters .button{ margin:1em 0;}
.filters button{font-size:1em;margin:0 0 0 3%;background-color:#ddd;color:#000;width:45%;line-height:1.5em;height:2em; padding:0;border: 1px solid #ccc;}
.filters button:hover{background-color:#360;color:#fff;border: 1px solid #360;}


.search_box{padding:0; padding:0 0 0.6em 0;font-size:1.04em;}
.search_box{ border-bottom:1px solid #CCC}

.search_box::before{content:" "; display:block; clear: both;}


.search_box select,.search_box input,.search_box span { vertical-align:initial}
.search_box select,
.sort_m,
.search_box input{border: 1px solid #ccc;padding:0.31em 0.5em;line-height:1.5em;font-size:1em;}
.search_box select:hover,
.search_box select:focus,
.sort_m:hover,
.sort_m:focus,
.search_box input:hover,
.search_box input:focus{border:1px solid #360;}
.search_box button{ display:block;text-align:center;margin:0 auto;padding:0.24em 0;line-height:1.5em;font-size:1em; width:16%;background-color:#360; color:#fff;border:1px solid #360;}
.search_box button:focus,
.search_box button:hover{background-color:#C00;border: 1px solid #C00;}
.search_box .focus{ position:relative;}
.search_box .focus input{width:100%;}
.search_box .focus button{text-indent:-9999px;border-left:0;line-height:0;height:100%;width:2.23em;top:0;right:0;position: absolute;}
.search_box .focus button::before{content:" "; display:block;position:absolute;line-height: 0;width: 1em; height: 1em;border: 0.2em solid #666;border-radius:50%;left:50%;top:50%;margin:-0.6em 0 0 -0.6em;}
.search_box .focus button::after{content:" "; display:block;line-height: 0; width:0.5em; height:0;border: 0.15em solid #666; border-radius:0.15em;transform:rotate(45deg);position:absolute; left:50%; margin:0.2em 0 0 0.1em;top:50%;}
#OrderDT{ background:#FFF url(../images/calendar.svg) no-repeat center right; background-size:36px 16px;}
/*.search_box .focus:hover button,*/
.search_box .focus button:hover:before{border: 0.2em solid #fff;}
.search_box .focus button:hover:after{border: 0.15em solid #fff;}
.search_box .focus input:hover+button,
.search_box .focus input:focus+button{border:1px solid #360; border-left:0;}
.search_box .tr1,.search_box .tr2{  width: 19%;float:left; margin:0 2% 0 0;}
.search_box select, .search_box input{ width: 100%;}
.d1024{ display:none}
.search_box .th{ display:none}
.search_box .search_button{ cursor:pointer;display:none}

.search_box{ margin:0 0 1.5em 0; border:0;}
.search_box .tr1,.search_box .tr2{ width:100%; float: none;position: relative;margin:0.8em 0 0 0;}
.search_box button{margin:0.8em auto 0;width:100%;}
.search_box .focus button{margin:0; width:2.23em;}
.search_box .focus{margin:0.8em auto 0;}

.search_button{display:none}
.sssss,
.sort_m{display:none;}

.level{position:relative; overflow:hidden}
.msg ol{float:left; width:108%;}
.msg li{ float:left;  width: 14%; margin:0 6% 0 0; text-align:center;}
.block .level_stars{margin:0;display:inline-block;font-size: 1.2em;
    height: 1em;width: 1em;background:url("../_inc/gridlist/images/grid_stars.svg");background-size:10em 2em; background-position:0 0;vertical-align:sub}
.block > label:nth-of-type(4) .level_stars{width: 2em;}
.block > label:nth-of-type(5) .level_stars{width: 3em;}
.block > label:nth-of-type(6) .level_stars{width: 4em;}
.block > label:nth-of-type(7) .level_stars{width: 5em;}
.block .all_button{position: absolute;top:0.8em;right: 0;padding: 0.3em 0.5em;}
.price .msg{ position:absolute; right:0.8em; top:0.8em;}

.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}

.noUi-target{height:40px;position:relative;margin:0 1em;}
.level .noUi-target{height:60px;}
.noUi-target::before,
.noUi-background::before,
.noUi-connect::before{content:" "; display: block;position: absolute; width:100%; top:50%; left:0; height:2px; background-color:#ccc; margin-top:-1px}
.level .noUi-target::before,
.level .noUi-background::before,
.level .noUi-connect::before{margin-top:9px}
.noUi-connect::before{background:#06C;}
.noUi-origin{position: absolute; bottom: 0;  right: 0;top: 0;}

.noUi-handle{cursor: default;height:100%;width: 50px;position: absolute;z-index: 2;margin:0 0 0 -25px;font-weight: normal;}

.noUi-handle::before,
.noUi-handle::after{content:" "; display: block;height:22px;width:22px;background:rgba(0,102,204,0.3);border-radius:50%;margin:-11px 0 0 -11px; top:50%; left:50%; position:absolute;}
.noUi-handle:hover:before{background: rgba(0,102,204,0.5);}
.noUi-handle::after{height:8px;width:8px;background:#06C;margin:-4px 0 0 -4px;}
.level .noUi-handle::before{margin:-1px 0 0 -11px;}
.level .noUi-handle::after{margin:6px 0 0 -4px;}
.noUi-stacking .noUi-handle{ z-index:5}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.search_txt h3 {
    background: url(../images/00.jpg) center center; 
	background-size: cover;
    border-bottom:0;
    font-size: 2.1em;
	color: #FFF;
    height: 150px;
    margin: 0 0 0.5em;
    padding: 2em 0 0 1em;
}
.hotelscom_img{margin:auto auto 0.5em 2%;color:#05B}
.hotelscom_img em{font-size:14px;display: block; font-style:normal;vertical-align: middle;padding: 0 0 0 0.3em}
.hotelscom_img em::after{content:"i";display: inline-block;width:16px;text-align: center;height:16px;line-height:13px;border:1px solid #05B;border-radius:50%;font-size:12px;vertical-align: middle;margin: 0 0 0 0.2em}
.hotelscom_img img{width:230px;}
.hotelscom_img::after{overflow:hidden; content: attr(data-tooltip);display: block;font-size: 0.9em;margin: 0 1% 1em 1%;max-height:0;transition:max-height 0.5s}
.hotelscom_img:hover:after{max-height:4em;}


.display_button,
.search_button,
.filters_button{ color:#000; cursor:pointer; display:block; float:left; text-align:center;width:100%;  margin:0 0 0 0;position:relative;z-index:6;background-color:#ddd;border: 1px solid #ccc;padding:0.31em 0;line-height:1.5em;font-size:1em;}
.sssss::after{content:" ";display:block; clear:both}

.search_button{width:auto;float:none;display:none;margin:0.3em 0 0 0;min-width: 32%;padding:0.3em 1em}
.display_button{width:8em;float:right;margin:-3px 0 0 0;}
.display_button [class^="icon-"],
.display_button [class*=" icon-"],
.search_button [class^="icon-"],
.search_button [class*=" icon-"],
.filters_button [class^="icon-"],
.filters_button [class*=" icon-"]{font-size:1.2em;vertical-align:middle;line-height:inherit;color:#666}
.display_button:hover [class^="icon-"],
.display_button:hover[class*=" icon-"],
.search_button:hover [class^="icon-"],
.search_button:hover [class*=" icon-"],
.filters_button:hover [class^="icon-"],
.filters_button:hover [class*=" icon-"]{color:#fff}

.display_button:hover,
.display_button.on,
.search_button:hover,
.filters_button:hover{background-color:#360; color:#fff;border:1px solid #360; text-decoration:none;}
/*
.display_button::before,
.search_button::before,
.filters_button::before{ vertical-align:middle; font-size:2.2em;content:" "; display: inline-block; background:url(../images/icon2.png); width:1em; height:1em;  margin:-0.6em -0.1em -0.6em -0.3em;background-size:3em auto}
.display_button::before{ background-position:-1em 0;}
.filters_button::before{ background-position:-2em 0;}
.display_button:hover:before{background-position:-1em -1em;}
.search_button:hover:before{background-position:0 -1em;}
.filters_button:hover:before{background-position:-2em -1em;}
*/

.search_box_i{position: absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:30;}

.spi_box{display:block;position: relative;margin: auto; width:540px;background-color:#FFF;font-size:1.1em;line-height:1.5;padding:1em;box-sizing:border-box;top:167px;left:80px;border-radius:10px;}

.spi_box::before{content: " ";display: block;width:30px;height: 30px;background:#FFF;position: absolute;top:25px;left:-15px;transform:rotateZ(-45deg)skew(20deg,20deg)translate(0,0);z-index: -1;}

.sbi_txt{}
.search_box_i h3{text-align: center;color:#C00;font-size:1.5em;}
.search_box_i h3::before{content:"i";display: inline-block;font-size: 0.9em; width: 1.1em;height: 1.1em;text-align: center;line-height:1em;background-color:#f60;color: #FFF;border-radius: 50%;margin: 0 0.2em 0 0}
.search_box_i strong{padding:1em 0 0.2em;display: block;}
.search_box_i ol{list-style: decimal;padding: 0 0 0 1.2em}
.search_box_i li{padding: 0.2em 0}
.search_box_i button{border:0;cursor: pointer;display: block;margin:1em auto;font-size: 1em;padding:0.2em 1em;background-color:#C00;color: #FFF; border-radius: 5px;}
.search_box_i button:hover{background-color:#F00;}


@media screen and (max-width:970px) {
.easy-autocomplete-container{position: absolute;overflow: auto;max-height: 145px;height: initial;}
.breadcrumb {padding: 0.6em 3.2em 0.9em 2%;}
#wrapper{ font-size:15px}
.size{ width:100%;}
.main{float: none; margin:0; width:auto; position:relative; left:0;padding: 0}
	.side{float: none;width:100%; position: relative; padding:0; margin:0;}
.other{margin:2em 0 2em 1em}
.mo_hide{display: none;}


.search_txt{padding:0.8em 2%; background:#F2F2F2}

#hotelSlists .hotelS_rooms.hotelS_rooms_less .hotelS_button,
.display,
.display li.in{ display:none;}

.city h3{padding: 0.3em 0.5em 0.3em 1em;}
.city a{padding: 0.3em 0.5em 0.3em 1em;}
.search_box .block{padding:0 0.5em 0.8em 0.5em;} 

.search_box{background: #f2f2f2;padding:0 2% 0 2%; margin:0;overflow:hidden;width:100%;max-height:0;transition: max-height 1s,padding 0.1s; border-bottom:0;}
.search_box.search_open{max-height:20em;padding:0.3em 2% 0.8em 2%;}
.search_box .tr1, .search_box .tr2{float:none; margin: 0 0 0.5em 0; width:100%;}
.search_box button{ width:100%;}
.side .search_box .tr1, .side .search_box .tr2{ margin:0 0 0.8em 0}


.filters{display:block;
    min-height: 100%;background-color:#FFF; width:250px;position:fixed; top:0;left:-100%; transition:left 0.3s; z-index:17}

.filters_after{content:" ";display: none; position: fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);z-index:16}
.filters.filters_open{left:0;}
.filters.filters_open+.filters_after{display: block;}
.filters.filters_open .filters_search{left:175px;}

/*.mmm .side.div_hide{max-height:100em;}
.mmm .main.div_hide{left:0;}*/
.side .search_box .title{ display:none}
	
	
.sssss{display:table;margin:0.8em 0;width: 98%;}
.sssss .sssss_td{display:table-cell;padding: 0 0 0 2%;}
.search_button{display: inline-block}

.display_button{width:100%;float:left;}
.sort_m{ width:100%;float:left; margin:0 0 0 0;}

.sort{display: none;}
.sort_m{display:block;}
.display_button::before,
.filters_button::before{margin: -0.6em -0.2em -0.6em -0.2em;}
.display_button span, .filters_button span{display: none}
.display_button span.icon-map_icon, .filters_button span.icon-more{margin: -2px 0;display: inline-block}
.spi_box{left:0;max-width:500px;width:96%;}
.spi_box::before{display: none;}
}
@media screen and (max-width:500px) {
.search_box_i h3{font-size: 5.2vw;}
.spi_box{padding: 1em 3vw;}
}
/*	@media screen and (max-width:400px) {
	.search_box_i h3{font-size: 7vw;}
}*/
@media screen and (min-width:1180px) {
/*.main{width:830px;}*/
.d1024{ display: inline}
.spi_box{left:10px;}
}