* { margin: 0; padding: 0; box-sizing: border-box; }

html { max-width: 100%; width: 100%; overflow-x: hidden; }


body { font-family: 'Yandex'; color: #282828; min-width: 320px; overflow-x: hidden; width: 100%; }

a { transition: all 0.3s ease; color: #3247ab; }
a:hover { text-decoration: none; }

.main-width { max-width: 1140px; width: calc(100% - 30px); position: relative; margin: 0 auto; }

.clear { clear: both; }
.clear:after { content: ''; clear: both; height: 1px; display: block; }

.topbar { position: fixed; top: 0; left: 0; width: 100%; height: 110px; z-index: 800; transform: translate3d(0,0,0); padding: 53px 0 0; transition: background 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease; }
.topbar .logo { background: url(images/logo.png); width: 170px; height: 61px; float: left; position: absolute; left: -200px; }
.topbar .nav { float: left; margin: 22px 0 0 160px; }
.topbar .nav ul { list-style: none; }
.topbar .nav ul li { float: left; margin-right: 32px; }
.topbar .nav ul li:last-child { margin-right: 0; }
.topbar .nav ul li a { color: #fff; text-decoration: none; position: relative; }
.topbar .nav ul li a:after { content: ''; width: 100%; height: 3px; position: absolute; bottom: -12px; left: 0; opacity: 0; visibility: hidden; background: #e9c312; transition: all 0.3s ease; }
.topbar .nav ul li a:hover:after, .topbar .nav ul li a.active:after { bottom: -7px; opacity: 1; visibility: visible; }
.topbar .right { float: right; font-size: 14px; margin: 22px 0 0; }
.topbar .tel { float: left; text-align: right; margin: 0 30px 0 0; }
.topbar .tel .ico { background: url(images/ico-tel-white.png); width: 16px; height: 28px; display: inline-block; vertical-align: top; margin: -5px 10px 0 0; }
.topbar .tel .info { display: inline-block; vertical-align: top; margin: -8px 0 0 }
.topbar .tel .info .num { }
.topbar .tel .info .num a { color: #fff; text-decoration: none; }
.topbar .tel .info .num a:hover { color: #e9c312; }
.topbar .tel .info .link { color: #e9c312; font-size: 13px; }
.topbar .tel .info .link:hover { text-decoration: none; }
.topbar .mail { float: left; }
.topbar .mail .ico { background: url(images/ico-mail-white.png); width: 30px; height: 27px; display: inline-block; vertical-align: top; margin: -5px 10px 0 0; }
.topbar .mail .info { display: inline-block; vertical-align: top; }
.topbar .mail .info a { color: #fff; text-decoration: none; }
.topbar .mail .info a:hover { color: #e9c312; }

.header { background: #252526; position: relative; overflow: hidden; }
.header video { position: absolute; top:0; left: 50%; transform: translateX(-50%); width: 100%; opacity: 0.1; min-width: 1920px; }
.header:after { content: ''; background: url(images/header-repeat.png) repeat center; position: absolute; top: 0 ;left: 0; width: 100%; height: 100%; }
.header .welcome { color: #fff; padding-left: 15px; }
.header .welcome h1 { font-size: 68px; position: relative; }
.header .welcome h2 { display: block; font-size: 30px; font-weight: normal; }
.header .welcome .sep { width: 54px; height: 2px; background: #fff; margin: 30px 0;  display: none; }
.header .welcome .desc { font-size: 24px; }
.header .welcome .sub-desc { display: block; font-size: 34px; margin: 6px 0 0; }
.header .first-line { background: #e9c312; width: 7px; height: 339px; position: absolute; bottom: 98px; }
.header .second-line { background: #e9c312; width: 7px; height: 339px; position: absolute; top: 135px; right: 0;  }
.header .main-width { min-height: 870px; padding: 224px 0 0; height: 100vh; }
.header .btn-play { background: url(images/ico-play.png); width: 172px; height: 155px; position: absolute; top: 50%; left: 50%; margin: 27px 0 0 -78px; text-decoration: none; color: #fff; opacity: 0.4; outline: none; z-index: 1; animation: scale 1.5s linear infinite; }
.header .btn-play:hover { opacity: 1; }
.header .btn-play span { position: relative; top: 70px; left: 185px; }
.header .action-down { background: url(images/action-down.png); width: 24px; height: 204px; position: absolute; left: 50%; bottom: 44px; margin-left: -12px; opacity: 0.4; cursor: pointer; z-index: 1; animation: posMouse 1s linear infinite; }
.header .action-down:hover { opacity: 1; }
.header .btn-faq { background: url(images/ico-faq.png) no-repeat top center; font-size: 14px; font-weight: bold; text-decoration: none; position: absolute; left: calc(100% + 60px); top: 62px; padding: 46px 0 0; color: #e9c312; z-index: 802; }
.header .btn-faq:hover { color: #fff;  background: url(images/ico-faq-white.png) no-repeat top center; }

@keyframes posMouse {
	0%,100% { transform: translateY(0); }
	50% { transform: translateY(10px);}
}

@keyframes scale {
	0%,100% { transform: scale(1); }
	50% { transform: scale(1.05);}
}

.about { padding: 110px 0; }
.about .left { width: calc(55% - 5px); float: left; max-width: 600px; font-size: 18px; line-height: 30px; font-weight: 300; }
.about .right { float: right; width: calc(45% - 5px); max-width: 490px; text-align: right; }
.about .image { background: url(images/about-frame.png) no-repeat top left; padding: 10px 0 0 10px; display: inline-block; }
.about .image img { max-width: 100%; vertical-align: bottom; }
.about .slimScrollDiv { padding-right: 25px; }

.mobile-nav { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: #29387e; z-index: 998; padding: 24px 15px; text-align: right; opacity: 0; visibility: hidden; transition: all 0.3s ease; display: none; }
.mobile-nav.active { opacity: 1; visibility: visible; }
.mobile-nav .close { background: url(images/ico-close2.png); width: 25px; height: 24px; display: inline-block; cursor: pointer; margin: 0 0 10px;}
.mobile-nav ul { list-style: none; }
.mobile-nav li { }
.mobile-nav li a { display: block; color: #fff; font-size: 24px; font-weight: 300; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 12px 0; }
.mobile-nav li:last-child a { border: 0; color: #e9c312; font-weight: normal; font-size: 18px; }
.mobile-nav .ico-faq { background: url(images/ico-faq.png); width: 25px; height: 29px; background-size: 100% 100%; margin: -5px 10px 0 0; display: inline-block; vertical-align: middle; }


.title { color: #282828; font-size: 30px; font-weight: bold; text-transform: uppercase; position: relative; margin-bottom: 55px; padding-left: 18px; line-height: normal; }
.title:before { content: ''; background: url(images/title.png); width: 97px; height: 57px; position: absolute; left: 0; top: -9.5px; }
.title sup { position: absolute; font-size: 16px; margin: 5px 0 0 2px; }

.kotel { padding: 52px 0 52px; background: url(images/kotel.jpg) no-repeat top center; min-height: 467px; }
.kotel .left { float: left; width: 100%; max-width: 400px;  }
.kotel .right { float: right; width: calc(100% - 410px); max-width: 660px; }
.kotel .right .heading { color: #fff; text-transform: uppercase; font-size: 40px; font-weight: 100; }
.kotel .right .heading b { display: block; font-size: 48px; line-height: 48px; }
.kotel .right .desc { color: #b3b8d0; font-size: 14px; margin: 5px 0 20px; }
.kotel .right .btn-play { display: inline-block; width: 204px; height: 49px; line-height: 47px; border-radius: 47px; border: 2px solid #fff; color: #fff; text-decoration: none; font-size: 18px; padding-left: 26px; margin-bottom: 26px; position: relative; }
.kotel .right .btn-play:after { content: ''; background: url(images/ico-play2.png); width: 49px; height: 49px; border-radius: 100%; position: absolute; right: -2px; top: -2px; }
.kotel .right .btn-play:hover { background: rgba(255,255,255,0.1); }
.kotel .right .btn-faq { display: inline-block; vertical-align: middle; text-decoration: none; margin: 0 0 0 25px; color: #e9c312; font-weight: bold; font-size: 14px; }
.kotel .right .btn-faq .ico { background: url(images/ico-faq.png); width: 32px; height: 37px; display: inline-block; vertical-align: middle; margin: -3px 10px 0 0; transition: all 0.3s ease; }
.kotel .right .btn-faq:hover { color: #fff; }
.kotel .right .btn-faq:hover .ico { background: url(images/ico-faq-white.png); }
.kotel .sub-heading { font-size: 24px; color: #f7d225; font-weight: bold; margin-bottom: 26px; }
.kotel .complect .item { float: left; width: 50%; color: #fff; font-size: 14px; margin-bottom: 30px; }
.kotel .complect .item:nth-child(2n) { float: right; max-width: 260px; }
.kotel .complect .item b { display: block; margin: 0 0 3px; }
.kotel .complect .item .ico { display: inline-block; vertical-align: top; width: 40px; margin: -8px 0 0; }
.kotel .complect .item .info { display: inline-block; vertical-align: top; width: calc(100% - 44px); }
.kotel .price { margin: 35px 0 0 }
.kotel .price .sum { font-size: 48px; font-weight: bold; color: #282828; display: inline-block; vertical-align: middle; }
.kotel .btn-border { display: inline-block; vertical-align: middle; height: 59px; border-radius: 4px; border: 2px solid #e9c312; padding: 0 30px; line-height: 57px; text-decoration: none; color: #282828; font-size: 18px; margin: 2px 0 0 40px; }
.kotel .btn-border:hover { background: #e9c312; }
.kotel .box { height: 507px; max-width: 400px; border-radius: 4px; background: #f7d225; border: 2px solid rgba(200,185,118,0.35); position: relative; margin-bottom: 23px; overflow: hidden; }
.kotel .box .item { position: relative; height: 507px; display: table; width: 100%; text-align: center; }
.kotel .box .item .align { display: table-cell; vertical-align: middle; }
.kotel .box .item .align img { max-width: 100%; }
.kotel .box .item.item3d:after { content: ''; background: url(images/3d.png); width: 105px; height: 40px; position: absolute; left: 50%; margin-left: -52px; top: 440px; }
.kotel .left { text-align: center; }
.kotel .left .box .item.item3d { padding-bottom: 60px; }
.kotel .left .box .item { display: none; }
.kotel .left .box .item.active { display: table; }
.kotel .left .container { width: calc(100% - 110px); display: inline-block; vertical-align: middle; }
.kotel .left .list .item { height: 70px; position: relative; overflow: hidden; }
.kotel .left .list .item.active { border: 2px solid #253581; }
.kotel .left .list .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; }
.kotel .left .prev { height: 70px; width: 31px; background: #f0e7e7 url(images/ico-kotel-prev.png) no-repeat center; cursor: pointer; border-radius: 4px; display: inline-block; vertical-align: middle; opacity: 0.6; margin: 0 6px 0 0; }
.kotel .left .prev:hover { opacity: 1; }
.kotel .left .next { height: 70px; width: 31px; background: #f0e7e7 url(images/ico-kotel-next.png) no-repeat center; cursor: pointer; border-radius: 4px; display: inline-block; vertical-align: middle; opacity: 0.6; margin: 0 0 0 6px; }
.kotel .left .next:hover { opacity: 1; }
.kotel .mobile .heading { color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 100; }
.kotel .mobile .heading b { display: block; font-size: 38px; line-height: 38px; }
.kotel .mobile .desc { color: #b3b8d0; font-size: 14px; margin: 5px 0 20px; }


.attr { padding: 90px 0; }
.attr .tabs { margin-bottom: 30px; }
.attr .tabs a { margin: 0 30px 20px 0; display: inline-block; color: #9d9d9d; font-size: 16px; text-decoration: none; position: relative; transition: none; }
.attr .tabs a.active { font-weight: bold; color: #282828; }
.attr .tabs a:after { content: ''; width: 100%; height: 2px; background: #ffdc37; position: absolute; bottom: -12px; left: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.attr .tabs a.active:after { bottom: -5px; opacity: 1; visibility: visible; }
.attr .tabs a:last-child { margin-right: 0; }

.attr .list .item { color: #5e5e5e; font-size: 15px; padding: 8px 0 6px; border-bottom: 1px solid #999999; }
.attr .list .item .left { float: left; width: 50%; padding-right: 5px; }
.attr .list .item .right { float: right; width: 50%; padding-left: 5px; }
.attr .list .item:last-child { border: 0; }


.item-green { width: 29px; height: 15px; display: inline-block; vertical-align: middle; border-radius: 4px; background: #11c132; margin: -3px 0 0 10px; }


.tab-content { height: 0; overflow: hidden; }
.tab-content .item { transition: all 0.6s ease; opacity: 0; transform: rotateX(90deg); transform-origin: top; }
.tab-content.active .item { opacity: 1; transform: rotateX(0)}
.tab-content.active { height: auto; }


.special { background: url(images/special.jpg) no-repeat center; min-height: 800px; padding: 50px 0; text-align: center; background-attachment: fixed;  background-size: cover; }
.special .products { display: inline-block; vertical-align: middle; }
.special .products .item { display: inline-block; vertical-align: top; text-align: left; position: relative; }
.special .products .item:first-child { margin-right: 60px; }
.special .products .item:first-child:after { content: ''; background: url(images/ico-plus.png); width: 109px; height: 109px; position: absolute; top: 135px; right: -85px; z-index: 1; }
.special .products .item .box { width: 260px; height: 400px; border: 2px solid rgba(233,195,18,0.3); background: #343535; text-align: center; padding: 10px 0 0; margin-bottom: 20px; }
.special .products .item .image { height: 280px; position: relative; }
.special .products .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.special .products .item .price { font-size: 36px; font-weight: bold; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); max-width: 176px; margin: 0 auto 6px; padding-bottom: 2px; position: relative; }
.special .products .item .price:after { content: ''; width: 133px; height: 3px; background: #e9c312; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -66px; }
.special .products .item .name { font-size: 18px; color: #fff; }
.special .products .sub-item { font-size: 14px; color: #fff; margin-bottom: 24px; }
.special .products .sub-item .heading { font-weight: bold; margin-bottom: 8px; }
.special .products .sub-item .heading .ico { display: inline-block; vertical-align: middle; margin: -1px 2px 0 0; width: 40px; height: 30px; position: relative; }
.special .products .sub-item .heading .ico img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.special .products .sub-item:last-child { margin-bottom: 0; }
.special .products .sub-item .desc { line-height: 16px; min-height: 16px; }
.special .total { display: inline-block; vertical-align: top; text-align: left; margin: 115px 0 0 50px; }
.special .total .heading { color: #fff; font-weight: 100; letter-spacing: 0.12em; font-size: 30px; text-transform: uppercase; margin-bottom: 16px; }
.special .total .ico { background: url(images/ico-eq.png); width: 55px; height: 29px; display: inline-block; margin: -10px 45px 0 0; vertical-align: middle; }
.special .total .num { font-size: 65px; font-weight: bold; color: #fff;  }
.special .total .num span { font-size: 35px; font-weight: 100; }
.special .total .btn { float: right; width: 196px; height: 59px; line-height: 59px; text-align: center; text-decoration: none; color: #fff; font-size: 18px; background: #e9c312; border-radius: 5px; margin: 14px 0 0; }
.special .total .btn:hover { background: #fcd624; }



.services { background: #f9f9f9; padding: 90px 0; }

.benefits { text-align: center; margin: 100px 0 0;  }
.benefits .item { float: left; width: 25%; font-size: 17px; }
.benefits .item .image { max-width: 154px; height: 154px; position: relative; margin: 0 auto 25px; background: url(images/corn-top.png) no-repeat top left, url(images/corn-bottom.png) no-repeat bottom right; }
.benefits .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.benefits .item .desc { max-width: 240px; margin: 0 auto; }


.cases { text-align: center; padding: 130px 0; }
.cases .title { display: inline-block; }
.cases .list { text-align: center; margin-bottom: 60px; }
.cases .list .container { max-width: 850px; width: calc(100% - 220px); display: inline-block; vertical-align: middle; margin: 0 auto; position: relative; }
.cases .list .item { opacity: 0.3; width: 85px; position: relative; height: 70px; }
.cases .lits .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; }
.cases .list .item.active { opacity: 1; }
.cases .list .prev { background: url(images/js-list-prev.png); width: 82px; height: 35px; display: inline-block; vertical-align: middle; margin: 1px 20px 0 0; cursor: pointer; opacity: 0.6; }
.cases .list .next { background: url(images/js-list-next.png); width: 82px; height: 35px; display: inline-block; vertical-align: middle; margin: 1px 0 0 20px; cursor: pointer; opacity: 0.6; }
.cases .list .prev:hover, .cases .list .next:hover { opacity: 1; }


.slide-item { height: 0; overflow: hidden; }
.slide-item.active { height: auto; }
.slide-item > .left { float: left; width: calc(45% - 5px); text-align: left; max-width: 517px; }
.slide-item > .right { float: right; width: calc(55% - 5px); text-align: left; max-width: 606px; }
.slide-item .heading:not(.sub-item) { padding-left: 35px; font-size: 28px; font-weight: 500; margin-bottom: 6px; }
.slide-item .desc { color: #6f6a6a; padding: 12px 20px 10px; border: 2px solid #ebebeb; margin-bottom: 15px; }
.slide-item .sub-item { padding-left: 30px; position: relative; font-size: 15px; }
.slide-item .container { margin-bottom: 30px; position: relative; }
.slide-item .sub-item.heading { font-weight: 500; font-size: 16px; padding-left: 40px; margin-bottom: 5px; }
.slide-item .container:after { content: ''; width: 1px; height: calc(100% - 20px); top: 10px; background: #d4d1d1; position: absolute; }
.slide-item .sub-item:before { content: ''; background: #d4d1d1; width: 28px; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.slide-item .sub-item.heading:before { width: 35px; }
.slide-item .link { margin: -15px 0 0 30px; border-top: 1px solid #d4d7dd; padding: 14px 0 0; }
.slide-item .link a { color: #283675; text-decoration: none; }
.slide-item .link .ico { background: url(images/ico-link.png); width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin: -3px 10px 0 0; }
.slide-item .photos img { width: 100%; vertical-align: bottom; }
.slide-item .photos { padding: 8px; background: url(images/photos-left.png) no-repeat left top,  url(images/photos-right.png) no-repeat right bottom; }


.ideal { background: url(images/ideal.jpg) no-repeat center; padding: 110px 0; background-attachment: fixed;  background-size: cover;  }
.ideal .title { color: #fff; }
.ideal .item { float: left; width: 25%; text-align: center; color: #ffffff; font-weight: bold; margin: 68px 0 0; position: relative; }
.ideal .item .image { position: relative; height: 150px; margin-bottom: 8px; }
.ideal .item .desc { max-width: 240px; margin: 0 auto; }
.ideal .item:before { content: ''; width: 1px; height: 64px; position: absolute; left: 0; top: 50px; background: rgba(255,255,255,0.3); }
.ideal .item:last-child:after { content: ''; width: 1px; height: 64px; position: absolute; right: 0; top: 50px; background: rgba(255,255,255,0.3); }


.reviews { padding: 110px 0; }
.reviews .container { max-width: 1060px; margin: 0 auto; }
.reviews .item { margin-bottom: 18px; background: #f9f9f9; padding: 25px; position: relative; border-radius: 4px; }
.reviews .item:after { content: ''; background: url(images/ico-qoute.png); width: 14px; height: 11px; position: absolute; bottom: 13px; right: 20px; }
.reviews .item .text { margin-bottom: 10px; line-height: 24px; }
.reviews .item .avatar { display: inline-block; vertical-align: middle; width: 60px; height: 60px; border-radius: 100%; border: 2px solid #bcaeae; }
.reviews .item .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.reviews .item .desc { display: inline-block; vertical-align: middle; width: calc(100% - 70px); margin: 3px 0 0 4px; color: #827777; font-size: 14px; }
.reviews .item .desc .name { color: #282828; font-weight: 500; font-size: 16px; }

.delivery .video_item > p > iframe {width: 100%; height: 260px; max-width: 500px;}
.delivery .slider-video .slick-dots{position:absolute;list-style-type:none;display:flex;z-index:2;bottom: -10%;transform:translateY(-50%);left:50%;transform:translateX(-50%)}
.delivery .slider-video .slick-dots li{margin:0 3px;width:16px;height:16px;border:3px solid #e1e1e1;background-color:#e1e1e1;border-radius:100%;z-index:2}
.delivery .slider-video .slick-dots .slick-active{border:3px solid #e9c312;background-color:#ffffff;}
.delivery .slider-video .slick-dots button{display:none}

.delivery { background: #f9f9f9; padding: 70px 0 60px; text-align: center; }
.delivery .title { display: inline-block; }
.delivery .list { max-width: 1060px; margin: 0 auto; }
.delivery .item { text-align: left; margin-bottom: 30px; }
.delivery .item:last-child { margin-bottom: 0; }
.delivery .item .image { width: 226px; height: 144px; position: relative; border: 2px solid #e1e1e1; display: inline-block; vertical-align: top; }
.delivery .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.delivery .item .desc { width: calc(100% - 246px); display: inline-block; vertical-align: top; margin: 0 0 0 14px; line-height: 24px; font-size: 15px; }

.mobile { display: none; }

.footer { padding: 50px 0; }
.footer .col { width: 30%; float: left; }
.footer .logo { background: url(images/logo-third.png); width: 143px; height: 33px; display: block; background-size: 100% 100%; margin-bottom: 10px; }
.footer .adress { font-size: 15px; line-height: 18px; }
.footer .col:last-child { width: 10%; }
.footer .tel { margin: 16px 0; }
.footer .tel a { color: #282828; font-size: 15px; text-decoration: none; }
.footer .tel .ico-tel { background: url(images/ico-tel-grey.png); width: 16px; height: 28px; display: inline-block; vertical-align: middle; margin: -2px 24px 0 0; }
.footer .tel .subdesc { display: inline-block; vertical-align: middle; margin: -4px 0 0; }
.footer .mail { }
.footer .mail .ico-mail { background: url(images/ico-mail-grey.png); width: 30px; height: 27px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.footer .mail a { color: #282828; font-size: 14px; text-decoration: none; }
.footer .btn { width: 196px; height: 59px; line-height: 59px; border-radius: 4px; text-decoration: none; color: #282828; font-size: 18px; font-weight: bold; background: #e9c312; display: block; text-align: center; margin-bottom: 10px; }
.footer .btn:hover { background: #fbd524; }
.footer .desc { opacity: 0.6; font-size: 14px; max-width: 196px; }
.footer .btn-totop { background: #8088af url(images/ico-totop.png) no-repeat center; width: 72px; height: 41px; border-radius: 41px; display: inline-block; cursor: pointer; }
.footer .btn-totop:hover { background: #8f97be url(images/ico-totop.png) no-repeat center; }


.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(35,32,32,0.5); opacity: 0; visibility: hidden; transition: all 0.5s ease; overflow: auto; }
.overlay.active { opacity: 1; visibility: visible; }


.popup { position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); background: #fff; width: calc(100% - 20px); max-width: 1140px; padding: 50px 50px 50px; box-shadow: 0 0 180px rgba(0,0,0,0.39); opacity: 0; visibility: hidden; transition: all 0.5s ease; height: 0; overflow: hidden; }
.popup.active { opacity: 1; visibility: visible; top: 50%; height: auto; }
.popup .container { max-width: 874px; margin: 0 auto; }
.popup .heading { color: #232020; font-size: 40px; font-weight: bold; margin-bottom: 85px; }
.popup .close { background: url(images/ico-close.png); width: 20px; height: 20px; position: absolute; right: 40px; top: 40px; cursor: pointer;}


.form { text-align: center; }
.form .item { margin-bottom: 36px; position: relative; }
.form .item .input { width: 100%; border: 0; outline: none; font-family: inherit; height: 50px; font-size: 20px; font-weight: bold; color: #252525; padding: 0 10px; border-bottom: 1px solid #c2c2c2; }
.form .btn { width: 196px; height: 59px; line-height: 56px; border-radius: 4px; text-align: center; display: block; margin: 50px auto 0; cursor: pointer; border: 2px solid #e9c312; background: none; color: #282828; font-size: 18px; font-weight: 500; font-family: inherit; transition: all 0.3s ease; outline: none; }
.form .btn:hover { background: #e9c312; }
.form .item .input.error { border-color: #ff6000 !important; }
.form .item .error-text { position: absolute; right: 10px; bottom: 7px; color: #ff6000; font-size: 16px; font-weight: 500; }
.form .sub-heading { text-align: left; font-weight: bold; font-size: 18px; padding-left: 10px; margin: 40px 0 45px; }


.delivery-list { text-align: left; border-bottom: 1px solid #c2c2c2; padding-bottom: 22px; }
.delivery-list .item { display: inline-block; vertical-align: top; margin: 0 25px 15px 0; }
.delivery-list .item:last-child { margin-right: 0; }

label { cursor: pointer; }
input[type=radio] { display: none; }
input[type=radio] + span { width: 16px; height: 16px; border: 4px solid #ebebeb; border-radius: 100%; display: inline-block; vertical-align: top; background: #ebebeb; margin: 1px 16px 0 0; }
input[type=radio]:checked + span { background: #707070; }
input[type=radio] + span + .desc { display: inline-block; vertical-align: top; font-weight: 500; }
input[type=radio] + span + .desc img { position: relative; top: -8px; }

::-webkit-input-placeholder { transition: all 0.3s ease; color: #cecece; }
::-moz-placeholder { transition: all 0.3s ease; color: #cecece; }
:-ms-input-placeholder { transition: all 0.3s ease; color: #cecece; }
:-moz-placeholder { transition: all 0.3s ease; color: #cecece; }

:focus::-webkit-input-placeholder { opacity: 0; }
:focus::-moz-placeholder  { opacity: 0; }
:focus:-ms-input-placeholder { opacity: 0; }
:focus:-moz-placeholder { opacity: 0; }

.typed-cursor { display: none; }

.mobile { display: none; }

.studio { background: #3247ab; padding: 10px 0; font-size: 13px; text-align: center; }
.studio a { color: #fff; }

@media(min-width: 320px) {
	.topbar.active { background: #fff; padding: 23px 0 0; box-shadow: 0 14px 79px rgba(23,32,70,0.13); }
	.topbar.active .logo { background: url(images/logo-second.png); }
	.topbar.active .nav ul li a { color: #282828; }
	.topbar.active .nav ul li a:after { background: #282828; height: 4px; }
	.topbar.active .tel .ico { background: url(images/ico-tel-blue.png); }
	.topbar.active .tel .info .num a { color: #282828; }
	.topbar.active .tel .info .link { color: #3247ab; }
	.topbar.active .mail .ico { background: url(images/ico-mail-blue.png); }
	.topbar.active .mail .info a { color: #282828; }	
}


@media(max-width:1560px) {
	.topbar .logo { left: 0; position: static; }
	.topbar .nav { margin: 22px 0 0 40px; }
}

@media(max-width:1460px) {
	.header .btn-faq { display: none; }	
	
}

@media(max-width: 1100px) {
	.special .total { margin-left: 30px; }
}

@media(max-width: 1060px) {
	.topbar .tel { margin-right: 0; }
	.topbar .mail { display: none; }
	
	.kotel { background-size: auto 100%; }
	.kotel .left { float: none; margin: 0 auto 30px; }
	.kotel .right { float: none; text-align: center; max-width: none; width: 100%; }
	.kotel .right .btn-play { text-align: left; margin: 0 auto 26px; }
	.kotel .complect .item .ico { display: block; margin: 0 auto 10px; height: 34px; }
	.kotel .price .sum { color: #fff; }
	.kotel .btn-border { color: #fff; }
	
	.special { min-height: 0; }
	.special .total { display: block; margin: 30px 0 0; text-align: center; }
	.special .products .list { display: none; }
	.special .total .btn { float: none; display: inline-block; }
	.special .total .ico { display: none; }
	
	.desctop { display: none; }
	.mobile { display: block; }
}



@media(max-width: 960px) {
	.topbar {  padding: 15px 0 0; }
	.topbar .logo { background: url(images/ico-logo.png); width: 41px; height: 42px; }
	.topbar.active { height: 72px; padding: 15px 0 0; }
	.topbar.active .logo { background: url(images/ico-logo.png); width: 41px; height: 42px; }
	.topbar .nav { display: none; }
	.topbar .right { margin: 8px 0 0;; }
	.topbar .tel { font-size: 18px; margin: -2px 0 0; }
	.topbar .tel .ico { display: none; }
	.topbar .tel .link { display: none; }
	.topbar .nav-resize { background: url(images/nav-resize.png); width: 40px; height: 22px; float: left; cursor: pointer; margin: 0 0 0 20px; }
	.topbar.active .nav-resize { background: url(images/nav-resize-black.png); }
	
	.header .main-width { padding: 100px 0 0; min-height: 540px; }
	.header .welcome { text-align: center; margin: 0 0 0; padding: 0 10px; }
	.header .welcome .sep { margin: 25px auto; }
	.header .welcome h1 { font-size: 28px; }
	.header .welcome h2 { font-size: 20px; }
	.header .welcome .desc { font-size: 16px; }
	.header .action-down { display: none; }
	.header .btn-play { margin-top: 55px; }
	.header .first-line { width: 3px; height: 179px; top: 200px; bottom: auto; }
	.header .second-line { width: 3px; height: 179px; top: 90px; }
	
	.about .left { width: 100%; max-width: none; font-size: 16px; }
	.about .right { display: none; }
	
	.attr { display: none; }
	
	.services, .cases, .about, .reviews, .ideal { padding: 60px 0 50px; }
	
	.title:before { height: 52px; background-size: 100% 100% !important; }
	
	.footer .col:nth-child(2), .footer .col:nth-child(3) { display: none; }
	.footer .col:first-child { width: auto; }
	.footer .col:last-child { width: auto; float: right; }
	
	.mobile-nav { display: block; }
}


@media(max-width: 840px) {
	
}


@media(max-width: 768px) {
	
	.benefits { margin-bottom: -20px; margin-top: 40px; }
	.benefits .item { width: 50%; margin-bottom: 20px; }
	
	.slide-item > .left { float: none; width: 100%; max-width: none; margin-bottom: 30px; }
	.slide-item > .right { width: 100%; float: none; max-width: none; }
	.slide-item .sub-item { padding-left: 0 !important; }
	.slide-item .sub-item:before { display: none; }
	.slide-item .container:after { display: none; }
	.slide-item .link { margin: -15px 0 0; }
	.slide-item .heading:not(.sub-item) { padding-left: 0; }
	
	.ideal { background-size: auto 100%; }
	.ideal .item { width: 50%; }
	.ideal .item:before, .ideal .item:after { display: none; }
	.delivery .item .desc { display: none; }
	
	.delivery { text-align: center; }
	.delivery .item { display: inline-block; margin: 0 10px; }
	
	.error-text { display: none; }
}


@media(max-width: 640px) {
	.header .btn-play { background: url(images/ico-play3.png) no-repeat center; }
	.header .btn-play span { display: none; }
	
	.complect { display: none; }
	.kotel .price .sum { display: block; margin: 0 0 20px;  }
	.kotel .price .btn-border { margin: 0; }
	.kotel .right .heading, .kotel .mobile .heading { font-size: 26px; }
	.kotel .right .heading b, .kotel .mobile .heading b { font-size: 28px; line-height: 30px; }
	
	.special .total { margin: 30px 0 0; }
	.special .total .num { font-size: 45px; }
	.special .total .heading { font-size: 25px; }
	.special .products .item .box { width: 140px; height: 300px;  }
	.special .products .item .box .image { height: 215px; }
	.special .products .item .box .image img { max-width: 90%; max-height: 90%; }
	.special .products .item .price { font-size: 26px; max-width: 120px; }
	.special .products .item .price:after { width: 100px; margin-left: -50px; }
	.special .products .item .name { font-size: 14px; }
	.special .products .item:first-child { margin-right: 6px;}
	.special .products .item:first-child:after { width: 55px; height: 55px; background-size: 100% 100%; top: 122px; right: -32px; }
	
	.cases .list .prev, .cases .list .next { display: none; }
	.cases .list .container { width: 100%; }

	.ideal .item { font-size: 14px; font-weight: normal; margin-top: 30px; }
	.ideal .item .image { height: 120px; }
	.ideal .item .image img { max-width: 70%; }
	.ideal .title { font-size: 20px !important; margin-bottom: 30px; }
	.ideal .title:before { display: none; }
	
	.delivery .item .image { width: 130px; height: 100px; }
	.delivery .item .image img { max-width: 80%; }
	
	.popup { padding: 30px 20px; }
	.popup .close { right: 10px;  top: 10px; }
	.popup .heading { font-size: 30px; margin-bottom: 30px; }
	
	.header video { width: 960px; margin-left: -320px; transform: translateX(0); }
}

@media(max-width: 480px) {
	
	.header .welcome h1 { font-size: 18px; }
	.header .welcome h2 { font-size: 16px; margin: 6px 0 0;  }
	
	.benefits .item .desc { font-size: 14px; }
	.benefits .item .image { max-width: 80%; height: 100px;  }
	.benefits .item .image img { max-width: 50%; }
	
	.delivery .item { margin: 0 5px; }
	
	.header { background: url(images/header.jpg) no-repeat center top; background-size: cover; }
	.header video { display: none; }
	
	.kotel .right .btn-faq { display: block; margin: 0 0 0; }

	.delivery .video_item > p > iframe {height: 200px;}
}


@media(max-height: 840px) {
	body.active { overflow: hidden; }
	.popup#order { top: -30px; margin-bottom: 10px; transform: translateX(-50%); }
	.popup#order.active { top: 10px; }
}

@media(max-height: 500px) {
	.popup { top: -30px; margin-bottom: 10px; transform: translateX(-50%); }
	.popup.active { top: 10px; }
}