/*-------------------------------------*/
/* Start CSS                           */
/*-------------------------------------*/

:root {
    --red: #F44336;
    --red-hover: #c11a0e;
    --blue: #4E7FF8;
    --gray: #fcfcfc;
    --yellow: #FFDD55;
}


html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}


main {
    display: block
}

h1 {
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace
}

a {
    color: #000;
    text-decoration: none;
    transition: color .2s ease-in-out;
    background-color: transparent;
}

a:hover {
    color: var(--blue);
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template, [hidden] {
    display: none
}

a, a:active, a:visited, a:hover, a:focus, button, button:hover, button:focus, button::selection, img, img:hover, img:focus, img::selection, input, input:hover, input:focus, textarea, textarea:hover, textarea:focus, div:hover, div:focus {
    outline: none !important;
    outline-offset: 0 !important
}

/*-------------------------------------*/
/* Base                                */
/*-------------------------------------*/

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    color: #000;
    font-size: 17px;
    line-height: 1.4;
    font-family: "TT Norms", "Arial", "Segoe UI", "Helvetica Neue", sans-serif;
    color: #262626;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    position: relative;
    font-family: 'TT Norms', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.333;
    color: #151515;
    padding: 15px 0;
    margin: 0;
}

h1 {
    font-size: 48px;
    padding: 40px 0;
    text-align: center;
}

h2 {
    font-size: 240%;
    padding: 30px 0;
}

h3 {
    font-size: 200%;
    padding: 25px 0;
}

h4 {
    font-size: 160%;
    padding: 20px 0;
}

h5 {
    font-size: 140%;
}

h6 {
    font-size: 120%;
}

img {
    max-width: 100%;
    height: auto;
}

.container {
    display: block;
    position: relative;
    box-sizing: border-box;
    max-width: 1560px;
    padding: 0 15px;
    margin: 0 auto;
}

.container-wide {
    display: block;
    position: relative;
    box-sizing: border-box;
    max-width: 1560px;
    padding: 0 15px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    h1 {
        font-size: 200%;
    }

    h2 {
        font-size: 170%;
    }

    h3 {
        font-size: 150%;
    }

    h4 {
        font-size: 130%;
    }

    h5 {
        font-size: 120%;
    }

    h6 {
        font-size: 110%;
    }
}


@media (min-width: 1025px) {
    ::-webkit-scrollbar {
        width: 12px;
        background-color: #f5f5f5;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 0;
        -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 30%);
        background-color: var(--red);
    }

    ::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: #edf1f4;
        cursor: pointer;
    }
}

/*-------------------------------------*/
/* Cols                                */
/*-------------------------------------*/

.row {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100% !important;
    margin: 15px 0;
}

.col-2 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 16.66666% !important;
}

.col-3 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 25% !important;
}

.col-4 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 33.33333% !important;
}

.col-6 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 50% !important;
}

.col-8 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 66.66667% !important;
}

.col-9 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 75% !important;
}

.col-10 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 83.33334% !important;
}

.col-12 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100% !important;
}

@media (max-width: 991px) {
    .col-2,
    .col-3,
    .col-4,
    .col-6,
    .col-8,
    .col-9 {
        width: 50% !important;
    }
}

@media (max-width: 767px) {
    .col-2,
    .col-3,
    .col-4,
    .col-6,
    .col-8,
    .col-9 {
        width: 100% !important;
    }
}

.red {
    color: var(--red);
}

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

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

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

.db {
    display: block;
    position: relative;
    box-siing: border-box;
}

.fb {
    font-weight: bold;
}

.fbb {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
}

.pall {
    padding: 20px;
}

.mall {
    padding: 20px;
}

.pr {
    padding-right: 20px;
}

.pl {
    padding-left: 20px;
}

.pt {
    padding-top: 20px;
}

.pb {
    padding-bottom: 20px;
}

.ptb {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mr {
    margin-right: 20px;
}

.ml {
    margin-left: 20px;
}

.mt {
    margin-top: 20px;
}

.mb {
    margin-bottom: 20px;
}

.mtb {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ma {
    margin: 0 auto;
}


.flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

.ja-center {
    justify-content: center;
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

/*-------------------------------------*/
/* Buttons                             */
/*-------------------------------------*/

.form-section__submit,
.button-base {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 275px;
    padding: 17px 35px;
    color: #fff;
    background: var(--red);
    border: 0;
    border-radius: 91px;
    cursor: pointer;
    transition: background .3s ease-in-out !important;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
}

.form-section__submit:hover
.button-base:hover {
    background: var(--red-hover) !important;
}

.form-section__submit:hover,
.form-section__submit:hover a,
.button-base:hover,
.button-base:hover a {
    color: #fff !important;
    background: var(--red-hover) !important;
}

.icsmeta,
.iccalc {
    display: block;
    padding-left: 45px;
}

.transparent {
    border: 1px solid var(--red);
    background: transparent;
    color: #000;
}

.form-section__submit.icsmeta:before,
.button-base.icsmeta:before {
    content: "";
    background: url(/images/icons/ic-smeta.png) left center no-repeat;
    width: 27px;
    height: 31px;
    left: 30px;
    position: absolute;
}

.form-section__submit.iccalc:before,
.button-base.iccalc:before {
    content: "";
    background: url(/images/icons/ic-calc.png) left center no-repeat;
    width: 26px;
    height: 25px;
    left: 30px;
    position: absolute;
}

.button-burger {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 2px;
    width: 32px;
    height: 32px;
    background: no-repeat center;
    cursor: pointer;
}

.button-burger span {
    display: block;
    position: relative;
    width: 100%;
    height: 3px;
    line-height: 0;
    background: #000;
    transition: 0.2s;
}

.button-burger:hover span {
    background: #FF7400;
}


/*-------------------------------------*/
/* Main Elements                       */
/*-------------------------------------*/

.bigbg {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
}


.main-logo {
    display: block;
    position: relative;
    line-height: 0;
    max-width: 250px;
}

.logodesc {
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    max-width: 240px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    padding-left: 22px;
}

.main-slogan {
    display: block;
    position: relative;
    font-size: 90%;
    padding-right: 20px;
    color: #999;
}

.main-socbuttons {
    display: block;
    position: relative;
    font-size: 90%;
    padding-right: 20px;
    color: #999;
}


/* template title */

.maintitle {
    display: block;
    position: relative;
    text-align: center;
    font-size: 48px;
    font-family: 'TT Norms', serif;
    color: #262626;
    line-height: 1.1;
    font-weight: 300;
}

.red_line {
    display: none;
}

@media (min-width: 1023px) {
    .red_line {
        display: inline-block;
        position: absolute;
        bottom: -7px;
        height: 3px;
        width: 52px;
        background: var(--red);
    }

    .red_line_span {
        position: relative;;
    }

    .red_line_span:after {
        content: "";
        position: absolute;
        bottom: -7px;
        left: 0;
        height: 3px;
        width: 100%;
        background: var(--red);
    }
}

.maintitle b {
    font-weight: 600;
}

@media (max-width: 991px) {
    .maintitle {
        text-align: center !important;
        font-size: 30px;
        padding: 15px;
    }

    .maintitle br {
        display: none;
    }
}

@media (max-width: 767px) {
    .maintitle {
        text-align: center !important;
        font-size: 25px;
        padding: 10px;
    }
}

@media (max-width: 425px) {
    .maintitle {
        font-size: 22px;
    }
}


.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 8999;
}


/*-------------------------------------*/
/* scrolltop                           */
/*-------------------------------------*/

.scrolltop {
    display: none;
    position: fixed;
    bottom: 80px;
    left: 20px;
    width: 58px;
    height: 58px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 160%;
    color: #fff;
    background: var(--red);
    border-radius: 60px;
    cursor: pointer;
    z-index: 6999;
}

@media (max-width: 767px) {
    .scrolltop {
        width: 40px;
        height: 40px;
        line-height: 35px;
        font-size: 130%;
        left: 15px;
    }
}

@media (max-width: 579px) {
    .scrolltop {
        display: none;
    }
}


/*-------------------------------------*/
/* Menu main                           */
/*-------------------------------------*/

.menu-main {
    display: block;
    position: relative;
    border: solid rgb(160 160 160 / 13%);
    border-width: 1px 0 1px 0;
}

.menu-main > ul {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 1;
}

.menu-main .level-1 {
    display: flex;
    padding: 30px 0 35px 0;
}

.menu-main .level-1:not(:first-child) {
    margin-left: 20px;
}

.menu-main .level-1 > a {
    display: block;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.2s;
}

.menu-main .level-1 > a:hover {
    color: var(--red-hover);
}

.menu-main .level-1.active > a {
    color: var(--red-hover);
}


.menu-main .level-1 > ul {
    display: none;
}

.menu-main .level-1.deeper:hover > ul {
    display: flex;
    position: absolute;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 700px;
    height: max-content;
    left: 0;
    max-width: 100%;
    top: calc(100% - 0px);
    list-style: none;
    padding: 20px;
    margin: 0;
    background: linear-gradient(180deg, #fbfbfb 40%, #f1f1f1f2 70%, #ffffff 90%);
    box-shadow: 0px 0px 24px 0px rgb(132 126 123 / 19%);
    border-radius: 0 0 10px 10px;
    z-index: 1;
}

.menu-main li.level-1.projects:hover > ul {
    display: none !important;
}


.menu-main .level-1.deeper:hover > ul::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #ececec;
    border-radius: 6px;
}

.menu-main .level-1.deeper > a:before {
    content: " ";
    background: url(/images/menu-arrow.png) #ffffff00 no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    right: -30px;
    top: 8px;
    transition: all .2s ease;
}

.menu-main .level-1.deeper > a:hover::before {
    top: 10px;
}

.menu-main .deeper ul li:after {
    display: none;
}

.menu-main .level-2 {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 25%;
    padding: 10px;
    z-index: 1;
}

.menu-main .level-2 a {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 100%;
    padding: 13px;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: #fff;
    transition: .3s ease-in-out;
}

.menu-main .level-2 a:hover {
    color: rgb(86, 56, 36);
    font-weight: 600;
    border: 1px solid rgb(86, 56, 36);
}

.menu-main .level-2 img {
    max-width: 100px;
    max-height: 70px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.menu-main .level-2 .image-title {
    font-size: 12px;
}

@media (max-width: 1280px) {
    .menu-main .level-2 {
        width: 33%;
    }
}

@media (max-width: 991px) {
    .menu-main .level-1.deeper:hover > ul {
        display: none;
    }
}

/*-------------------------------------*/
/* Toolbar Main                        */
/*-------------------------------------*/

.toolbar-main {
    display: block;
    position: relative;
    padding: 11px 0 5px 0;
    background: #fff;
    z-index: 99;
}

.indexpage .toolbar-main {

}

.toolbar-main__wrapper {
    display: block;
    position: relative;
}

.toolbar-main__flex {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    min-height: 80px;
}

.toolbar-main__item {
    display: block;
    position: relative;
}

.toolbar-main__item_logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toolbar-main__item_wow {
    display: block;
}

.toolbar-main__item_wow .bigtext {
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    color: #262626;
    padding-left: 15px;
}

.toolbar-main__item_wow span {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin-left: 15px;
}

.toolbar-main__item_wow:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 22px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--red);
}

.toolbar-main__item_btn .iccalc {
    padding-right: 20px;
    min-width: 250px;
}


@media (max-width: 1280px) {
    .toolbar-main__flex {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .toolbar-main__item_logo {
        padding-right: 0px;
    }
}

@media (max-width: 1279px) {
    .toolbar-main__item_wow {
        display: none;
    }
}

@media (max-width: 991px) {
    .toolbar-main {
        padding: 20px 0 0 0;
    }

    .toolbar-main__flex {
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
    }

    .toolbar-main__item {
        margin-bottom: 20px;
        padding: 15px;
    }

    .toolbar-main__item_logo {
        max-width: 250px;
        flex-wrap: wrap
    }

    .main-logo {
        padding-right: 0px;
    }

    .logodesc {
        line-height: 1.3;
        padding-left: 0px;
        border-left: none;
    }

    .toolbar-main__flex {
        flex-wrap: wrap;
    }

    .toolbar-main__item {
        margin-bottom: 20px;
        padding: 0px;
    }

    .toolbar-main__item_logo {
        width: 50%;
    }

    .logodesc {
        display: none;
    }

    .toolbar-main__item_btn {
        display: none;
    }

    .menu-main .level-1 {
        padding: 15px 0;
    }
}


/*-------------------------------------*/
/* Header                              */
/*-------------------------------------*/

.header {
    display: block;
    position: relative;
    background: #fff;
    z-index: 99;
}

.indexpage .header {

}

.header__wrapper {
    display: block;
    position: relative;
}

.header__flex {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.header__item {
    display: block;
    position: relative;
    width: 100%;
}

.header__item_burger {
    display: none;
}

@media (max-width: 991px) {
    .header__item_burger {
        display: block;
    }
}


/*-------------------------------------*/
/* Header contact                      */
/*-------------------------------------*/

.header-contact {
    display: block;
    position: relative;
}

.header-contact .phone {
    display: block;
    position: relative;
}

.header-contact .phone.mob {
    display: none;
    position: relative;
}

.header-contact .phone a {
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: right;
    color: #000;
}

.header-contact .descr {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
}

.header-contact .pipka-green {
    display: block;
    position: relative;
    top: -3px;
    margin-right: 4px;
}

.header-contact .now {
    font-size: 14px;
}

.header-contact .callme {
    display: block;
    color: #000;
    text-align: right;
}

.header-contact .callme a {
    margin-top: 10px;
    font-size: 14px;
    transition: all .2s ease;
}

.header-contact .callme a:hover {
    color: var(--red);
}

@media (max-width: 640px) {
    .header-contact .descr {
        display: none;
    }

    .header-contact .phone {
        display: none;
    }

    .header-contact .phone.mob {
        display: flex;
        position: relative;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        width: 45px;
        padding: 5px;
        border: 1px solid var(--red);
        border-radius: 5px;
    }

    .header-contact .callme {
        display: none;
    }
}

/*-------------------------------------*/
/* Intro                               */
/*-------------------------------------*/

.soc-iconarea {
    display: flex;
    position: relative;
}

.soc-icons {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.soc-icon {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.soc-icon:not(:first-child) {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    margin-left: 11px;
}

.soc-icon span {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    height: 46px;
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: 0px center;
}

.soc-icon span.wa {
    background-image: url(/images/icons/ic-wa.png);
}

.soc-icon span.tm {
    background-image: url(/images/icons/ic-tm.png);
}

.soc-icon span.viber {
    background-image: url(/images/icons/ic-viber.png);
}

.soc-icon span.insta {
    background-image: url(/images/icons/ic-insta.png);
}


.soc-icon span.vk {
    background-image: url(/images/icons/ic-vk.png);
}

.soc-icon:hover {
    transform: translateY(-5px)
}


@media (max-width: 1280px) {
    .toolbar-main__item_socbuttons {
        display: none;
    }

    .soc-iconarea {
        width: auto;
    }

    .intro .soc-icon {
        width: 30px;
        overflow: hidden;
        background-color: #fff0 !important;
        text-indent: 9999999px;
        background-position: 2px center;
        border: none;
        padding: 0;
    }

    .intro .soc-icontext .sayme {
        display: none;
    }
}

@media (max-width: 768px) {
    .soc-icon {
        height: 30px;
    }
}


/*-------------------------------------------------------------*/
/* Welcome                                                     */
/*-------------------------------------------------------------*/

.welcome {
    display: block;
    position: relative;
}

.welcome.itservice {

}

.welcome__wrapper {
    display: block;
    position: relative;
    background: #f5f6f8;
}

.welcome__inner {
    display: block;
    position: relative;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.welcome__container {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 15px;
    max-width: 1600px;
    margin: 0 auto;
}

.welcome__inner {
    background-image: url(/images/bg-header.jpg);
}

.welcome__watch {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 40%;
    padding-bottom: 150px;
}

.wow_videobutton {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 390px;
    min-width: 390px;
    max-width: 100%;
    height: 170px;
    background: url(/images/watch_video.png) right top/contain no-repeat;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}

.wow_videobutton.fixed {
    width: 290px;
    min-width: 290px;
    border-radius: 5px;
    position: fixed;
    bottom: 120px;
    right: 30px;
    z-index: 999;
}

.wow_videobutton.fixed .wow_videobutton_text {
    padding: 25px 10px;
}

.wow_videobutton span {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    font-weight: 100;
    color: #F6EFEA;
    top: 110px;
}

.wow_video-circle {
    display: flex;
    position: absolute;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    z-index: 1;
    transition: 0.3s ease-in;
}

.wow_video-circle:hover {
    background: var(--red);
}

.wow_video-circle .svg {
    display: block;
    width: 20px;
    height: 20px;

    background: url(/images/play.png) center/contain no-repeat;
    transition: 0.7s ease-in-out;
}

.wow_video-circle:hover .svg {
    fill: #ffdd55;
}

.wow_videobutton .wow-animone {
    display: block;
    position: absolute;
    box-sizing: border-box;
    animation: wow-animone 4s ease-in-out infinite;
    width: 105px;
    height: 105px;
    border: 1px solid #fff;
    border-radius: 200px;
    opacity: 0.4;
    transition: 0.2s;
}

.wow_videobutton .wow-animtwo {
    display: block;
    position: absolute;
    box-sizing: border-box;
    animation: wow-animtwo 3s ease-in-out infinite;
    animation-delay: 1.5s;
    width: 105px;
    height: 105px;
    border: 1px solid #fff;
    border-radius: 200px;
    opacity: 0.5;
    transition: 0.3s;
}

.wow_videobutton .wow-animthree {
    display: block;
    position: absolute;
    box-sizing: border-box;
    animation: wow-animthree 4s ease-in-out infinite;
    width: 105px;
    height: 105px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 200px;
    opacity: 0.3;
    transition: 0.3s;
}

@keyframes wow-animone {
    0% {
        transform: scale(0.7);
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes wow-animtwo {
    0% {
        transform: scale(0.7);
        opacity: 1;
    }
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes wow-animthree {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

.wow_videobutton_content {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    align-items: flex-end;
}

.wow_videobutton_text {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: fit-content;
    height: max-content;
    top: 20px;
    padding: 35px 40px;
    color: #fff;
    background: var(--red);
    border-radius: 5px;
}

.welcome__info {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding: 95px 0 150px 0;
    max-width: 970px;
}

.welcome__area {
    display: block;
    position: relative;
}

.welcome__title {
    display: block;
    position: relative;
    font-weight: bold;
    font-size: 48px;
    line-height: 1.1;
    color: #FFFFFF;
    width: 100%;
    text-align: left;
}

.welcome__description {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
}

.welcome__form_title {
    display: block;
    position: relative;
    color: #fff;
    margin-top: 80px;
    colro: #fff;
    font-size: 24px;
}

.welcome__form {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
    height: 74px;
    background: #fff;
    margin-top: 35px;
    max-width: 620px;
    border-radius: 60px;
}

.welcome__form .form-section__fields {
    margin: 0;
    padding: 0;
    border-radius: 60px;
    overflow: hidden;
}

.welcome__form .form-section__control {
    padding: 0;
    min-height: 100%;
}

.welcome__form .form-section__submit {
    height: 100%;
    padding: 25px 50px;
}

.welcome__form .form-section__fields input {
    color: #000;
    height: 100% !important;
    padding: 5px 20px 5px 85px !important;
    background: #fff !important;
    border: none !important;
    margin-top: 0px !important;
}

.welcome__form .form-section__fields:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 35px;
    top: 27px;
    background: url(/images/icons/ic-phone-red.png) center/contain no-repeat;
    width: 18px;
    height: 17px;
    z-index: 1;
}

.welcome__form_input {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
    height: 72px;
    background: #F9FAFB;
    border: 1px solid #ECEDF0;
    border-radius: 4px;
    padding: 5px;
    margin-top: 30px;
    overflow: hidden;
}

.welcome__perfect {
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 100px;
    max-width: 750px;
    padding: 0;
    margin-left: 0px;
}

.welcome__perfect_item {
    display: flex;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    width: calc(50% - 10px);
    padding: 25px 20px;
    margin-bottom: 10px;
    background: rgba(113, 113, 113, 0.6);
    border: 1px dashed #fff;
    border-radius: 10px;
}

.welcome__perfect_item .icon img {
    min-width: 28px;
    max-width: 28px;
}

.welcome__perfect_item .icon {
    display: block;
    position: relative;
    width: 28px;
}

.welcome__perfect_item .text {
    padding-left: 20px;
    color: #fff;
}

@media (max-width: 1550px) {
    .welcome__slide {
        background-position: 99% 50%;
    }

    .welcome__info {
        padding: 100px 0;
    }

    .welcome__title br {
        display: none;
    }
}

@media (max-width: 1199px) {
    .welcome__title {
        font-size: 35px;
    }

    .welcome__description {
        font-size: 110%;
    }

}

@media (max-width: 991px) {
    .welcome__title {
        font-size: 23px;
        line-height: 1.3;
    }

    .welcome__container {
        width: 100%;
        max-width: 550px;
        margin: 0 auto;
        flex-wrap: wrap;
        justify-content: center;
    }

    .welcome__info {
        padding: 50px 0;
        width: 100%;
    }

    .welcome__slide {
        height: 300px;
        width: 100%;
        background-position: center;
    }

    .welcome__perfect {
        justify-content: center;
    }

    .welcome__perfect_item {
        width: 100%;
        margin-bottom: 10px;
    }

    .welcome__form_title {
        margin-top: 20px;
        font-size: 16px;
    }
}


@media (max-width: 768px) {
    .welcome__form {
        flex-wrap: wrap;
        background: transparent;
        border-radius: 0px;
        max-width: 450px;
    }

    .welcome__form .form-section__fields {
        height: 55px;
        width: 100%;
        margin-bottom: 10px;
    }

    .welcome__form .form-section__fields input {
        width: 100%;
    }

    .welcome__form .form-section__control {
        width: 100%;
        min-height: 55px;
    }

    .welcome__form .form-section__fields:before {
        top: 18px;
    }

    .welcome__watch {
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        padding-bottom: 100px;
        overflow: hidden;
    }

    .wow_videobutton {
        justify-content: center;
    }

    .wow_videobutton_text {
        top: 50px;
    }
}


/*-------------------------------------*/
/* Menu Mobile                         */
/*-------------------------------------*/

.mobile-panel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
}

.mobile-panel.open {
    display: block;
}

.mobile-panel__wrapper {
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    max-width: 500px;
    background: #fff;
    transition: 0.3s;
    overflow-y: auto;
}

.mobile-panel__wrapper.open {
    left: 0;
}

.menu-mobile {
    display: block;
    position: relative;
    padding: 16px;
}

.menu-mobile img {
    display: none;
}

.menu-mobile ul {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-mobile .level-1 {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgb(86, 56, 36);
}

.menu-mobile .level-1.parent {
    padding-bottom: 10px;
}

.menu-mobile .level-1:last-child {
    border: none;
}

.menu-mobile .level-1 > a {
    display: block;
    position: relative;
    padding: 12px;
    color: rgb(86, 56, 36);
    font-size: 110%;
    text-decoration: none;
    line-height: 1.1;
    transition: 0.2s;
}

.menu-mobile .level-1:hover > a {
    color: #000;
    background: rgb(86, 56, 36);
}

.menu-mobile .level-1.active > a {
    font-weight: bold;
}

.menu-mobile .level-1 > ul {
    display: block;
}

.menu-mobile .level-2 > ul {
    display: none;
}

.menu-mobile .level-2 {
    display: block;
    position: relative;
    padding: 0;
    margin: 0 0 0 15px;
}

.menu-mobile .level-2 > a {
    display: block;
    position: relative;
    padding: 8px 10px;
    color: rgb(86, 56, 36);
    text-decoration: none;
    line-height: 1.1;
    transition: 0.2s;
}

.menu-mobile .level-2:hover > a {
    text-decoration: underline;
}

.menu-mobile .level-2.active > a {
    font-weight: bold;
}

.menu-mobile__control {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.menu-mobile__close {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: 0.4s ease-in-out;
}

.menu-mobile__close:hover {
    transform: rotate(180deg) scale(0.8);
}

.menu-mobile__close::after,
.menu-mobile__close::before {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    content: '';
    width: 100%;
    height: 4px;
    border-radius: 8px;
    background: rgb(86, 56, 36);
}

.menu-mobile__close::before {
    transform: rotate(45deg);
}

.menu-mobile__close::after {
    transform: rotate(-45deg);
}

/*-------------------------------------*/
/* Form Section                        */
/*-------------------------------------*/

.form-section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.form-section__title {
    display: block;
    position: relative;
    color: #000;
    font-size: 28px;
    text-align: left;
    padding-bottom: 15px;
}

.form-section__description {
    display: block;
    position: relative;
    color: #b0b2b7;
    font-size: 90%;
    padding-bottom: 15px;
}

.form-section__fields {
    display: block;
    position: relative;
    padding: 0 0 10px;
}

.form-section__fields.hidden {
    display: none;
}

.form-section__fields input {
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 20px 25px;
    color: #000;
    background: #fff;
    font-size: 14px;
    border: 1px solid #D7D7D7;
    border-radius: 87px;
    overflow: hidden;
}

.modal-form .form-section__fields input {
    width: 100%;
    border-radius: 10px;
}

.modal-form .form-section__fields select {
    display: flex;
    position: relative;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 20px 25px;
    background: #fff;
    font-size: 14px;
    border: 1px solid #D7D7D7;
    border-radius: 87px;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}

.form-section__fields input::placeholder {
    color: gray;
}

.form-section__fields input.error {
    border: 1px solid #aa0000;
    box-shadow: 0 0 6px #aa0000;
}

.form-section__control {
    display: block;
    position: relative;
    padding: 10px 0;
    min-height: 65px;
}

.form-section__submit {
    margin: 0 auto;
    max-width: 100%;
}

.form-section__submit.disabled {
    background: #aaa !important;
    cursor: no-drop;
}

.form-section__submit.disabled:hover {
    margin-top: 0;
}

.form-section__confirm {
    display: flex;
    position: relative;
}

.form-section__checkbox {
    display: block;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.form-section__checkbox span {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    border: 1px solid #F0F0F0;
    background-color: #fff !important;
}

.form-section__confirm.checked .form-section__checkbox span {
    background: url(/templates/alfa/images/icons/ic-check.png) center/14px no-repeat;
}

.form-section__privacy {
    display: block;
    position: relative;
    font-size: 12px;
    line-height: 15px;
    color: #400A0A;
}

.form-section__privacy a {
    text-decoration: none;
}

.form-section__privacy a:hover {
    text-decoration: underline;
}

.form-section__system {
    display: block;
    position: relative;
}

.form-section__progress {
    display: none;
    position: relative;
    animation: anim-progress 0.5s linear infinite;
    margin: 0 auto;
    width: 60%;
    height: 10px;
    background: url(/templates/arshinnn/images/obj-pbar.png) #87d339 0 0;
    border-radius: 8px;
    transition: 0.3s;
}

@keyframes anim-progress {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 13px 0;
    }
}

.form-section__progress.active {
    display: block;
}

.form-section__alert {
    display: block;
    position: relative;
    padding: 5px 0;
}

.form-section__alert .alert {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 90%;
    color: #fff;
    text-align: center;
    background: #aaa;
    border-radius: 4px;
}

.form-section__alert .alert-danger {
    background: #cc0000;
}

.form-section__alert .alert-success {
    background: #00aa00;
}

.modal-form .form-section__fields input {
    margin-bottom: 10px;
}

.form__field {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.form__field.ic.phone:before {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    left: 25px;
    height: 100%;
    width: 17px;
    height: 17px;
    background: url(/images/icons/ic-phone-red.png) center/contain no-repeat;
    z-index: 1;
}

.form__field input {
    width: 100%;
}

.form__field.ic input {
    padding-left: 55px;
}

#form_about,
#form_about .modal-form {
    max-width: 800px;
    color: #fff;
}

#form_about .form-about__description {
    display: block;
    position: relative;
    color: #4a3e21;
    font-size: 15px;
    padding-bottom: 15px;
}

#form_about ul {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 700px;
}

#form_about ul li {
    display: block;
    position: relative;
    margin-left: 20px;
    margin-bottom: 10px;
}

#form_about ul li:after {
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    background: rgb(205 183 129);
    width: 5px;
    height: 5px;
    top: 7px;
    border-radius: 50%;
}

#form_about p {
    font-weight: 500;
}


@media (max-width: 991px) {
    .form-section {
        width: 100%;
    }
}

@media (max-width: 559px) {
    .form-section__fields {
        padding-bottom: 10px;
    }

    .form-section__fields input {
        font-size: 100%;
    }

    .form-section__submit {
        font-size: 90%;
    }
}

.form-check {
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.1;
}

.form-check-input {
    display: none!important;
}

.form-check-label {
    display: flex;
    align-items: center;
}

.form-check-label::before {
    display: block;
    position: relative;
    content: '';
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    margin-right: 10px;
    border: 1px solid #f0f0f0;
    background: url(../images/icons/ic-check.png) center / 14px no-repeat;
    background-color: #fff;
}

.nocheck .form-check-label::before {
    background-image: none;
}

/*-------------------------------------*/
/* Modal                               */
/*-------------------------------------*/

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 8999;
    padding: 5px;
    box-sizing: border-box;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}

.blocker.behind {
    background-color: transparent;
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 9999;
    max-width: 500px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}

.modal-form {
    display: block;
    position: relative;
    box-sizing: border-box;
    max-width: 500px;
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 5px 10px #333;
}

.modal a.close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    transition: 0.2s;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
}

.modal a.close-modal:hover {
    filter: invert(1);
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px;
}

.modal-spinner > div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.5)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

@media (max-width: 767px) {
    .modal-form {
        padding: 40px 30px 30px;
    }
}


/*-------------------------------------*/
/* Fonts                               */
/*-------------------------------------*/


@font-face {
    font-family: 'TT Norms ExtraBold';
    src: url('../fonts/TTNorms-ExtraBoldItalic.eot');
    src: local('TT Norms ExtraBold Italic'), local('TTNorms-ExtraBoldItalic'),
    url('../fonts/TTNorms-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-ExtraBoldItalic.woff') format('woff'),
    url('../fonts/TTNorms-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Bold.eot');
    src: local('TT Norms Bold'), local('TTNorms-Bold'),
    url('../fonts/TTNorms-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-Bold.woff') format('woff'),
    url('../fonts/TTNorms-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Thin.eot');
    src: local('TT Norms Thin'), local('TTNorms-Thin'),
    url('../fonts/TTNorms-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-Thin.woff') format('woff'),
    url('../fonts/TTNorms-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Regular.eot');
    src: local('TT Norms Regular'), local('TTNorms-Regular'),
    url('../fonts/TTNorms-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-Regular.woff') format('woff'),
    url('../fonts/TTNorms-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms Thin';
    src: url('../fonts/TTNorms-ThinItalic.eot');
    src: local('TT Norms Thin Italic'), local('TTNorms-ThinItalic'),
    url('../fonts/TTNorms-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-ThinItalic.woff') format('woff'),
    url('../fonts/TTNorms-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Italic.eot');
    src: local('TT Norms Italic'), local('TTNorms-Italic'),
    url('../fonts/TTNorms-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-Italic.woff') format('woff'),
    url('../fonts/TTNorms-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Heavy.eot');
    src: local('TT Norms Heavy'), local('TTNorms-Heavy'),
    url('../fonts/TTNorms-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-Heavy.woff') format('woff'),
    url('../fonts/TTNorms-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Light.eot');
    src: local('TT Norms Light'), local('TTNorms-Light'),
    url('../fonts/TTNorms-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-Light.woff') format('woff'),
    url('../fonts/TTNorms-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms Black';
    src: url('../fonts/TTNorms-BlackItalic.eot');
    src: local('TT Norms Black Italic'), local('TTNorms-BlackItalic'),
    url('../fonts/TTNorms-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-BlackItalic.woff') format('woff'),
    url('../fonts/TTNorms-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraLight.eot');
    src: local('TT Norms ExtraLight'), local('TTNorms-ExtraLight'),
    url('../fonts/TTNorms-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-ExtraLight.woff') format('woff'),
    url('../fonts/TTNorms-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms Light';
    src: url('../fonts/TTNorms-LightItalic.eot');
    src: local('TT Norms Light Italic'), local('TTNorms-LightItalic'),
    url('../fonts/TTNorms-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-LightItalic.woff') format('woff'),
    url('../fonts/TTNorms-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms ExtraLight';
    src: url('../fonts/TTNorms-ExtraLightItalic.eot');
    src: local('TT Norms ExtraLight Italic'), local('TTNorms-ExtraLightItalic'),
    url('../fonts/TTNorms-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-ExtraLightItalic.woff') format('woff'),
    url('../fonts/TTNorms-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms Bold';
    src: url('../fonts/TTNorms-BoldItalic.eot');
    src: local('TT Norms Bold Italic'), local('TTNorms-BoldItalic'),
    url('../fonts/TTNorms-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-BoldItalic.woff') format('woff'),
    url('../fonts/TTNorms-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Medium.eot');
    src: local('TT Norms Medium'), local('TTNorms-Medium'),
    url('../fonts/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-Medium.woff') format('woff'),
    url('../fonts/TTNorms-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Black.eot');
    src: local('TT Norms Black'), local('TTNorms-Black'),
    url('../fonts/TTNorms-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-Black.woff') format('woff'),
    url('../fonts/TTNorms-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms Medium';
    src: url('../fonts/TTNorms-MediumItalic.eot');
    src: local('TT Norms Medium Italic'), local('TTNorms-MediumItalic'),
    url('../fonts/TTNorms-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-MediumItalic.woff') format('woff'),
    url('../fonts/TTNorms-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms Heavy';
    src: url('../fonts/TTNorms-HeavyItalic.eot');
    src: local('TT Norms Heavy Italic'), local('TTNorms-HeavyItalic'),
    url('../fonts/TTNorms-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-HeavyItalic.woff') format('woff'),
    url('../fonts/TTNorms-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-ExtraBold.eot');
    src: local('TT Norms ExtraBold'), local('TTNorms-ExtraBold'),
    url('../fonts/TTNorms-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TTNorms-ExtraBold.woff') format('woff'),
    url('../fonts/TTNorms-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


/*-------------------------------------*/
/* Section                             */
/*-------------------------------------*/

.section {
    display: block;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.section__wrapper {
    display: block;
    position: relative;
}

.section__container {
    display: block;
    position: relative;
    box-sizing: border-box;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

.section__header {
    display: block;
    position: relative;
    padding: 70px 0 55px;
    text-align: center;
    font-weight: normal;
}

.section__header.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section__header .title {
    display: block;
    position: relative;
    text-align: center;
    font-size: 44px;
}

.section__header .title span {
    font-weight: bold;
}

.section__header .desc {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 20px;
    font-size: 30px;
}

.section__header .nowrap {
    white-space: nowrap;
}

@media (max-width: 991px) {
    .section__header {
        padding: 50px 0 50px;
    }

    .section__header .title {
        font-size: 240%;
    }
}

@media (max-width: 767px) {
    .section__header {
        padding: 20px 0px 15px;
    }

    .section__header .title {
        font-size: 200%;
    }

    .section__header .descr {
        font-size: 100%;
    }
}

@media (max-width: 559px) {
    .section__header {
        padding: 50px 0 30px;
    }

    .section__header .title {
        font-size: 160%;
    }
}