@charset "utf-8";
/* CSS Document */
.steps-inner img{
	display: none;
	max-width: 100%;
}
.menu-trigger {
  display: none;
  width: 50px;
  height: 50px;
  transition: all 0.2s ease-in-out 0s;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 5000; 
}
.menu-trigger-icon {
  top: 50%;
  left: 10px;
  right: 10px;
  height: 4px;
  background-color: #573721;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear; }
  
  .menu-trigger-icon:before, .menu-trigger-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #573721;
    height: 100%;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;
    transition: transform 0.2s linear; }
  .menu-trigger-icon:after {
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px); }

    .menu-trigger.open .menu-trigger-icon {
  background-color: transparent; }
  .menu-trigger.open .menu-trigger-icon:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); background-color: #fff;}

  .menu-trigger.open .menu-trigger-icon:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); background-color: #fff;}

.main-shadow{
	position: fixed;
    z-index: 79;
    background-color: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s;
}
.main-shadow.active{
	opacity: 1;
	visibility: visible;
}
.banner-title{ 
text-align: center;
 }
/*-----------------media-------------------*/
@media (max-width: 1366px){
	.inner{ width: 1170px; }
	.logo{ width: 165px; }
	#header .logo{ margin: -8px 0 0 0; }
	.header-contacts{ margin: -18px 0 0 0; }
	.banner-title{ padding: 0; width: auto; }
	.slide-left{ width: 720px; }
	.photoslider-bullets{ width: 720px; height: 345px; }
	.banner-gallery-text{ width: auto; }
	.sliderkit .sliderkit-panel img{ width: 100%; height: auto; }
	.sliderkit .sliderkit-panel{ width: 700px; box-sizing: border-box;}
	.slide{ height: 690px; }
	.benefits{ height: auto; padding: 0; margin: 0; }
	.benefits .inner{ padding: 35px 0 0 0; }
	.benefits-list{ overflow: hidden; margin: 0 0 0 -44px; }
	.benefits-list li{ width: 360px; margin: 0 0 44px 44px; }
	.event-img{ width: 300px; right: 425px; }
	.action-box{ width: 438px; }
	.action-inner{ height: 180px; }

	.price-benefit-box{ width: 735px; }
	.price-benefit-text{ width: auto; }
	.price-benefits .inner .title{ font-size: 32px; }
	.comments-gallery{ width: 1170px; }
	.comments-gallery .comments-gallery-box{ width: 1170px; }
	.comments-gallery .comments-gallery-box ul li{ width: 968px; }
	.comments-box{ padding: 32px 10px 0 10px; width: 430px; }
	.comment-text{ width: 280px; font-size: 13px; line-height: 15px; }
	.steps-inner{ background-size: 1170px 640px; background-repeat: no-repeat; height: 640px; }
	.step-text{ font-size: 18px; width: 268px; }
	.steps .step-text:nth-child(5) {margin: 220px 0 0 270px;}
	.steps .step-text:nth-child(6) {margin: 220px 0 0 40px;}

	#footer .inner .header-menu{ margin: 13px 0 0 15px; }
	#footer .inner .header-menu li a{ padding: 0 14px; }
	#footer .inner .logo{ margin: 0 }
}
@media (max-width: 1200px){
	.inner{ width: 970px; }
	#header{ background-position: 50% -10px; }
	#header .header-menu{ margin: 0; max-width: 615px; }
	.header-menu li{ font-size: 14px; }
	.header-menu li a{ padding: 0 8px; }

	.slide-left{ width: 540px; }
	.photoslider-bullets{ width: 540px; height: 260px; }
	.sliderkit .sliderkit-panel{ width: 520px; box-sizing: border-box;}
	.banner-title{ font-size: 16px; line-height: 26px; padding: 10px 0; }
	.slide-right-box .form-title{ font-size: 16px; padding: 0 10px; width: auto; }
	.slide-right-box .slide-form-bt{ display: block; width: 100%; box-sizing: border-box; height: 50px; line-height: 50px;
		background-position: 50% -20px;}
	.slide-right-box .slide-form{ height: auto; box-sizing: border-box; padding: 25px 20px 20px; }
	.slide-right-box .light-holder{ width: auto; box-sizing: border-box; margin: 0; }
	.slide{ height: 610px; }
	.slide-right-box .slide-input{ width: 100%; box-sizing: border-box; padding: 0 15px; margin: 0 0 20px; }
	.benefits-list li .benefit-img{ width: 100%; box-sizing: border-box; }
	.benefits-list li img{ max-width: 100%; }

	.benefits-list{ margin: 0 0 0 -30px; }
	.benefits-list li{ margin: 0 0 30px 30px; width: 302px; }
	.benefits-name{ font-size: 20px; line-height: 24px; }
	.benefits-list li .benefit-img{ margin: 0 auto 20px; }
	.benefits-text{ font-size: 13px; }
	.event-img{ display: none; }
	.event-title{ display: block; text-align: center; margin: 0 0 20px; font-size: 50px; line-height: 50px; }
	.event-left{ width: 450px; }
	.event-text{ width: 100%; font-size: 20px; line-height: 1.2; }

	.countdown-title{ display: block; margin: 20px 0 20px; text-align: center; }
	.countdownHolder{ width: 410px; margin: 0 auto; }
	.countdown-text{ width: 410px; margin: 0 auto; }
	.countdown-text span{ display: block; text-align: center; width: 98px; margin: 0 0 0 58px; }
	.countdown-text span:first-child{ margin: 0; }
	.countdown-text .countdown-seconds{ display: none; }
	.event .inner{ padding: 25px 0; }
	.about-img{ max-width: 350px; height: auto; }
	.about{ height: auto; padding: 0 0 50px; }

	.action-seporator{ width: 140px; }
	.action-seporator img{ max-width: 100%; height: auto; }
	.action-box{ width: 398px; }
	.action-image-holder{ height: 90px; }
	.action-seporator{ margin: 264px 16px 0; }
	.price-benefit-box{ width: 550px; }
	.price-benefit-box{ height: auto; padding: 20px 10px 30px 70px; }
	.benefit-circle{ top: 25px; }

	.comments-gallery{ width: 970px; }
	.comments-gallery .comments-gallery-box{ width: 970px; }
	.comments-gallery .comments-gallery-box ul li{ width: 848px; padding: 0 60px; }
	.comments-gallery a.link-prev, .comments-gallery a.link-next{ width: 44px; height: 44px;
	background-size: 44px; top: 375px;}
	.comments-box{ width: 380px; margin: 20px 10px 0; }
	.comment-text{ width: 234px; font-size: 12px; line-height: 14px; }
	.avatar{ margin: 0 auto 20px; }
	.user-name{ font-size: 16px; line-height: 1.2; }
	.comments .inner .title{ margin: 50px 0 20px; }
	.comments{ height: auto; padding: 0 0 10px; }

	.steps-inner{ background-size: 925px 480px; padding: 130px 0 0 40px; height: 470px;}
	.step-text{ font-size: 14px; width: 200px; }

	.steps .step-text:nth-child(5) {margin: 195px 0 0 212px;}
	.steps .step-text:nth-child(6) {margin: 195px 0 0 40px;}
	#footer .inner .header-menu{ margin: 13px 0 0 0; max-width: 615px; }
	#footer .inner .header-menu li a{ padding: 0 8px; }
	#footer .inner .header-menu li{ font-size: 14px; }
}
@media (max-width: 992px){
	.inner{ width: 750px; }
	#header .inner{ padding: 10px 0 0 0; position: relative; }
	#header .header-menu{ max-width: 585px; }
	#header .logo{ margin: 8px 0 0 0; }
	.header-menu li{ height: 30px; line-height: 30px; }
	.header-contacts{ margin: 20px 0 0 0; }
	#header .phone{ display: inline-block; vertical-align: top; }
	#header .phone br{ display: none; }
	#header .phone span{ display: inline-block; vertical-align: top; font-size: 14px; margin: 0 0 0 8px; }
	#header .mail-link{ display: none; }
	.header-work, .header-work span{ font-size: 14px; }
	#header .header-recall{ display: none; }
	.slide-left{ width: 100%; }
	.slide{ height: auto; }
	.slide-left{ width: 720px; margin: 0 auto; float: none; padding: 0 0 15px; }
	.photoslider-bullets{ width: 720px; height: 345px; }
	.sliderkit .sliderkit-panel{ width: 700px;}
	.slide-right-box .slide-form{ width: 100%; float: none; background: #f0f0f0;}
	.slide-right-box .slide-form:after{
		content: "";
		position: absolute;
		width: 3000px;
		bottom: 0;
		left: -3000px;
		background: #f0f0f0;
		top: 0;
		z-index: 3;
	}
	.slide-right-box .slide-form:before{
		content: "";
		position: absolute;
		width: 3000px;
		bottom: 0;
		right: -3000px;
		background: #f0f0f0;
		top: 0;
		z-index: 3;
	}

	.slide-right-box .slide-input{ width: 31.3%; float: left; margin: 0 1% 20px; }
	.slide-right-box .light-holder{ clear: both; }
	.slide .inner{ overflow: visible; padding: 150px 0 0 0; }
	.slide-right-box .slide-form-bt{ background-position: 50% -100px; }
	.slide-right-box .form-title{ font-size: 22px; line-height: 26px; }
	.benefits{ clear: both; }
	.photoslider-bullets .sliderkit-nav{ left: 0; right: 0; margin: 0 auto; }
	.banner-title{ font-size: 18px; }
	.photoslider-bullets .sliderkit-nav-clip > ul{ margin: 0 auto !important; }
	.slide-right-box .light-holder{ margin: 0 1%; }

	.benefits-title{ font-size: 30px; }
	.title{ margin: 45px 0; font-size: 30px; }
	.benefits-list li{ width: 360px; height: 420px; }
	.event-left{ width: auto; float: none; padding: 0 0 20px; }
	.event-form{ float: none; width: auto; box-sizing: border-box; height: auto; background-color: #fff; }
	.event-form .slide-input{ width: 48%; margin: 0 1% 20px; box-sizing: border-box; padding: 0 15px;
	float: left; }
	.event-form .light-holder{ width: auto; margin: 0 1%; box-sizing: border-box; clear: both; }
	.event-form .slide-form-bt{ width: 100%; box-sizing: border-box; height: 50px; line-height: 50px;
	background-position: 50% -100px; }
	.event{ background-repeat: repeat; }
	.event .inner{ padding: 25px 0 0 0; }
	.event-form.slide-form{ padding: 25px 20px 20px; }
	.event .inner{ overflow: visible; }
	.event-form.slide-form:after{
		content: "";
		position: absolute;
		width: 3000px;
		bottom: 0;
		left: -3000px;
		background: #fff;
		top: 0;
		z-index: 3;
	}
	.event-form.slide-form:before{
		content: "";
		position: absolute;
		width: 3000px;
		bottom: 0;
		right: -3000px;
		background: #fff;
		top: 0;
		z-index: 3;
	}
	.about_text p{ padding: 0 0 20px; }
	.about-img{ display: none; }
	.about-list{ float: none; }
	.action-seporator{ display: none; }
	.action-box{ width: 48%; margin: 0 1%; }
	.product-form-box{ width: 100%; padding: 20px; box-sizing: border-box; margin: 0; position: absolute;
	bottom: 0; left: 0; right: 0; z-index: 5; height: auto; }
	.product-form-box .holder .light-holder{ width: 48%; box-sizing: border-box; margin: 0 1%; }
	.product-form-box .holder .light-holder:first-child{ margin: 0 1%; }
	.product-form-box .holder .light-holder a{ height: 50px; line-height: 50px; background-position: 50% -100px;
	font-size: 16px; }
	.product-form{ height: auto; }
	.product-form .inner{ height: 400px; position: relative; }
	.product-form-title{ font-size: 22px; }
	.price-benefits .inner .title{ font-size: 30px; margin: 45px 0; }
	.leftdown, .rightdown{ display: none; }
	.price-benefit-box{ width: auto; margin: 0 0 0 63px; }

	.comments{ display: none; }

	#footer .inner .header-menu{ display: none; }
	#footer .inner .logo{ float: none; display: block; margin: 0 auto; }
	#footer .inner .header-contacts{ float: none; text-align: center; padding: 15px 0 0 0; }
	#footer .inner .header-contacts .header-recall{ margin: 10px 0; }
	#footer .inner .header-contacts .header-work, #footer .inner .header-contacts .header-recall,
	#footer .inner .header-contacts .phone{ text-align: center; }
	#footer{ background-color: #f0f0f0; }
	.copy{ background-color: #fff; }
	.steps-inner{ background: transparent; padding: 0 0 30px; height: auto; overflow: hidden; }
	.steps-inner img{ display: block; max-width: 130px; margin: 0 auto 10px; }
	.steps .step-text{ width: 33.3% !important; box-sizing: border-box; padding: 0 10px; margin: 0  0 20px!important; }
}
@media (min-width: 768px) {
	
}
@media (max-width: 767px) {
	.inner{ width: 100%; box-sizing: border-box; padding: 0 15px;}
	.menu-trigger{ display: block; }
	#header{ background-image: url(../images/header-bg-mb.png); background-position: 0 0;
	background-repeat: repeat-x; height: 60px; border-bottom: 3px solid #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);}
	#header .header-menu{ position: fixed; top: 0; left: -220px; bottom: 0; z-index: 80; width: 220px;
	background-color: #fff; transition: all ease .3s;}
	.header-menu.open{ box-shadow: 2px 0 3px rgba(0,0,0,.2); left: 0 !important;}
	.header-menu li{ display: block; height: auto; font-size: 16px; line-height: 20px;
	border-bottom: 1px solid #573721; }
	.header-menu li a{ border-radius: 0; text-decoration: none; padding: 10px 15px;}
	.index-page .on-index{ display: block; }
	#header .inner{ padding: 0 15px; }
	#header .logo{ width: 100px; background-size: 80px; height: 55px; margin: 3px 0 0 0; }
	.header-contacts{ margin: 3px 50px 0 0; }
	.slide .inner{ padding: 60px 15px 0; }
	.header-contacts{ max-width: 150px; }
	#header .phone{ font-size: 14px; line-height: 1.2; }

	.slide-left{ width: 100%;}
	.banner-gallery{ width: 600px; margin: 0 auto; }
	.photoslider-bullets{ width: 600px; height: 290px; }
	.sliderkit .sliderkit-panel{ width: 580px;}

	.slide-right-box .slide-input{ width: 100%; margin: 0 0 10px; float: none; }
	.slide-right-box .light-holder{ margin: 0; }
	.slide-right-box .slide-form{ padding: 25px 0 20px; }
	.benefits .inner{ padding: 35px 15px 0; }
	.benefits-title{ font-size: 26px; margin: 0 0 35px; }
	.benefits-list{ margin: 0; }
	.benefits-list li{ width: 100%; height: auto; margin: 0 0 15px; box-sizing: border-box; padding: 10px; }
	.benefits-list li img{ height: auto; }

	.countdownHolder{ font-size: 45px; line-height: 60px; }
	.digit.static{ height: 60px; width: 30px;}
	.digit{ width: 30px; height: 60px; }
	.position{ height: 60px; width: 30px; }
	.countDays, .countSeconds, .countHours, .countMinutes{ height: 60px; border-radius: 10px; }
	.countDiv{ width: 10px; height: 60px; margin: 0 10px; }
	.countDiv:before, .countDiv:after{ width: 6px; height: 6px; }
	.countDiv:before{ top: 55%; margin: 0 0 0 -3px; }
	.countDiv:after{ top: inherit; bottom: 55%;  margin: 0 0 0 -3px;}
	.countdownHolder{ width: 270px; height: 65px; }
	.countdown-text{ width: 270px; font-size: 12px; }
	.countdown-text span{ width: 60px; margin: 0 0 0 42px; }
	.countdown-text span:first-child{ margin: 0; }

	.event-form .slide-input{ width: 100%; margin: 0 0 10px; }
	.event-form .light-holder{ margin: 0; }
	.event-form.slide-form{ padding: 25px 0 20px; }
	.event .inner{ padding: 25px 15px 0; }
	.title{ font-size: 26px; margin: 35px 0; }
	.action-holder .title{ margin: 35px 0; }
	.action-box{ width: 100%; margin: 0 0 15px; }
	.action-title{ height: auto; }
	.action-image-holder{ height: auto; margin: 0 0 15px; }
	.action-inner{ height: auto; }
	.product-form-title{ font-size: 18px; }
	.product-form-untitle{ font-size: 14px; }
	.product-form-box .holder .light-holder a{ height: 45px; line-height: 45px; }
	.product-form-box{ padding: 20px 15px; }
	.price-benefits .inner .title{ font-size: 26px; margin: 35px 0; }
	.price-benefit-title{ font-size: 20px; }

	.steps-inner{ display: flex; flex-wrap: wrap; }
	.steps .step-text{ float: none; }
	.about-list li{ width: auto; }
	.form-title, .form-untitle{ width: 100%; }
	#wrapper{ overflow: hidden; }

	.range-list-inner li{ margin: 0 0 20px; }
}
@media (max-width: 640px) {
	.steps .steps-inner .step-text{ width: 50% !important; }
	.banner-title{ font-size: 16px; }
	.banner-title br{ display: none; }

	.banner-gallery{ width: 440px;}
	.photoslider-bullets{ width: 440px; height: 210px; }
	.sliderkit .sliderkit-panel{ width: 420px;}
	.product-form-box .holder .light-holder{ width: 100%; margin: 0; }
	.product-form-box .holder .light-holder:first-child{ margin: 0 0 10px; }
	.product-form .inner{ height: 490px; }

	.copy{ height: auto; padding: 10px 0; }
	.copy .inner span{ line-height: 20px; }
}
@media (max-width: 480px) {
	#header .phone span{ display: block; margin: 0; line-height: 1.2; }
	.header-contacts{ margin: 3px 45px 0 0; }
	.benefits-title{ font-size: 22px; margin: 0 0 30px; }
	.benefits-text{ padding: 0; font-size: 14px; }
	.benefits-name{ font-size: 18px; line-height: 20px; }

	.title{ font-size: 22px; margin: 30px 0; }
	.action-holder .title, .action-holder .title, .price-benefits .inner .title{ margin: 30px 0; }
	.actions{ padding: 0; }
	.product-form .inner{ height: auto; }
	.product-form{ background: none }
	.product-form-box{ background-color: transparent; position: relative; bottom: inherit; left: inherit; right: inherit; }
	.benefit-circle{ display: none; }
	.price-benefit-box{ padding: 15px; margin: 0; text-align: justify;}
	.price-benefit-title{ text-align: center; }
	.slide-right-box .form-title{ font-size: 18px; line-height: 20px; }
}
@media (max-width: 478px) {
	.banner-gallery{ height: 0; overflow: hidden; visibility: hidden; }
}
@media (max-width: 420px) {
	.event-text{ font-size: 16px; }
} 
@media (max-width: 360px) {
	.header-contacts{ margin: 5px 45px 0 0; }
	.header-work, .header-work span, #header .phone span{ font-size: 12px; }
}
@media (max-width: 320px) {
	
}