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

/*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: "Bebas Neue", 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; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

a:hover { color: #384ad3; }

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, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

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

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

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
.header { width: 100%; min-width: 320px; }

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
.footer { width: 100%; min-width: 320px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 5; text-align: center; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #d1d1d1; font-size: 2.2rem; padding: 0 0 3rem 0; font-family: 'Circular',sans-serif; letter-spacing: 0.25rem; }

.footer img { width: 15.4rem; margin-left: 1.2rem; margin-top: -0.8rem; }

.js-img { opacity: 0; -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; }

html { font-size: 5px !important; }

.main-wrapper { padding: 0 0 0 0; margin: 0 auto; min-width: 320px; width: 100%; position: relative; overflow: hidden; min-height: 100%; min-height: 300px; height: 100%; display: -webkit-box; overflow: auto; 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; }

.loaded .main-wrapper { opacity: 0; -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; }

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

img { max-width: 100%; vertical-align: middle; }

svg { max-width: 100%; max-height: 100%; }

/* titles */
p { padding: 0 0 1rem 0; }

h1, .h1 { position: relative; font-size: 50px; line-height: 1.2; color: inherit; font-family: "Circular", sans-serif; padding: 0px 0 0px 0; font-weight: 700; }

h2, .h2 { position: relative; font-size: 50px; line-height: normal; color: inherit; padding: 0px 0 0px 0; font-weight: bold; }

h3, .h3 { font-size: 37px; line-height: 1.2; color: inherit; padding: 0px 0 10px 0; font-weight: bold; }

h4, .h4 { font-size: 24px; line-height: 1.2; color: inherit; padding: 0px 0 16px 0; font-weight: bold; }

/* 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; }

.wow { visibility: hidden; }

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content { min-width: 320px; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; position: relative; }

/* */
.welcome { height: 100%; text-align: center; overflow: hidden; position: relative; }

.welcome:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; height: 74.08rem; background: url(../img/foot.png) no-repeat bottom; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.welcome_bg { position: absolute; width: 100%; height: 100%; z-index: 0; }

.welcome_bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; }

.welcome_logo { margin-bottom: 13.7rem; z-index: 2; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Circular',sans-serif; font-size: 3.681rem; padding: 8.0rem 0 5.4rem; letter-spacing: 1.13rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.welcome_logo img { width: 4.4rem; height: 4.4rem; margin-left: 1.3rem; margin-right: -6.4rem; margin-top: -0.8rem; }

.welcome_soc { margin-bottom: 7rem; gap: 7.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; }

.welcome_soc_item { background: #000; width: 12rem; height: 12rem; -webkit-box-shadow: 0 2.1rem 3.381rem rgba(0, 0, 0, 0.35); box-shadow: 0 2.1rem 3.381rem rgba(0, 0, 0, 0.35); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.welcome_soc_item img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; }

.welcome_firstname { mix-blend-mode: overlay; text-indent: 2rem; margin-bottom: -4.9rem; line-height: 1; font-size: 15rem; font-family: "Cashrole"; color: white; text-shadow: 0.6772rem 3.8408rem 6.2rem rgba(0, 0, 0, 0.35); -moz-transform: matrix(1.15456, -0.36645, 0.36477, 1.15602, 0, 0); -webkit-transform: matrix(1.15456, -0.36645, 0.36477, 1.15602, 0, 0); -ms-transform: matrix(1.15456, -0.36645, 0.36477, 1.15602, 0, 0); }

.welcome_lastname { letter-spacing: 3.1rem; z-index: 1; position: relative; text-indent: 2rem; line-height: 1; font-size: 30.2rem; font-family: 'Bebas Neue'; color: rgba(255, 255, 255, 0.788); }

.welcome_photo { position: absolute; top: 69rem; left: 0; width: 100%; bottom: 0; z-index: 1; }

.welcome_photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; }

.lay1, .lay2 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.lay2 { opacity: 0; }

.second-bg .lay1 { opacity: 0; }

.second-bg .lay2 { opacity: 1; }

@media screen and (max-width: 991px) and (orientation: landscape) { html { font-size: 3px !important; } }

@media screen and (max-width: 644px) { html { font-size: 0.76vw !important; } }

@media screen and (max-width: 643px) and (orientation: landscape) { html { font-size: 0.45vw !important; } }

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