@font-face{font-family:proxima_nova;font-style:normal;font-weight:200;src:url(../fonts/proxima/proxima_nova_light-webfont.woff2) format("woff2"),url(../fonts/proxima/proxima_nova_light-webfont.woff) format("woff")}
@font-face{font-family:proxima_nova;font-style:normal;font-weight:400;src:url(../fonts/proxima/proxima_nova_reg-webfont.woff2) format("woff2"),url(../fonts/proxima/proxima_nova_reg-webfont.woff) format("woff")}
@font-face{font-family:proxima_nova;font-style:normal;font-weight:600;src:url(../fonts/proxima/proxima_nova_sbold-webfont.woff2) format("woff2"),url(../fonts/proxima/proxima_nova_sbold-webfont.woff) format("woff")}
@font-face{font-family:proxima_nova;font-style:normal;font-weight:800;src:url(../fonts/proxima/proxima_nova_bold-webfont.woff2) format("woff2"),url(../fonts/proxima/proxima_nova_bold-webfont.woff) format("woff")}
*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}
html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{background-color:#000;color:#000;font-family:proxima_nova,Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}
body,html{height:100%;min-width:340px}
img{height:auto;max-width:100%}
a{color:#c3b16f;text-decoration:none}
.c-frame{margin-left:auto;margin-right:auto;max-width:1000px}
.nav__list{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}
.c-frame{padding-left:35px;padding-right:35px}
.c-frame::after{clear:both;content:"";display:block}
@media screen and (max-width:850px){
.c-frame{padding-left:20px;padding-right:20px}
}
@media screen and (max-width:850px){
.hide-on-mobiles{display:none!important}
}
@media screen and (min-width:851px){
.hide-on-desktop{display:none!important}
}
.grid{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (max-width:850px){
.grid{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.grid--stretch{height:100%}
.grid__col--center{-ms-flex-item-align:center;align-self:center}
.grid__col--bottom{-ms-flex-item-align:end;align-self:flex-end}
.grid__col--40{width:40%}
.grid__col--42{width:42%}
.grid__col--49{width:49%}
.grid__col--51{width:51%}
.grid__col--58{width:58%}
.grid__col--60{width:60%}
@media screen and (max-width:850px){
.step .grid .grid__col{padding:0;width:100%}
}
.header{background-color:#000;height:76px;padding-bottom:18px;padding-top:18px}
.header__logo{float:left}
.header__links{float:right}
.header__nav{float:left}
.header__btn{float:left;margin-left:48px}
@media screen and (max-width:850px){
.header__btn{margin-left:20px}
}
.logo__link{display:block}
.logo__img{display:block;height:100%}
@media screen and (min-width:851px){
.logo__img--desktop{display:block}
}
@media screen and (max-width:850px){
.logo__img--desktop{display:none}
}
@media screen and (min-width:851px){
.logo__img--mobile{display:none}
}
@media screen and (max-width:850px){
.logo__img--mobile{display:block;position:relative;top:-7px}
}
.nav__list{font-size:19px;line-height:2;text-transform:uppercase}
.nav__list::after{clear:both;content:"";display:block}
.nav__item{float:left}
.nav__link{color:#c3b16f;display:block;padding-left:10px;padding-right:10px;text-decoration:none;-webkit-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out}
.nav__link:hover{color:#fff}
.btn{border:1px solid #c3b16f;color:#c3b16f;display:block;font-size:19px;line-height:2;padding-left:10px;padding-right:10px;text-decoration:none;text-transform:uppercase;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.btn:hover{background:#c3b16f;color:#000}
.main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:calc(100% - 162px);overflow:hidden}
.step{overflow:hidden;position:relative;width:100%}
.step .c-frame{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative}
.step__phone{float:right}
.step--0{background-color:#000;background-image:url(../images/bg/bg-step-0.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}
.step--0 .grid{padding-bottom:40px;padding-top:40px}
@media screen and (max-width:850px){
.step--0 .grid{padding-bottom:20px;padding-top:20px}
}
.step--1{background-color:#f4f4f4}
.step--1 .grid{padding-bottom:40px;padding-top:40px}
.step--1::before{background-color:#efeeed;content:"";height:100%;position:absolute;right:57.5%;top:0;-webkit-transform:skew(55deg);-ms-transform:skew(55deg);transform:skew(55deg);width:200%}
@media screen and (max-width:850px){
.step--1{background-image:url(../images/bg/bg-step-1.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}
.step--1::before{display:none}
.step--1 .grid{padding-bottom:20px;padding-top:20px}
}
.step--2{background-color:#d8d5ce}
.step--2 .grid{padding-bottom:40px;padding-top:40px}
.step--2::before{background-color:#d1cec7;content:"";height:100%;position:absolute;right:45%;top:0;-webkit-transform:skew(-52deg);-ms-transform:skew(-52deg);transform:skew(-52deg);width:200%}
.step--2 .step__num{margin-bottom:36px}
.step--2 .step__title{margin:0 0 16px}
.step--2 .grid__col--58{padding-left:40px}
@media screen and (max-width:850px){
.step--2 .grid{padding-bottom:20px;padding-top:20px}
.step--2 .grid__col--58{padding-left:0}
}
.step--3{background-color:#e8e7e6}
.step--3 .grid{padding-top:40px}
.step--3::before{background-color:#efeeed;content:"";height:100%;position:absolute;right:66%;top:0;-webkit-transform:skew(55deg);-ms-transform:skew(55deg);transform:skew(55deg);width:200%}
.step--3 .step__title{margin:0 0 3px}
.step--3 .grid__col--51{padding-bottom:100px}
.step--3 .grid__col--49{padding-left:89px}
@media screen and (max-width:850px){
.step--3 .grid{padding-bottom:20px;padding-top:20px}
.step--3 .grid__col{-ms-flex-item-align:center;align-self:center}
}
.step--4{background-color:#e2dfd7}
.step--4::before{background-color:#dddad4;content:"";height:100%;position:absolute;right:35%;top:0;-webkit-transform:skew(-55deg);-ms-transform:skew(-55deg);transform:skew(-55deg);width:200%}
.step--4 .grid{padding-top:40px}
.step--4 .grid__col--60{padding-bottom:100px}
.step--4 .grid__col--40{padding-right:25px}
.step--4 .step__title{margin:0 0 11px}
.step--4 .step__subtitle+.step__subtitle{margin-top:16px}
.step--4 .step__subtitle:last-of-type{margin-bottom:18px}
.step--4 .picture{float:right}
@media screen and (max-width:850px){
.step--4 .grid{padding-bottom:40px;padding-top:20px}
.step--4 .grid__col--60{-ms-flex-item-align:center;align-self:center}
.step--4 .step__subtitle+.step__subtitle{margin-top:40px}
}
.step__progress{text-align:center}
.step__num{font-size:23px;font-weight:600;letter-spacing:5px;margin-bottom:23px;text-transform:uppercase}
.step__title{font-size:32px;font-weight:800;letter-spacing:5px;line-height:1.218;margin:0 0 25px;text-transform:uppercase}
.step__subtitle{font-size:18px;font-weight:600;letter-spacing:3px;line-height:1.16;text-transform:uppercase}
.step__subtitle--margin{margin-bottom:44px}
.step__subtitle--arrow{position:relative}
.step__subtitle--arrow::after{background-image:url(../images/bg/bg-arrow.svg);bottom:-20px;content:"";height:65px;left:-33px;position:absolute;width:146px}
.step__buttons{text-align:center}
.step__button{background:#c3b16f;border:1px solid #c3b16f;color:#000;display:inline-block;font-size:21px;font-weight:800;letter-spacing:2px;padding:9px 28px 5px 10px;position:relative;text-decoration:none;text-transform:uppercase;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.step__button::after,.step__button::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;top:53%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:0}
.step__button::after{border-color:transparent;border-left-color:#c3b16f;border-width:4px;margin-top:-4px;right:14px}
.step__button::before{border-color:transparent;border-left-color:#000;border-width:8px;margin-top:-8px;right:6px}
.step__button:hover{background:#000;color:#c3b16f}
@media screen and (max-width:420px){
.step__button{display:block}
}
.step__code{float:right}
.step__message{font-size:11px;line-height:1;padding-top:45px}
@media screen and (max-width:850px){
.step__message{padding-top:80px}
}
.text-decorator{position:relative}
.text-decorator::after{background-image:url(../images/bg/bg-text-decorator.svg);bottom:-3px;content:"";height:10px;left:50%;margin-left:-94px;position:absolute;width:181px}
.message-num{display:inline-block;font-size:48px;position:relative}
.message-num i{display:inline-block;font-style:normal;position:relative}
.message-num i::after,.message-num i::before{content:"";position:absolute}
.message-num i::before{background-image:url(../images/bg/bg-arrow-4.png);bottom:-29px;height:44px;left:-90px;width:84px}
.message-num i::after{background-image:url(../images/bg/bg-arrow-5.png);bottom:-13px;height:29px;right:-43px;width:34px}
.message-num::after,.message-num::before{content:"";position:absolute}
.message-num::before{background-image:url(../images/bg/bg-arrow-2.png);height:18px;left:-34px;top:-1px;width:23px}
.message-num::after{background-image:url(../images/bg/bg-arrow-3.png);height:18px;right:-20px;top:1px;width:24px}
.message-num--decorate::before{background-image:url(../images/bg/bg-num-left.png);height:92px;left:-18px;top:-8px;width:105px}
.message-num--decorate::after{background-image:url(../images/bg/bg-num-right.png);height:70px;top:-4px;width:70px}
.message-num--decorate i::after,.message-num--decorate i::before{display:none}
.phone{margin-left:50px;margin-right:50px;position:relative}
.phone__img{display:block}
.phone__video{height:438px;left:15px;overflow:hidden;position:absolute;top:60px;width:250px}
.phone__video video{bottom:0;left:0;position:absolute;right:0;top:0}
.picture{position:relative}
.picture__video{height:425px;left:16px;overflow:hidden;position:absolute;top:60px;width:248px}
.picture__video video{bottom:0;left:0;position:absolute;right:0;top:0}
.picture__img{display:block}
.title{color:#c3b16f;font-size:29px;font-weight:600;letter-spacing:4px;line-height:1.2;margin:0 0 27px;padding-top:12px;text-transform:uppercase}
.title span{color:#ede3c0;display:block;font-size:16px;font-weight:400;letter-spacing:3px;padding-top:11px}
@media screen and (max-width:850px){
.title{font-size:33px;padding-top:0}
.title span{font-size:20px}
.title br{display:none}
}
.features{margin-bottom:21px}
.features__img{display:block}
@media screen and (max-width:850px){
.features__img{margin-left:auto;margin-right:auto}
}
@media screen and (min-width:851px){
.features__img--desktop{display:block}
}
@media screen and (max-width:850px){
.features__img--desktop{display:none}
}
@media screen and (min-width:851px){
.features__img--mobile{display:none}
}
@media screen and (max-width:850px){
.features__img--mobile{display:block}
}
@media screen and (max-width:850px){
.cta-wrap{text-align:center}
}
.cta{background:#c3b16f;border:1px solid #c3b16f;color:#000;display:inline-block;font-size:21px;font-weight:800;letter-spacing:5px;padding:15px 28px 11px 13px;position:relative;text-decoration:none;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.cta::after,.cta::before{border:solid transparent;content:" ";height:0;left:92%;pointer-events:none;position:absolute;top:53%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:0}
.cta::after{border-color:transparent;border-left-color:#c3b16f;border-width:4px;margin-top:-4px}
.cta::before{border-color:transparent;border-left-color:#000;border-width:8px;margin-top:-8px}
.cta:hover{background:#000;color:#c3b16f}
@media screen and (max-width:340px){
.cta{display:block}
}
.brands{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1px;padding-left:18px;padding-top:49px}
.brands::after{clear:both;content:"";display:block}
@media screen and (max-width:850px){
.brands{padding-left:0}
}
.brand{margin-bottom:30px;position:relative;width:50%}
.brand__field{cursor:pointer;height:100%;padding-left:39px;padding-right:15px}
.brand__field label{cursor:pointer;display:inline-block;vertical-align:middle}
.brand__field input{left:0;opacity:0;pointer-events:none;position:absolute;top:0}
.brand__field input+label::after,.brand__field input+label::before{border:1px solid #000;border-radius:50%;content:"";height:23px;left:0;margin-top:-11px;position:absolute;top:50%;width:23px}
.brand__field input+label::after{background-color:#000;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.brand__field input:checked+label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.brand__field img{display:block}
.code{background:#fff;border:1px solid #aaa9a5;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.2);box-shadow:0 0 2px 0 rgba(0,0,0,.2);max-width:326px;min-width:326px;padding-bottom:14px;padding-top:61px;position:relative}
@media screen and (max-width:850px){
.code{margin-bottom:15px;max-width:none;width:100%}
}
.code::before{background-color:#d0cdc6;border:1px solid #aaa9a5;border-radius:50%;content:"";height:22px;left:50%;margin-left:-11px;position:absolute;top:15px;width:22px}
.code__title{font-size:30px;line-height:1.2;padding-left:15px;padding-right:15px;text-align:center;text-transform:uppercase}
.code__title+.code__title{margin-top:27px}
@media screen and (max-width:850px){
.code__title{font-size:22px}
}
.code__placeholder{padding-left:20px;padding-right:20px;padding-top:34px}
.code__placeholder img{display:block;margin-left:auto;margin-right:auto}
.code__value{padding-left:20px;padding-right:20px;text-align:center}
.code__price{font-size:30px;margin-top:56px;padding-top:35px;position:relative;text-align:center}
.code__price::before{border-top:1px dashed #000;content:"";height:1px;left:0;position:absolute;top:0;width:100%}
@media screen and (max-width:850px){
.code__price{font-size:22px;margin-top:20px;padding-top:20px}
}
.internal_box svg{height:100px;width:100%}
.internal_box svg text{display:none}
.page-slider:not(.is-loaded) .swiper-wrapper{height:100%!important}
.page-slider:not(.is-loaded) .step{height:100%}
.page-slider .grid{-webkit-box-sizing:border-box;box-sizing:border-box}
.page-slider .grid *,.page-slider .grid ::after,.page-slider .grid ::before{-webkit-box-sizing:inherit;box-sizing:inherit}
.social-networks::after{clear:both;content:"";display:block}
@media screen and (max-width:850px){
.social-networks{text-align:center}
}
.social-networks__ico{display:inline-block;height:24px;width:24px}
.social-networks__ico+.social-networks__ico{margin-left:8px}
.ico-email{background-image:url(../images/ico/ico-email.svg)}
.ico-facebook{background-image:url(../images/ico/ico-facebook.svg)}
.ico-instagram{background-image:url(../images/ico/ico-instagram.svg)}
.ico-twitter{background-image:url(../images/ico/ico-twitter.svg)}
.product{background:#fff;height:311px;left:26px;overflow-x:hidden;overflow-y:auto;padding:0 2px;position:absolute;top:147px;width:250px}
.product__content::after{clear:both;content:"";display:block}
.product__badge{float:right;padding:33px 4px 9px 9px}
.product__badge img{display:block}
.product__col{float:left}
.product__badge,.product__col{border:2px solid #f8f8f8;width:calc(50% - 5px)}
.product__image{background-position:center;background-repeat:no-repeat;background-size:cover;display:block;height:202px}
.product__brand{font-size:15px;line-height:1.2;margin:0;overflow:hidden;padding:8px 5px 0;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.product__title{font-size:14px;height:32px;line-height:1;margin:0 0 2px;overflow:hidden;padding:3px 5px}
.product__price{color:#c3b16f;font-size:13px;line-height:1;padding:3px 5px}
.product__buttons{overflow:hidden;position:relative}
.product__buttons::before{background:#fff;content:"";height:100%;left:50%;margin-left:-1px;position:absolute;width:2px}
.product__button{float:left;font-size:13px;line-height:25px;padding-top:1px;pointer-events:none;text-align:center;width:50%}
.product__button--gold{background:#c3b16f;color:#fff;text-transform:uppercase}
.product__button--gray{background:#b2b2b0;color:#fff}
.popup{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.5);bottom:0;color:#000;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:99}
.popup--is-active{display:-webkit-box;display:-ms-flexbox;display:flex}
.popup__content{background-color:#fff;border:2px solid #c3b16f;min-width:340px;padding:30px;position:relative}
@media screen and (max-width:850px){
.popup__content{min-width:0}
}
@media screen and (max-width:420px){
.popup__content{width:100%}
}
@media screen and (min-width:851px){
.popup__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.popup__row input{float:left}
@media screen and (max-width:420px){
.popup__row input{float:none}
}
.popup__label{display:block;font-size:18px;margin-bottom:20px;text-align:center}
.popup__input-container{border-radius:0;float:left;padding-right:5px;width:190px}
@media screen and (max-width:420px){
.popup__input-container{float:none;margin-bottom:20px;padding-right:0;width:100%}
}
.popup__input{border:1px solid #c3b16f;border-radius:0;color:#000;font-size:16px;line-height:40px;padding-left:10px;padding-right:10px;text-align:center;width:100%}
.popup__submit-container{padding-top:20px;text-align:center}
.popup__submit{background:#c3b16f;border:0;border-radius:0;color:#fff;cursor:pointer;display:inline-block;font-size:16px;height:44px;line-height:44px;padding:0 40px;text-transform:uppercase;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.popup__submit:hover{background:#000;color:#c3b16f}
@media screen and (max-width:420px){
.popup__submit{display:block;width:100%}
}
.popup__messages{color:red;display:none;font-size:14px;padding-bottom:5px;padding-top:5px;text-align:center}
.popup__close{height:20px;position:absolute;right:10px;top:10px;width:20px}
.popup__close::after,.popup__close::before{background:#000;content:"";height:1px;position:absolute;top:50%;width:100%}
.popup__close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.popup__close::after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.popup__close:hover::after,.popup__close:hover::before{background:#c3b16f}
.footer{background-color:#000;height:86px;padding-bottom:25px;padding-top:25px}
.footer__container{float:right}
.footer__social-networks{float:left;padding-top:5px}
@media screen and (max-width:850px){
.footer__social-networks{float:none}
}
.footer__logo{float:left;margin-left:15px}
.footer__copy{color:#fff;float:left;font-size:13px;padding-top:10px}
/*# sourceMappingURL=app.css.map */
