@charset "utf-8";
*{outline:none !important;}
/*! jQuery UI - v1.11.4 */

header .header-btm, .btn, .info-conainer .akardion .item:before, .premium-container .carousel .slick-slide img, .slick-prev:after, .slick-next:after, .navbar-nav > li > a:after, a{
	moz-transition: all 0.3s ease;
	ms-transition: all 0.3s ease;
	o-transition: all 0.3s ease;
	text-decoration: none;
	transition: all 0.3s ease;
	webkit-transition: all 0.3s ease;
}

.btn{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	outline: none !important;
	padding: 16px 25px;
	text-align: center;
	text-transform: uppercase;
}
.btn-green{
	background: #FCBC04;
	color: #222222;
}
.btn-green:focus, .btn-green:active, .btn-green:hover{
	background: #222222;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
	color: #FFF;
	outline: none;
}
.yellow-btn{
    background: #FCBC04;
    color: #000;
}
.yellow-btn:focus, 
.yellow-btn:active, 
.yellow-btn:hover{
    background: transparent;
    color: #FCBC04;
    border-color: #FCBC04;
}
.btn-black{
	background: #222222;
	color: #FFF;
}
.btn-black:hover{
	background: #FCBC04;
	box-shadow: 0 3px 15px rgba(2, 107, 5, 0.3);
	color: #222;
}
.btn-transparent{
	background: transparent;
	border: 1px solid #FCBC04;
	color: #FFF;
}
.btn-transparent:hover{
	background: #FCBC04;
	color: #222222;
}
.btn-up{
	background-color: rgba(0, 0, 0, 0.4);
	bottom: 20px;
	color: #fff;
	cursor: pointer;
	font-size: 30px;
	height: 40px;
	line-height: 38px;
	moz-transition: background-color 200ms ease-out;
	o-transition: background-color 200ms ease-out;
	position: fixed;
	right: 20px;
	text-align: center;
	transition: background-color 200ms ease-out;
	webkit-transition: background-color 200ms ease-out;
	width: 40px;
	z-index: 1005;
}
.btn-up:focus, .btn-up:hover{
	background-color: rgba(0, 0, 0, 0.8);
	color: #FFF;
	outline: none !important;
}
.btn.min{
	padding-bottom: 12px;
	padding-top: 12px;
}
.btn.block{
    width: 100%;
    display: block;
}
.slick-slider{
	box-sizing: border-box;
	display: block;
	khtml-user-select: none;
	moz-box-sizing: border-box;
	moz-user-select: none;
	ms-touch-action: pan-y;
	ms-user-select: none;
	position: relative;
	touch-action: pan-y;
	user-select: none;
	webkit-tap-highlight-color: transparent;
	webkit-touch-callout: none;
	webkit-user-select: none;
}
.slick-list{
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: hand;
	cursor: pointer;
}
.slick-slider .slick-track, .slick-slider .slick-list{
	moz-transform: translate3d(0, 0, 0);
	ms-transform: translate3d(0, 0, 0);
	o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	webkit-transform: translate3d(0, 0, 0);
}
.slick-track{
	display: block;
	left: 0;
	position: relative;
	top: 0;
}
.slick-track:before, .slick-track:after{
	content: '';
	display: table;
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}
.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-slide:focus{
	outline: none !important;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	border: 1px solid transparent;
	display: block;
	height: auto;
}
.slider-wrapper .item img{
	min-height: 300px;
}
.slick-dots{
	display: block;
	list-style: none;
	padding: 0;
	text-align: center;
	width: 100%;
}
.slick-dots li button{
	border: none;
	border-radius: 50%;
	display: block;
	left: -5px;
	opacity: 0;
	position: absolute;
	top: -5px;
}
.slick-dots li{
	background: #000000;
	border: 2px solid #000000;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin: 0 6px;
	position: relative;
	width: 14px;
}
.slick-dots li.slick-active{
	background: #FCBC04;
	border-color: #FCBC04;
}
.slick-prev:active, .slick-next:active, .slick-prev:focus, .slick-next:focus, .slick-prev, .slick-next{
	background: rgba(255, 255, 255, 0.5);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	display: block;
	height: 58px;
	margin-top: -24px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: -999px;
	top: 50%;
	width: 58px;
	z-index: 10;
}
.slick-prev{
	left: 30px;
}
.slick-next{
	right: 45px;
}
.slick-prev:after, .slick-next:after{
	border-bottom: 2px solid #141414;
	border-left: 2px solid #141414;
	content: "";
	display: block;
	height: 16px;
	left: 50%;
	margin-left: -5px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	width: 16px;
}
.slick-prev:hover:after{
	margin-left: -8px;
}
.slick-next:hover:after{
	margin-left: -6px;
}
.slick-prev:after{
	moz-transform: rotate(45deg);
	ms-transform: rotate(45deg);
	o-transform: rotate(45deg);
	transform: rotate(45deg);
	webkit-transform: rotate(45deg);
}
.slick-next:after{
	margin-left: -9px;
	moz-transform: rotate(-225deg);
	ms-transform: rotate(-225deg);
	o-transform: rotate(-225deg);
	transform: rotate(225deg);
	webkit-transform: rotate(-225deg);
}
.slick-prev:hover, .slick-next:hover{
	border-color: #666666;
}
.row.min{
	margin-left: -5px;
	margin-right: -5px;
}
.row.min > div[class^="col-"]{
	padding-left: 5px;
	padding-right: 5px;
}
.row.no-padding{
	margin-left: 0;
	margin-right: 0;
}
.row.no-padding > div[class^="col-"]{
	padding-left: 0;
	padding-right: 0;
}
.table{
	display: table;
	height: 100%;
	width: 100%;
	margin: 0;
}
.table-cell{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	width: 100%;
}
.timer-container{
	background: url(../images/2-fon-serogo-karbona.png);
	color: #666666;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	padding: 0 0 70px;
}
.timer-container .container{
	position: relative;
	z-index: 20px;
}
.timer-container .inner{
	background: #FFF;
	box-shadow: 0 3px 5px rgba(1, 16, 25, 0.1);
	left: 0;
	margin-top: -90px;
	padding: 45px 25px 55px;
	width: 100%;
}
.timer-container .rf{
	margin: 0 auto;
	max-width: 100%;
	width: 986px;
}
.timer-container .rf .form-group{
	float: left;
	margin: 0;
	padding: 0 5px;
	width: 41.2%;
}
.timer-container .rf .btn{
	float: right;
	padding: 16px 5px;
	width: 17.0%;
}
.countdown-inner{
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	margin: 30px 0 40px;
}
.countdownHolder{
	position: relative;
}
.countdownHolder:after{
	background: rgba(255,255,255,0.1);
	content: "";
	display: block;
	height: 29px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.countdownHolder > span:nth-of-type(1),
.countdownHolder > span:nth-of-type(3),
.countdownHolder > span:nth-of-type(5),
.countdownHolder > span:nth-of-type(7){
	background: #222222;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	letter-spacing: 2px;
	margin-right: 22px;
	padding: 14px 12px;
	position: relative;
}
.countdownHolder > span > span{
	float: left;
}
.countdownHolder > span:nth-of-type(1):before,
.countdownHolder > span:nth-of-type(3):before,
.countdownHolder > span:nth-of-type(5):before{
	background: url(../images/colon.png) 0 0 no-repeat;
	content: "";
	display: block;
	height: 19px;
	margin-top: -9px;
	position: absolute;
	right: -13px;
	top: 50%;
	width: 5px;
}
.countdownHolder > span:nth-of-type(1):after,
.countdownHolder > span:nth-of-type(3):after,
.countdownHolder > span:nth-of-type(5):after,
.countdownHolder > span:nth-of-type(7):after{
	bottom: -20px;
	color: #666666;
	display: block;
	font-size: 13px;
	font-weight: normal;
	left: 0;
	letter-spacing: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.countdownHolder > span:nth-of-type(1):after{
	content: "дней";
}
.countdownHolder > span:nth-of-type(3):after{
	content: "часов";
}


.countdownHolder > span:nth-of-type(5):after{
	content: "минут";
}
.countdownHolder > span:nth-of-type(7):after{
	content: "секунд";
}
@media only screen and (max-width: 767px){
	.countdown-inner{
		font-size: 18px;
	}
	.countdownHolder > span:nth-of-type(1), 
	 .countdownHolder > span:nth-of-type(3), 
	 .countdownHolder > span:nth-of-type(5), 
	 .countdownHolder > span:nth-of-type(7){
		margin-right: 12px;
		padding: 11px 9px;
	}
	.countdownHolder > span:nth-of-type(1):before, 
	 .countdownHolder > span:nth-of-type(3):before, 
	 .countdownHolder > span:nth-of-type(5):before{
		background-size: contain;
		height: 12px;
		margin-top: -6px;
		right: -9px;
		top: 50%;
		width: 5px;
	}
	.countdownHolder > span:nth-of-type(1):after, 
	 .countdownHolder > span:nth-of-type(3):after, 
	 .countdownHolder > span:nth-of-type(5):after, 
	 .countdownHolder > span:nth-of-type(7):after{
		font-size: 10px;
	}
	.action-slider .countdown-wrapper{
		text-align: left;
	}
	.action-slider-nav .item .element a{
		font-size: 16px;
		padding: 20px;
	}
	.countdownHolder:after{
		height: 21px;
	}
}

.features-row{
    display: flex;
    flex-wrap: wrap;
}
.features-container{
	padding: 60px 0 80px;
}
.features-container .title-border{
	margin-bottom: 25px;
}
.features-container .col-md-3{
	padding-top: 25px;
}
.features-container .element{
    text-align: center;
}
.features-container .icon{
    margin: 0 auto 15px;
    height: 83px;
    width: 83px;
}
.features-container .icon img{
	text-align: center;
	vertical-align: middle;
}
.features-container .desc{
	font-size: 14px;
	line-height: 19px;
}
.features-container .ttl{
	color: #222222;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin: 5px 0 10px;
	text-transform: uppercase;
}
.dealer-continer{
	background: url(../images/dealer-bg.png) 0 0 repeat;
	padding: 70px 0 60px;
	position: relative;
	text-align: center;
}
.dealer-continer .map-small:after{
	background: #393939;
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0px;
	width: 1px;
}
.dealer-continer .map-small{
	position: relative;
}
.dealer-continer .map-small img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.dealer-continer .map-small .num{
	color: #FFF;
	font-family: 'Ubuntu', sans-serif;
	font-size: 50px;
	font-weight: bold;
	line-height: 53px;
	margin-bottom: 5px;
}
.dealer-continer .map-small .num span{
	color: #FCBC04;
}
.dealer-continer .map-small .txt{
	font-size: 14px;
	left: 0;
	line-height: 17px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 50%;
	width: 100%;
}
.dealer-continer .ttl{
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
}
.dealer-continer .title{
	color: #FFF;
	font-size: 28px;
	line-height: 31px;
	margin: 10px 0 15px;
	text-transform: uppercase;
}
.dealer-continer .map-small{
	text-align: center;
}
.dealer-continer .desc{
	line-height: 23px;
	padding-left: 50px;
	padding-top: 30px;
	text-align: left;
}
.dealer-continer .manager{
	background: #FEFEFE;
	border: 1px solid #EBEBEB;
	border-radius: 5px;
	color: #222222;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.5px;
	line-height: 21px;
	padding: 20px 25px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	width: 480px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.dealer-continer .manager:hover{
    background: #FCBC04;;
}
.dealer-continer .manager .fa{
	color: #FCBC04;
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 3px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.dealer-continer .manager:hover .fa{
    color: #000;
}
.categories-template{
    background: #F2F2F2;
}
.products-container{
	background: #F2F2F2;
	padding: 70px 0 50px;
}
.products-container .title-border{
	margin-bottom: 45px;
}
.products-container .list{
}
.products-container .list .item{
	background: #FFF;
	color: #666666;
	font-size: 15px;
	line-height: 19px;
	moz-transition: all 200ms ease-out;
	o-transition: all 200ms ease-out;
	padding: 0 25px 20px;
	position: relative;
	text-align: left;
	transition: all 200ms ease-out;
	webkit-transition: all 200ms ease-out;
	width: 460px;
	max-width: 100%;
	margin: 0 auto 30px;
}
.products-container .list .item:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.products-container .list .item .pict{
	margin: 0 -25px;
	padding: 50px 20px 0;
}
.products-container .list .item .pict img{
	display: block;
	width: 100%;
}
.products-container .list .price{
	background: #FCBC04;
	color: #343434;
	font-size: 15px;
	font-weight: bold;
	left: 0;
	letter-spacing: 1px;
	line-height: 18px;
	padding: 7px 20px;
	position: absolute;
	right: 0;
	top: 0;
}
.products-container .list .rating{
	color: #bfbfbf;
	font-size: 10px;
	line-height: 13px;
	margin: 15px 0 10px;
	text-transform: uppercase;
}
.rating-box{
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.rating-box li{
	border: 1px solid #DFDFDF;
	border-radius: 100%;
	float: left;
	height: 7px;
	margin-left: 3px;
	width: 7px;
}
.rating-box.rating-5 li:nth-child(1), .rating-box.rating-5 li:nth-child(2), .rating-box.rating-5 li:nth-child(3), .rating-box.rating-5 li:nth-child(4), .rating-box.rating-5 li:nth-child(5), .rating-box.rating-4 li:nth-child(1), .rating-box.rating-4 li:nth-child(2), .rating-box.rating-4 li:nth-child(3), .rating-box.rating-4 li:nth-child(4), .rating-box.rating-3 li:nth-child(1), .rating-box.rating-3 li:nth-child(2), .rating-box.rating-3 li:nth-child(3), .rating-box.rating-2 li:nth-child(1), .rating-box.rating-2 li:nth-child(2), .rating-box.rating-1 li:nth-child(1){
	background: #FCBC04;
	border-color: #FCBC04;
}
.products-container .marka{
	color: #222222;
	font-weight: bold;
	margin-left: -25px;
	overflow: hidden;
	padding-left: 25px;
	position: relative;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}
.products-container .marka:after{
	background: #FCBC04;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
}
@media(max-width:767px){
    .products-container .marka{
        white-space: inherit;
    }
}
.products-container .seporate{
	background: #EBEBEB;
	height: 1px;
	margin: 15px 0;
}
.products-container .desc{
	height: 57px;
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 13px;
}
@media(max-width: 767px){
    .products-container .desc {
        font-size: 11px;
    }
}
.products-container .btm{
    position: relative;
    z-index: 15;
}
.products-container .btm a{
	border: 2px solid #343434;
	background: #343434;
	color: #fff;
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 5px;
	moz-transition: all 200ms ease-out;
	o-transition: all 200ms ease-out;
	padding: 6px;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: all 200ms ease-out;
	webkit-transition: all 200ms ease-out;
    text-align: center;
}
.products-container .btm a:hover{
    background: transparent;
    color: #343434;
}
.products-container .btm a.invert{
    background: transparent;
    color: #343434;
}
.products-container .btm a.invert:hover{
    background: #343434;
    color: #fff;
}
.products-container .btn-more{
	color: #FCBC04;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 17px;
	margin-top: 30px;
	text-transform: uppercase;
}
.products-container .btn-more img{
	margin-right: 5px;
}
.leave-request-container{
}
.leave-request-container .inner{
	background: url(../images/dealer-bg.png) 0 0 repeat;
	color: #8c8c8c;
	font-size: 16px;
	line-height: 23px;
	margin-top: -160px;
	padding: 56px 15px 60px;
	text-align: center;
}
.leave-request-container .ttl{
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.leave-request-container .title{
	color: #FFF;
	font-size: 28px;
	line-height: 33px;
	margin: 10px 0 15px;
	text-transform: uppercase;
}
.leave-request-container .title span{
	color: #FCBC04;
}
.leave-request-container .btn{
	display: block;
	margin: 30px auto 0;
	width: 195px;
}
.premium-container{
	color: #646464;
	font-size: 18px;
	line-height: 26px;
	padding: 50px 0;
	text-align: center;
}
.premium-container .carousel .slick-slide img{
	filter: gray;
	filter: grayscale(100%);
	max-width: 100%;
	moz-filter: grayscale(100%);
	moz-transform: scale(0.7);
	ms-filter: grayscale(100%);
	ms-transform: scale(0.7);
	o-filter: grayscale(100%);
	opacity: 0.5;
	o-transform: scale(0.7);
	transform: scale(0.7);
	webkit-filter: grayscale(100%);
	webkit-transform: scale(0.7);
}
.premium-container .carousel .slick-center img{
	filter: none;
	moz-filter: none;
	moz-transform: scale(1);
	ms-filter: none;
	ms-transform: scale(1);
	o-filter: none;
	opacity: 1;
	o-transform: scale(1);
	transform: scale(1);
	webkit-filter: none;
	webkit-transform: scale(1);
}
.premium-container .title-border{
	margin: 20px 0 25px;
}
.premium-container .carousel{
	margin: 90px 0 60px;
}
.premium-container .carousel-info{
	position: relative;
}
.premium-container .carousel-info .price{
	color: #222222;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	text-transform: uppercase;
}
.premium-container .carousel-info .marka{
	color: #222222;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 39px;
	margin: 15px 0;
	text-transform: uppercase;
}
.premium-container .carousel-info .item{
	padding-bottom: 35px;
}
.premium-container .carousel-info ul{
	font-size: 0;
	line-height: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.premium-container .carousel-info ul li{
	border-left: 1px solid #666666;
	color: #666666;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
	padding: 0 15px;
	text-transform: uppercase;
	vertical-align: top;
}
.premium-container .carousel-info ul li:first-child{
	border: none;
}
.premium-container .carousel-info .btn{
	margin-top: 35px;
	width: 195px;
}
.premium-container .slick-next, .premium-container .slick-prev{
	background: #F0F0F0;
	margin-top: -50px;
}
.indicators-container{
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #292F35;
	color: #FFF;
	padding: 100px 0 75px;
	text-align: center;
    position: relative;
}
.indicators-container .container{
    position: relative;
    z-index: 10;
}
.indicators-container .num{
	font-size: 60px;
	font-weight: bold;
	line-height: 63px;
}
.indicators-container .title-border{
	color: #FFF;
	font-size: 15px;
	line-height: 19px;
}
.indicators-container .title-border .txt{
	padding: 15px 0 0;
}
.indicators-container .title-border span{
	color: #FFF;
}
.info-conainer{
	background: #F2F2F2;
	padding: 70px 0 65px;
}
.info-conainer img{
	width: 100%;
}
.info-conainer .col-md-6{
	padding-top: 20px;
}
.info-conainer .pict:first-child{
	margin-bottom: 11%;
}
.info-conainer .pict{
	moz-transition: all 200ms ease-out;
	o-transition: all 200ms ease-out;
	position: relative;
	transition: all 200ms ease-out;
	webkit-transition: all 200ms ease-out;
}
.info-conainer .pict:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.info-conainer .pict .element-content{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.info-conainer .pict .element-content .title{
	color: #222222;
	font-weight: bold;
	text-transform: uppercase;
}
.info-conainer .pict .img-wrapper{
	margin-bottom: 20px;
}
.info-conainer .pict .img-wrapper img{
	width: auto;
}
a.absolute{
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.info-conainer .akardion{
	counter-reset: list1;
}
.info-conainer .akardion .item{
	background: #FFF;
	color: #8c8c8c;
	line-height: 22px;
	margin-top: 5px;
	position: relative;
}
.info-conainer .akardion .item:first-child{
	margin: 0;
}
.info-conainer .akardion .item .head{
	color: #222222;
	cursor: pointer;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-left: 50px;
	padding: 15px 20px;
}
.info-conainer .akardion .item:before{
	background: #222222;
	color: #FFF;
	content: '0'counter(list1);
	counter-increment: list1;
	font-size: 14px;
	font-weight: bold;
	height: 100%;
	left: 0;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 50px;
}
.info-conainer .akardion .first-open:before, .info-conainer .akardion .open:before{
	background: #FCBC04;
}
.info-conainer .akardion .desc{
	display: none;
	line-height: 1.8;
	margin-left: 50px;
	padding: 0 20px 20px 20px;
}
.info-conainer .akardion .first-open .desc{
	display: block;
}
.reviews-container{
	background: url(../images/reviews-bg.jpg) right 160px no-repeat;
	background-size: 30%;
	overflow: hidden;
	padding: 60px 0 80px;
}
.reviews-container .title-border{
	margin-bottom: 75px;
}
.reviews-container .carousel{
}
.reviews-container .item{
	overflow: hidden;
	padding-right: 130px;
	position: relative;
}
.reviews-container .item .photo{
    float: left;
    overflow: hidden;
    width: 134px;
    border: 1px solid #ccc;
}
.reviews-container .item .photo:hover{
    border-color: #aaa;
}
.reviews-container .item .photo img{
	width: 100%;
}
.reviews-container .item .desc{
	color: #8c8c8c;
	font-size: 16px;
	line-height: 24px;
	margin-left: 150px;
}
.reviews-container .item .desc:after{
	color: #FCBC04;
	content: '“';
	font-family: 'PT Sans', sans-serif;
	font-size: 300px;
	line-height: 300px;
	position: absolute;
	right: 0;
	top: 0;
}
.reviews-container .item .head{
	color: #bfbfbf;
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 25px;
}
.reviews-container .item .head .username{
	color: #222222;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;
	text-transform: uppercase;
}
.reviews-container .slick-dots{
	margin-left: 150px;
	margin-top: 55px;
	text-align: left;
	width: auto;
}
.contacts-container{
	position: relative;
}
.contacts-container .container{
	padding-top: 80px;
	position: relative;
	z-index: 10;
}
.contacts-container .contacts{
	background: #292F35;
	color: #FFF;
	position: absolute;
	top: 0;
	width: 100%;
}
.contacts-container .contacts .item{
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	padding-left: 60px;
	position: relative;
	height: 200px;
}
.contacts-container .contacts .item:after{
	background: rgba(255,255,255,0.1);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 1px;
}
.contacts-container .contacts .item .txt{
	margin-left: 60px;
}
.contacts-container .contacts .item a[href^="tel:"]{
	font-size: 20px;
	font-weight: bold;
	line-height: 23px;
}
.contacts-container .contacts .item a{
	color: #FFF;
}
.contacts-container .contacts .item:first-child:after{
	display: none;
}
.contacts-container .contacts .icon{
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.contacts-container .contacts .icon img{
	vertical-align: center;
}
.map-iframe{
    overflow: hidden;
    height: 450px;
}
.map-iframe iframe {
    height: 450px;
    width: 100%;
    position: relative;
}
#map{
	height: 450px;
	position: relative;
	z-index: 5;
}
footer{
	background: #F2F2F2;
	background: #292F35;
	color: #eee;
	font-size: 16px;
	line-height: 22px;
	padding: 25px 0;
}
footer a{
	color: #FCBC04;
}
footer a:hover{
	color: #fff;
}
@media only screen and (max-width:991px){
	header .header-top{
		letter-spacing: 0.4px;
	}
	.navbar-nav>li{
		margin: 0 0 0 12px;
	}
	.navbar-nav > li > a{
		font-size: 13px;
		padding: 5px 0;
	}
	.navbar-nav > li:last-of-type > a{
		padding-right: 0;
	}
	.timer-container input[type="text"]{
		padding: 16px 20px;
	}
	.premium-container{
		padding: 50px 0 15px;
	}
	.premium-container .slick-next{
		right: 0;
	}
	.premium-container .slick-prev{
		left: 0;
	}
	.contacts-container .contacts .item{
		padding: 70px 5px 70px 15px;
	}
	.contacts-container .contacts .item .txt{
		margin-left: 50px;
	}
	.timer-container{
		height: auto;
		padding: 40px 0 70px;
	}
	.timer-container .inner{
		margin: 0;
	}
	.features-container{
		padding: 50px 0;
	}
	.features-container .col-md-3{
		min-height: 100px;
	}
	.info-conainer{
		padding: 0 0 50px;
	}
	.info-conainer .col-md-6{
		padding-top: 50px;
	}
	.reviews-container{
		background: none;
		padding: 50px 0;
	}
}
@media only screen and (max-width:767px){
    .premium-container .carousel-info .marka{
        font-size: 20px;
        line-height: 1.2;
    }
    header .header-top .phone {
        margin-left: 0;
        margin-right: 17px;
    }
    header .header-top .phone.last{
        margin-right: 0;
    }
    header .header-top{
        padding: 10px 0 13px;
    }
    .header-btm-inner {
        height: 80px;
    }
    .navbar-wrapper{
    	float: none;
    	height: auto;
    	position: absolute;
    	left: -15px;
    	right: -15px;
    	background: #fff;
    	padding: 0;
    	top: 80px;
    	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    	display: none;
    }
    header .header-top{
        text-transform: none;
    }
	.navbar-nav>li{
		margin: 0 0 10px;
	}
	.navbar-nav > li > a{
		padding: 5px 0;
	}
	.navbar-nav > li:first-of-type{
		margin-top: 8px;
	}
	.navbar-nav > li:last-of-type{
		margin-bottom: 0;
	}
	header .header-btm{
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) !important;
	}
	
	header .header-top .text-right, header .header-top{
		text-align: left;
	}
	header .header-top .row>div:first-child{
		padding-bottom: 10px;
	}
	.navbar-nav{
		margin: 0;
		padding: 15px;
		text-align: left;
	}
	.navbar-collapse{
		padding: 0 15px !important;
	}
	.navbar-collapse .header-top{
		margin: 10px -15px 0;
	}
	.navbar-collapse
	 .header-top a{
		display: inline-block;
		padding: 3px 0;
	}
	.navbar-nav > li > a{
		display: inline-block;
	}
	.navbar-collapse{
		float: none;
	}
	.premium-container .slick-next, .premium-container .slick-prev{
		display: none;
	}
	.timer-container .inner{
		margin: 0;
	}
	.timer-container .rf .btn, .timer-container .rf .form-group{
		float: none;
		margin-bottom: 15px;
		width: auto;
	}
	.timer-container .rf .btn{
		margin: 0;
		padding: 16px 35px;
	}
	.dealer-continer .manager{
		width: 100%;
	}
	.dealer-continer .manager:before{
		display: none;
	}
	.products-container{
		padding-top: 60px;
	}
	.premium-container .slick-prev, .premium-container .slick-next{
		top: 30px;
	}
	.premium-container .carousel .slick-slide img{
		filter: none;
		moz-filter: none;
		moz-transform: scale(1);
		ms-filter: none;
		ms-transform: scale(1);
		o-filter: none;
		opacity: 1;
		o-transform: scale(1);
		transform: scale(1);
		webkit-filter: none;
		webkit-transform: scale(1);
		width: 90%;
	}
	.premium-container .carousel-info ul li{
		border: none;
		display: block;
	}
	.reviews-container .title-border{
		margin-bottom: 35px;
	}
	.reviews-container .item .head .username{
		display: block;
	}
	.reviews-container .item .photo{
		float: none;
		margin: 0 auto;
	}
	.reviews-container .item{
		padding: 0 25px;
	}
	.reviews-container .item .desc{
		margin: 25px 0 0;
		padding: 0;
		text-align: center;
	}
	.reviews-container .item .desc:after{
		display: none;
	}
	.reviews-container .slick-dots{
		margin-left: 0;
		text-align: center;
		width: 100%;
	}
	.contacts-container{
		background: url(../images/dealer-bg.png) 0 0 repeat;
		text-align: center;
	}
	.contacts-container .container{
		padding-top: 0;
	}
	.contacts-container .contacts{
		background: none;
		display: inline-block;
		padding: 20px 0;
		position: static;
		text-align: left;
		width: auto;
	}
	.contacts-container .contacts .item{
		padding: 15px;
	}
	.contacts-container .contacts .item:after{
		display: none;
	}

	#map,
	.map-iframe iframe,
	.map-iframe{
		height: 300px;
	}
	.indicators-container{
		padding: 50px 0;
	}
	.timer-container .timer{
		overflow: hidden;
		width: 237px;
	}
	.timer-container .timer div{
		width: 48px;
	}
	.timer-container .timer .point{
		width: 15px;
	}
	.dealer-continer .desc{
		padding: 30px 15px 0;
		text-align: center;
	}
	.contacts-container .contacts .item{
	    height: auto;
	}
}
@media only screen and (max-width:480px){
	.dealer-continer .title{
		font-size: 20px;
		line-height: 24px;
	}
}
@media only screen and (min-width: 992px){
	::-webkit-resizer{
		background-image: url('');
		background-repeat: no-repeat;
		height: 1px;
		width: 8px;
	}
	::-webkit-scrollbar{
		width: 8px;
	}
	::-webkit-scrollbar-button{
		background-image: url('');
		background-repat: no-repeat;
		height: 0px;
		width: 8px;
	}
	::-webkit-scrollbar-thumb{
		background-color: #FCBC04;
		border-radius: 0px;
		webkit-border-radius: 0px;
	}
	::-webkit-scrollbar-track{
		background-color: #2C2C2C;
	}
}

.mymodal{
	background: #fff;
	border-radius: 5px;
	color: #000;
	display: none;
	max-width: 100%;
	padding: 40px 20px 30px;
	width: 750px;
}
.mymodal.min{
	max-width: 100%;
	width: 500px;
}
.preloader{
	background-color: #fff;
	height: 100%;
	left: 0;
	moz-transition: all 200ms ease-out;
	o-transition: all 200ms ease-out;
	position: fixed;
	top: 0;
	transition: all 200ms ease-out;
	webkit-transition: all 200ms ease-out;
	width: 100%;
	z-index: 999999999;
}
.preloader:after{
	animation: sk-scaleout 1.0s infinite ease-in-out;
	background-color: #FCBC04;
	border-radius: 100%;
	content: '';
	height: 40px;
	left: 50%;
	margin: -20px 0 0 -20px;
	position: absolute;
	top: 50%;
	webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	width: 40px;
}
.preloader.hid{
	opacity: 0;
	visibility: hidden;
}
@-webkit-keyframes sk-scaleout{
	0%{
		webkit-transform: scale(0);
	}
	100%{
		opacity: 0;
		webkit-transform: scale(1.0);
	}
}
@keyframes sk-scaleout{
	0%{
		transform: scale(0);
		webkit-transform: scale(0);
	}
	100%{
		opacity: 0;
		transform: scale(1.0);
		webkit-transform: scale(1.0);
	}
}
.form-control.datepicker[readonly]{
	background: url(../images/datepicker-icon.png) right 50% no-repeat #fff;
	cursor: pointer;
	padding-right: 42px;
}
.form-control.datepicker.error[readonly]{
	border-color: #FF0000 !important;
}
.gray-bg .jq-selectbox__select:hover,
.gray-bg .jq-selectbox__dropdown,
.jq-selectbox li{
	background: #fff;
}
.ui-datepicker{
	border-radius: 0 !important;
	font-size: 14px;
}
.ui-datepicker .ui-datepicker-header{
	border: none;
	border-radius: 0;
}
.ui-icon-circle-triangle-e{
	background-position: -34px 0;
}
.ui-icon-circle-triangle-w{
	background-position: -98px 0;
}
#ui-datepicker-div{
	border: none;
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	width: 240px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background: #FCBC04;
	border: none;
	color: #FFFFFF;
	text-align: center;
}
.ui-state-default:hover{
	opacity: 0.8;
}
.ui-datepicker-today a{
	color: #000 !important;
}
.ui-widget-header{
	background: #FCBC04;
}
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover{
	background: none !important;
	border: none;
}
.top-slider{
    height: 650px;
    overflow: hidden;
}
.top-slider .element{
	height: 650px;
	line-height: 1;
    position: relative;
}
.top-slider .element img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.top-slider .element:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
.top-slider .element-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 130px;
}
.top-slider .title{
	color: #fff;
	font-size: 64px;
	font-weight: bold;
	margin-bottom: 30px;
}
.top-slider .sup-title{
	border-left: 4px solid #FCBC04;
	border-right: 4px solid #FCBC04;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 5px 15px;
	text-transform: uppercase;
    letter-spacing: 1px;
}
.top-slider .sub-title{
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.top-slider .sub-title b{
	display: inline-block;
	padding: 5px 10px 7px;
	text-transform: lowercase;
    font-size: 50px;
}
@media only screen and (max-width: 991px){
    .top-slider {
        height: 550px;
    }
	.top-slider .element{
		height: 550px;
		padding-bottom: 0;
	}
	.top-slider .title{
		font-size: 44px;
		margin-bottom: 40px;
	}
	.top-slider .sub-title{
		font-size: 24px;
	}
	.top-slider .sup-title{
		border: none;
		padding: 0;
	}
}
@media only screen and (max-width: 767px){
    .top-slider{
		height: 450px;
	}
	.top-slider .element{
		height: 450px;
	}
	.top-slider .title{
		font-size: 34px;
	}
	.top-slider .sub-title b{
	    font-size: 36px;
	}
	header{
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 300;
	}
	.header-push,
	header.fixed + .header-push{
		height: 77px;
	}
}
.white{
	color: #fff;
}
input[type=checkbox].error + label{
	color: red;
}
.customcheck{
	position: relative;
}
.customcheck input[type=checkbox]{
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
}
.customcheck label{
	display: inline-block;
	font-weight: normal;
	min-height: 18px;
	padding-left: 26px;
	position: relative;
	font-size: 12px;
}
.customcheck label:before{
	background: url(../images/customcheck.png) 0 0 no-repeat;
	content: "";
	display: block;
	height: 18px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 19px;
}
.customcheck input[type=checkbox]:checked + label:before{
	background-position: 0 -18px;
}
.simplefilter{
    padding: 0;
    margin: 0;
}
.simplefilter li{
	border: 2px solid #222222;
	color: #222222;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	margin: 0 5px 15px;
	moz-transition: all 200ms ease-out;
	o-transition: all 200ms ease-out;
	padding: 5px 15px;
	position: relative;
	text-transform: uppercase;
	transition: all 200ms ease-out;
	webkit-transition: all 200ms ease-out;
}
.simplefilter li.active,
.simplefilter li:hover{
	background: #FCBC04;
	border-color: #FCBC04;
	color: #222;
}
.simplefilter li img{
	margin: -4px 4px 0 0;
}
.filtr-container{
	margin: 0 -10px;
	moz-transform: translateZ(0);
	ms-transform: translateZ(0);
	overflow: hidden;
	padding: 10px;
	position: relative;
	transform: translateZ(0);
	webkit-backface-visibility: hidden;
	webkit-transform: translateZ(0);
}
@media only screen and (max-width: 767px){
	.filtr-container > div{
		width: 100%;
	}
}
@media only screen and (min-width: 768px){
	.simplefilter li{
		font-size: 16px;
	}
}


.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left-xs{
    text-align: left;
}
.text-center-xs{
    text-align: center;
}
.text-right-xs{
    text-align: right;
}
@media (min-width: 768px) {
    .text-left-sm{
        text-align: left;
    }
    .text-center-sm{
        text-align: center;
    }
    .text-right-sm{
        text-align: right;
    }
}
@media (min-width: 992px) {
    .text-left-md{
        text-align: left;
    }
    .text-center-md{
        text-align: center;
    }
    .text-right-md{
        text-align: right;
    }
}
@media (min-width: 1200px) {
    .text-left-lg{
        text-align: left;
    }
    .text-center-lg{
        text-align: center;
    }
    .text-right-lg{
        text-align: right;
    }
}

.jgrowlHide #jGrowl{
    display: none !important;
}
.product-gallery{
    margin-bottom: 20px;
}
.product-gallery .fotorama__thumb{
    border: 2px solid #eaeaea;
}
.product-gallery .fotorama__thumb-border{
    border-color: #ffb500;
}
.fotorama__thumb-border{
    border-color: #ffb500 !important; 
}
.product-gallery .fotorama__stage{
    border: 1px solid #eaeaea;
}
.product-gallery .fotorama__nav{
    text-align: left;
}
.product-gallery .empty-block{
    border: 1px solid #eaeaea;
    text-align: center;
}

.relative{
    position: relative;
}
.doc-block{
    height: 52px;
    padding-left: 60px;
    font-size: 16px;
    line-height: 1.4;
}
.doc-block > img{
    position: absolute;
    top: 0;
    left: 0;
}
@media(max-width: 767px){
    .doc-block{
        height: auto;
    }
}
.question-block{
    padding: 30px 20px;
    margin-bottom: 20px;
    background: #292f35;
    color: #fff;
}
.question-block .title{
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.question-block .subtitle{
    margin-bottom: 15px;
    font-weight: bold;
}
.question-block .block-phone p{
    margin-top: 20px;
}
.question-block .block-phone a{
    font-size: 18px;
    display: inline-block;
    margin-bottom: 5px;
}
.table-wrapper{
    width: 100%;
    overflow: auto;
}
.question-block .form-control{
    border-color: #fff;
}
.question-block .form-control.error{
    background: #FCD2D1;
    border-color: #FCD2D1;
}
table{
    width: 100%;
    margin-bottom: 30px;
}
table,
td,
th {
    border: 1px solid #eaeaea;
}
table td,
table th {
    padding: 5px 11px;
}
table th {
    background: #d4d4d4;
    font-weight: bold;
}
table tr:nth-child(odd) td {
    background: none repeat scroll 0 0 #eaeaea;
}

.characteristics table{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    border: 1px solid #eaeaea;
}
.characteristics table tr:nth-child(odd) {
    background: #eaeaea;
}
.characteristics table td, 
.characteristics table th {
    padding: 10px;
    border-left: 1px solid #eaeaea;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.2;
}
.characteristics table td:first-child, 
.characteristics table th:first-child {
    border-left: none;
}
.characteristics table td:first-child{
    color: #525252;
}
.characteristics table td:last-child {
    font-style: italic;
}
.characteristics table th{
    color: #222;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
    background: #d4d4d4;
    text-transform: uppercase;
}
.base-template .products-container{
    padding: 40px 0 20px;
}
img{
    max-width: 100%;
}
.contacts .element {
    padding-left: 40px;
    margin-bottom: 25px;
    font-size: 18px;
}
.contacts .element > i {
    position: absolute;
    left: 0;
    top: 2px;
    color: #F8A02D;
    font-size: 24px;
}
.error-page .error-code {
    font-weight: bold;
    font-size: 96px;
    line-height: 1;
    margin: 0 0 10px 0;
    padding: 0;
}
.error-page .error-message {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 30px;
}


/********************************************************/
.site-header{
    position: relative;
    z-index: 600;
}
.site-header ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-header-top{
    height: 54px;
    background: #fff;
}
.site-header-bottom{
    background: #292F35;
}
.site-header-bottom-inner{
    height: 100px;
}
.site-header-catalog-menu{
    float: left;
}
.site-header-catalog-menu > ul > li > a{
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 54px;
    padding: 0 20px 0 50px;
    position: relative;
    text-decoration: none;
}
.site-header-catalog-menu > ul > li:hover > a{
    background: #FCBC04;
}
.site-header-catalog-menu > ul > li > a > span{
    display:block;
    width:100%;
    position: absolute;
    top:0;
    left:0;
    height:4px;
    background:transparent;
}
.site-header-catalog-menu > ul > li.active > a > span{
    background: #FCBC04;
}
.site-header-catalog-menu > ul > li > a:before{
    content: "";
    width:22px;
    height:18px;
    position: absolute;
    left:15px;
    top:50%;
    margin-top:-9px;
    border-top: 2px solid #FCBC04;
    border-bottom: 2px solid #FCBC04;
    moz-transition: all 0.3s ease;
	ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	webkit-transition: all 0.3s ease;
}
.site-header-catalog-menu > ul > li > a:after{
    content: "";
    width:22px;
    height:2px;
    position: absolute;
    left:15px;
    top:50%;
    margin-top:-1px;
    background: #FCBC04;
    moz-transition: all 0.3s ease;
	ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	webkit-transition: all 0.3s ease;
}
.site-header-catalog-menu > ul > li:hover > a:before,
.site-header-catalog-menu > ul > li.active > a:before{
    border-color: #000;
}
.site-header-catalog-menu > ul > li:hover > a:after,
.site-header-catalog-menu > ul > li.active > a:after{
    background: #000;
}
.site-header-catalog-menu > ul > li > ul,
.site-header-catalog-menu > ul > li > div{
    display: none;
    position: absolute;
    left:0;
    top: 100%;
    width: 100%;
    background: #fff;
    padding: 25px 20px 10px;
    border:2px solid #FCBC04;
    z-index: 100;
}
.site-header-catalog-menu > ul > li:hover > div{
    display: block;
}
.site-header-catalog-menu > ul > li:hover > div > ul{
    width: 25%;
    float: left;
    padding: 0 10px;
}
.site-header-catalog-menu ul ul a{
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 15px;
    text-decoration: none;
}
.site-header-catalog-menu ul ul .active > a,
.site-header-catalog-menu ul ul a:hover{
    color: #FCBC04;
}

.site-header-top-menu{
    float: left;
}
.site-header-top-menu> ul > li{
    position: relative;
    float: left;
}
.site-header-top-menu> ul > li > a{
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 54px;
    padding: 0 20px;
    text-decoration: none;
}
.site-header-top-menu> ul > li:hover > a{
    background: #FCBC04;
}
.site-header-top-menu> ul > li > a:before{
    content:"";
    width:100%;
    position: absolute;
    top:0;
    left:0;
    height:4px;
    background:transparent;
}
.site-header-top-menu> ul > li.active > a:before{
    background: #FCBC04;
}


.site-header-top-menu> ul > li > ul{
    display: none;
    position: absolute;
    width: 200px;
    background: #fff;
    padding: 25px 20px 10px;
    border:2px solid #FCBC04;
    z-index: 100;
    left:0;
    top: 100%;
}
.site-header-top-menu> ul > li:hover > ul{
    display: block;
}
.site-header-top-menu ul ul a{
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 15px;
    text-decoration: none;
}
.site-header-top-menu ul ul .active > a,
.site-header-top-menu ul ul a:hover{
    color: #FCBC04;
}

.search-switch-btn {
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #FCBC04;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #FCBC04;
}
.search-switch-btn:hover{
    border-color: #000;
    color: #000;
}
.search-switch-btn .fa{
    line-height: 27px;
}

.search-form-block{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 805;
    padding: 25px 65px 25px 25px;
    background: #fff;
    margin: 0;
    top: -98px;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	height: 98px;
}
.search-form-block .form-control{
    width: 100%;
    height: 48px;
    padding-right: 55px;
}
.search-form-block .search-btn{
    line-height: 48px;
    padding: 0 15px;
}
.search-form-block.active{
    top: 0;
}
.search-form-block-after{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 802;
    background: rgba(0,0,0,0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.search-form-block.active + .search-form-block-after{
    visibility: visible;
    opacity: 1;
}
.search-form-block-close{
    background: #222 url(../images/close-mask.svg) center center no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
}
.search-form-block .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    border: none;
    color: #000;
    line-height: 32px;
    padding: 0 10px;
    font-size: 20px;
    outline: none;
}
.search-form-block .search-btn:hover{
    color: #FCBC04;
}
.search-form-block-close:hover{
    background-color: red;
}
.site-header-bottom-logo{
    position: absolute;
    top: 0;
    left:0;
}

.site-header-bottom-contacts{
    position: absolute;
    right: 0;
    top: 0;
    height: 100px;
    color: #fff;
    text-align: right;
}
.site-header-bottom-contacts .phone-link{
    display: inline-block;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.header-callback-btn {
    display: inline-block;
    padding: 5px 20px;
    background: #FCBC04;
    border: 2px solid #FCBC04;
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
    color: #000;
    width: 300px;
    height: 36px;
    text-align: center;
    position: absolute;
    left:50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -18px;
}
.header-callback-btn:hover{
    text-decoration: none;
    background: transparent;
    color: #FCBC04;
}
@media(max-width: 991px){
    .header-callback-btn{
        width: 160px;
        margin-left: -80px;
    }
}
@media(max-width: 767px){
    .site-header{
        height: 60px;
        position: fixed;
        top: 0;
        width: 100%;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
    }
    .site-header-bottom{
        height: 60px;
    }
    .site-header-push{
        width: 100%;
        height: 60px;
    }
    .site-header-bottom-logo img{
        height: 60px;
    }
}


/* mob-menu-btn begin */
.menu-button{
    width: 44px;
    height: 44px;
    border: 2px solid #fff;
    cursor: pointer;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: absolute;
    right: 0;
    top: 8px;
}
.icon-menu-burger {
    height: 2px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -10px;
    -webkit-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
    -webkit-transition: -webkit-transform 0.2s ease 0s;
}
.icon-menu-burger__line {
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: transform 0.2s linear 0.2s;
    -moz-transition: transform 0.2s linear 0.2s;
    -o-transition: transform 0.2s linear 0.2s;
    -ms-transition: transform 0.2s linear 0.2s;
    transition: transform 0.2s linear 0.2s;
    -webkit-transition: -webkit-transform 0.2s linear 0.2s;
}
.icon-menu-burger:before, .icon-menu-burger:after {
    background: #fff;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}
.menu-button.active .icon-menu-burger__line,
.menu-button.active .icon-menu-burger:before, 
.menu-button.active .icon-menu-burger:after {
    background: #fff;
}
.icon-menu-burger:before {
    top: -6px;
    -webkit-transition: top 0.2s linear 0.4s;
    -moz-transition: top 0.2s linear 0.4s;
    -o-transition: top 0.2s linear 0.4s;
    -ms-transition: top 0.2s linear 0.4s;
    transition: top 0.2s linear 0.4s;
}
.icon-menu-burger:after {
    bottom: -6px;
    -webkit-transition: bottom 0.2s linear 0.4s;
    -moz-transition: bottom 0.2s linear 0.4s;
    -o-transition: bottom 0.2s linear 0.4s;
    -ms-transition: bottom 0.2s linear 0.4s;
    transition: bottom 0.2s linear 0.4s;
}
.menu-button.active .icon-menu-burger{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: transform 0.2s linear 0.4s;
    -moz-transition: transform 0.2s linear 0.4s;
    -o-transition: transform 0.2s linear 0.4s;
    -ms-transition: transform 0.2s linear 0.4s;
    transition: transform 0.2s linear 0.4s;
    -webkit-transition: -webkit-transform 0.2s linear 0.4s;
}
.menu-button.active .icon-menu-burger__line{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.menu-button.active .icon-menu-burger:before {
    -webkit-transition: top 0.2s linear;
    -moz-transition: top 0.2s linear;
    -o-transition: top 0.2s linear;
    -ms-transition: top 0.2s linear;
    transition: top 0.2s linear;
    top: 0;
}
.menu-button.active .icon-menu-burger:after {
    -webkit-transition: bottom 0.2s linear;
    -moz-transition: bottom 0.2s linear;
    -o-transition: bottom 0.2s linear;
    -ms-transition: bottom 0.2s linear;
    transition: bottom 0.2s linear;
    bottom: 0;
}
/* mob-menu-btn end */

.mobile-menu {
    position: fixed;
    top: 60px;
    right: -100%;
    background: #fff;
    height: 100%;
    width: 100%;
    z-index: 1000;
    overflow-y: scroll;
    padding: 20px 10px;
}
.mobile-menu ul{
    list-style: none;
    padding:0;
    margin:0;
}
.mobile-menu li{
    position: relative;
}
.mobile-menu > div > ul > li {
    margin-bottom: 5px;
}
.mobile-menu > div > ul > li.down > a {
    padding-right: 60px;
}
.mobile-menu .dropdown-button{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 52px;
    width: 44px;
    z-index: 10;
    background: #E9E9E9;
}
.mobile-menu .dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 18px;
    left: 16px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.mobile-menu .dropdown-button.active:before{
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 24px;
}
.mobile-menu > div > ul > li > ul {
    position: static;
    width: 100%;
    display: none;
}
.mobile-menu > div > ul  > li > a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 15px 20px 12px;
    font-size: 16px;
    letter-spacing: 1px;
    background: #f4f4f4;
}
.mobile-menu > div > ul > li.active > a{
    color: #FCB000;
}
.mobile-menu > div > ul > li > ul > li.active > a,
.mobile-menu > div ul ul ul .active a{
    color: #fcb000;
}
.mobile-menu .active .dropdown-button:before{
    border-color: #000;
}


.mobile-menu > div > ul > li > ul > li.active > a:before,
.mobile-menu > div ul ul ul .active a:before{
    background-color: #fcb000;
}
.mobile-menu > div > ul > li > ul > li > a,
.mobile-menu > div ul ul ul a{
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    padding: 12px 60px 12px 20px;
    color: #000;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
}
.mobile-menu > div > ul > li > ul > li > .dropdown-button{
    background: transparent;
    height: 43px;
}
.mobile-menu > div ul ul ul a{
    padding: 9px 10px 9px 30px;
    font-size: 14px;
}
.mobile-menu .dropdown-button + ul {
    position: static;
    width: 100%;
    display: none;
    margin-bottom: 10px;
}
.mobile-menu ul ul .dropdown-button:before{
    content: "+";
    border: none;
    color: #000;
    -moz-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
    top: 3px !important;
    left: 17px;
    font-size: 24px;
}
.mobile-menu ul ul .dropdown-button.active:before{
    content:"-";
}
.mobile-menu a[href="javascript:void();"]{
    text-transform: uppercase;
    color: #fff !important;
    padding-left: 20px;
}
.mobile-menu a[href="javascript:void();"]:before{
    display: none;
}
.phone-link-xs{
    width: 44px;
    height: 44px;
    border: 2px solid #fff;
    cursor: pointer;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: absolute;
    right: 55px;
    top: 8px;
    text-align: center;
    line-height: 44px;
    color: #fff !important;
    font-size: 20px;
    text-decoration: none !important;
}

@media only screen and (max-width: 767px) {
    .mobile-menu.open {
        right: 0;
    }
}

@media(min-width:768px){
    .mobile-menu{
        display: none !important;
    }
}
/************* /. mobile-menu **************/

.shop-categories{
	background: #F2F2F2;
	padding: 70px 0;
}
.shop-categories .row{
    display: flex;
    flex-wrap: wrap;
}
.shop-categories .row > div{
    margin-bottom: 30px;
    float: none;
}
.shop-categories .element{
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px;
    height: 100%;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.shop-categories .element:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.shop-categories .element .img-wrapper{
    height: 160px;
    line-height: 160px;
    margin-bottom: 20px;
    padding: 0 10px;
}
.shop-categories .element .img-wrapper img{
    vertical-align: middle;
    max-height: 100%;
}
.shop-categories .element .title{
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	margin-bottom: 10px;
}
.shop-categories .element:hover .title{
    color: #FCBC04;
}

@media(max-width: 991px){
    .shop-categories .element .img-wrapper{
        height: 20vw;
        line-height: 20vw;
    }
}
@media(max-width: 767px){
    .shop-categories .element .img-wrapper{
        height: 25vw;
        line-height: 25vw;
    }
}
@media(max-width: 500px){
    .shop-categories .element {
        padding: 10px;
    }
    .shop-categories .element .title{
        font-size: 3.5vw;
    }
}
.breadcrumb {
    margin-bottom: 40px;
    background-color: #e8e8e8;
    border-radius: 0;
}
.breadcrumb>.active {
    color: #000;
}
.breadcrumb a{
    color: #000;
    text-decoration: underline;
}
.breadcrumb a:hover{
    text-decoration: none;
}
.breadcrumb>li+li:before {
    color: #000;
}
@media(max-width:767px){
    .breadcrumb{
        font-size: 13px;
        background-color: transparent;
        padding: 0;
    }
}

/* ======= ASIDE MENU ======= */
.aside-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.aside-menu{
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
}
.aside-menu a {
    display: block;
    text-decoration: none !important;
    color: #171717;
    padding: 10px 36px 10px 10px;
    font-size: 14px;
    background: #ffffff;
    line-height: 1.3;
    border-top: 2px solid #f2f2f2;
}
.aside-menu > ul > li:first-of-type > a{
    border-top: none;
}
.aside-menu ul ul a{
    border-top: none;
}
.aside-menu li:hover > a,
.aside-menu .active > a{
    color: #FCBC04 !important;
}
.aside-menu ul ul > li:hover > a:before,
.aside-menu ul ul > li.open > a:before,
.aside-menu ul ul > li.active > a:before{
    background: #FCBC04;
}
.aside-menu > ul ul{
    display: none;
}
.aside-menu .active > ul{
    display: block;
}
.aside-menu > ul li{
    position: relative;
}
.aside-menu > ul .dropdown-button{
    height: 38px;
    width: 34px;
    display: block;
    z-index: 20;
    top: 2px;
    right: 0;
    position: absolute;
    cursor: pointer;
    background: #e8e8e8;
}
.aside-menu > ul .active > .dropdown-button{
    background: #FCBC04;
}
.aside-menu > ul .dropdown-button:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 15px;
    right: 13px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.aside-menu > ul .dropdown-button.active:after{
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 18px;
}
.aside-menu > ul ul .dropdown-button{
    height: 36px;
}
.aside-menu ul ul .dropdown-button:after{
    top: 10px;
}
.aside-menu ul ul .dropdown-button.active:after{
    top: 14px;
}

.aside-menu  ul ul a{
    padding: 8px 36px 8px 20px;
    font-weight: normal;
    font-size: 13px;
    position: relative;
    background: #e8e8e8;
}
.aside-menu  ul ul > li > a:before{
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    top: 14px;
    left: 10px;
    background: #777777;
}
.aside-menu  ul ul ul a{
    padding: 6px 36px 6px 30px;
}
@media(max-width:991px){
    .aside-menu  ul ul ul a{
        padding: 8px 36px 8px 42px;
    }
}
.aside-menu  ul ul ul a:before,
.aside-menu  ul ul ul ul a:before{
    display: none;
}
.aside-menu  ul ul ul ul a{
    padding: 8px 36px 8px 40px;
}
.aside-menu  ul ul ul ul ul a{
    padding: 8px 36px 8px 50px;
}
.aside-menu-title {
    padding: 15px 42px 12px 20px;
    background: #292f35;
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.aside-menu-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 20px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin-top: -8px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.active .aside-menu-title:after {
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -3px;
}
@media (min-width: 992px) {
    .aside-menu-title{
        padding: 0;
        background: transparent;
        font-weight: bold;
        color: #43474C;
        text-transform: none;
        margin-bottom: 10px;
    }
    .aside-menu-title:after{
        display: none;
    }
}

@media (max-width: 991px) {
    .aside-menu > ul{
        display: none;
    }
    .aside-menu.active > ul{
        display: block;
    }
    .aside{
        border-right: none;
    }
    .aside-menu.active > ul{
        margin-bottom: 20px;
    }
    .aside-menu > ul > li > a{
        padding-left: 13px;
    }
    .aside-menu > ul > li:first-of-type > a{
        border-top: none;
    }
    .aside-menu > ul > li:last-of-type > a{
        border-bottom: none;
    }
    .aside-menu ul ul a {
        padding-left: 33px;
    }
    .aside-menu ul ul > li > a:before {
        left: 18px;
    }
}
@media only screen and (min-width: 992px) {
    .aside-menu > ul > li.active > a{
        background: #FCBC04;
        color: #000 !important;
    }
}
/* ======= /. ASIDE MENU ======= */



.mse2_number_inputs .form-control{
    padding: 5px;
}
.mse2_number_inputs .form-group .input-sm{
    width: 100%;
    margin-bottom: 10px;
}
#mse2_sort .sort[data-dir="desc"] span::after {
    content: "↓";
}
#mse2_sort .sort[data-dir="asc"] span::after {
        content: "↑";
}
.sort-block a{
    text-transform: lowercase;
}





.jspContainer{
	overflow: hidden;
	position: relative;
}
.jspPane{
	position: absolute;
    width: 100% !important;
}
.jspVerticalBar{
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    width: 6px;
    background: #E9E9E9;
}
.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspCap{
	display: none;
}
.jspHorizontalBar .jspCap{
	float: left;
}
.jspTrack{
	position: relative;
}
.jspDrag{
	background: #787878;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}
.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled{
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow{
	height: 16px;
}
.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus{
	outline: none;
}
.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}
/************************* aside-accordeon **************************/
.aside-accordeon> li > ul{
    display: none;
}
.calc-template .aside-accordeon> li > ul{
    display: block;
}
.calc-template .aside-accordeon > li > .title .switch{
    display: none;
}
.calc-template .aside-accordeon > li > span{
    cursor: default;
}
.calc-template .aside-accordeon > li > span::before,
.calc-template .aside-accordeon > li > span::after{
    display: none;
}
.aside-accordeon > li.active ul{
    display: block;
}
.aside-accordeon > li > ul{
    background: #fff;
    padding: 10px 0 0 0;
}
.aside-accordeon > li.filter-uislider > ul{
    padding-right: 15px;
}
.aside-accordeon > li.filter-price > ul {
    padding: 20px 10px 10px 0;
}
.aside-accordeon > li > span{
    display: block;
    padding: 11px 30px 11px 15px;
    border-bottom: 2px solid #ededed;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    background: #fff;
    color: #000;
}
.aside-accordeon > li > span:after{
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    margin-top: -3px;
    top: 22px;
    right: 13px;
    border-left: 1px solid #1f1f1f;
    border-bottom: 1px solid #1f1f1f;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.aside-accordeon > li.active > span:after{
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 26px;
}
.aside-accordeon > li > span:before{
    width: 34px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: #dddddd;
}
.aside-accordeon > li > .title .switch{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 9;   
}
.aside-accordeon fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
.aside-accordeon .filter-price fieldset {
    padding: 0 !important;
}
.aside-accordeon fieldset.boolean > div:last-of-type{
    display: none !important;
}
.aside-accordeon figure{
    max-height: 170px !important;
    color: #303030;
    overflow: auto;
}
.aside-accordeon figure.jspScrollable{
    margin-top: 5px;
}
.aside-accordeon .filter-price figure{
    overflow: visible;
}
.aside-accordeon li > figure > .jspContainer .jspVerticalBar {
    right: 10px;
    width: 7px;
    background: #d5d5d5;
}
.aside-accordeon > li.active > ul{
    border-bottom: 2px solid #ededed;
}

.aside-filters-title {
    padding: 15px 42px 15px 15px;
    background: #292f35;
    position: relative;
    color: #fff;
    text-transform: uppercase;
}
.aside-filters-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 20px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin-top: -8px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.active .aside-filters-title:after {
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -3px;
}
.aside-filters-block{
    margin: 0 0 30px;
}
.aside-filters-block ul{
    list-style: none;
    padding:0;
    margin:0;
}
@media(max-width: 991px){
    .aside-filters-block{
        margin: 0 0 50px;
    }
    .aside-filters-block-inner {
        display: none;
        padding: 15px;
        border: 1px solid #ededed;
        background: #fff;
    }
    .aside-filters-block.active .aside-filters-block-inner {
        display: block;
    }
}

.form-group{
    position: relative;
}
.filter-customcheck{
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px;
}
.filter-customcheck input[type=checkbox]{
    position: fixed;  
    top: -100000px;
}
.filter-customcheck input[type=checkbox] + label{
    position: relative;
    padding-left: 28px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 2px;
    font-weight: normal;
    line-height: 1.8;
}
.filter-customcheck input[type=checkbox] + label:before{
    background: url(../images/check-empty.svg) 0 0 no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    top: 4px;
    left: 0px;
}
.filter-customcheck input[type=checkbox]:checked + label:before{
	background: url(../images/checked.svg) 0 0 no-repeat;
}
.filter-customcheck input[value="0"] + label{
    display: none;
}
/************************* end aside-accordeon **************************/

/* ui slider*/
.aside-filters-block .ui-slider{
    border: none !important;
    height: 6px;
    background: #E9E9E9;
    margin-bottom: 20px;
    width: 100%;
    margin: 10px auto 20px;
    padding: 0;
    right: -4px;
}
.aside-filters-block .ui-slider-range{
    background: #c1c1c1;
    border-radius: 0 !important;
}
.aside-filters-block .ui-slider-handle{
    width: 14px !important;
    height: 14px !important;
    margin-top: 0px !important;
    background: #fff !important;
    cursor: pointer !important;
    border: 1px solid #2e2e2e !important;
}
.aside-filters-block .ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em;
}
.aside-filters-block .ui-corner-all, 
.aside-filters-block .ui-corner-top, 
.aside-filters-block .ui-corner-right, 
.aside-filters-block .ui-corner-tr{
    border-radius: 0 !important;
}
.aside-filters-block .ui-slider-handle.ui-state-default.ui-corner-all{
    border-radius: 2px !important;
    background: #fcbc04 !important;
    border-color: #fcbc04 !important;
    top: -4px;
    opacity: 1 !important;
}

/*./ ui slider*/
.reset-filters-btn{
    border: none;
    padding: 0;
    background: transparent;
    color: #000;
}
.reset-filters-btn:hover{
    color: #D12C1C;
}
.reset-filters-btn img{
    margin-top: -3px;
}
.reset-filters-btn.hidden{
    display: none;
}
.reset-filters-btn{
    margin-top: 20px;
}
.mse2_number_inputs{
    overflow: hidden;
    margin: 0 -12px 0 0;
}
.mse2_number_inputs .form-control{
    height: 32px;
}
.aside-filters-block #mse2_filters .mse2_number_slider {
    margin-bottom: 15px;
    margin-right: -2px;
}
.row.no-padding.rows#mse2_results{
    padding: 0 30px 30px;
}
#mse2_results{
    margin-bottom: 0 !important;
}
.aside-filters-block .jspContainer{
    margin-bottom: 10px;
    max-height: 160px;
}


.calc-template #catalog{
    display: none;
}
.calc-template #catalog.active{
    display: block;
}


.filters-form button[type="submit"]{
    margin-top: 20px;
    border-radius: 0;
    display: block;
    width: 100%;
    background: #FCBC04;
    color: #000;
    border: 2px solid #FCBC04;
    padding: 13px;
}
.filters-form button[type="submit"]:hover{
    background: transparent;
}

.similar-carousel-wrapper .slick-prev{
    left: -80px;
    margin-top: -44px;
}
.similar-carousel-wrapper .slick-next{
    right: -80px;
    margin-top: -44px;
}

@media(max-width: 1400px){
    .similar-carousel-wrapper .slick-next{
        right: 15px;
        top: -55px;
        width: 40px;
        height: 40px;
        margin-top: 0;
        border-radius: 0;
        background: #fff;
    }
    .similar-carousel-wrapper .slick-prev{
        left: auto;
        right: 65px;
        top: -55px;
        width: 40px;
        height: 40px;
        margin-top: 0;
        border-radius: 0;
        background: #fff;
    }
}

.aside-news .element{
    margin-bottom: 5px;
}
.aside-news .element h5{
    font-weight: bold;
    line-height: 1.4;
}

.news .element{
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 1.5;
}
.news .element h5{
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
}
.news .element img{
    border-radius: 100%;
}
.news .element .btn{
    padding: 10px 30px;
}
@media(max-width:767px){
    .news .element{
        margin-bottom: 40px;
        font-size: 14px;
    }
    .news .element h5{
        text-transform: none;
        line-height: 1.2;
    }
    .news .element .element-content{
        padding: 0 0 0 15px;
    }
    .news .element img{
        position: relative;
        bottom: -10px;
    }
}
.contacts-template-soc-links a:hover{
    text-decoration: none;
}

.portfolio .element{
    margin-bottom: 20px;
}
.portfolio .element img{
    width: 100%;
}
.portfolio .element a{
    position: relative;
    display: block;
}
.portfolio .element a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 0;
}
.portfolio .element:hover a:after{
    opacity: 1;
}

/* files */
.files-list .element{
    position: relative;
    margin-bottom: 30px;
    padding-left: 40px;
}
.files-list .element:before{
    content:"\f0f6";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2em;
    line-height: 1;
    font-family: FontAwesome;
}
.files-list .element .title{
    line-height: 1.1;
    margin-bottom: 10px;
    font-weight: 900;
    text-transform: uppercase; 
}
.files-list .element .title span{
    font-weight: normal;
    color: #9A9A9A;
}
.files-list .element .text{
    font-size: 13px;
}
.files-list .element .title a:hover{
    text-decoration: underline;
}

/* end files */


.vacancy-list .element{
    margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 30px;
    color: #000;
}
.vacancy-list .element .title{
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}
.vacancy-list .element p{
    margin-bottom: 10px;
}
.brands-carousel .slick-list{
    padding: 5px 0;
}
.brands-carousel .item{
    display: inline-block;
    vertical-align: top;
    height: 130px;
    margin: 0 8px 20px;
    padding: 0 30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.brands-carousel .item img{
    width: auto;
    max-width: 100%;
}
@media(max-width:991px){
    .brands-carousel .item{
        padding: 0 15px;
    }
}

/*styles header for template with msearch2*/
.search-switch-btn.visible-xs{
    top: 14px;
    right: 40px;
    margin-top: 0;
    color: #fff;
    border-color: #fff;
}

.menu-button{
    width: 32px;
    height: 32px;
    padding: 0 4px;
    top: 14px;
}
.phone-link-xs {
    width: 32px;
    height: 32px;
    right: 80px;
    top: 14px;
    line-height: 32px;
    font-size: 18px;
}
/* /. styles header for template with msearch2*/

.animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}