.main_slider {
	min-height: 450px;
	height: calc(100vh - 140px);
	max-height: 1100px;
}


.main_slider > div{max-width: 1920px;}
.main_slider {position: relative; background: #1b1e26 !important;z-index: 1; width: 100%;}
.main_slider .loading{background: url(./images/loading.gif) no-repeat; width: 128px; height: 128px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;    max-width: 100%; max-height: 100%;}
.main_slider > div{margin: 0 auto; padding: 0; position: relative; display: block; width: 100%;}
.main_slider ul{margin: 0 auto !important; padding: 0 !important; position: relative; display: block; width: 100%; list-style: none;}
.main_slider ul li{ position: relative; height: 100%; width: 100%; overflow: hidden; margin: 0 !important; padding: 0 !important; background: transparent !important;}
.main_slider ul li.active{display: block; }
.main_slider ul li .b_image{display: block; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
.main_slider ul li .b_image img{display: block; }
@media(min-width: 1900px)
{
	.main_slider ul li .b_image img
	{
		display: block;
		min-width: 100%;
		min-height: 100%;
		margin: 0!important;
	}
}
.main_slider .text{position:absolute; width:440px; left: 22px; bottom: 35px; color: #fff; }
.main_slider .cycle-slide-active .text{display: block;}
.main_slider .text .description{display:block; font-size: 24px; line-height:28px; margin-bottom:20px;  text-shadow: 0 0 40px #333; }
.main_slider .text > a{color: #fff;}
.main_slider .text .number,
.main_slider .text .area{background:#00afef; height:35px; font-family: bold, arial; padding:0 10px; float: left; line-height: 40px; font-size: 20px;}
.main_slider .text .area{background:#292e44; float: left;}
.main_slider .text .number{text-transform: uppercase;}
.main_slider .number:hover{background-color: #1579d7;}

.main_slider .pager{position: absolute; bottom: 20px; height: 20px; left: 50%; z-index: 250;}
.main_slider .pager > div{margin: 0 0 0 -50%; float: left; }
.main_slider .pager span{background-color: #121515; float: left; display: block; width: 12px; height: 12px; margin: 0 4px; border-radius: 6px; cursor: pointer; text-indent: -9000px;}
.main_slider .pager span.cycle-pager-active{background-color: #00afef;}
.main_slider .arrow_right,
.main_slider .arrow_left,
.main_slider .pager,
.main_slider .text {opacity: 0;}
.main_slider ul li .b_image img{opacity: 0;}
@media (max-width: 767px) {
	.main_slider .pager,
	.main_slider .text{display: none!important;}
	.main_slider ul li .b_image img,
	.main_slider ul, .main_slider{height: 500px!important; margin: 0!important;}
}
@media (max-width: 600px) {
	.main_slider ul li .b_image img,
	.main_slider ul, .main_slider{height: 400px!important; min-height: 400px;}
}
/* front filter */

.front_filter  { position: absolute; width: 1014px; padding: 16px 0; background: rgba(0, 0, 0, 0.7); z-index: 99; top: 50%; left: 50%; margin-top: -38px; margin-left: -507px; padding-left: 15px; z-index: 300;}
.front_filter .slogan{position: absolute; top: -75px; left: 0; font-size: 52px; color: #fff; text-align: center; width: 100%; text-shadow: 0 0 40px #333;}
.front_filter input  { float: left; border: 0px; display: block; height: 43px;}
.front_filter .block{position: relative; float: left; height: 43px;}
.front_filter .block .b_title{width: 146px; height: 43px; line-height: 46px; border: 1px #fff solid; margin-right: 6px; background: #fff; float: left; color: #808080; padding: 0 0 0 50px; cursor: pointer; position: relative; overflow: hidden;}
.front_filter .block .b_title:hover{border-color: #00afef; box-shadow: 0 0px 14px 0px #24afff; }
.front_filter .block1 .b_title{ background: #fff url(images/svg/front_filter_block_1.svg) no-repeat 14px 50%; }
.front_filter .block2 .b_title{ background: #fff url(images/svg/front_filter_block_2.svg) no-repeat 14px 50%; }
.front_filter .block3 .b_title{ background: #fff url(images/svg/front_filter_block_3.svg) no-repeat 14px 50%; }
.front_filter .block4 .b_title{ background: #fff url(images/svg/front_filter_block_4.svg) no-repeat 14px 50%; }
.front_filter .block5 .b_title{background: #fff; padding: 0; position: relative; width: 205px; overflow: hidden;}
.front_filter .block5 input{ width: 175px; height: 43px; line-height: 43px; margin-right: 5px; padding: 0 15px !important;  background-color: transparent; z-index: 10; position: relative; font-family: 'IstokRegular', arial; }
.front_filter .block5 input:focus,
.front_filter .block5 input.active{background-color: #fff;}
.front_filter .block5 .placeholder{ left: 15px; color: #808080; font-size: 16px; position: absolute; z-index: 5;}
.front_filter .block5 .active .placeholder{display: none;}
.front_filter .plus  { display: block; margin-right: 4px; width: 46px; height: 43px; background: url('./images/plus.svg') no-repeat center; float: left; border: 1px #fff solid; background-color: #fff;}
.front_filter .plus:hover{border-color: #00afef; box-shadow: 0 0px 14px 0px #24afff; }
.front_filter .btn_gradient{ float: left;  width: 118px; height: 43px; margin: 0 0 0 2px; border-radius: 1px; line-height: 44px; position: relative; opacity: 0;}
.front_filter .block .b_hide{position: absolute;  z-index: 100; top: 58px; left: 0; background-color: #fff; box-shadow: 0 0 15px 0 #333; font-size: 16px; line-height: 20px; display: none;}
.front_filter .block.active:after{content: ""; position: absolute; border: transparent 7px solid; border-top-color: #fff; top: 42px; left: 50%; margin-left: -7px;}
.front_filter .b_scroller{padding: 25px 20px 24px; width: 520px;}
.front_filter .b_scroller .b_size{float: left; margin: 0 5px 0 20px; font-size: 32px; font-family: bold, arial; color: #000;}
.front_filter .b_scroller .ms{float: left; font-size: 24px; color: #000; font-family: bold, arial; line-height: 26px; }
.front_filter .ui-slider{background: url(./images/ui/scroll_line.png) repeat-x 0 -1px; width: 300px; height: 12px; position: relative; border-radius: 6px; padding: 0; float: left; margin: 4px 0 0 0; box-shadow: 0 0 0 1px #b3b3b3; }
.front_filter .ui-widget-header{background: url(./images/ui/scroll_line.png) repeat-x 0 -14px; height: 14px; position: relative; border-radius: 6px; margin: -1px 0 0 0;}
.front_filter .ui-slider-handle{width: 28px; height: 42px; margin: 0; display: block; position: absolute; background: url(./images/ui/scroll_btn.png) no-repeat 0 0; top: -12px; margin-left: -14px;}
.front_filter .ui-state-hover,
.front_filter .ui-state-active{background-position: 0 -42px;}

.front_filter .b_room{float: left; height: 75px; width: 443px; overflow: hidden;}
.front_filter .b_room .b_max_w{float: left; width: 600px; height: 75px;}
.front_filter .b_room .b_check{float: left; height: 75px; padding: 0 18px; line-height: 30px;  cursor: pointer; text-align: center; border-right: 1px #dddddd solid; border-left: 1px #dddddd solid; margin: 0 -1px 0 0;}

.front_filter .block3 .b_room{width: 284px;}
.front_filter .block4 .b_room{width: 515px;}
.front_filter .b_room .b_check.first{border-left: 0px none;}
.front_filter .b_room .b_check.last{border-right: 0px none;}
.front_filter .b_room .b_check.bold{font-family: bold, arial; }
.front_filter .b_room .b_check .n{margin: 10px 0 2px 0; font-size: 22px;}
.front_filter .b_room .b_check.bold .n{font-size: 24px;}
.front_filter .b_room .b_check .c{background: url(./images/ui/checkbox.png); background-size: cover; margin: 0 auto; display: block; width: 18px; height: 18px;}
.front_filter .b_room .b_check:hover .c{background-position: 0 -18px;}
.front_filter .b_room .b_check.active{background-color: #00a0ec; color: #fff;}
.front_filter .b_room .b_check.active .c{background-position: 0 -54px;}
.front_filter .b_room .b_check:hover{background-color: #efefef;}
.front_filter .b_room .b_check.active:hover{background-color: #00afef;}
.front_filter .b_room .b_check.active:hover .c{background-position: 0 -54px;}

.front_filter .block2 .b_room{width: /*680px*/ 785px; height: 98px;}
.front_filter .block2 .b_room .b_max_w{width: 1000px;  height: 98px;}
.front_filter .block2 .b_check {height: 98px;}
.front_filter .block2 .b_room .n{font-size: 11px; margin: 5px 0 2px 0; line-height: 28px; height: 28px;}
.front_filter .block2 .b_room .t7 .n{line-height: 13px;}
.front_filter .block2 .b_room .t10 .n { line-height: 13px; }
.front_filter .block2 .b_room .t{background: url(./images/large_type.png) no-repeat left top; width: 41px; height: 31px; margin: 0 auto;}
.front_filter .block2 .b_room .t2 .t{background-position: -71px 0;}
.front_filter .block2 .b_room .t3 .t{background-position: -137px 0;}
.front_filter .block2 .b_room .t4 .t{background-position: -194px 0;}
.front_filter .block2 .b_room .t5 .t{background-position: -275px 0;}
.front_filter .block2 .b_room .t6 .t{background-position: -342px 0;}
.front_filter .block2 .b_room .t7 .t{background-position: -400px 0;}
.front_filter .block2 .b_room .t8 .t{background-position: -472px 0;}
.front_filter .block2 .b_room .t10 .t {background: url(./images/derevo_block.png) no-repeat left top; }

.front_filter .block2 .b_room .c{margin-top: 6px;}
.front_filter .b_remove{position: absolute; right: 5px; top: 1px; width: 42px; height: 39px; background: url(./images/front_filtr_clear.png) no-repeat 0 0; display: none; cursor: pointer;}
.front_filter .change .b_remove{display: block; z-index: 100;}
.front_filter .change .b_title{color: #000; white-space: nowrap;}
.front_filter .b_remove:hover{background-position: 0 100%;}

@media (max-width: 1199px) {
	.front_filter{margin: auto; top: 0; bottom: 0; height: 132px; left: 15px; right: 15px; width: auto; padding: 15px 13px; box-sizing: border-box;}
	.front_filter .slogan{font-size: 46px;}
	.front_filter .block{padding: 3px;  height: 49px; width: 33.3%;}
	.front_filter .block .b_title{width: 100%; border: 0px; margin: 0;}
	.front_filter .plus{margin: 3px;}
	.front_filter .btn_gradient{margin: 3px; width: calc(33% - 56px);}
	.front_filter .block5 input{width: 100%;}
	.front_filter .b_remove{top: 6px; right: 2px;}
	.front_filter .block.active:after{top: 46px;}
	.front_filter .block2 .b_room{left: -190px;}
}
@media (max-width: 991px) {
	.front_filter .slogan{font-size: 40px;}
}
@media (max-width: 767px) {
	.front_filter .slogan{line-height: 36px; width: 80%; margin: 0 10%;}
	.front_filter{height: 176px; margin: 200px auto;}
	.front_filter .block{width: 50%; }
	.front_filter .btn_gradient{width: calc(50% - 6px); box-sizing: border-box;}
	.front_filter .plus{display: none;}
	.front_filter .block2 .b_room .b_check{padding: 0 5px;}
	.front_filter .block2 .b_room{left: auto; right: 3px; width: 473px;}
	.front_filter .block4 .b_room{left: auto; right: 3px; }
}
@media (max-width: 600px) {
	.front_filter .b_scroller{padding-right: 15px; padding-left: 15px; width: 440px;}
	.front_filter .ui-slider{width: 250px;}
	.front_filter .b_scroller .b_size{font-size: 26px; margin-top: 3px;}
	.front_filter .block2 .b_room{right: -15px;}
	.front_filter .block4 .b_room{right: -15px; width: 469px;}
	.front_filter .block4 .b_room .b_check .n{font-size: 18px;}
}
@media (max-width: 500px) {
	.front_filter{height: 382px; left: 0; right: 0; top: 0; bottom: 0; margin: 0; height: 400px;}
	.front_filter .ui-slider{width: calc(100% - 150px);}
	.front_filter .b_scroller{padding-right: 15px; padding-left: 15px; width: auto; left: -5px; right: -5px;}
	.front_filter .b_scroller .b_size{font-size: 24px; margin-top: 4px;}
	.front_filter .block{width: 100%; padding: 8px 3px; height: 60px;}
	.front_filter .block2 .b_room{left: -5px; right: -5px; width: auto; height: 196px;}
	.front_filter .block2 .b_room .b_max_w{width: calc(100% + 3px);}
	.front_filter .block2 .b_room .b_check{width: 25%; border-bottom: 1px #dddddd solid;}
	.front_filter .block2 .b_room .t4 .n{line-height: 13px;}

	.front_filter .block4 .b_room{left: -5px; right: -5px; width: auto; height: 149px;}
	.front_filter .block4 .b_room .b_max_w{width: calc(100% + 3px);}
	.front_filter .block4 .b_room .b_check{width: 33.33%; border-bottom: 1px #dddddd solid;}

	.front_filter .block.active:after{top: 49px;}
	.front_filter .slogan{display: none;}

	.front_filter .btn_gradient{width: calc(100% - 6px); margin: 8px 3px;}
	.front_filter .b_remove{top: 10px;}
}

.front_filter{opacity: 0;}
.front_filter{opacity: 0;}
.front_filter .slogan{top: 3px;}
.front_filter .block,
.front_filter .plus,
.front_filter > input{opacity: 0;}