@charset "utf-8";
.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;}


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

.relative,.fixed{ position:relative}
#content{overflow:hidden;}
.main{float:right; width:100%;margin: 0 0 0 -270px;padding: 0 0 0 270px;}
.side{float:left;width:250px;position: relative;z-index: 1}

.themes_h{line-height:1.8;min-height:200px;position:relative;background-position:center;background-size:cover;margin:0 0 20px}
.themes_h h1{overflow:hidden;}
.themes_h h1 a{color:rgba(0,0,0,0.75);font-size:3em;font-weight: bold;position: absolute;top:30px;left: 80px;line-height: 2em;text-align: center;padding: 0}
.themes_h h1 a::after{color:#fff;content:attr(title);display: block;position: absolute;top:-0.07em;left: -0.02em;width:100%;text-align: center;
  text-shadow: 0.02em 0.07em 0.1em #000;}
.themes_h p{color:#fff;position: absolute;top:110px;left:0;margin: 0 80px;}
.themes_menu{font-size:1.1em;}
.themes_menu ul{display: flex;margin:200px 0 0 0;flex-wrap:wrap;}
.themes_menu li{display: block;flex:auto;border-right:1px solid rgba(80,80,80,0.7);border-bottom: 1px solid  rgba(80,80,80,0.7);}
.themes_menu a{display: block;width:100%;background: rgba(0,0,0,0.75);line-height: 50px;padding: 0; text-align: center;color:#EEE;}
.themes_menu a:hover{background: rgba(0,0,0,0.8);color:#fff;}
.themes_menu .on a{background: rgba(255,0,0,0.7);color:#fff;}
.themes_menu > h2 span{display: none;font-weight:normal}
.themes_menu > h2{font-weight:normal}

#themes_lists{display: flex;flex-wrap:wrap;line-height:1.5;margin: 0 -20px 0 0}
#themes_lists .list{flex:1 1 40%;margin:0 20px 30px 0;overflow: hidden}
#themes_lists a{color:#000;display: block;position: relative;}
#themes_lists a::before{content:"";display: block;position: absolute;top:0;left:0;width:100%;height: 100%;transition:background 0.5s;}
#themes_lists a:hover:before{background:rgba(0,0,0,0.1)}
#themes_lists .list h2{margin:0;display: block;font-size:1.4em;font-weight: inherit}
#themes_lists .list h2 a{background:#F2F2F2;padding:8px 3%;;overflow: hidden;}

#themes_lists .list h2 a [class^="icon-"] {color:#999;position:absolute;right:10px;top:0;font-size:60px;vertical-align:inherit;}
#themes_lists .list h2 a [class^="icon-"]::before{line-height: initial;}
#themes_lists .list.list_hotspring h2 a [class^="icon-"] {top:-5px;}
#themes_lists .list.list_leisure-farm h2 a [class^="icon-"],
#themes_lists .list.list_backpackers h2 a [class^="icon-"],
#themes_lists .list.list_star-rated h2 a [class^="icon-"] ,
#themes_lists .list.list_motel h2 a [class^="icon-"] {top:-2px;font-size:50px;}
#themes_lists .list.list_guesthouse h2 a [class^="icon-"]{top:-6px;}
#themes_lists .list.list_star-rated h2 a [class^="icon-"]{top:5px;font-size:40px;}

#themes_lists .list ul{margin:10px 0 0 0}
#themes_lists .list li{border-bottom:1px solid #ccc;}
#themes_lists .list li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:10px 6em 10px 3%}
#themes_lists .list a .pic{transition:opacity 0.5s;display: block;background-position: center;background-size: cover;width: 100%;height:250px;margin:-10px 0 10px -4%;padding: 0 6em 0 4%;box-sizing: content-box}

#themes_lists .list a .txt{box-sizing: content-box;display: block;color: #FFF; background:rgba(0,0,0,0.7);position: relative;width: 100%;margin:-54px 0 -10px -4%;padding:10px 6em 10px 4%;transition:background 0.5s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#themes_lists .list a:hover .txt{background:rgba(0,0,0,0.9);}
#themes_lists .list a em{position: absolute;right: 3%;bottom: 10px;display: inline-block;color:#F00;font-style: normal}
#themes_lists .more{font-size:0.95em;text-align: right;padding:5px 3%;color:#666}
#themes_lists .more::after{position: relative;content:"";display: inline-block;width: 0;height: 0;line-height: 0;margin: 0 0 0 0.3em;border: 0.3em solid currentcolor;border-bottom-color: transparent;border-top-color: transparent;border-right: none;}


.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}

.ba_nner .ads{width:300px;height:250px;overflow:hidden;display:block;transform:scale(0.83333);transform-origin:0% 0%;margin:10px 0 -10px 0;}
.ba_nner .ads .adsbygoogle{width:300px;height: 250px;}
.ba_nner li{margin:10px 0 30px 0}

.filters{ position:relative;margin-bottom: 2em}
.search_box h3{padding: 0.8em 0.5em 0 0.5em;}
.search_box .block h3{padding:0.3em 0;}
.search_box h3 span{font-size:0.9em;font-weight: normal} 
.block{ overflow:hidden; padding:0.8em 0.5em 0.8em 0.5em; 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 0 0.6em 0;font-size:1.04em;font-size:16px; border-bottom:1px solid #CCC}

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

.search_box > form{display: none;}
.search_box .search_menu{display:flex;margin:0.5em 0;padding:0 0.5em;border-bottom:2px solid #C00;text-align:center;flex-wrap: wrap;}
.search_box .search_menu li{flex:1;cursor:pointer;padding:5px 0;display:block;margin:0 0 -2px 0;color:#666;transition:color 0.2s;}
.search_box .search_menu li.d{background:#FFF;border: 2px solid #C00;border-bottom:0;;color:#000;z-index: 1;padding:3px 0 5px}

.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;background-color:#ddd;border: 1px solid #ccc;padding:0.24em 0;line-height:1.5em;font-size:1em; width:16%;}
.search_box button:focus,
.search_box button:hover{background-color:#360; color:#fff;border:1px solid #360;}
.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 2em;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 > label input[value='2'] ~ .level_stars{width: 2em;}
.block > label input[value='3'] ~ .level_stars{width: 3em;}
.block > label input[value='4'] ~ .level_stars{width: 4em;}
.block > label input[value='5'] ~ .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;}
.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{width:8em;float:right;margin:-3px 0 0 0;}
.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: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:6;}

.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);
}

.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:990px) {
#content{overflow:inherit;}
.breadcrumb {padding: 0.6em 3.2em 0.9em 2%;}
#wrapper{ font-size:15px}
.size{ width:100%;}
.main{float: none;width:auto; position:relative; left:0;margin: auto;padding: 0}
.side{float: none;width:100%; position: relative; padding:0; margin:0;}
.other{margin:2em 0 2em 1em}
.mo_hide{display: none;}
	
.themes_h{min-height: 190px;margin: 0 0 70px;}
.themes_menu{position: absolute;top: 200px;left: 0;right: 0;z-index: 8;background:rgba(80,80,80,1);min-height:50px;font-size: 1.3em;}
.themes_menu ul{overflow: hidden;background:#CCC;margin:0;display: block;max-height:0;transition:max-height 0.5s}
.themes_menu li{border-bottom:0;border-top:1px solid rgba(80,80,80,0.7);}
.themes_menu.zzzz ul{max-height:500px;}
.themes_menu > h2,
.themes_menu > h2 span{display: block;}
.themes_menu > h2{font-size: 0.9em;height:50px;line-height: 50px;text-align: right;padding:0 10px 0 0;cursor: pointer;}
.themes_menu > h2:hover{background:rgba(40,40,40,1);}
.themes_menu > h2 span{color: #fff}
	
.themes_menu > h2 span::after{content: "";display: inline-block;border:solid #FFF;border-width:2px 2px 0 0;width:10px;height:10px;transform:translate(2px,-4px)rotate(135deg);margin: 0 5px;transition: all 0.3s;}
.themes_menu.zzzz > h2 span::after{transform:translate(2px,1px)rotate(-45deg);}
.themes_menu a{line-height: 3;}

.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_menu li.d{background: #F2F2F2;}
.search_box.search_open{max-height:60em;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; background-color:#FFF; width:250px;position:fixed; top:0;min-height: 100vh;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;}

.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-menu{margin: -2px 0;display: inline-block}
.spi_box{left:0;max-width:500px;width:96%;}
.spi_box::before{display: none;}
	.pc{display: none}
}
@media screen and (max-width:650px) {
.themes_h p{display: none}	
.themes_h h1 a{top: 60px;left: 0;width: 100%}
#themes_lists .list{flex: 1 1 60%;}
}
@media screen and (max-width:500px) {
.search_box_i h3{font-size: 5.2vw;}
.spi_box{padding: 1em 3vw;}
}
@media screen and (min-width:1180px) {
.d1024{ display: inline}
.spi_box{left:10px;}
}