@charset "UTF-8";
/*задаём иконки с спрайта  .icon-home{ @include sprite($calendar); } */
/* reset */
/* main variables */
body { margin: 0px; padding: 0px; font-family: "CircularStd", sans-serif; background-color: #101010; height: 100%; line-height: 1.5; position: relative; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; font-size: 20px !important; }

/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input, textarea { color: #333; font-family: "CircularStd", sans-serif; outline: none; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"], button { cursor: pointer; }

td { margin: 0px; padding: 0px; }

form { padding: 0px; margin: 0px; }

a { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:hover { color: #00fac9; }

a, span, div, button { outline: none !important; }

input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@font-face { font-family: 'CircularStd'; src: url("../fonts/CircularStd-Book.eot"); src: url("../fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/CircularStd-Book.woff2") format("woff2"), url("../fonts/CircularStd-Book.woff") format("woff"), url("../fonts/CircularStd-Book.ttf") format("truetype"), url("../fonts/CircularStd-Book.svg#CircularStd-Book") format("svg"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'DIN'; src: url("../fonts/DIN-Medium.eot"); src: url("../fonts/DIN-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Medium.woff2") format("woff2"), url("../fonts/DIN-Medium.woff") format("woff"), url("../fonts/DIN-Medium.ttf") format("truetype"), url("../fonts/DIN-Medium.svg#DIN-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; }

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
.header { width: 100%; min-width: 320px; text-align: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-order: 1; position: fixed; right: 0; left: 0; /* top: 71px;*/ padding: 20px 0 20px; z-index: 90; }

.header .wrapper { max-width: 1282px; }

.header .btn { width: 169px; padding: 0; }

.header .btn .char:first-child { text-transform: none; }

.header:not(.fix) { background: transparent; }

.loaded .header_cols { opacity: 0; }

.header_cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; opacity: 1; -webkit-transition: opacity 0.9s cubic-bezier(0.83, 0.01, 0.29, 1); -o-transition: opacity 0.9s cubic-bezier(0.83, 0.01, 0.29, 1); transition: opacity 0.9s cubic-bezier(0.83, 0.01, 0.29, 1); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.header_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 18px; }

.header_logo { /*width:145px;*/ margin-top: 2px; min-width: 145px; }

.header_logo img { /*width:145px;*/ height: 37px; -o-object-fit: contain; object-fit: contain; }

.logo { display: block; line-height: 0; }

.soc_item { margin: 0 0 0 23px; line-height: 0; }

.soc_item img { height: 15px; }

.soc_item:hover { opacity: 0.7; }

.header_soc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 18px; height: 18px; border-left: 1px solid #888888; height: 18px;  margin-left: 20px; }

.header_link-wr { margin-left: 29px; position: relative; color: #fff; font-size: 13.2px; height: 18px; line-height: 18px; overflow: hidden; -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }

.header_link-wr > a { position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 1; }

.header_link-wr .char { text-transform: lowercase; }

.header_link-wr .char:first-child { text-transform: uppercase; }

.header_link-wr .is-anim-started .char { -webkit-animation: charAppearFlicker linear forwards; animation: charAppearFlicker linear forwards; }

.header_link-wr:first-child .header_link, .header_link-wr:first-child  .chars{
    background: -webkit-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -webkit-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -o-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -webkit-gradient(linear, left top, right top, from(#e9dba0), to(#dac47c));
    background: -webkit-linear-gradient(left, #e9dba0 0%, #dac47c 100%);
    background: -o-linear-gradient(left, #e9dba0 0%, #dac47c 100%);
    background: linear-gradient(90deg, #e9dba0 0%, #dac47c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    position: static;
    opacity: 1;
    display: block;
}
.header_link-wr:first-child{ margin-left: 0;}

@-webkit-keyframes charAppearFlicker { 0% { opacity: .25; }
  1% { opacity: 1; }
  10% { opacity: 1; }
  11% { opacity: .25; }
  50% { opacity: .25; }
  51% { opacity: 1; }
  60% { opacity: 1; }
  61% { opacity: .25; }
  99% { opacity: .25; }
  to { opacity: 1; } }

@keyframes charAppearFlicker { 0% { opacity: .25; }
  1% { opacity: 1; }
  10% { opacity: 1; }
  11% { opacity: .25; }
  50% { opacity: .25; }
  51% { opacity: 1; }
  60% { opacity: 1; }
  61% { opacity: .25; }
  99% { opacity: .25; }
  to { opacity: 1; } }

@media screen and (min-width: 1280px) { .header_right { margin-right: -3px; } }

@media screen and (min-width: 1024px) { .header { /*background-color: #101010; box-shadow: 0 0 60px #101010;*/ background: -webkit-gradient(linear, left top, left bottom, from(#101010), color-stop(80%, rgba(16, 16, 16, 0.6)), to(rgba(16, 16, 16, 0))); background: -webkit-linear-gradient(top, #101010 0%, rgba(16, 16, 16, 0.6) 80%, rgba(16, 16, 16, 0) 100%); background: -o-linear-gradient(top, #101010 0%, rgba(16, 16, 16, 0.6) 80%, rgba(16, 16, 16, 0) 100%); background: linear-gradient(to bottom, #101010 0%, rgba(16, 16, 16, 0.6) 80%, rgba(16, 16, 16, 0) 100%); }
  .header_cols { margin-top: 5vw; } }

@media screen and (min-width: 1600px) { .header_cols { margin-top: 75px; } }

@media screen and (max-width: 1023px) { .header { /*background-color: #101010; box-shadow: 0 0 60px #101010;*/ background: linear-gradient(to bottom, #101010 0%, rgba(16, 16, 16, 0.6) 80%, rgba(16, 16, 16, 0) 100%);}
    .header { top: 5vw; }
  .soc_item { margin: 0 0 0 23px; } }

@media screen and (min-width: 768px) { .m-show { display: none; } }

@media screen and (max-width: 767px) { .m-hid { display: none; }
  .m-show { display: block; } }

@media screen and (max-width: 639px) { /*.header_soc { border: none; margin: 0; padding: 0; }*/
  .header { top: 0vw; padding-top: 12.5vw; }
  .header_right { margin-left: 0; }
  .header_link-wr { margin-left: 15px; }
  .soc_item { margin-left: 15px; }
  .header_logo { /*width: 105px;*/ min-width: 105px; }
  .header_right { padding-top: 5px; } }

@media screen and (max-width: 555px) { 
    .header_cols{flex-direction: column-reverse;}
    .header_right { justify-content:space-between; margin-top: -13px; height: auto; margin-left: 0; width: 100%; }
  .header_logo {margin-top: 20px;}
    .header_logo img{ height: 25px;}
  .header_link-wr { margin-left: 0; }
    .soc_item{ margin-left: 25px;}
  .header .btn { margin-bottom: 8px; width: 150px; font-size: 12.2px; margin-left: 0; margin-top: -3px; } .header_link-wr:first-child{ margin-bottom: 5px; min-width: 142px;}
    .header_link-wr:first-child .header_link, .header_link-wr:first-child .chars{
            margin-top: 2px;
        }
    .header_link-wr:first-child{ border-bottom: 1px solid #dac47c}
}

@media screen and (max-width: 374px) { .header_right { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 120px; }
  .header .btn { font-size: 10px; width: 120px; } }

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
.footer { text-align: left; width: 100%; min-width: 320px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-order: 3; position: relative; padding: 102px 0; margin-top: 28px; }

.footer_cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer_cols:before { content: ''; display: block; width: 78px; }

.footer_logo a { /*width: 143px;*/ height: 31px; display: block; margin: 0 0; }

.footer_logo a img { /*width: 143px;*/ height: 31px; -o-object-fit: contain; object-fit: contain; }

.footer_soc .soc_item { margin: 0 0 0 23px; }

.footer .wrapper { max-width: 1282px; }

@media screen and (min-width: 1280px) { .footer_soc { margin-right: -3px; } }

@media screen and (max-width: 1023px) { .footer { padding: 50px 0 40px; margin-top: 0; }
    .footer_cols:before { display: none; } .footer_logo a img{ height: 25px} }

.main-wrapper { padding: 0 0 0 0; margin: 0 auto; min-width: 320px; width: 100%; position: relative; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; /*transition: all 0.3s linear;*/ }

.wrapper { min-width: 320px; max-width: 1022px; padding: 0 20px 0 20px; margin: 0 auto; position: relative; width: 100%; }

img { max-width: 100%; }

/* titles */
p { padding: 0 0 14px 0; }

h1, .h1 { position: relative; font-size: 40px; line-height: 1.33; color: inherit; font-family: "DIN", sans-serif; padding: 0px 0 10px 0; font-weight: normal; }

h2, .h2 { position: relative; font-size: 36px; line-height: 1.33; color: #00fac9; font-family: "DIN", sans-serif; margin: 0px 0 10px 0; font-weight: normal; }

.section-about h2 span, .section-about .h2 span, .section-form h2 span, .section-form .h2 span{
    background: -webkit-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -webkit-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -o-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -webkit-gradient(linear, left top, right top, from(#e9dba0), to(#dac47c));
    background: -webkit-linear-gradient(left, #e9dba0 0%, #dac47c 100%);
    background: -o-linear-gradient(left, #e9dba0 0%, #dac47c 100%);
    background: linear-gradient(90deg, #e9dba0 0%, #dac47c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h3, .h3 { font-size: 24px; line-height: 1.5; color: #4e5158; padding: 0px 0 8px 0; font-weight: 500; font-family: "DIN", sans-serif; text-transform: uppercase; letter-spacing: 2.3px; }

/* text position */
.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.nowrap { white-space: nowrap !important; }

.loaded { background: #101010; }

.loaded .main-wrapper { opacity: 0; }

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content { min-width: 320px; text-align: left; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; position: relative; }

/* */
.btn { position: relative; overflow: hidden; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; padding: 0 20px; font-family: "DIN", sans-serif; text-align: center; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; background: #ea4c89; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; border: 0px solid transparent; height: 36px; font-size: 13.2px; line-height: 1.2; font-weight: 500; letter-spacing: 0.1px; }

.btn:hover { color: #fff; background: #0691b9; }

.btn-fake { background: transparent; padding: 0; letter-spacing: 1.6px; border: none; color: #00fac9; font-size: 16px; height: 59px; -webkit-border-radius: 0px; border-radius: 0px; background: -webkit-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -webkit-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -o-linear-gradient(360deg, #e9dba0 0%, #dac47c 100%);
    background: -webkit-gradient(linear, left top, right top, from(#e9dba0), to(#dac47c));
    background: -webkit-linear-gradient(left, #e9dba0 0%, #dac47c 100%);
    background: -o-linear-gradient(left, #e9dba0 0%, #dac47c 100%);
    background: linear-gradient(90deg, #e9dba0 0%, #dac47c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.btn-fake:hover { background: transparent; color: #fff;background: -webkit-linear-gradient(360deg, #FFF 0%, #FFF 100%);
    background: -webkit-linear-gradient(360deg, #FFF 0%, #FFF 100%);
    background: -o-linear-gradient(360deg, #FFF 0%, #FFF 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#FFF));
    background: -webkit-linear-gradient(left, #FFF 0%, #FFF 100%);
    background: -o-linear-gradient(left, #FFF 0%, #FFF 100%);
    background: linear-gradient(90deg, #FFF 0%, #FFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.form { max-width: 420px; margin-top: 42px; }

.form_label { color: #4e5158; display: block; line-height: 1.2; }

.form_row { margin-bottom: 21px; position: relative; }

.form_row-anim .form_label { position: absolute; left: 0; top: 11px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.form_row-anim.filled .form_label { top: -5px; font-size: 70%; }

.form_btn { text-align: right; margin-right: -5px; }

span.error, label.error { color: #FF3333; display: none; font-size: 12px; }

.form-control { position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; height: 60px; font-size: 20px; color: #fff; line-height: 1.2; font-family: "CircularStd", sans-serif; background: transparent; padding: 10px 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control:-webkit-autofill:active {
    position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; height: 60px; font-size: 20px; color: #fff; line-height: 1.2; font-family: "CircularStd", sans-serif; background: transparent; padding: 10px 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

.form-control.error { border-color: #FF3333; }

textarea.form-control { height: 164px; resize: none; }

.form-control::-webkit-input-placeholder { color: #4e5158; opacity: 1; }

.form-control:-moz-placeholder { color: #4e5158; opacity: 1; }

.form-control::-moz-placeholder { color: #4e5158; opacity: 1; }

.form-control:-ms-input-placeholder { color: #4e5158; opacity: 1; }

.checks_item { margin-bottom: 15px; font-size: 13px; line-height: 16px; padding-top: 2px; }

.checks_item label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer; }

.checks_item input { position: absolute; opacity: 0; }

.checks_item a { border-bottom: 1px solid #10BAEA; }

.checks_item a:hover { border-color: transparent; color: #10BAEA; }

.checks_item_txt { min-height: 16px; display: block; position: relative; padding: 0px 0px 0px 27px; line-height: 16px; }

.checks_item_txt:before { position: absolute; left: 0px; content: ''; top: 0px; width: 16px; height: 16px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #10BAEA; }

.checks_item input:checked + .checks_item_txt:before { background: url(../svg/check-w.svg) no-repeat center #10BAEA; -webkit-background-size: 10px 10px; background-size: 10px; }

.checks_item input:disabled + .checks_item_txt { opacity: 0.25; }

/* */
.js-bg { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top; }

.no-scroll { overflow: hidden; }

.bg-dark { color: #fff; background: #121112; }

.wow { visibility: hidden; }

/* */
.section-welcome { padding: 212px 0 81px; }

.welcome_txt { font-size: 24px; color: #4e5158; font-weight: 500; max-width: 530px; margin-bottom: 44px; line-height: 1.25; font-family: "DIN", sans-serif; }

.welcome_top { font-family: "DIN", sans-serif; font-weight: 500; line-height: 1.33; color: #dbbd43; top: -155px; position: absolute; left: 50%; font-size: 36px; margin-left: -323px; top: -10.6vw; margin-left: -22.3vw; font-size: 2.26vw; margin-left: -27.3vw; font-size: 2.9vw; background: -webkit-linear-gradient(110deg, #dfc471 0%, #ecdb98 100%); background: -webkit-linear-gradient(110deg, #dfc471 0%, #ecdb98 100%); background: -o-linear-gradient(110deg, #dfc471 0%, #ecdb98 100%); background: -webkit-linear-gradient(160deg, #dfc471 0%, #ecdb98 100%); background: -o-linear-gradient(160deg, #dfc471 0%, #ecdb98 100%); background: linear-gradient(-70deg, #dfc471 0%, #ecdb98 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.welcome h1 { padding: 0 0 68px; }

.welcome h1:last-child { padding-bottom: 0; margin-bottom: -17px; }

.h2anim { color: #4e5158; }

.h2anim em { font: inherit; color: #ecdb98; }

.h2anim em .word { background: -webkit-linear-gradient(90deg, #ecdb98 0%, #ecdb98 100%); background: -webkit-linear-gradient(90deg, #ecdb98 0%, #ecdb98 100%); background: -o-linear-gradient(90deg, #ecdb98 0%, #ecdb98 100%); background: -webkit-gradient(linear, right top, left top, from(#ecdb98), to(#ecdb98)); background: -webkit-linear-gradient(right, #ecdb98 0%, #ecdb98 100%); background: -o-linear-gradient(right, #ecdb98 0%, #ecdb98 100%); background: linear-gradient(-90deg, #ecdb98 0%, #ecdb98 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.h2anim em .word-wrap:nth-child(5) .word { background: -webkit-linear-gradient(90deg, #dfc471 0%, #ecdb98 100%); background: -webkit-linear-gradient(90deg, #dfc471 0%, #ecdb98 100%); background: -o-linear-gradient(90deg, #dfc471 0%, #ecdb98 100%); background: -webkit-gradient(linear, right top, left top, from(#dfc471), to(#ecdb98)); background: -webkit-linear-gradient(right, #dfc471 0%, #ecdb98 100%); background: -o-linear-gradient(right, #dfc471 0%, #ecdb98 100%); background: linear-gradient(-90deg, #dfc471 0%, #ecdb98 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.h2anim em .word-wrap:last-child .word { background: -webkit-linear-gradient(90deg, #dfc471 0%, #dfc471 100%); background: -webkit-linear-gradient(90deg, #dfc471 0%, #dfc471 100%); background: -o-linear-gradient(90deg, #dfc471 0%, #dfc471 100%); background: -webkit-gradient(linear, right top, left top, from(#dfc471), to(#dfc471)); background: -webkit-linear-gradient(right, #dfc471 0%, #dfc471 100%); background: -o-linear-gradient(right, #dfc471 0%, #dfc471 100%); background: linear-gradient(-90deg, #dfc471 0%, #dfc471 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.h2anim strong { font: inherit; color: #ffffff; }

.h2anim .whitespace, .h2anim .word-wrap { vertical-align: top; }

.h2anim .word-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; will-change: transform; }

.h2anim .word-wrap > span { display: block; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-delay: calc( .25s + (.125s * var(--line-index))); -o-transition-delay: calc( .25s + (.125s * var(--line-index))); transition-delay: calc( .25s + (.125s * var(--line-index))); }

.h2anim .word.line-0 > span { -webkit-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s; }

.h2anim .word.line-1 > span { -webkit-transition-delay: .375s; -o-transition-delay: .375s; transition-delay: .375s; }

.h2anim .word.line-2 > span { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }

.h2anim.animated .word-wrap > span { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }

.spl .whitespace, .spl .word-wrap { vertical-align: top; }

.spl .word-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; will-change: transform; }

.spl .word-wrap > span { display: block; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-delay: calc( .25s + (.125s * var(--line-index))); -o-transition-delay: calc( .25s + (.125s * var(--line-index))); transition-delay: calc( .25s + (.125s * var(--line-index))); }

.spl.animated .word-wrap > span { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }

/* */
.section-cats { padding: 70px 0 72px; }

.cats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 931px; }

.cats:before, .cats:after { width: 1px; background: rgba(78, 81, 89, 0.5); margin: 0 15px; content: ''; }

.cats_col:nth-child(1) { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.cats_col:nth-child(3) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.cats_list { list-style: none; }

.cats_list li { margin-bottom: 6px; }

.cats_list li:last-child { margin-bottom: 0px; }

.cats .wow { display: inline-block; }

.cover_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

/* */
.section-brands { padding: 1px 0 78px; }

.section-brands h3 { text-transform: none; letter-spacing: 0; }

.brands_slider { padding: 0 240px; margin: 20px -240px 0; position: relative; overflow: hidden; }

.brands_slider .swiper-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.brands_slider:before, .brands_slider:after { content: ''; z-index: 5; position: absolute; top: 0; height: 100%; width: 230px; background: -webkit-linear-gradient(left, #101010 0%, #101010 10%, rgba(16, 16, 16, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(#101010), color-stop(10%, #101010), to(rgba(16, 16, 16, 0))); background: -o-linear-gradient(left, #101010 0%, #101010 10%, rgba(16, 16, 16, 0) 100%); background: linear-gradient(to right, #101010 0%, #101010 10%, rgba(16, 16, 16, 0) 100%); }

.brands_slider:before { left: 0; }

.brands_slider:after { right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.brands_slider_item { margin: 0 84px 0 0px; width: auto; }

/* */
.section-about { padding: 70px 0 89px; }

.about { max-width: 720px; margin-top: 35px; }

.about p { padding: 0 0 30px 0; }

/* */
.section-form { padding: 70px 0 70px; }

.titleUp { overflow: hidden; will-change: transform; }

.titleUp > span { display: inline-block; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s; }

.titleUp.animated > span { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }

/* */
.section-faq { padding: 12.5vw 0 106px; }

.section-faq h1 { color: #4e5158; font-size: 36px; padding-top: 20px; }

.faq { margin-top: 5.75vw; max-width: 792px; margin-left: 3px; }

.faq_item { margin-bottom: 48px; }

.faq_item_title { font-size: 24px; margin-bottom: 5px; color: #00fac9; font-weight: 500; font-family: "DIN", sans-serif; }

.faq_item_txt { line-height: 1.8; }

.faq_item_txt.animated a { text-decoration: underline; }

.faq_item_txt .word-wrap > span { -webkit-transition-delay: calc( .375s + (.125s * var(--line-index))); -o-transition-delay: calc( .375s + (.125s * var(--line-index))); transition-delay: calc( .375s + (.125s * var(--line-index))); }

/* */
@media screen and (min-width: 1024px) { .section-welcome { padding-top: 17vw; }
  .welcome .h2 { line-height: 1.15; font-size: 3.29861vw; width: 50vw; }
  .welcome_top { line-height: 47px; height: 51px; } }

@media screen and (min-width: 1600px) { .welcome .h2 { font-size: 37px;  line-height: 48px; width: 720px; }
  .welcome .welcome_top { font-size: 36px; margin-left: -323px; top: -155px; }
  .section-welcome { padding-top: 250px; }
  .section-faq { padding: 196px 0 106px; }
  .faq { margin-top: 92px; } }

@media screen and (max-width: 1599px) and (min-width: 1024px) { .welcome .h2 { font-size: 37px; width: 720px; line-height: 48px; } }

@media screen and (max-width: 1023px) { .section-welcome { padding: 175px 0 71px; }
  .welcome .h2 { max-width: 535px; }
  .section-faq { padding: 18.9vw 0 70px; }
  .faq { margin-left: 0; }
  .welcome_top { position: relative; left: 0; margin: -43px 0 5vw; top: 0; font-size: 36px; } }

@media screen and (max-width: 767px) { body { font-size: 18px !important; }
  h1, .h1 { font-size: 38px; }
  h2, .h2 { font-size: 34px; }
  h3, .h3 { font-size: 22px; letter-spacing: 1.3px; }
  .girl_img { margin-right: 15px; }
  .welcome_slider_item { width: 270px; }
  .welcome_txt { font-size: 22px; }
  .welcome .h2 { padding: 0 0 30px; }
  .section-welcome { padding: 170px 0 35px; }
  .section-cats { padding: 35px 0 35px; }
  .section-about { padding: 35px 0 20px; }
  .section-form { padding: 35px 0 35px; }
  .form-control { height: 50px; }
  textarea.form-control { height: 116px; }
  .section-faq h1 { font-size: 30px; }
  .faq_item_title { font-size: 22px; }
  .section-brands { padding: 38px 0 38px; } }

@media screen and (max-width: 639px) { body { font-size: 17px !important; }
  .wrapper { padding: 0 0 0 0; width: 75vw; margin-left: 12.5vw; min-width: 0; }
  h1, .h1 { font-size: 32px; }
  h2, .h2 { font-size: 30px; }
  .section-welcome { padding: 100px 0 35px; }
  .welcome .h2 { font-size: 6.9395vw; line-height: 1.15; padding-top: 22.71174vw; margin-bottom: 4vw; }
  .welcome h1:last-child { margin-bottom: 0; }
  .section-cats { padding: 35px 0 20px; }
  .cats { display: block; }
  .cats:before, .cats:after { display: none; }
  .cats_col { margin-bottom: 30px; }
  .about p { padding: 0 0 20px 0; }
  .welcome_txt { font-size: 20px; margin-bottom: 20px; }
  .section-faq { padding: 26.9vw 0 70px; }
  .faq_item_title { font-size: 20px; }
  .welcome_top { position: relative; left: 0; margin: 11vw 0 -9vw; top: 0; font-size: 5.1vw; } }

@media screen and (max-width: 374px) { h1, .h1 { font-size: 28px; }
  h2, .h2 { font-size: 25px; } }

.feedback_success {  opacity: 0; pointer-events: none; position: relative; top: 10px; margin-bottom: -50px; transition: 0.4s;}

.feedback_success.show { opacity: 1; pointer-events: all; top: 0;  }

@media screen and (max-width: 599px){
    .feedback_success{ margin-bottom: -15px;}
}

/*# sourceMappingURL=style.css.map */