/* Start:/local/templates/main/css/main.min.css?1696926261229143*/
@charset "UTF-8";
@font-face {
    font-family: Geometria;
    src: url(/local/templates/main/css/../fonts/Geometria.woff) format("woff"), url(/local/templates/main/css/../fonts/Geometria.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Geometria;
    src: url(/local/templates/main/css/../fonts/Geometria-Bold.woff) format("woff"), url(/local/templates/main/css/../fonts/Geometria-Bold.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Geometria;
    src: url(/local/templates/main/css/../fonts/Geometria-Medium.woff) format("woff"), url(/local/templates/main/css/../fonts/Geometria-Medium.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: ALSRubl;
    src: url(/local/templates/main/css/../fonts/rouble.ttf);
}
.col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
}
.col--no-gutters {
    padding: 0;
}
.grid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}
.grid--container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}
.grid--no-gutters {
    padding: 0;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row:last-child {
    margin-bottom: 0;
}
.row--no-gutters {
    margin: 0;
}
.row--xs-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.row--xs-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.row--xs-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.col--xs-align-top {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
}
.col--xs-align-center {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
}
.col--xs-align-bottom {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}
.col--xs-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
}
.col--xs-reset {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
}
.col--xs-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.row--xs-reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}
.col--xs-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.text--xs-right {
    text-align: right;
}
.text--xs-left {
    text-align: left;
}
.text--xs-center {
    text-align: center;
}
.col--xs {
    max-width: 100%;
    padding: 1rem 0.5rem 0 0.5rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
}
.col--xs-1 {
    width: 8.333333333333334%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-2 {
    width: 16.666666666666668%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-3 {
    width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-4 {
    width: 33.333333333333336%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-5 {
    width: 41.66666666666667%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-6 {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-7 {
    width: 58.333333333333336%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-8 {
    width: 66.66666666666667%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-9 {
    width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-10 {
    width: 83.33333333333334%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-11 {
    width: 91.66666666666667%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-12 {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.col--xs-offset-0 {
    margin-left: 0;
}
.col--xs-offset-1 {
    margin-left: 8.333333333333334%;
}
.col--xs-offset-2 {
    margin-left: 16.666666666666668%;
}
.col--xs-offset-3 {
    margin-left: 25%;
}
.col--xs-offset-4 {
    margin-left: 33.333333333333336%;
}
.col--xs-offset-5 {
    margin-left: 41.66666666666667%;
}
.col--xs-offset-6 {
    margin-left: 50%;
}
.col--xs-offset-7 {
    margin-left: 58.333333333333336%;
}
.col--xs-offset-8 {
    margin-left: 66.66666666666667%;
}
.col--xs-offset-9 {
    margin-left: 75%;
}
.col--xs-offset-10 {
    margin-left: 83.33333333333334%;
}
.col--xs-offset-11 {
    margin-left: 91.66666666666667%;
}
.col--xs-offset-12 {
    margin-left: 100%;
}
@media (min-width: 544px) {
    .row--sm-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .row--sm-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .row--sm-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .col--sm-align-top {
        -ms-flex-item-align: start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .col--sm-align-center {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
    }
    .col--sm-align-bottom {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .col--sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }
    .col--sm-reset {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }
    .col--sm-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .row--sm-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .col--sm-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .text--sm-right {
        text-align: right;
    }
    .text--sm-left {
        text-align: left;
    }
    .text--sm-center {
        text-align: center;
    }
    .col--sm {
        max-width: 100%;
        padding: 1rem 0.5rem 0 0.5rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
    }
    .col--sm-1 {
        width: 8.333333333333334%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-2 {
        width: 16.666666666666668%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-3 {
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-4 {
        width: 33.333333333333336%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-5 {
        width: 41.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-6 {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-7 {
        width: 58.333333333333336%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-8 {
        width: 66.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-9 {
        width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-10 {
        width: 83.33333333333334%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-11 {
        width: 91.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-12 {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--sm-offset-0 {
        margin-left: 0;
    }
    .col--sm-offset-1 {
        margin-left: 8.333333333333334%;
    }
    .col--sm-offset-2 {
        margin-left: 16.666666666666668%;
    }
    .col--sm-offset-3 {
        margin-left: 25%;
    }
    .col--sm-offset-4 {
        margin-left: 33.333333333333336%;
    }
    .col--sm-offset-5 {
        margin-left: 41.66666666666667%;
    }
    .col--sm-offset-6 {
        margin-left: 50%;
    }
    .col--sm-offset-7 {
        margin-left: 58.333333333333336%;
    }
    .col--sm-offset-8 {
        margin-left: 66.66666666666667%;
    }
    .col--sm-offset-9 {
        margin-left: 75%;
    }
    .col--sm-offset-10 {
        margin-left: 83.33333333333334%;
    }
    .col--sm-offset-11 {
        margin-left: 91.66666666666667%;
    }
    .col--sm-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 768px) {
    .row--md-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .row--md-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .row--md-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .col--md-align-top {
        -ms-flex-item-align: start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .col--md-align-center {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
    }
    .col--md-align-bottom {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .col--md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }
    .col--md-reset {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }
    .col--md-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .row--md-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .col--md-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .text--md-right {
        text-align: right;
    }
    .text--md-left {
        text-align: left;
    }
    .text--md-center {
        text-align: center;
    }
    .col--md {
        max-width: 100%;
        padding: 1rem 0.5rem 0 0.5rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
    }
    .col--md-1 {
        width: 8.333333333333334%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-2 {
        width: 16.666666666666668%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-3 {
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-4 {
        width: 33.333333333333336%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-5 {
        width: 41.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-6 {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-7 {
        width: 58.333333333333336%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-8 {
        width: 66.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-9 {
        width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-10 {
        width: 83.33333333333334%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-11 {
        width: 91.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-12 {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--md-offset-0 {
        margin-left: 0;
    }
    .col--md-offset-1 {
        margin-left: 8.333333333333334%;
    }
    .col--md-offset-2 {
        margin-left: 16.666666666666668%;
    }
    .col--md-offset-3 {
        margin-left: 25%;
    }
    .col--md-offset-4 {
        margin-left: 33.333333333333336%;
    }
    .col--md-offset-5 {
        margin-left: 41.66666666666667%;
    }
    .col--md-offset-6 {
        margin-left: 50%;
    }
    .col--md-offset-7 {
        margin-left: 58.333333333333336%;
    }
    .col--md-offset-8 {
        margin-left: 66.66666666666667%;
    }
    .col--md-offset-9 {
        margin-left: 75%;
    }
    .col--md-offset-10 {
        margin-left: 83.33333333333334%;
    }
    .col--md-offset-11 {
        margin-left: 91.66666666666667%;
    }
    .col--md-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 992px) {
    .row--lg-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .row--lg-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .row--lg-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .col--lg-align-top {
        -ms-flex-item-align: start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .col--lg-align-center {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
    }
    .col--lg-align-bottom {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .col--lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }
    .col--lg-reset {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }
    .col--lg-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .row--lg-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .col--lg-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .text--lg-right {
        text-align: right;
    }
    .text--lg-left {
        text-align: left;
    }
    .text--lg-center {
        text-align: center;
    }
    .col--lg {
        max-width: 100%;
        padding: 1rem 0.5rem 0 0.5rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
    }
    .col--lg-1 {
        width: 8.333333333333334%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-2 {
        width: 16.666666666666668%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-3 {
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-4 {
        width: 33.333333333333336%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-5 {
        width: 41.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-6 {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-7 {
        width: 58.333333333333336%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-8 {
        width: 66.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-9 {
        width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-10 {
        width: 83.33333333333334%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-11 {
        width: 91.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-12 {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--lg-offset-0 {
        margin-left: 0;
    }
    .col--lg-offset-1 {
        margin-left: 8.333333333333334%;
    }
    .col--lg-offset-2 {
        margin-left: 16.666666666666668%;
    }
    .col--lg-offset-3 {
        margin-left: 25%;
    }
    .col--lg-offset-4 {
        margin-left: 33.333333333333336%;
    }
    .col--lg-offset-5 {
        margin-left: 41.66666666666667%;
    }
    .col--lg-offset-6 {
        margin-left: 50%;
    }
    .col--lg-offset-7 {
        margin-left: 58.333333333333336%;
    }
    .col--lg-offset-8 {
        margin-left: 66.66666666666667%;
    }
    .col--lg-offset-9 {
        margin-left: 75%;
    }
    .col--lg-offset-10 {
        margin-left: 83.33333333333334%;
    }
    .col--lg-offset-11 {
        margin-left: 91.66666666666667%;
    }
    .col--lg-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 1200px) {
    .row--xl-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .row--xl-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .row--xl-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    .col--xl-align-top {
        -ms-flex-item-align: start;
        -webkit-align-self: flex-start;
        align-self: flex-start;
    }
    .col--xl-align-center {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
    }
    .col--xl-align-bottom {
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .col--xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        order: -1;
    }
    .col--xl-reset {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }
    .col--xl-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    .row--xl-reverse {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
    }
    .col--xl-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .text--xl-right {
        text-align: right;
    }
    .text--xl-left {
        text-align: left;
    }
    .text--xl-center {
        text-align: center;
    }
    .col--xl {
        max-width: 100%;
        padding: 1rem 0.5rem 0 0.5rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
    }
    .col--xl-1 {
        width: 8.333333333333334%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-2 {
        width: 16.666666666666668%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-3 {
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-4 {
        width: 33.333333333333336%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-5 {
        width: 41.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-6 {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-7 {
        width: 58.333333333333336%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-8 {
        width: 66.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-9 {
        width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-10 {
        width: 83.33333333333334%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-11 {
        width: 91.66666666666667%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-12 {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
    }
    .col--xl-offset-0 {
        margin-left: 0;
    }
    .col--xl-offset-1 {
        margin-left: 8.333333333333334%;
    }
    .col--xl-offset-2 {
        margin-left: 16.666666666666668%;
    }
    .col--xl-offset-3 {
        margin-left: 25%;
    }
    .col--xl-offset-4 {
        margin-left: 33.333333333333336%;
    }
    .col--xl-offset-5 {
        margin-left: 41.66666666666667%;
    }
    .col--xl-offset-6 {
        margin-left: 50%;
    }
    .col--xl-offset-7 {
        margin-left: 58.333333333333336%;
    }
    .col--xl-offset-8 {
        margin-left: 66.66666666666667%;
    }
    .col--xl-offset-9 {
        margin-left: 75%;
    }
    .col--xl-offset-10 {
        margin-left: 83.33333333333334%;
    }
    .col--xl-offset-11 {
        margin-left: 91.66666666666667%;
    }
    .col--xl-offset-12 {
        margin-left: 100%;
    }
}
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.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;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    -webkit-box-sizing: border-box;
    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"] {
    -webkit-box-sizing: border-box;
    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 {
    display: none;
}
[hidden] {
    display: none;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger:hover {
    opacity: 0.7;
}
.hamburger.is-active:hover {
    opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
    background-color: #000;
}
.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.hamburger-inner::after,
.hamburger-inner::before {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}
.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::after,
.hamburger--3dx .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::after,
.hamburger--3dx-r .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::after,
.hamburger--3dy .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::after,
.hamburger--3dy-r .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::after,
.hamburger--3dxy-r .hamburger-inner::before {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowalt .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    -o-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
    -o-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
    -o-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    -o-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
    -o-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg);
    -webkit-transition-delay: 0.22s;
    -o-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--elastic .hamburger-inner {
    top: 2px;
    -webkit-transition-duration: 275ms;
    -o-transition-duration: 275ms;
    transition-duration: 275ms;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 125ms 275ms ease;
    -o-transition: opacity 125ms 275ms ease;
    transition: opacity 125ms 275ms ease;
}
.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms;
}
.hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms;
}
.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    -webkit-transition-duration: 275ms;
    -o-transition-duration: 275ms;
    transition-duration: 275ms;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 125ms 275ms ease;
    -o-transition: opacity 125ms 275ms ease;
    transition: opacity 125ms 275ms ease;
}
.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms;
}
.hamburger--emphatic {
    overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 125ms 175ms ease-in;
    -o-transition: background-color 125ms 175ms ease-in;
    transition: background-color 125ms 175ms ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    -webkit-transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -o-transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -o-transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    -webkit-transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    -webkit-transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r {
    overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 125ms 175ms ease-in;
    -o-transition: background-color 125ms 175ms ease-in;
    transition: background-color 125ms 175ms ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    -webkit-transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -o-transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, left 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -o-transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, right 125ms 175ms ease-in;
    transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    -webkit-transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    -webkit-transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--minus .hamburger-inner::after,
.hamburger--minus .hamburger-inner::before {
    -webkit-transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear;
    -o-transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear;
    transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::after,
.hamburger--minus.is-active .hamburger-inner::before {
    opacity: 0;
    -webkit-transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear;
    -o-transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear;
    transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
    top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0;
}
.hamburger--slider .hamburger-inner {
    top: 2px;
}
.hamburger--slider .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
    top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.hamburger--slider-r .hamburger-inner {
    top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
    top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg);
}
.hamburger--spin .hamburger-inner {
    -webkit-transition-duration: 0.22s;
    -o-transition-duration: 0.22s;
    transition-duration: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: 0.12s;
    -o-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: 0.22s;
    -o-transition-duration: 0.22s;
    transition-duration: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition-delay: 0.12s;
    -o-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s 0.13s linear;
    -o-transition: background-color 0s 0.13s linear;
    transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    -o-transition-delay: 0.22s;
    transition-delay: 0.22s;
    background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    -o-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
    -o-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand .hamburger-inner {
    -webkit-transition: background-color 0s 75ms linear, -webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: background-color 0s 75ms linear, -webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 75ms linear;
    transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 75ms linear;
    transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 75ms linear, -webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
    -webkit-transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent !important;
    -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0s 0.15s linear, -webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 75ms 0.1s ease-out, -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 75ms 0.1s ease-out, -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 75ms 0.1s ease-out, -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms 0.1s ease-out, -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r .hamburger-inner {
    -webkit-transition: background-color 0s 75ms linear, -webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: background-color 0s 75ms linear, -webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 75ms linear;
    transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 75ms linear;
    transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 75ms linear, -webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent !important;
    -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0s 0.15s linear, -webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 75ms 0.1s ease-out, -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 75ms 0.1s ease-out, -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 75ms 0.1s ease-out, -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms 0.1s ease-out, -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms 0.1s ease-out, transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 75ms 0.12s ease, opacity 75ms ease;
    -o-transition: top 75ms 0.12s ease, opacity 75ms ease;
    transition: top 75ms 0.12s ease, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 75ms 0.12s ease, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 0.12s ease, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 75ms 0.12s ease, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 0.12s ease, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 75ms 0.12s ease, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.12s;
    -o-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 75ms ease, opacity 75ms 0.12s ease;
    -o-transition: top 75ms ease, opacity 75ms 0.12s ease;
    transition: top 75ms ease, opacity 75ms 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms ease, -webkit-transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms ease, -webkit-transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 75ms ease, transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms ease, transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 75ms ease, transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--vortex .hamburger-inner {
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::after,
.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    -ms-transform: rotate(765deg);
    transform: rotate(765deg);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::after,
.hamburger--vortex.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::after,
.hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    -o-transition-property: top, opacity;
    transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    -ms-transform: rotate(-765deg);
    transform: rotate(-765deg);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::after,
.hamburger--vortex-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 62.5%;
}
img {
    max-width: 100%;
}
a {
    text-decoration: none;
}
.hamburger.is-active:hover {
    opacity: 1;
}
.hamburger:hover {
    opacity: 1;
}
body {
    font-family: Geometria, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}
h1 {
    margin: 0;
}
h2 {
    margin: 0;
}
h3 {
    margin: 0;
}
p {
    margin: 0;
}
.header__logo {
    padding-top: 1rem;
}
.wrapper_head {
    max-width: 1500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.header__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header__navbar_link {
    font-size: 1.8rem;
    line-height: 1.2;
    color: #43414e;
}
.header__navbar_link {
    font-size: 1.8rem;
    line-height: 1.2;
    color: #43414e;
    margin-right: 5.5rem;
}
.header__navbar_link:last-child {
    margin-right: 0;
}
.header__commun_phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #1eb1e7;
}
.header__commun_phone svg {
    margin-right: 1.3rem;
}
.header__commun_city {
    font-size: 1.6rem;
    margin-top: 1rem;
    padding-left: 2.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: #43414e;
}
.icon_al {
    width: 10px;
    height: 20px;
    fill: #00b4e9;
}
.wrapper {
    width: 100%;
}
.wrapper_fluid {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.wrapper_large {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1250px;
    width: 100%;
}
.grid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}
.index-slider__item {
    padding-left: 30rem;
    padding-right: 17rem;
    line-height: 1.2;
    height: 580px;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.index-slider__item:before {
    content: "";
    left: 0;
    right: 0;
    pointer-events: none;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
    position: absolute;
}
.grid_design {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    left: 0;
    height: 100%;
    margin: auto;
    pointer-events: none;
}
.grid__line_gray {
    border-left: 1px solid #325c74;
}
.grid__line {
    display: block;
    width: 100%;
}
.grid__line-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #325c74;
}
.grid__line {
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 100%;
}
.main_default {
    position: relative;
    min-height: 100%;
}
.index-slider__title {
    position: relative;
    max-width: 765px;
    width: 100%;
    font-size: 6.8rem;
    font-weight: 500;
    color: #fff;
}
.index-slider__title span {
    color: #1eb1e7;
}
.index-slider__title:before {
    content: "";
    left: -13.3rem;
    width: 3px;
    height: 0%;
    position: absolute;
    background-color: #000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00b4e9), to(#00c5cd));
    background-image: -o-linear-gradient(bottom, #00b4e9 0, #00c5cd 100%);
    background-image: linear-gradient(0deg, #00b4e9 0, #00c5cd 100%);
}
.index-slider__subtitle {
    font-size: 2.4rem;
    font-weight: 400;
    color: #fff;
    max-width: 570px;
    width: 100%;
    line-height: 1.6;
    margin-top: 4rem;
    position: relative;
}
.index-slider__row {
    margin-top: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.index-slider__row .price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.number {
    font-size: 52px;
    font-weight: 500;
    color: #fff;
}
.index-slider__row .text {
    margin-left: 3.2rem;
    font-size: 1.8rem;
    font-weight: 400;
    max-width: 110px;
    width: 100%;
    color: #fff;
}
.trafic-slider__item {
    position: relative;
    border: 1px solid #e8e8e8;
}
.rub {
    font-weight: 400;
    margin-left: 1rem;
    color: #fff;
    font-size: 30px;
}
.index-btn-shudow.small {
    position: absolute;
    width: 119px;
    height: 119px;
    opacity: 0.1;
    top: -50%;
    background-color: #e8fbff;
    left: -50%;
    border-radius: 50%;
    -webkit-transform: translate(8%, 11%);
    -ms-transform: translate(8%, 11%);
    transform: translate(8%, 11%);
}
.trafic-slider__item {
    margin-top: 5rem;
    margin-bottom: 5rem;
    height: 341px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
}
.trafic-slider__desc {
    font-size: 1.7rem;
    font-weight: 700;
    color: #353c43;
}
.trafic-slider__price {
    font-size: 6rem;
    font-weight: 400;
    color: #353c43;
    line-height: 1;
    margin-top: 3rem;
    margin-bottom: 0;
}
.trafic-slider .slick-slide {
    margin: 0 0;
}
.trafic-slider .slick-list {
    margin: 0 0;
}
.trafic-slider__button {
    margin-top: 5rem;
}
.trafic-slider__button .btn_transparent {
    display: inline-block;
    padding: 1.8rem 3.3rem;
    line-height: 1;
    font-size: 16px;
    outline: 0;
    line-height: 1.2;
    font-weight: 700;
    color: #161f28;
    border: 1px solid #01b4e9;
    border-radius: 29.5px;
}
.index-btn-shudow.bold {
    position: absolute;
    width: 185px;
    height: 185px;
    opacity: 0.17;
    background-color: #e8fbff;
    top: -100%;
    left: -100%;
    border-radius: 50%;
    -webkit-transform: translate(6%, 8.5%);
    -ms-transform: translate(6%, 8.5%);
    transform: translate(6%, 8.5%);
}
.index-slider__button {
    margin-right: 2.1rem;
    width: 70px;
    display: block;
    height: 70px;
    border-radius: 35px;
    position: relative;
    background-color: #21c5cd;
}
.index-slider__button .circle {
    width: 24px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 24px;
    position: relative;
}
.index-slider__button .circle:before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 0.2rem;
    bottom: 0;
    border-radius: 5px;
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.index-slider__button .circle:after {
    border-radius: 5px;
    content: "";
    background-color: #fff;
    position: absolute;
    width: 0.2rem;
    bottom: 0;
    top: 0;
}
.icon_house {
    width: 73px;
    height: 73px;
}
.icon_communication {
    height: 73px;
    width: 80px;
}
.stage .grid__line-right {
    border-color: #eeeff1;
}
.resource_offset .grid__line-right {
    border-color: #325c74;
}
.work__button {
    padding-right: 15rem;
    margin-top: 5rem;
    padding-left: 11.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.work__button .btn_gray {
    height: 117px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #43414e;
    border: none;
    outline: 0;
}
.work__button .btn_gray .circle {
    margin-right: 2rem;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #33c2e8;
    position: relative;
}
.work__button .btn_gray .circle:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    top: 50%;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #33c1e8 transparent transparent transparent;
}
.work__button .btn_gray .circle:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -9px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2.2rem;
    width: 0.2rem;
    background-color: #33c1e8;
}
.image-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.image-row .img {
    line-height: 0;
}
.image-row .number {
    position: relative;
    margin-left: 3.5rem;
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    color: #1eb1e7;
    min-width: 60px;
}
.image-row .number:before {
    content: "+";
    position: absolute;
    font-weight: 400;
    right: -2.5rem;
    top: 50%;
    font-size: 4rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.image-row .number_length:before {
    content: "км";
    right: -5.5rem;
}
.work__col_title {
    font-size: 22px;
    margin-top: 3.5rem;
    line-height: 1.5;
    font-weight: 700;
    color: #353c43;
}
.work_offset-left {
    padding-left: 11.5rem;
}
.work_container {
    padding-left: 13rem;
    padding-right: 10rem;
}
.work_offset {
    padding-top: 16rem;
}
.title_bold {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #353c43;
    position: relative;
}
.title_bold:before {
    content: "";
    top: -4rem;
    position: absolute;
    height: 2px;
    width: 170px;
    background-color: #000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00b4e9), to(#00c5cd));
    background-image: -o-linear-gradient(bottom, #00b4e9 0, #00c5cd 100%);
    background-image: linear-gradient(0deg, #00b4e9 0, #00c5cd 100%);
}
.work__col_desc {
    font-size: 18px;
    margin-top: 3rem;
    line-height: 1.3;
    max-width: 190px;
    width: 100%;
    font-weight: 400;
    color: #161f28;
}
.work_bg {
    background-color: #f7f7f8;
}
.work__subtitle {
    line-height: 1.8;
    margin-top: 4.5rem;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 4.5rem;
}
.work__col {
    max-width: 210px;
    width: 100%;
}
.work__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.work__row_border {
    border-top: 1px solid #e6e7e8;
    padding-top: 2rem;
}
.icon_house2 {
    width: 71px;
    height: 71px;
}
.index-slider_rows {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 17rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.slider-btn-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.index-slider__text {
    width: 110px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
}
.index-bottom-bg {
    bottom: 0;
    position: absolute;
    right: 0;
    border-top: 1px solid #325c74;
}
.index-bottom-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.15;
}
.slick-dots {
    cursor: pointer;
    position: absolute;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding-left: 0;
    left: 17%;
    -webkit-transform: translateX(-17%);
    -ms-transform: translateX(-17%);
    transform: translateX(-17%);
    margin: 0;
    bottom: 4%;
    list-style-type: none;
}
.slick-dots li {
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 1.5rem;
}
.slick-dots li button {
    border-radius: 50%;
    padding: 0;
    border: none;
    width: 6px;
    height: 6px;
    background-color: #fff;
    font-size: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}
.slick-dots li.slick-active {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.work-map {
    min-height: 470px;
    position: relative;
}
.work-map:before {
    content: "";
    position: absolute;
    width: 910px;
    height: 520px;
    right: -7rem;
    top: -2rem;
    left: 0;
    background-image: url(/local/templates/main/css/../img/map-work.png);
    background-repeat: no-repeat;
}
.work-map__desc {
    font-size: 22px;
    font-weight: 700;
    color: #43414e;
    margin-top: 21rem;
}
.work_bg {
    position: relative;
}
.work_bg:before {
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    width: 182px;
    background-image: url(/local/templates/main/css/../img/png_left.png);
}
.work_bg .grid__line-right {
    border-color: #eeeff1;
}
.work-map__desc {
    position: relative;
}
.work-map__number {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.work-map__number .number {
    position: relative;
    font-size: 140px;
    font-weight: 400;
    z-index: 2;
    letter-spacing: -0.02em;
    color: #353c43;
}
.work-map__number .text {
    z-index: 2;
    margin-left: 2.5rem;
    position: relative;
    font-size: 60px;
    font-weight: 500;
    color: #353c43;
    margin-right: 2.5rem;
}
.work-map__number .icon_al {
    position: relative;
    z-index: 2;
    width: 19px;
    height: 49px;
    margin-top: 1.5rem;
    -webkit-transform: rotate(178deg);
    -ms-transform: rotate(178deg);
    transform: rotate(178deg);
}
.work-map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.slick-slide {
    outline: 0;
}
.trafic-slider__item {
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.trafic__desc {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
}
.trafic__desc {
    font-size: 1.7rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
.trafic__desc_offset {
    margin-bottom: 3.2rem;
}
.trafic-slider .slick-prev {
    cursor: pointer;
    background-color: rgba(250, 250, 250, 0);
    font-size: 0;
    border-radius: 50%;
    outline: 0;
    width: 50px;
    height: 50px;
    bottom: -24rem;
    left: -12rem;
    border: 2px solid #677b8c;
    position: relative;
}
.trafic-slider .slick-prev:before {
    content: "";
    position: absolute;
    width: 8px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 12px;
    background-image: url(/local/templates/main/css/../img/arr_l_s.png);
}
.trafic-slider .slick-next {
    cursor: pointer;
    background-color: rgba(250, 250, 250, 0);
    font-size: 0;
    border-radius: 50%;
    outline: 0;
    width: 50px;
    height: 50px;
    top: -24rem;
    right: -104%;
    border: 2px solid #677b8c;
    position: relative;
}
.trafic-slider .slick-next:before {
    content: "";
    position: absolute;
    width: 8px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
    height: 12px;
    background-image: url(/local/templates/main/css/../img/arr_l_s.png);
}
@-webkit-keyframes hold {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes hold {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}
.index-slider__button {
    z-index: 10;
    position: relative;
}
.index-slider__button:before {
    content: "";
    width: 119px;
    height: 119px;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    background-color: #e8fbff;
    -webkit-animation-name: hold;
    animation-name: hold;
    top: -39%;
    left: -36%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.index-slider__button:after {
    position: absolute;
    width: 185px;
    height: 185px;
    opacity: 0.17;
    background-color: #e8fbff;
    top: -100%;
    left: -100%;
    content: "";
    border-radius: 50%;
    z-index: 0;
    -webkit-animation-name: hold;
    animation-name: hold;
    top: -80%;
    left: -81%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.table__button span:before {
    display: none;
}
.table__button .btn_transparent:before {
    -webkit-transform: translateY(56%) rotate(90deg);
    -ms-transform: translateY(56%) rotate(90deg);
    transform: translateY(56%) rotate(90deg);
}
.table__button .btn_transparent:hover span {
    position: relative;
    z-index: 2;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.table__button .btn_transparent:hover:before {
    -webkit-transform: translateY(0) rotate(90deg);
    -ms-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
}
.index-btn-shudow.bold {
    display: none;
    z-index: 0;
    -webkit-animation-name: hold;
    animation-name: hold;
    top: -79%;
    left: -81%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.index-btn-shudow.small {
    top: -37%;
    left: -36%;
    z-index: 0;
    display: none;
    -webkit-animation-name: hold;
    animation-name: hold;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
@-webkit-keyframes index-s {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes index-s {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.slick-current.slick-active .index-slider_col {
    -webkit-animation: index-s 1.5s ease-in-out;
    animation: index-s 1.5s ease-in-out;
}
.slick-current.slick-active .index-slider__title:before {
    height: 110%;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.slick-current.slick-active .trafic-slider__item {
    z-index: 2;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 8px 20px 0 rgba(163, 175, 180, 0.27);
    box-shadow: 0 8px 20px 0 rgba(163, 175, 180, 0.27);
}
.slick-current.slick-active .btn_transparent {
    -webkit-box-shadow: 0 3px 8px 1px rgba(7, 181, 227, 0.33);
    box-shadow: 0 3px 8px 1px rgba(7, 181, 227, 0.33);
    background-color: #0bb9e0;
    border-radius: 29.5px;
    color: #fff;
}
.slick-current.slick-active .trafic-slider__price {
    color: #1eb1e7;
}
.trafic-slider__mask {
    position: absolute;
    right: -9rem;
    top: 4rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
    background-color: #1eb1e7;
}
.trafic_offset {
    padding-top: 8rem;
    padding-bottom: 11rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.title_midle {
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
}
.title_midle span {
    position: relative;
}
.title_midle span:before {
    left: 50%;
    bottom: -3rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    position: absolute;
    width: 70%;
    height: 0.2rem;
    background-color: #000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00b4e9), to(#00c5cd));
    background-image: -o-linear-gradient(bottom, #00b4e9 0, #00c5cd 100%);
    background-image: linear-gradient(0deg, #00b4e9 0, #00c5cd 100%);
}
.stage__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.stage__row_number {
    font-size: 112px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-right: 3rem;
    color: #161f28;
}
.stage_offset {
    padding-top: 11rem;
    padding-bottom: 9.5rem;
}
.feedback__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.feedback__button .btn_transparent {
    font-size: 2rem;
    font-weight: 700;
    color: #43414e;
}
.stage__collumn {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 3.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 4rem;
    border-top: 1px solid rgba(226, 228, 231, 0.7);
}
.stage__collumn .number {
    margin-right: 6rem;
    font-size: 5.2rem;
    font-weight: 400;
    color: #353c43;
    line-height: 1;
}
.stage__collumn .text__head {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 0.2rem;
    line-height: 1.2;
    color: #1eb1e7;
}
.stage__collumn .subtitle {
    font-size: 1.8rem;
    font-weight: 400;
    color: #353c43;
}
.icon_mass {
    width: 29px;
    height: 29px;
    fill: #1eb1e7;
    margin-right: 2rem;
}
.stage_offset {
    position: relative;
}
.stage_offset:before {
    content: "";
    width: 182px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background-image: url(/local/templates/main/css/../img/png_left.png);
}
.stage__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.stage__button .btn_gray {
    font-size: 18px;
    font-weight: 700;
    color: #43414e;
    width: 100%;
}
.btn_gray {
    height: 117px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #43414e;
    border: none;
    outline: 0;
}
.stage__row-pos {
    position: relative;
}
.stage__row-pos:before {
    content: "";
    position: absolute;
    height: 2px;
    top: 0;
    width: 170px;
    background-color: #000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00b4e9), to(#00c5cd));
    background-image: -o-linear-gradient(bottom, #00b4e9 0, #00c5cd 100%);
    background-image: linear-gradient(0deg, #00b4e9 0, #00c5cd 100%);
}
.stage_offset-bottom {
    margin-bottom: 7.5rem;
}
.stage__subtitle_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 17rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.stage__subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #161f28;
}
.stage__container_offset {
    padding-left: 13rem;
    padding-right: 17rem;
}
.stage__row_text {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.02em;
    color: #161f28;
}
.trafic__subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-top: 7rem;
}
.resource_image {
    position: relative;
    z-index: 2;
}
.resource_image_offset {
    width: 90%;
}
.resource_bg {
    background-color: #142d45;
    position: relative;
}
.resource_bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/local/templates/main/css/../img/png_left.png);
    height: 275px;
    width: 182px;
    border-bottom: 1px solid #325c74;
}
.resource_bg:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/local/templates/main/css/../img/png_left.png);
    height: 355px;
    width: 182px;
    border-top: 1px solid #325c74;
}
.resource_offset {
    padding-top: 15rem;
    padding-bottom: 14rem;
}
.resource__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7rem;
}
.resource__box:last-child {
    margin-bottom: 0;
}
.icon_armor {
    width: 28px;
    height: 33px;
}
.resource__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.option .title {
    font-family: "Geometria bold";
}
.feedback__subtitle_offset {
    margin-top: 4.5rem;
}
.resource_offset .title_bold {
    color: #fff;
    margin-bottom: 7rem;
    line-height: 1.2;
}
.resource_offset .wrapper_large {
    max-width: 1600px;
    padding-right: 15rem;
}
.feedback_offset {
    padding-top: 7rem;
    padding-bottom: 9rem;
    position: relative;
}
.feedback_offset:after {
    content: "";
    position: absolute;
    left: 0;
    width: 182px;
    top: 0;
    bottom: 0;
    background-image: url(/local/templates/main/css/../img/png_left.png);
}
.feedback__subtitle {
    font-size: 22px;
    font-weight: 500;
    color: #585665;
}
.feedback {
    position: relative;
}
.feedback-line:before {
    content: "";
    background-image: url(/local/templates/main/css/../img/layer_left.png);
    left: -13.1rem;
    position: absolute;
    width: 191px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}
.feedback-line-center:before {
    content: "";
    background-image: url(/local/templates/main/css/../img/layers_center.png);
    left: -9.7rem;
    position: absolute;
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}
.btn_transparent {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #43414e;
}
.btn_transparent span {
    position: relative;
}
.btn_transparent span:before {
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00b4e9), to(#00c5cd));
    background-image: -o-linear-gradient(bottom, #00b4e9 0, #00c5cd 100%);
    background-image: linear-gradient(0deg, #00b4e9 0, #00c5cd 100%);
}
.footer_offset {
    padding-top: 8rem;
    padding-bottom: 4rem;
}
.footer_bg {
    background-color: #142d45;
}
.feedback__button .btn_blue {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    border-radius: 38px;
    padding-left: 3.5rem;
    padding-right: 4rem;
    background: #01b3e9;
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.feedback__content {
    padding-left: 13rem;
}
.feedback .grid__line_gray {
    border-left: 2px solid rgba(175, 180, 184, 0.34);
}
.footer__addr {
    font-size: 1.8rem;
    color: #fff;
}
.footer__phone-link {
    font-size: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 500;
}
.footer__phone-link svg {
    margin-right: 0.5rem;
}
.feedback__title {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #161f28;
    position: relative;
}
.feedback__title:before {
    content: "";
    width: 25%;
    height: 2px;
    position: absolute;
    bottom: -2rem;
    background-color: #000;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00b4e9), to(#00c5cd));
    background-image: -o-linear-gradient(bottom, #00b4e9 0, #00c5cd 100%);
    background-image: linear-gradient(0deg, #00b4e9 0, #00c5cd 100%);
}
.icon_set {
    width: 29px;
    height: 29px;
}
.resource__text {
    margin-left: 3rem;
}
.resource__text .head {
    margin-bottom: 1.6rem;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
}
.resource__text .subtitle {
    font-size: 18px;
    line-height: 1.2;
    line-height: 36px;
    font-weight: 400;
    color: #fff;
}
.footer__row_offset-right {
    padding-right: 5rem;
}
.footer__row_offset-left {
    padding-left: 5rem;
}
.mobile__content {
    display: none;
}
.footer__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer__addres {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.footer__addres .footer__phone {
    margin-bottom: 4.5rem;
}
.footer__logo {
    display: block;
}
.footer__navbar {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 2rem;
    height: 100%;
}
.footer__navbar .fotoer__navar_link {
    color: #e0e3e6;
}
.footer__navbar .fotoer__navar_link:last-child {
    margin-right: 0;
}
.footer__line {
    width: 106%;
    margin-left: -3rem;
    margin-bottom: 5rem;
    margin-top: 5rem;
    height: 0.2rem;
    background-color: #5b6c7d;
}
.footer-text {
    font-size: 1.5rem;
    color: #5b6c7d;
}
.wf-team {
    font-size: 1.5rem;
    color: #5b6c7d;
}
.wf-team span {
    color: #fff;
}
.trafic-slider-arrow {
    margin-bottom: 2rem;
}
.trafic-slider-arrow .prev-index {
    cursor: pointer;
    background-color: rgba(250, 250, 250, 0);
    font-size: 0;
    border-radius: 50%;
    outline: 0;
    width: 50px;
    height: 50px;
    border: 2px solid #677b8c;
    position: relative;
    margin-right: 2rem;
}
.trafic-slider-arrow .prev-index:before {
    content: "";
    position: absolute;
    width: 8px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 12px;
    background-image: url(/local/templates/main/css/../img/arr_l_s.png);
}
.trafic-slider-arrow .next-index {
    cursor: pointer;
    background-color: rgba(250, 250, 250, 0);
    font-size: 0;
    border-radius: 50%;
    outline: 0;
    width: 50px;
    height: 50px;
    border: 2px solid #677b8c;
    position: relative;
}
.trafic-slider-arrow .next-index:before {
    content: "";
    position: absolute;
    width: 8px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(180deg);
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
    height: 12px;
    background-image: url(/local/templates/main/css/../img/arr_l_s.png);
}
.trafic-slider-arrow {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.init-head__title {
    font-size: 58px;
    max-width: 750px;
    width: 100%;
    position: relative;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 2rem;
    padding-bottom: 2rem;
    letter-spacing: 0.02em;
    color: #fff;
}
.init-head {
    background-image: none !important;
    background-size: cover;
    position: relative;
    border-top: 1px solid #f7f7f8;
}
.init-head .crumbs {
    color: #353C43;
}

.init-head .crumbs a{
    color: #353C43;
}

.init-head .crumbs a::before{
    background-color: #353C43;
}

.crumbs {
    padding-top: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.crumbs a {
    margin-right: 2.8rem;
    position: relative;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
}
.crumbs a:before {
    content: "";
    height: 1.6rem;
    width: 0.2rem;
    right: -1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    position: absolute;
}
.crumbs a:last-child {
    margin-right: 0;
}
.crumbs a:last-child:before {
    display: none;
}
.holding_offset {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #F5F5F6;
}

.holding_offset .image {
  line-height: 0;
}


.holding__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #353C43;
}
.holding__center {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.work_container .work__button {
    padding: 0;
}
.work-bg-top {
    position: absolute;
    right: 0;
    top: 0;
    width: 55rem;
    height: 45rem;
    height: 100%;
}
.work__item {
    padding-top: 5rem;
}
.holding__item .image {
    position: relative;
    z-index: 2;
}
.work-img {
    padding-top: 10rem;
    padding-bottom: 6rem;
    position: relative;
}
.work-img .grid__line {
    border-color: #eeeff1;
}
.holding__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.holding__row .image {
    margin-right: 7rem;
}
.holding__row .image:last-child {
    margin-right: 0;
}
.work-img {
    position: relative;
}
.work-img:after {
    content: "";
}
.holding__container {
    padding-left: 13rem;
    padding-right: 13rem;
}
.init-head {
    position: relative;
}
.init-head .index-bottom-bg img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.init-head .grid__line_gray {
    border-color: rgba(255, 255, 255, 0.1);
}
.init-head .grid__line-right {
    border-color: rgba(255, 255, 255, 0.1);
}
.init-head .index-bottom-bg {
    border-color: rgba(255, 255, 255, 0.1);
}
.init-head .index-bottom-bg:before {
    opacity: 0.1;
}
.company_offset {
    padding-top: 9.5rem;
    padding-bottom: 9.2rem;
}
.company_bg {
    background-color: #f7f7f8;
    position: relative;
}

.company__subtitle {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #00b4e9;
}

.company__text .title_bold {
    margin-bottom: 6rem;
    line-height: 1.3;
}
.company__descript {
    font-size: 18px;
    margin-top: 2rem;
    font-weight: 600;
    line-height: 1.5;
    color: #FFFFFF;
}
.company .title_bold:before {
    top: -3.5rem;
}
.company__item {
    margin-bottom: 4rem;
}
.company__item:last-child {
    margin-bottom: 0;
}
.company__collumn {
    margin-top: 4.5rem;
}
.company .grid__line_gray {
    border-color: #eeeff1;
}
.company .grid__line-right {
    border-color: #eeeff1;
}
.company__list {
    margin-bottom: 2.5rem;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
    color: #353c43;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 3.5rem;
}
.company__list:last-child {
    margin-bottom: 0;
}
.company__list .arrow {
    position: relative;
}
.company__list .arrow:before {
    content: "";
    position: absolute;
    left: -3rem;
    top: 50%;
    width: 0.3rem;
    border-radius: 3px;
    height: 0.8rem;
    background-color: #1EB0E7;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.company__list .arrow:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: "";
    top: 50%;
    left: -2.3rem;
    position: absolute;
    width: 0.3rem;
    border-radius: 3px;
    height: 1.3rem;
    background-color: #1EB0E7;
}
.work__row .work__number {
    margin-right: 8rem;
    font-size: 60px;
    font-weight: 700;
    width: 113px;
    color: #1eb1e7;
    position: relative;
}
.work__row .work__number:after {
    content: "+";
    position: absolute;
    line-height: 1;
    right: -4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 400;
    font-size: 5rem;
}
.work__row .work__descript .title {
    font-size: 20px;
    font-weight: 500;
    color: #353c43;
}
.work__row .work__descript .subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #161f28;
}
.icon_dog {
    width: 17px;
    height: 17px;
    fill: #00b4e9;
}
.icon_map {
    width: 15px;
    height: 18px;
    fill: #00b4e9;
}

.contacts__item .phone {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 500;
    color: #161f28;
    padding-left: 2.8rem;
}
.contacts__item .phone.bold {
    font-size: 2rem;
    padding-left: 2.3rem;
    font-weight: unset;
}
.contacts__item .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #43414e;
    margin-bottom: 1rem;
    font-weight: 600;
}
.contacts__item .name svg {
    margin-right: 1rem;
}
.contacts__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.contacts__list .title_bold {
    font-size: 3.6rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #161f28;
}
.loader {
    position: absolute;
    z-index: 15;
    top: -100%;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #000;
    -webkit-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.55);
}
.loader:after,
.loader:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.loader.is-active {
    top: 0;
    opacity: 1;
}
.loader-default:after {
    position: absolute;
    top: -webkit-calc(50% - 24px);
    top: calc(50% - 24px);
    left: -webkit-calc(50% - 24px);
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
    content: "";
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    border: solid 8px #fff;
    border-left-color: transparent;
    border-radius: 50%;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes blink {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes blink {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
.ymap-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: url(/local/templates/main/css/../img/ymap_bg.png) #fff no-repeat;
    background-position: center center;
    background-size: cover;
}
.contacts__list {
    margin-bottom: 5rem;
}
#map-yandex {
    position: relative;
    z-index: 7;
    width: 100%;
    min-height: 586px;
    cursor: pointer;
    background-color: transparent;
}
.contacts_offset {
    padding-top: 10rem;
    position: relative;
}
.contacts_offset .grid__line {
    border-color: #eeeff1;
}
.project__title {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
    color: #353c43;
}
.project_offset {
    padding-top: 6rem;
    padding-bottom: 10rem;
}
.project_bg {
    background-color: #f7f7f8;
}
.project__item {
    background-color: #fff;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 2rem;
    padding-bottom: 7rem;
    -webkit-box-shadow: 11px 0 25px 5px rgba(235, 235, 235, 0.56);
    box-shadow: 11px 0 25px 5px rgba(235, 235, 235, 0.56);
    border-radius: 9px;
    position: relative;
}
.project__item:before {
    content: "";
    position: absolute;
    top: 0;
    width: 90%;
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
    height: 0.5rem;
}
.project__descript_offset {
    margin-top: 5rem;
}
.project__row_coll .text {
    font-size: 18px;
    font-weight: 400;
    color: #161f28;
}
.project__row_coll .phone {
    font-size: 22px;
    font-weight: 700;
    color: #43414e;
}
.project__btn {
    margin-top: 5rem;
}
.project__descript.bold {
    font-weight: 500;
}
.icon_knop {
    width: 30px;
    height: 32px;
    fill: #00b4e9;
}
.project__item_image {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 6.1rem;
}
.project__item_image .circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    width: 61px;
    height: 61px;
    background-color: rgba(241, 241, 242, 0.7);
}
.project__btn .btn_black {
    widows: 100%;
    height: 59px;
    background-color: #142d45;
    border-radius: 29.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
}
.project__col {
    margin-top: 3rem;
    margin-bottom: 5rem;
}
.project__col_list {
    font-size: 17px;
    font-weight: 700;
    color: #353c43;
    padding-left: 3.3rem;
    margin-bottom: 3rem;
    line-height: 1.5;
    position: relative;
}
.project__col_list .arrow:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0.3rem;
    border-radius: 3px;
    height: 0.8rem;
    background-color: #25c7ca;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0.9rem;
}
.project__col_list .arrow:after {
    top: 0.6rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    left: 0.7rem;
    position: absolute;
    width: 0.3rem;
    border-radius: 3px;
    height: 1.3rem;
    background-color: #25c7ca;
}
.project__descript {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    color: #161f28;
}
.project__descript p {
    margin-bottom: 0.5rem;
}
.project__descript p:last-child {
    margin-bottom: 0;
}
.project__btns {
    margin-top: 6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.project__btns .btn_blue {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    max-width: 215px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 59px;
    border-radius: 29.5px;
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
}
.project__und-text {
    font-size: 17px;
    line-height: 23px;
    font-weight: 500;
    color: #353c43;
}
.project__row {
    margin-bottom: 3.4rem;
    min-height: 141px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.project__row_number {
    font-size: 6rem;
    line-height: 1;
    font-weight: 700;
    color: #1eb1e7;
}
.project__subtitle {
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    max-width: 374px;
    width: 100%;
    font-weight: 700;
    color: #161f28;
}
.project__row_text {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 500;
    color: #161f28;
    max-width: 160px;
    width: 100%;
}
.project__row {
    padding-bottom: 3.4rem;
    padding-top: 3.5rem;
    border-bottom: 2px solid rgba(20, 45, 69, 0.14);
}
.project__item-bottom:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
    height: 0.5rem;
}
.project__row_button {
    width: 100%;
    max-width: 322px;
}
.project__row_button .btn_gray {
    max-width: 322px;
    width: 100%;
    height: 71px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f1f1f2;
    border-radius: 35.5px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #43414e;
}
.project__row-reset {
    min-height: auto !important;
    padding-top: 4rem;
    margin-bottom: 4rem;
}
.project__btn-reset {
    margin-top: 3rem;
}
.project__item:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.project__title_reset {
    line-height: 1.2;
}
.project__item_reset {
    margin-top: 5rem;
    padding-bottom: 6rem;
}
.project__item_reset .project__row-reset {
    padding-top: 0 !important;
}
.project__item_reset .project__col_list {
    margin-bottom: 2.2rem;
}
.project__item_reset .project__col_list:last-child {
    margin-bottom: 0;
}
.project__item_reset .project__col {
    margin-bottom: 0;
}
.project__item_reset .project__item_image {
    margin-bottom: -1rem;
}
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: 2px solid #dee1e5;
    border-radius: 4px;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control input:checked ~ .control__indicator {
    background: #2aa1c0;
}
.control input:checked:focus ~ .control__indicator,
.control:hover input:not([disabled]):checked ~ .control__indicator {
    background: #0e647d;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: "";
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.crumbs a:last-child {
    pointer-events: none;
}
.connect_offset {
    padding-top: 9rem;
    padding-bottom: 8.5rem;
}
.connect__title {
    margin-bottom: 1.2rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #1eb1e7;
}
.connect_bg {
    background-color: #f7f7f8;
}
.connect {
    position: relative;
}
.connect .grid__line {
    border-color: #eeeff1;
}
.connect__container {
    position: relative;
    padding-left: 13rem;
    padding-right: 13rem;
}
.connect__container:before {
    content: "";
    position: absolute;
    background-image: url(/local/templates/main/css/../img/con-circle.png);
    width: 0.4rem;
    z-index: 2;
    left: 19.5rem;
    top: 0;
    bottom: 0;
}
.connect__item {
    margin-bottom: 5.5rem;
    -webkit-box-shadow: 11px 0 25px 5px rgba(235, 235, 235, 0.56);
    box-shadow: 11px 0 25px 5px rgba(235, 235, 235, 0.56);
    width: 100%;
    padding-left: 12rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 10rem;
    background-color: #fff;
    border-radius: 9px;
    position: relative;
}
.connect__item:last-child {
    z-index: 3;
}
.connect__item .circle {
    z-index: 3;
    font-size: 2rem;
    width: 52px;
    top: -2rem;
    left: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
    border-radius: 50%;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    position: absolute;
}
.connect__item .circle span {
    position: relative;
}
.connect__item .circle:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    opacity: 0.14;
    border-radius: 50%;
    background-color: #0cbae0;
}
.connect__subtitle {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
    color: #353c43;
}
.connect__subtitle a {
    color: #353c43;
}
.feedback__item {
    width: 100%;
}
.feedback {
    position: relative;
}
input::-webkit-input-placeholder {
    color: #97969c;
}
input:-ms-input-placeholder {
    color: #97969c;
}
input::-ms-input-placeholder {
    color: #97969c;
}
input::-moz-placeholder {
    color: #97969c;
}
input::placeholder {
    color: #97969c;
}
.input_default {
    outline: 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #161f28;
    height: 55px;
    width: 100%;
    background-color: #fafbfb;
    border: 1px solid #f2f5f5;
    border-radius: 9px;
    padding-left: 2rem;
    padding-right: 2rem;
}
.feedback__subtitle {
    font-size: 22px;
    margin-bottom: 1.7rem;
    line-height: 1.2;
    font-weight: 700;
    color: #353c43;
}
.feedback__row {
    margin-top: 4.5rem;
}
.input_default:focus {
    border: 1px solid #02b3e9;
}
.feedback_title {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #161f28;
}
.feedback__container {
    padding-left: 13rem;
    padding-right: 13rem;
}
.feedback__item-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
}
.feedback__item_width {
    max-width: 213px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.feedback__item-speed {
    max-width: 321px;
}
.feedback__item_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.feedback__item-box_center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.btn_blue {
    cursor: pointer;
    border: none;
}
.feedback__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.feedback__btn .control {
    font-weight: 400;
}
.feedback__btn .control a {
    color: #353c43;
}
.feedback__btn {
    margin-top: 4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.feedback__btn .control {
    margin-bottom: 0;
}
.feedback__btn .btn_blue {
    margin-top: -4.1rem;
    max-width: 225px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    border-radius: 38px;
    padding-left: 3.5rem;
    padding-right: 4rem;
    background: #01b3e9;
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.table__mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.table__mobile_item {
    border: 1px solid rgba(126, 123, 138, 0.43);
    border-radius: 10px;
    width: 48%;
    margin-right: 3.8rem;
    margin-bottom: 2rem;
}
.table__mobile_item:nth-child(2n) {
    margin-right: 0;
}
.table__cintainer .table__mobile {
    display: none;
}
.error__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.table__mobile_list .name {
    position: relative;
}
.table__mobile_list .name .circle {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    border-radius: 50%;
    color: #fff;
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.table__mobile_list .name .circle:before {
    position: absolute;
    border-radius: 50%;
    content: "";
    width: 60px;
    height: 60px;
    opacity: 0.14;
    background-color: #0cbae0;
}
.table__mobile_list {
    border-bottom: 1px solid rgba(126, 123, 138, 0.43);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.table__mobile_list:last-child {
    border-bottom: 0;
}
.table__mobile_list .name {
    padding-left: 0.5rem;
    width: 50%;
    font-size: 16px;
    font-weight: 500;
    color: #7e7b8a;
}
.table__mobile_list .speed {
    padding-right: 0.5rem;
    width: 50%;
    font-weight: 500;
    color: #1eb1e7;
}
.table__body .table__cell:first-child .table__title {
    position: relative;
}
.table__body .table__cell:first-child .circle {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.table__body .table__cell:first-child .circle span {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
}
.table__body .table__cell:first-child .circle:before {
    position: absolute;
    border-radius: 50%;
    content: "";
    width: 60px;
    height: 60px;
    opacity: 0.14;
    background-color: #0cbae0;
}
body.active {
    overflow: hidden;
}
.table__mobile_list .speed .btn_transparent {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    max-width: 176px;
    width: 100%;
    height: 49px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #01b4e9;
    border-radius: 24.5px;
}
.company__img {
    position: relative;
    line-height: 0;
    height: 100%;
}
.company__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;

}
.feedback__name {
    white-space: nowrap;
    font-size: 16px;
    padding-left: 1.5rem;
    line-height: 1;
    font-weight: 500;
    color: #43414e;
}
.tables {
    width: 100%;
    display: table;
    border-spacing: 0 23px;
}
.table__head {
    display: table-row;
}
.table__head .table__cell {
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #7e7b8a;
}
.table__head .table__cell:first-child {
    padding-left: 3.5rem;
}
.table__title {
    font-size: 20px;
    font-weight: 500;
    color: #1eb1e7;
}
.table__cell {
    display: table-cell;
}
.table__cintainer {
    padding-left: 13rem;
    padding-right: 13rem;
}
.table__body {
    display: table-row;
    -webkit-box-shadow: 11px 0 25px 5px rgba(235, 235, 235, 0.56);
    box-shadow: 11px 0 25px 5px rgba(235, 235, 235, 0.56);
    background-color: #fff;
    border-radius: 9px;
}
.table__body .table__cell {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.table__body .table__cell:first-child {
    width: 35%;
    padding-left: 3.5rem;
}
.table__body .table__cell:last-child {
    padding-right: 3.5rem;
}
.table_bg {
    background-color: #f7f7f8;
}
.table__speed.black {
    color: #353c43;
}
.table__speed.black .number {
    font-size: 2.4rem;
    font-weight: 700;
    color: #353c43;
    margin-right: 2.5rem;
}
.table__speed {
    font-size: 16px;
    font-weight: 600;
    color: #1eb1e7;
}
.table__speed .number {
    margin-left: 0.5rem;
    margin-right: 2.5rem;
    font-size: 20px;
    font-weight: 500;
    color: #1eb1e7;
}
.table__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.table__button .btn_transparent {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #161f28;
    max-width: 176px;
    width: 100%;
    height: 49px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #01b4e9;
    border-radius: 24.5px;
}
.mobile__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
    background-color: #fff;
}
.mobile__head {
    display: none;
}
.mobile__head {
    z-index: 3;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.mobile__navbar_link {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 3rem;
}
.mobile__navbar_link:last-child {
    margin-bottom: 0;
}
.mobile__navbar_phone {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-top: 13rem;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #66afe4;
}
.mobile__navbar_phone svg {
    margin-right: 0.5rem;
}
.table_offset {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.mobile__navbar {
    padding-top: 7rem;
    background-color: #142d45;
    -webkit-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    transform: translateY(-250%);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: fixed;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 100;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.mobile__content.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mobile__content.active .mobile__navbar {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.politics_offset {
    padding-top: 8rem;
    padding-bottom: 9rem;
}
.header-politics {
    background-color: #f7f7f8;
    border-bottom: 1px solid rgba(39, 38, 36, 0.05);
}
.politics_bg {
    background-color: #f7f7f8;
}
.politics__title {
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 5rem;
    color: #2e3941;
}
.politics__item {
    margin-bottom: 5rem;
}
.politics__item:last-child {
    margin-bottom: 0;
}
.politics__item p {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #2e3941;
}
.politics__item h3 {
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #2e3941;
}
.politics__item ul {
    padding-left: 0;
}
.politics__item ul li {
    list-style-type: none;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    font-weight: 400;
    color: #2e3941;
}
.politics__item ul li a {
    color: #2e3941;
}
.politics__item ul li:last-child {
    margin-bottom: 0;
}
h4 {
    margin: 0;
}
.document_offset {
    padding-top: 6rem;
    padding-bottom: 28rem;
}
.document__container {
    padding-left: 13rem;
    padding-right: 10rem;
}
.document__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.document__item .title {
    font-weight: 700;
    font-size: 1.8rem;
    color: #43414e;
}
.document__item .text {
    color: #7e7b8a;
    font-size: 1.4rem;
    margin-left: 2rem;
}
.error_offset {
    padding-top: 24rem;
    padding-bottom: 26rem;
}
.error__content {
    max-width: 800px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.error__subtitle {
    color: #353c43;
    font-size: 1.5rem;
    font-weight: 700;
    max-width: 590px;
    margin-top: 3rem;
    width: 100%;
}
.error__button .btn_blue {
    max-width: 220px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.error__button {
    margin-top: 4rem;
}
.btn_blue {
    font-size: 16px;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    color: #fff;
    border-radius: 38px;
    padding-left: 3.5rem;
    padding-right: 4rem;
    background: #01b3e9;
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, #01b3e9), color-stop(82%, #24c6ca));
    background: -o-linear-gradient(left, #01b3e9 9%, #24c6ca 82%);
    background: linear-gradient(90deg, #01b3e9 9%, #24c6ca 82%);
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.error__title {
    color: #353c43;
    font-weight: 500;
    font-size: 3rem;
}
.btn_blue {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.project__item_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.project__btn-height {
    min-height: 6rem;
}
.project__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.project__und-text {
    margin-top: 1.5rem;
}
.popup_default {
    position: relative;
}
button.mfp-arrow,
button.mfp-close {
    font-size: 5rem;
    color: #000;
    opacity: 1;
    top: 2rem;
    right: 2rem;
}
.popup__inderline_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.popup__underline {
    background-color: #f7f7f8;
    padding-right: 10rem;
    padding-top: 3.2rem;
    padding-bottom: 5rem;
    padding-left: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.popup__underline_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.popup__underline_title {
    font-size: 2.2rem;
    line-height: 1.2;
    font-weight: 700;
    color: #353c43;
    margin-bottom: 2.5rem;
}
.popup__underline .popup__underline_speed {
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 400;
    color: #353c43;
}
.popup__underline .popup__underline_speed span {
    font-size: 4.8rem;
    font-weight: 700;
    color: #1eb1e7;
}
.popup__underline .popup__underline_price {
    margin-left: 6rem;
    padding-bottom: 0.3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 400;
    color: #353c43;
}
.popup__underline .popup__underline_price span {
    font-size: 2.4rem;
    font-weight: 700;
    color: #353c43;
}
.popup__form {
    padding-bottom: 8rem;
    padding-left: 10rem;
    padding-right: 10rem;
}
.popup__form .feedback__btn .control {
    font-size: 1.6rem;
}
.popup__form .feedback__item_width {
    max-width: 275px;
}
.popup__form .feedback__item {
    margin-bottom: 4rem;
    margin-top: 4rem;
}
.popup__form .feedback__item:last-child {
    margin-bottom: 0;
}
.popup__form .feedback__item-box_center {
    margin-top: 4rem;
}
.popup__form .feedback__item-box_center .feedback__item {
    margin-bottom: 0;
}
.popup__form .feedback__btn {
    font-size: 1.6rem;
    font-weight: 400;
    color: #353c43;
}
.popup__content {
    padding-top: 8rem;
}
.popup__content .popup__title {
    padding-left: 10rem;
    margin-bottom: 6rem;
}
.popup__form_subtitle {
    margin-bottom: 2rem;
}
.slick-current.slick-active .btn_transparent:hover {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 3px 8px 1px rgba(20, 45, 69, 0.47);
    box-shadow: 0 3px 8px 1px rgba(20, 45, 69, 0.47);
    border: 1px solid #142d45;
}
.slick-current.slick-active .btn_transparent:hover:before {
    background-color: #142d45;
}
.trafic-slider__button span:before {
    display: none;
}
.fb-active .btn_transparent:before {
    display: none;
}
.fb-active .btn_transparent:hover {
    color: #000;
}
.btn_blue {
    position: relative;
    overflow: hidden;
}
.btn_blue:hover {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 3px 8px 1px rgba(20, 45, 69, 0.47);
    box-shadow: 0 3px 8px 1px rgba(20, 45, 69, 0.47);
    border: 1px solid #142d45;
}
.btn_blue:hover:before {
    -webkit-transform: translateY(-26%) rotate(90deg);
    -ms-transform: translateY(-26%) rotate(90deg);
    transform: translateY(-26%) rotate(90deg);
    background-color: #142d45;
}
.btn_blue:before {
    content: "";
    border-radius: 27%;
    position: absolute;
    -webkit-transform: translateY(30%) rotate(90deg);
    -ms-transform: translateY(30%) rotate(90deg);
    transform: translateY(30%) rotate(90deg);
    width: 100%;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 240px;
    background-color: #0bb9e0;
}
.btn_blue span {
    position: relative;
    z-index: 2;
}
.btn_black {
    position: relative;
    overflow: hidden;
}
.btn_black:hover {
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border: 1px solid #0bb9e0;
}
.btn_black:hover:before {
    -webkit-transform: translateY(-26%) rotate(90deg);
    -ms-transform: translateY(-26%) rotate(90deg);
    transform: translateY(-26%) rotate(90deg);
    background-color: #0bb9e0;
}
.btn_black:before {
    content: "";
    border-radius: 27%;
    position: absolute;
    -webkit-transform: translateY(53%) rotate(90deg);
    -ms-transform: translateY(53%) rotate(90deg);
    transform: translateY(53%) rotate(90deg);
    width: 100%;
    left: 0;
    right: 0;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    height: 700px;
    border: 1px solid #0bb9e0;
    background-color: #0bb9e0;
}
.btn_black span {
    position: relative;
    z-index: 2;
}
.feedback__reset:after {
    right: 0;
    left: auto;
}
.feedback__reset .feedback-line:before {
    display: none;
}
.feedback__reset:before {
    content: "";
    background-image: url(/local/templates/main/css/../img/layer_left.png);
    left: 0;
    top: 0;
    position: absolute;
    width: 191px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}
.fotoer__navar_link {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.fotoer__navar_link:hover {
    color: #1eb1e7;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn_gray {
    overflow: hidden;
    position: relative;
}
.btn_gray:before {
    position: absolute;
    background-color: #0bb9e0;
    content: "";
    left: 0;
    right: 0;
    height: 200px;
    transition: all 1.2s ease;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
.btn_gray:hover .icon_mass {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 2;
    fill: #fff;
}
.btn_gray:hover .circle {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-color: #fff;
}
.btn_gray:hover .circle:before {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-color: #fff transparent transparent transparent;
}
.btn_gray:hover .circle:after {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #fff;
}
.btn_gray:hover span {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #fff;
    position: relative;
    z-index: 2;
}
.btn_gray:hover:before {
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.price .rub {
    padding-bottom: 0.7rem;
}
.header__navbar_link {
    font-weight: 700;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header__navbar_link:hover {
    color: #1eb1e7;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn_transparent {
    position: relative;
    overflow: hidden;
}
.btn_transparent span {
    text-decoration: none;
}
.btn_transparent:before {
    content: "";
    border-radius: 27%;
    position: absolute;
    -webkit-transform: translateY(12%) rotate(90deg);
    -ms-transform: translateY(12%) rotate(90deg);
    transform: translateY(12%) rotate(90deg);
    width: 100%;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 200px;
    background-color: #0bb9e0;
}
.btn_transparent:hover {
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn_transparent:hover:before {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(-20%) rotate(90deg);
    -ms-transform: translateY(-20%) rotate(90deg);
    transform: translateY(-20%) rotate(90deg);
}
.popup_default {
    max-width: 1270px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}
.popup__form_subtitle {
    font-size: 2.2rem;
    line-height: 1.2;
    font-weight: 700;
    color: #353c43;
}
.popup__title {
    font-size: 3.6rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #161f28;
}
@-webkit-keyframes anim {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes anim {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.work_offset-left {
    opacity: 0;
}
.work-map {
    opacity: 0;
}
.stage_offset-bottom {
    opacity: 0;
}
.stage__collumn {
    opacity: 0;
}
.resource__content {
    opacity: 0;
}
.resource_image {
    opacity: 0;
}
.feedback__content {
    opacity: 0;
}
.feedback__button {
    opacity: 0;
}
.company__img {
    opacity: 0;
}
.company__text {
    opacity: 0;
}
.work__item {
    opacity: 0;
}
.contacts__list {
    opacity: 0;
}
.map-card {
    opacity: 0;
}
.holding__item {
    opacity: 0;
}
.connect__container {
    opacity: 0;
}
.animated .connect__container {
    -webkit-animation: anim 1.3s ease forwards 0.25s;
    animation: anim 1.3s ease forwards 0.25s;
}
.animated .contacts__list {
    -webkit-animation: anim 1.3s ease forwards 0.25s;
    animation: anim 1.3s ease forwards 0.25s;
}
.animated .holding__item {
    -webkit-animation: anim 1.3s ease forwards 0.5s;
    animation: anim 1.3s ease forwards 0.5s;
}
.animated .map-card {
    -webkit-animation: anim 1.3s ease forwards 0.5s;
    animation: anim 1.3s ease forwards 0.5s;
}
.animated .work__item {
    -webkit-animation: anim 1.3s ease forwards 0.25s;
    animation: anim 1.3s ease forwards 0.25s;
}
.animated .company__img {
    -webkit-animation: anim 1.3s ease forwards 0.25s;
    animation: anim 1.3s ease forwards 0.25s;
}
.animated .company__text {
    -webkit-animation: anim 1.3s ease forwards 0.5s;
    animation: anim 1.3s ease forwards 0.5s;
}
.animated .feedback__content {
    -webkit-animation: anim 1.3s ease forwards 0.25s;
    animation: anim 1.3s ease forwards 0.25s;
}
.animated .feedback__button {
    -webkit-animation: anim 1.3s ease forwards 0.5s;
    animation: anim 1.3s ease forwards 0.5s;
}
.animated .resource__content {
    -webkit-animation: anim 1.3s ease forwards 0.5s;
    animation: anim 1.3s ease forwards 0.5s;
}
.animated .resource_image {
    -webkit-animation: anim 1.3s ease forwards 0.25s;
    animation: anim 1.3s ease forwards 0.25s;
}
.animated .work_offset-left {
    -webkit-animation: anim 1.3s ease forwards 0.25s;
    animation: anim 1.3s ease forwards 0.25s;
}
.animated .stage_offset-bottom {
    -webkit-animation: anim 1.3s ease forwards 0.25s;
    animation: anim 1.3s ease forwards 0.25s;
}
.animated .stage__collumn {
    -webkit-animation: anim 1.3s ease forwards 0.5s;
    animation: anim 1.3s ease forwards 0.5s;
}
.animated .work-map {
    -webkit-animation: anim 1.3s ease forwards 0.5s;
    animation: anim 1.3s ease forwards 0.5s;
}
@media (max-width: 1850px) {
    .trafic-slider .slick-prev {
        left: -7rem;
    }
    .trafic-slider .slick-next {
        right: -101%;
    }
    .resource_bg:after {
        display: none;
    }
}
@media (max-width: 1890px) {
    .work-map:before {
        content: "";
        position: absolute;
        width: 800px;
        background-size: contain;
        height: 520px;
        right: -7rem;
        top: -9rem;
        left: 0;
        background-image: url(/local/templates/main/css/../img/map-work.png);
        background-repeat: no-repeat;
    }
}
@media (max-width: 1750px) {
    .trafic-slider-arrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .index-slider__item {
        padding-left: 22rem;
    }
    .index-slider_rows {
        padding-right: 9rem;
    }
}
@media (max-width: 1680px) {
    .index-slider_rows {
        padding-right: 5rem;
    }
    .stage_offset:before {
        display: none;
    }
    .stage__container_offset {
        padding-left: 7rem;
        padding-right: 7rem;
    }
    .work_bg:before {
        display: none;
    }
}
@media (max-width: 1650px) {
    .work-map:before {
        right: 0;
        width: 100%;
    }
}
@media (max-width: 1640px) {
    .footer__line {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 1630px) {
    .feedback_offset:after {
        display: none;
    }
}
@media (max-width: 1600px) {

    .contacts_offset {
        padding-top: 4rem;
    }
    .contacts__list {
        margin-bottom: 4rem;
    }
    .work_container {
        padding-left: 7rem;
        padding-right: 7rem;
    }
    .resource_offset {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }
}
@media (max-width: 1570px) {
    .index-slider_rows {
        padding-right: 0;
    }
    .slick-dots {
        left: 6%;
        -webkit-transform: translateX(-6%);
        -ms-transform: translateX(-6%);
        transform: translateX(-6%);
    }
    .index-slider_rows {
        padding-left: 7rem;
    }
    .index-slider__title:before {
        left: -4.3rem;
    }
    .index-bottom-bg {
        display: none;
    }
    .index-bottom-bg img {
        width: 100%;
        height: 170px;
    }
}
@media (max-width: 1530px) {
    .connect__container {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .connect__container:before {
        left: 11.5rem;
    }
}
@media (max-width: 1500px) {
    .project__row {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
    .work_offset-left {
        padding-left: 0;
    }
    .feedback__content {
        padding-left: 3rem;
    }
    .project__row_number {
        margin-right: 0.5rem;
    }
}
@media (max-width: 1475px) {
    .resource_offset .wrapper_large {
        padding-right: 15px;
    }
    .index-slider__item {
        padding-left: 0;
        padding-right: 0;
    }
    .header__navbar_link {
        margin-right: 3.5rem;
    }
    .footer__row.footer__row_offset-right {
        padding-right: 0;
    }
    .work-bg-top {
        display: none;
    }
}
@media (max-width: 1430px) {
    .init-head {
        background-position: center;
    }
    .feedback__container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .table__cintainer {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .init-head__title {
        font-size: 55px;
    }
}
@media (max-width: 1400px) {
    .holding__title {
        font-size: 30px;
    }
    .holding__container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .trafic-slider__mask {
        top: 5rem;
    }
    .work-map:before {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }
}
@media (max-width: 1390px) {
    .index-slider__item {
        height: 800px;
    }
}
@media (max-width: 1360px) {
    .footer__row.footer__row_offset-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer__row.footer__row_offset-right .footer-text {
        margin-bottom: 1.5rem;
    }
    .footer__row.footer__row_offset-right .footer-text:last-child {
        margin-bottom: 0;
    }
    .footer__row_offset-left {
        padding-left: 0;
    }
}
@media (max-width: 1350px) {
    .resource_offset .title_bold {
        margin-bottom: 3rem;
    }
    .title_bold {
        font-size: 38px;
    }
    .title_bold:before {
        top: -3rem;
    }
    .resource__text .head {
        font-size: 1.8rem;
    }
    .resource__box {
        margin-bottom: 3rem;
    }
    .resource__text .subtitle {
        font-size: 16px;
    }
    .resource__text {
        margin-left: 2rem;
    }
    .header__navbar_link {
        font-size: 1.6rem;
        margin-right: 2.5rem;
    }
}
@media (max-width: 1330px) {
    .project__row_text {
        max-width: 320px;
    }
    .project__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .project__row .project__row_button {
        width: 100%;
        margin-top: 1rem;
        max-width: 100%;
    }
    .project__row .project__row_button .btn_gray {
        max-width: 100%;
    }
}
@media (max-width: 1300px) {
    .politics__title {
        font-size: 3rem;
    }
    .politics__title {
        margin-bottom: 3rem;
    }
    .politics__item h3 {
        margin-bottom: 1rem;
    }
    .politics__item {
        margin-bottom: 3rem;
    }
    .politics_offset {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .feedback__container {
        padding-left: 0;
        padding-right: 0;
    }
    .connect_offset {
        padding-top: 9rem;
        padding-bottom: 3.5rem;
    }
    .feedback_offset {
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
    .table_offset {
        padding-top: 7rem;
        padding-bottom: 5rem;
    }
    .work_offset {
        padding-top: 10rem;
    }
    .index-slider__item {
        height: 650px;
    }
    .work__button {
        margin-top: 9rem;
    }
    .work-init .wrapper_large {
        padding-left: 3%;
        padding-right: 3%;
    }
    .index-slider_rows .index-slider_col:last-child {
        padding-right: 7rem;
    }
    .work-map:before {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }
    .contacts__list .title_bold {
        font-size: 3rem;
    }
}
@media (max-width: 1240px) {
    .header__logo {
        width: 23%;
    }
}
@media (max-width: 1230px) {
    .trafic-slider__mask {
        top: 4rem;
    }
    .table__body .table__cell:first-child .circle {
        right: 30%;
        -webkit-transform: translateX(-30%) translateY(-50%);
        -ms-transform: translateX(-30%) translateY(-50%);
        transform: translateX(-30%) translateY(-50%);
    }
}
@media (max-width: 1200px) {
    .document__container {
        padding-left: 0;
        padding-right: 0;
    }
    .document_offset {
        padding-bottom: 8rem;
    }
    .popup__underline {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3rem;
        padding-top: 1.5rem;
    }
    .popup__underline_title {
        margin-bottom: 1.5rem;
    }
    .popup__form {
        padding-left: 15px;
        padding-right: 15px;
    }
    .popup__content {
        padding-top: 6rem;
    }
    .popup__form {
        padding-bottom: 3rem;
    }
    .feedback__btn {
        margin-top: 2rem;
    }
    .popup__form .feedback__item-box_center {
        margin-top: 2rem;
    }
    .popup__content .popup__title {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 3rem;
    }
    .error_offset {
        padding-top: 13rem;
        padding-bottom: 16rem;
    }
    .project__descript_offset {
        margin-top: 2.5rem;
    }
    .project__item {
        padding-bottom: 4rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .project__col {
        margin-bottom: 2rem;
    }
    .project__col_list {
        padding-left: 2.5rem;
    }
    .project__col_list {
        margin-bottom: 1.5rem;
    }
    .project__descript {
        font-size: 1.7rem;
    }
    .project__row_number {
        font-size: 5.5rem;
    }
    .project__row {
        margin-bottom: 2rem;
        padding-top: 1rem;
    }
    .project__title {
        font-size: 2.8rem;
        margin-bottom: 0.5rem;
    }
    .connect__container:before {
        left: 6.5rem;
    }
    #map-yandex {
        min-height: 400px;
    }
    .ymap-container {
        background-position: right center;
    }
    .work__button .btn_gray {
        height: 94px;
    }
    .work__item {
        padding-top: 3rem;
    }
    .work_container {
        padding-left: 0;
        padding-right: 0;
    }
    .work-img {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }
    .work__subtitle {
        margin-top: 1.5rem;
        margin-bottom: 3.5rem;
        line-height: 1.4;
    }
    .work-bg-top {
        display: none;
    }
    .holding__center {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .company__text .title_bold {
        margin-bottom: 2rem;
    }
    .company__text .title_bold {
        line-height: 1;
    }
    .company__descript {
        font-size: 17px;
    }
    .company__list {
        font-size: 1.6rem;
    }
    .company__collumn {
        margin-top: 2.5rem;
    }
    .company__list {
        margin-bottom: 1rem;
    }
    .company__item {
        margin-bottom: 1.5rem;
    }
    .company__descript {
        margin-top: 0.5rem;
    }
    .title_bold {
        font-size: 3.5rem;
    }
    .company__text {
        padding-top: 1rem;
    }
    .company .title_bold:before {
        top: -1rem;
    }
    .feedback__title {
        font-size: 3rem;
    }
    .feedback__title:before {
        bottom: -1rem;
    }
    .feedback__subtitle_offset {
        margin-top: 3rem;
    }
    .feedback-line-center:before {
        left: -7.4rem;
    }
    .feedback__content {
        padding-left: 1rem;
    }
    .resource_offset .title_bold {
        margin-bottom: 2rem;
    }
    .resource__content {
        margin-top: 4rem;
    }
    .feedback__container {
        padding-left: 0;
        padding-right: 0;
    }
    .init-head__title {
        font-size: 4rem;
    }
    .connect__container {
        padding-left: 0;
        padding-right: 0;
    }

    .feedback_title {
        font-size: 30px;
    }
    .table_offset {
        padding-top: 3rem;
        padding-bottom: 0;
    }
    .feedback_offset {
        padding-top: 4rem;
        padding-bottom: 5rem;
    }
    .feedback__subtitle {
        margin-bottom: 0.7rem;
    }
    .feedback__row {
        margin-top: 3rem;
    }
    .feedback .input_default {
        margin-top: 1.5rem;
    }
    .feedback__item_width {
        max-width: 50%;
    }
    .footer__addres {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .footer__addres .footer__phone {
        margin-bottom: 1.5rem;
    }
    .footer__addres {
        margin-top: 4rem;
    }
    .stage_offset-bottom {
        margin-bottom: 4.5rem;
    }
    .stage__row-pos:before {
        top: -2rem;
    }
    .stage__container_offset {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .stage__row_number {
        line-height: 1;
    }
    .stage__row-pos {
        margin-bottom: 2rem;
    }
    .stage_offset {
        padding-top: 9rem;
    }
    .btn_gray {
        height: 92px;
    }
    .stage__subtitle_center {
        padding-left: 0;
    }
    .stage__row_number {
        font-size: 100px;
    }
    .title_bold {
        font-size: 40px;
    }
    .trafic__subtitle {
        margin-top: 5rem;
    }
    .title_midle span:before {
        width: 77%;
        bottom: -2rem;
    }
    .title_midle {
        line-height: 1;
        font-size: 4.4rem;
    }
    .trafic-slider__price {
        font-size: 5rem;
        margin-top: 2rem;
    }
    .work__subtitle {
        max-width: 100%;
    }
    .work__subtitle {
        margin-top: 2.5rem;
        margin-bottom: 3rem;
    }
    .work__button {
        margin-top: 8rem;
    }
    .work_offset {
        padding-top: 11rem;
        padding-bottom: 8rem;
    }
    .work-map:before {
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .work__col {
        max-width: 369px;
    }
    .work__col_title {
        margin-top: 1.5rem;
    }
    .work__col_desc {
        max-width: 350px;
        margin-top: 1.3rem;
    }
    .index-slider__title {
        line-height: 1.1;
        font-size: 5.8rem;
    }
    .index-slider__subtitle {
        line-height: 1.3;
        font-size: 2.2rem;
    }
}
@media (max-width: 1190px) {
    .work__button {
        padding-left: 0;
        padding-right: 0;
    }
    .contacts__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .contacts__list .title_bold {
        width: 100%;
        margin-bottom: 2rem;
    }
}
@media (max-width: 1170px) {
    .header__navbar_link {
        font-size: 1.5rem;
        margin-right: 1.5rem;
    }
    .header__commun_phone {
        font-size: 1.7rem;
    }
}
@media (max-width: 1150px) {
    .index-slider_rows .index-slider_col:last-child {
        padding-right: 0;
    }
}
@media (max-width: 1130px) {
    .feedback__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .feedback__btn .btn_blue {
        margin-top: 2rem;
    }
}
@media (max-width: 1100px) {
    .trafic-slider__mask {
        top: 3rem;
    }
    .footer__row.footer__row_offset-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer__row.footer__row_offset-left .footer-text {
        margin-bottom: 1.5rem;
    }
    .footer__row.footer__row_offset-left .footer-text:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 1050px) {
    .trafic-slider__mask {
        top: 3rem;
        right: -6rem;
        width: 200px;
    }
    .contacts__item .name {
        margin-bottom: 0.5rem;
    }
    .contacts__item .phone.bold {
        font-size: 1.8rem;
    }
    .contacts__item .phone {
        font-size: 1.6rem;
    }
    .work__row {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 1060px) {
    .header__commun_city {
        font-size: 1.6rem;
        margin-top: 0.3rem;
    }
    .index-slider__subtitle {
        margin-top: 2.5rem;
    }
    .index-slider__row {
        margin-top: 2rem;
    }
}
@media (max-width: 1020px) {
    .header__navbar_link {
        margin-right: 0.7rem;
    }
    .header__logo {
        width: 22%;
    }
}
@media (max-width: 1020px) {
    .project__row_text {
        margin-top: 0.5rem;
        max-width: 100%;
    }
    .project__row_number {
        font-size: 4.5rem;
    }
    .project__col {
        margin-top: 1.5rem;
    }
    .project__item_reset .project__col_list {
        margin-bottom: 1.2rem;
    }
}
@media (max-width: 990px) {
    .politics__title {
        font-size: 2.7rem;
    }
    .document_offset {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .work .wrapper_large {
        padding-left: 15px;
        padding-right: 15px;
    }
    .popup__form .feedback__item_width {
        max-width: 49%;
    }
    .popup__content .popup__title {
        margin-bottom: 0;
    }
    .popup__title {
        font-size: 3rem;
        line-height: 1.2;
    }
    .popup__form_subtitle {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .error_offset {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .error__subtitle {
        margin-top: 1rem;
    }
    .error__button {
        margin-top: 2rem;
    }
    .table__title {
        font-size: 18px;
    }
    .table__body .table__cell:first-child {
        width: 27%;
    }
    .table__body .table__cell:first-child .circle {
        right: 5%;
        -webkit-transform: translateX(-5%) translateY(-50%);
        -ms-transform: translateX(-5%) translateY(-50%);
        transform: translateX(-5%) translateY(-50%);
    }
    .table__cintainer {
        padding-left: 0;
        padding-right: 0;
    }
    .project__col .control {
        font-size: 1.6rem;
    }
    .table__head .table__cell:first-child {
        padding-left: 1.5rem;
    }
    .table__body .table__cell:first-child {
        padding-left: 1.5rem;
    }
    .table__body .table__cell:last-child {
        padding-right: 1.5rem;
    }
    .init-head__title {
        font-size: 3.5rem;
    }
    #map-yandex {
        min-height: 300px;
    }
    .connect__container:before {
        left: 2.8rem;
    }
    .contacts_offset {
        padding-top: 2rem;
    }
    .company_bg:before {
        display: none;
    }
    .work__item {
        margin-bottom: 4rem;
    }
    .work__row .work__number {
        line-height: 1;
    }
    .holding__row {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .holding__title:before {
        top: -2rem;
    }
    .holding_offset {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }
    .holding__container {
        padding-left: 0;
        padding-right: 0;
    }
    .holding__row {
        margin-top: 2rem;
    }
    .company__text {
        padding: 10px;
        padding-top: 4rem;
    }
    .resource_bg:after {
        display: none;
    }
    .stage__container_offset {
        padding-left: 0;
        padding-right: 0;
    }
    .btn_gray {
        height: 75px;
    }
    .stage__button {
        margin-top: 1.5rem;
    }
    .stage_offset {
        padding-bottom: 7rem;
    }
    .stage__collumn .number {
        font-size: 4.5rem;
    }
    .stage__row_number {
        font-size: 82px;
    }
    .stage__collumn .subtitle {
        line-height: 1.2;
    }
    .stage_offset {
        padding-top: 7rem;
    }
    .stage__row_text {
        font-size: 38px;
    }
    .hamburger-box {
        width: 2.2rem;
    }
    .mobile__content.active .mobile__navbar {
        overflow: auto;
    }
    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before {
        height: 3px;
        border-radius: 10px;
    }
    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before {
        width: 2.2rem;
    }
    .hamburger-inner::before {
        top: -7px;
    }
    .hamburger--collapse .hamburger-inner::after {
        top: -14.5px;
    }
    .index-btn-shudow.bold {
        width: 154px;
        height: 154px;
    }
    .index-btn-shudow.bold {
        left: 4%;
        top: 50%;
        -webkit-transform: translateX(-29%) translateY(-50%);
        -ms-transform: translateX(-29%) translateY(-50%);
        transform: translateX(-29%) translateY(-50%);
    }
    .mobile__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .mobile__head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .footer__line {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
    .footer_offset {
        padding-bottom: 2rem;
    }
    .feedback__content {
        padding-left: 0;
    }
    .feedback__button {
        margin-top: 2rem;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .resource_offset {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .resource_bg:before {
        display: none;
    }
    .stage__collumn {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .feedback_title {
        line-height: 1.2;
        font-size: 24px;
    }
    .title_midle {
        font-size: 3.7rem;
    }
    .feedback__item-speed .input_default {
        margin-top: 0;
    }
    .connect_offset {
        padding-top: 7rem;
        padding-bottom: 3.5rem;
    }

    .connect__item .circle:before {
        width: 60px;
        height: 60px;
    }
    .connect__item .circle {
        left: 1rem;
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
    }
    .footer__navbar .fotoer__navar_link {
        margin-right: 1rem;
    }
    .connect__item {
        padding-right: 5rem;
        padding-left: 5rem;
    }
    .init-head__title {
        margin-top: 2rem;
        padding-bottom: 2rem;
    }
    .connect_offset {
        padding-top: 6rem;
        padding-bottom: 1.5rem;
    }
    .crumbs {
        padding-top: 9rem;
    }
    .work-map__number .number {
        font-size: 11.3rem;
    }
    .title_bold {
        font-size: 35px;
    }
    .work-map__number .text {
        font-size: 4.3rem;
        margin-left: 1.5rem;
    }
    .work__subtitle {
        margin-top: 1.5rem;
    }
    .trafic_offset {
        padding-bottom: 8rem;
        padding-top: 5rem;
    }
    .title_bold:before {
        width: 137px;
    }
    .header__content {
        display: none;
    }
    .work-map {
        min-height: auto;
        margin-top: 5rem;
    }
    .title_bold:before {
        top: -1rem;
    }
    .work-map__number .icon_al {
        margin-top: 1rem;
    }
    .work-map__number .text {
        font-size: 3.8rem;
    }
    .work-map__number .number {
        line-height: 1;
    }
    .work-map__desc {
        margin-top: 16rem;
    }
    .work_offset {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .work-map:before {
        height: 304px;
        background-position: center;
    }
    .index-slider__item {
        height: 679px;
    }
    .index-bottom-bg {
        display: none;
    }
    .index-slider__title {
        font-size: 4.8rem;
    }
    .index-slider_rows {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .work-map__number .text {
        margin-right: 1.5rem;
    }
    .index-slider_rows .index-slider_col:first-child {
        margin-bottom: 7rem;
    }
}
@media (max-width: 800px) {
    .table__cintainer .tables {
        display: none;
    }
    .table__cintainer .table__mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .table__mobile_item {
        margin-right: 2.5rem;
    }
}
@media (max-width: 780px) {
    .project__btn-reset {
        margin-top: 1rem;
    }
    .project__btns {
        margin-top: 3rem;
    }
}
@media (max-width: 750px) {
    .error__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .error_offset {
        padding-top: 5rem;
        padding-bottom: 6rem;
    }
    .error__image {
        margin-bottom: 2rem;
    }
    .error__subtitle {
        text-align: center;
    }
    .error__title {
        text-align: center;
        font-size: 2.8rem;
        line-height: 1.2;
    }
    .error__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .error__button .btn_blue {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .error__image {
        -webkit-transform: rotate(89deg);
        -ms-transform: rotate(89deg);
        transform: rotate(89deg);
    }
    .resource__text .head {
        margin-bottom: 1.2rem;
    }
    .work-map__number .number {
        font-size: 10.3rem;
    }
    .work__subtitle {
        margin-bottom: 2.5rem;
    }
    .index-slider_rows {
        padding-left: 5rem;
    }
}
@media (max-width: 700px) {
    .contacts__item {
        width: 100%;
        margin-bottom: 2rem;
    }
    .contacts__item:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 670px) {
    .table__mobile_item {
        width: 100%;
        margin-right: 0;
    }
    .table__mobile_list .speed {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (max-width: 660px) {
    .index-slider__title {
        font-size: 4rem;
    }
    .index-slider_col {
        margin-left: 3rem;
    }
    .index-slider__title:before {
        left: -6.3rem;
    }
    .index-slider_rows {
        padding-left: 3rem;
    }
    .index-slider__subtitle {
        margin-top: 1.5rem;
    }
    .index-slider__row .number {
        font-size: 4.8rem;
    }
    .index-slider__title:before {
        left: -3.3rem;
    }
    .trafic-slider-arrow .next-index {
        width: 43px;
        height: 43px;
    }
    .trafic-slider-arrow .next-index:before {
        left: 54%;
        width: 7px;
    }
    .trafic_offset {
        padding-bottom: 5rem;
    }
    .trafic-slider-arrow .prev-index:before {
        width: 7px;
    }
    .trafic__desc_offset {
        margin-bottom: 2.2rem;
    }
    .trafic-slider-arrow .prev-index {
        width: 43px;
        height: 43px;
    }
    .slick-current.slick-active .trafic-slider__item {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .trafic-slider__price {
        font-size: 4.5rem;
    }
    .trafic__desc {
        font-size: 1.6rem;
    }
    .trafic-slider__item {
        margin-bottom: 3rem;
    }
    .trafic-slider__desc {
        font-size: 1.4rem;
    }
    .trafic-slider__item {
        height: 300px;
    }
    .trafic-slider__button .btn_transparent {
        padding: 1.4rem 3rem;
        font-size: 15px;
    }
    .work__row {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 650px) {
    .popup__underline {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .popup__underline_button {
        margin-top: 2rem;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (max-width: 600px) {
    .politics__title {
        font-size: 2.4rem;
    }
    .popup__underline .popup__underline_speed span {
        font-size: 4rem;
    }
    .popup__underline .popup__underline_price span {
        font-size: 2.2rem;
    }
    button.mfp-arrow,
    button.mfp-close {
        top: 0;
        right: 0;
    }
    .popup__content {
        padding-top: 5rem;
    }
    .popup__content .feedback__btn .btn_blue {
        margin-top: 1rem;
    }
    .popup__title {
        font-size: 2.7rem;
    }
    .feedback_title {
        font-size: 2.2rem;
    }
    .connect__item:last-child {
        margin-bottom: 2rem;
    }
    .feedback_offset {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
    .init-head__title {
        font-size: 2.8rem;
    }
    .connect__title {
        font-size: 1.8rem;
    }
    .connect__subtitle {
        line-height: 1.4;
    }
    #map-yandex {
        min-height: 300px;
    }
    .trafic-slider-arrow .prev-index:before {
        left: 47%;
    }
    .work__button .btn_gray {
        height: 86px;
    }
    .work__button .btn_gray .circle {
        width: 3rem;
        height: 3rem;
    }
    .title_bold {
        font-size: 25px;
    }
    .work__subtitle {
        line-height: 1.4;
    }
    .title_midle {
        font-size: 2.8rem;
    }
    .title_midle span:before {
        bottom: -1.5rem;
    }
    .work-map__number .number {
        font-size: 7.3rem;
    }
    .work-map {
        margin-top: 0;
    }
    .work-map:before {
        height: 202px;
    }
    .work__button {
        margin-top: 4rem;
    }
    .work-map__number .text {
        font-size: 2.8rem;
    }
    .stage_offset {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .stage__row_number {
        font-size: 57px;
    }
    .stage__row_text {
        font-size: 26px;
    }
    .stage__collumn .number {
        margin-right: 4rem;
    }
    .stage_offset-bottom {
        margin-bottom: 2.5rem;
    }
    .feedback__title {
        font-size: 2.6rem;
    }
    .footer__navbar {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .footer__addres {
        margin-top: 1.5rem;
    }
}
@media (max-width: 510px) {
    .btn_gray {
        font-size: 1.6rem !important;
    }
    .connect__item {
        margin-bottom: 4rem;
    }
    .connect__container:before {
        display: none;
    }
    .ymap-container {
        background-position: 70%;
    }
    .index-slider_rows {
        padding-left: 0;
    }
    .index-slider__title {
        font-size: 3.5rem;
    }
    .index-slider__subtitle {
        font-size: 1.8rem;
        margin-top: 3.5rem;
    }
    .index-slider__item {
        height: 554px;
    }
    .connect__item {
        padding-right: 2rem;
        padding-left: 2rem;
        padding-top: 4rem;
        padding-bottom: 2.5rem;
    }
    .feedback__container {
        padding-left: 0;
        padding-right: 0;
    }
    .connect__item .circle {
        left: 2rem;
    }
    .feedback__item-box {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .feedback__item-box .feedback__item_width {
        max-width: 100%;
    }
}
@media (max-width: 460px) {
    .footer__addr {
        font-size: 1.4rem !important;
    }
}
@media (max-width: 450px) {
    .popup__inderline_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .popup__inderline_row .popup__underline_price {
        margin-left: 0;
        margin-top: 2rem;
    }
    .popup__form_subtitle {
        font-size: 1.8rem;
    }
    .popup__title {
        font-size: 2.2rem;
    }
    .table__mobile_list .name .circle {
        right: 26%;
    }
    .table__mobile_list .name {
        font-size: 1.5rem;
    }
    .table__mobile_list .speed {
        font-size: 1.5rem;
    }
    #map-yandex {
        min-height: 25rem;
    }
    .feedback__subtitle {
        font-size: 19px;
    }
    .work__button .btn_gray .circle {
        margin-right: 1rem;
    }
    .work__button .btn_gray .circle {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .resource_offset .title_bold {
        font-size: 2.6rem;
    }
    .feedback__title {
        font-size: 2.5rem;
        line-height: 1.2;
    }
    .feedback__button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .feedback__button .btn_blue {
        margin-left: 0;
        margin-top: 2rem;
    }
    .resource__text .head {
        font-size: 1.7rem;
        line-height: 1.2;
    }
    .resource__text {
        margin-left: 1.2rem;
    }
    .resource__text .subtitle {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .footer__phone-link {
        font-size: 1.8rem;
    }
    .footer__addr {
        font-size: 1.6rem;
    }
    .stage__collumn .number {
        margin-right: 2rem;
    }
    .stage__collumn .number {
        font-size: 3.7rem;
    }
    .work-map__number {
        top: 2rem;
    }
    .work-map__desc {
        margin-top: 10rem;
    }
    .image-row .number {
        font-size: 36px;
    }
    .work__col_title {
        margin-top: 0.5rem;
    }
    .work__col_title {
        font-size: 20px;
    }
    .work__col_desc {
        font-size: 17px;
    }
    .btn_gray {
        font-size: 1.4rem !important;
    }
    .icon_mass {
        margin-right: 0.5rem;
    }
}
@media (max-width: 991px) {
    .mobile__navbar {
        padding: 3rem;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .mobile__head {
        padding-left: 2rem;
        z-index: 101;
    }
}

/* End */


/* Start:/local/templates/main/css/custom.css?176139859745281*/
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 20px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
    z-index: 99999;
    display: none;
    border-top: 1px solid #e0e0e0;
}

.cookie-consent.active {
    display: block;
    animation: slideUp 0.3s ease-out;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.cookie-content {
    max-width: 1370px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}

.cookie-text {
    flex: 1;
    min-width: 300px;
    color: #333;
    line-height: 1.5;
}

.cookie-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.cookie-btn {
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
    min-width: 120px;
}

.cookie-btn:hover {
    opacity: .7;
}

@media screen and (max-width: 768px) {
    .cookie-content {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .cookie-text {
        min-width: unset;
        text-align: center;
    }

    .cookie-buttons {
        width: 100%;
        justify-content: center;
    }

    .cookie-btn {
        flex: 1;
        min-width: 140px;
    }
}
@media (max-width: 480px) {
    .cookie-consent {
        padding: 15px;
    }

    .cookie-buttons {
        flex-direction: column;
        width: 100%;
    }

    .cookie-btn {
        width: 100%;
        min-width: unset;
    }

    .cookie-text {
        font-size: 13px;
    }
}

body.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.sweet-overlay {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 10000
}

.sweet-alert {
    background-color: #fff;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 99999
}

@media all and (max-width:540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block
}

.sweet-alert p {
    color: #797979;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal
}

.sweet-alert fieldset {
    border: none;
    position: relative
}

.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding .15s, max-height .15s;
    transition: padding .15s, max-height .15s
}

.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding .2s, max-height .2s;
    transition: padding .25s, max-height .25s
}

.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 3px
}

.sweet-alert .sa-error-container p {
    display: inline-block
}

.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .1s;
    transition: all .1s
}

.sweet-alert .sa-input-error::after,
.sweet-alert .sa-input-error::before {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px
}

.sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sweet-alert input:focus {
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5;
    border: 1px solid #b4dbed
}

.sweet-alert input:focus::-moz-placeholder {
    transition: opacity .3s .03s ease;
    opacity: .5
}

.sweet-alert input:focus:-ms-input-placeholder {
    transition: opacity .3s .03s ease;
    opacity: .5
}

.sweet-alert input:focus::-webkit-input-placeholder {
    transition: opacity .3s .03s ease;
    opacity: .5
}

.sweet-alert input::-moz-placeholder {
    color: #bdbdbd
}

.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd
}

.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd
}

.sweet-alert.show-input input {
    display: block
}

.sweet-alert button {
    background-color: #AEDEF4;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0;
    cursor: pointer
}

.sweet-alert button:focus {
    outline: 0;
    box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
}

.sweet-alert button:hover {
    background-color: #a1d9f2
}

.sweet-alert button:active {
    background-color: #81ccee
}

.sweet-alert button.cancel {
    background-color: #D0D0D0
}

.sweet-alert button.cancel:hover {
    background-color: #c8c8c8
}

.sweet-alert button.cancel:active {
    background-color: #b6b6b6
}

.sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset !important
}

.sweet-alert button::-moz-focus-inner {
    border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px
}

.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}

.sweet-alert .sa-icon.sa-error {
    border-color: #F27474
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block
}

.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #F8BB86
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86
}

.sweet-alert .sa-icon.sa-info {
    border-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-success {
    border-color: #A5DC86
}

.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, .2);
    -webkit-border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #A5DC86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat
}

@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }

    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }

    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromTop {
    0% {
        top: 0
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@keyframes slideToTop {
    0% {
        top: 50%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@keyframes slideFromBottom {
    0% {
        top: 70%
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

@keyframes slideToBottom {
    0% {
        top: 50%
    }

    100% {
        top: 70%
    }
}

.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}

.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop .3s;
    animation: slideFromTop .3s
}

.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom .3s;
    animation: slideFromBottom .3s
}

.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert .2s;
    animation: hideSweetAlert .2s
}

.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}

.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop .4s;
    animation: slideToTop .4s
}

.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom .3s;
    animation: slideToBottom .3s
}

@-webkit-keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}

@-webkit-keyframes animateXMark {

    0%,
    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {

    0%,
    50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }

    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animateXMark {
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}

@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }

    100% {
        border-color: #F8BB86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }

    100% {
        border-color: #F8BB86
    }
}

.pulseWarning {
    -webkit-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate
}

@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }

    100% {
        background-color: #F8BB86
    }
}

@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }

    100% {
        background-color: #F8BB86
    }
}

.pulseWarningIns {
    -webkit-animation: pulseWarningIns .75s infinite alternate;
    animation: pulseWarningIns .75s infinite alternate
}

/**/
.crumbs {
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
    align-items: center;
}

.service-popup__dop {
    display: none;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.service-popup .popup__content{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.tarif-titile-hide {
    display: none;
}

form {
    position: relative;
}

.form-preload {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(204, 204, 204, .4);
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.feedback__btn {
    margin-top: 1rem;
}

.service-popup__dop.active {
    display: block;
}

#service-popup .popup__content .popup__title {
    margin-bottom: 2rem;
}

.result_block {
    color: #24c6ca;
    padding: 0;
}

.popup__btn {
    margin-top: 2rem;
}

.btn_gray:hover {
    color: #fff;
}

.btn_gray a {
    color: #43414e;
}

.tech {
    position: relative;
}

.tech__content {
    position: absolute;
    z-index: 4;
    background: #fff;
    padding: 12px;
    left: -12px;
    border-radius: 4px;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
}

.tech {

    margin-top: 15px;
    margin-bottom: 15px;
}

.footer__addres .footer__phone {
    margin-bottom: 15px;
}

.tech__desc {
    font-size: 13px;
    color: #000;
}

.header__commun_city {
    padding-left: 0;
    display: none;
}

@media (max-width: 1280px) {
    .header__commun_city {
        display: block;
    }
}

.header__commun_city svg{
    vertical-align: middle;
}

.tech:hover .tech__content {
    opacity: 1;
    pointer-events: all;
}

.tech__title {
    display: inline-block;
    color: #fff;
    background: #1eb1e7;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
}

.tech__link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #1eb1e7;
}

.footer_offset {
    padding-top: 3rem;
}

.mobile__navbar {
    display: block !important;
    padding-top: 60px !important;
}

.mobile__navbar__inner {
    display: flex;
    flex-direction: column;
}

@media(max-width:1630px) {

    .header__navbar_link {
        margin-right: 1rem;
    }

    .header__logo {
        padding-top: 0;
    }
}

@media(max-width:1100px) {
    .header__logo {
        width: 19%;
        padding-top: .8rem;
    }

    .header__commun {
        padding-left: 15px;
    }
}

@media(max-width:1280px) {
    .tech__content {
        left: auto;
        right: 0;
        min-width: 218px;
    }
}

.tech-mobile .tech__content {
    position: static;
    opacity: 1;
    pointer-events: all;
    text-align: center;
    background: none;
}

.tech-mobile .tech__desc {
    color: #fff;
}

.tech-mobile .tech__title {
    background: none;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    padding: 0;
    width: 100%;
}

.mobile__navbar_phone {
    margin-top: 3rem;
}

.mobile__navbar {
    padding-top: 0;
}

@media(max-width:600px) {
    .tech-mobile .tech__title {
        text-align: left;
    }

    .tech-mobile .tech__content {
        text-align: left;
        padding-left: 0;
    }
}



.footer-bottom .tech__title {
    font-size: 16px;
    background: none;
    padding: 0;
    margin-bottom: 0px;
}

.footer-bottom .tech__link {
    color: #fff;
}

.footer-bottom .tech__desc {
    color: #fff;
}

.footer__phone {
    min-width: 360px;
}

@media(max-width:990px) {
    .footer__phone {
        min-width: inherit;
    }
}


.header__inner {
    flex-grow: 1;
    padding-left: 30px;
}

.header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    border-bottom: 1px solid rgba(67, 65, 78, 0.3);
}

.header__bottom {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__commun {
    display: flex;
    align-items: center;
    column-gap: 35px;
}

.header__tabs {
    height: 100%;
    display: flex;
    column-gap: 28px;
}

.header__tab {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: rgba(67, 65, 78, 0.5);
}

.header__tab_active {
    border-bottom: 3px solid #43414E;
    color: #43414E;
}


.header__tabs.mobile__tabs {
    height: 40px;
    margin-bottom: 30px;
}

.mobile__tabs .header__tab {
    font-size: 14px;
    line-height: 18px;
    color: #66AFE4;
    opacity: 0.5;
}

.mobile__tabs .header__tab_active {
    opacity: 1;
    border-bottom: 2px solid #66AFE4;
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 28px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    text-decoration: none;
    background-color: #142D45;
}

.documents-section {
    padding-top: 56px;
    padding-bottom: 160px;
}

.document {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 40px;
    row-gap: 40px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 11px 25px rgba(235, 235, 235, 0.56);
    border-radius: 4px;
    color: #43414E;
}
.document + .document {
    margin-top: 32px;
}
@media (min-width: 1440px) {
    .document__size {
        margin-right: 116px;
    }
}

@media (max-width: 768px) {
    .document {
        flex-direction: column;
        align-items: stretch;
    }
}

.document__extension {
    flex-shrink: 0;
    margin-right: 40px;
    background-color: #E8F7FD;
    color: #1EB0E7;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border-radius: 4px;
    line-height: 1;
    text-transform: uppercase;
}

.document__head {
    display: flex;
    align-items: center;
}

.document__body {
    display: flex;
    align-items: center;

}

.document__title {
    flex-grow: 1;
}

.document__size {
    margin-right: 60px;
    white-space: nowrap;
}

.contacts-head {
    position: relative;
}

.contacts-head__info {
    background: rgba(20, 45, 69, 0.8);
}


@media (min-width: 992px) {
    .contacts-head__info {
        display: flex;
        justify-content: center;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        position: absolute;
        z-index: 10;
    }
    
    .contacts-head__map #map-yandex {
        min-height: 600px;
    }
}



.contacts {
    padding: 88px 0px;
}

.contacts .row {
    row-gap: 88px;
}

@media (max-width: 991.98px) {
    .contacts {
        padding: 40px 0px;
    }
    
    .contacts .row {
        row-gap: 40px;
    }
    
}


.contacts-info {
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;
    padding: 20px;
}

@media (min-width: 992px) {
    .contacts-info {
        padding: 60px;
    }
}

.contacts-info__crumbs {
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 23px;
    margin: 0px;
    padding: 0px;
}

.contacts-info__title {
    font-weight: 500;
    font-size: 68px;
    line-height: 86px;
    color: #1EB0E7;
}

@media (max-width: 992px) {
    .contacts-info__title {
        font-weight: 500;
        font-size: 48px;
        line-height: 66px;
        color: #1EB0E7;
    }
}

.contacts-info__address {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
}

.contacts-info__address span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.6);
}

.contacts-info__contacts a {
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
}

.contacts-info__worktime {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: rgba(255, 255, 255, 0.6);
}

.contacts-info__worktime span {
    display: block;
    font-size: 14px;
    line-height: 18px;
}

.contact-group {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 80px;
}

.contact-group__title {
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: rgba(67, 65, 78, 0.6);
}

.contact-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.contact-item__column {
    flex-direction: column;
    align-items: start;
}

.contact-item__title {
    font-weight: 500;
    font-size: 26px;
    line-height: 33px;
    color: #43414E;
    text-decoration: none;
}
.contact-item__description {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: rgba(67, 65, 78, 0.6);
}


.js-dropdown__content {
    height: 0px;
    overflow: hidden;
    transition: height 0.4s ease;
}

.vacancies {
    padding-top: 60px;
    padding-bottom: 160px;
    background-color: #F7F7F8;
}
.vacancies__list {
    margin-bottom: 32px;
}

.vacancies__description {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 40px;
    background-color: #fff;
    border-radius: 4px;
}
.vacancies__description h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    margin: 0;
    color: #142D45;
}
.vacancies__description span {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: rgba(67, 65, 78, 0.6);
}

.vacancies__description hr {
    width: 100%;
    color: #C7C6CA;
    margin: 20px 0px;
}

.vacancies__description .vacancies__email {
    display: flex;
    align-items: center;
    color: #142D45;
    gap: 16px;
    margin-top: 16px;
}

.vacancy-card {
    background-color: #FFFFFF;
    border-left: 4px solid #1EB0E7;
    box-shadow: 0px 11px 25px rgba(235, 235, 235, 0.56);
    border-radius: 4px;
}
.vacancy-card + .vacancy-card {
    margin-top: 32px;
}
.vacancy-card__head {
    display: flex;
    column-gap: 20px;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    cursor: pointer;
}
.vacancy-card__date {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: rgba(67, 65, 78, 0.6);
}
.vacancy-card__title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #142D45;
}
.vacancy-card__description {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: rgba(67, 65, 78, 0.6);
}
.vacancy-card__description svg {
    vertical-align: middle;
}
.vacancy-card__description > *:not(:first-child)::before {
    content: "|";
    display: inline-block;
    margin: 0px 24px;
}
.vacancy-card__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 47px;
    flex-shrink: 0;
    background: rgba(30, 176, 231, 0.1);
    border-radius: 50%;
}
.vacancy-card__icon::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #1EB0E7;
    border-bottom: 3px solid #1EB0E7;
    display: block;
    transform: rotate(45deg);
    transition: 0.3s;
    transform-origin: 7px 7px;
}
.js-dropdown_active .vacancy-card__icon::after {
    transform: rotate(-135deg);
}
.vacancy-card__body {
    padding: 40px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    max-width: 710px;
}
.vacancy-card__body > b,
.vacancy-card__body > strong {
    font-weight: 500;
}
.vacancy-card__body > ul {
    color: rgba(67, 65, 78, 0.6);
    margin-top: 20px;
    margin-bottom: 40px;
}
.vacancy-card__body > ul > li::marker {
    color: #1EB0E7;
}
.vacancy-card__body li + li {
    margin-top: 20px;
}
.vacancy-card__divider {
    margin: 0px 40px;
    border-color: #C7C6CA;
}

.button {
    padding: 12px 28px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-decoration: none;
    background-color: #142D45;
    outline: none;
    border: none;
    cursor: pointer;
}

.button_full {
    width: 100%;
    font-size: 18px;
    line-height: 23px;
}

.button_accent {
    background-color: #1eb1e7;
}

.path {
    padding: 0px 100px 100px 100px;
    display: flex;
    justify-content: space-between;
    gap: 25px
}

@media (max-width: 1200px) {
    .path {
        padding: 0px 15px 15px 15px;
    }
}

.path__title {
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;

    color: #43414E;
}

.path > * {
    flex-grow: 1;
}

.path__content {
    display: flex;
    flex-direction: column;
    row-gap: 60px;
}


.path-item__title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #43414E;
}

.path-item__description {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;

    color: rgba(67, 65, 78, 0.6);
}

.path-item__phone {
    font-weight: 500;
    font-size: 30px;
    line-height: 38px;
    
    color: #1EB0E7;
}

.path-plan {
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0;
}

.path-plan__path {
    position: absolute;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    transition: all ease-out 0.1s;
}


.path-plan img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1200px) {
    .path {
        flex-direction: column;
    }

    .path__content {
        row-gap: 20px;
    }
}


.init-head__title {
    max-width: 1200px;
}

.init-head__title span {
    color: #1EB0E7;
}

.header-phone-list {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header-phone {
    display: flex;
    flex-direction: column;
}

@media (max-width: 1280px) {
    .header-phone-list .header-phone:nth-of-type(n + 2) {
        display: none;
    }
}

.header-phone__title {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #1EB0E7;
}

@media (max-width: 1440px) {
    .header-phone-list .header-phone__title {
        display: none;
    }
}

.header-phone__email {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #1EB0E7;
}

.header-phone__phone {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #1EB0E7;
}

.mobile-phone-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.top-button {
    position: fixed;
    right: 56px;
    bottom: 130px;
    cursor: pointer;
    display: none;
}

.index-slider__wrapper {
    position: relative;
}


.index-slider__video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    object-fit: cover;
    object-position: center;
}


.clients {
    padding: 60px 0px;
    background-color: rgba(20, 44, 68, 0.06);
}

.clients__item {
    height: 60px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.input-file  {
    border: 1px solid #353C43;
    border-radius: 8px;
}


.input-file input[type="file"] {
    display: none;
}

.input-file__body {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 55px;
    padding: 0px 20px;
    cursor: pointer;
}

.input-file__placeholder, .input-file__name {
    flex-grow: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.input-file__name  {
    display: none;
}

.input-file__ext {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: rgba(53, 60, 67, 0.4);
    text-transform: uppercase;
}

.input-file__detach-file {
    display: none;
    line-height: 0;
    cursor: pointer;
}

.input-file__attached {
    background: rgba(30, 176, 231, 0.1);
    border: 1px solid #1EB0E7;
}

.input-file__attached .input-file__detach-file {
    display: block;
}

.input-file__attached .input-file__name {
    display: block;
}

.input-file__attached .input-file__placeholder {
    display: none;
}

.input-file__ext {
    display: none;
}

.input-file__attached .input-file__icon path {
    stroke: #1EB0E7;
}
.input-file__attached .input-file__ext {
    display: block;
}

.services-section {
    position: relative;
    padding: 100px 0px;
    overflow: hidden;
  }
  .services-section__decoration::before {
    content: url(/local/templates/main/css/../img/services-bg-decor.svg);
    position: absolute;
    right: 0;
    top: 0;
  }
  .services-section__decoration::after {
    content: url(/local/templates/main/css/../img/services-bg-decor.svg);
    position: absolute;
    left: 0;
    bottom: 0;
    scale: -1;
  }
  
  .service-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  
  .service-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    overflow: hidden;
  }
  .service-card::before {
    content: "";
    position: absolute;
    width: 3px;
    top: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #02B3E7, #24C6C9);
  }
  .service-card__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
  }
  .service-card__options {
    counter-reset: options-number 0;
  }
  .service-card__options li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    list-style: none;
  }
  .service-card__options li::before {
    counter-increment: options-number;
    content: counter(options-number);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    margin-right: 30px;
    border-radius: 50%;
    background-color: rgba(30, 177, 231, 0.1);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    color: rgba(30, 177, 231, 0.6);
  }
  .service-card__options li + li {
    margin-top: 15px;
  }

  .service-card__options-description li {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    list-style: none;
  }
  .service-card__options-description li + li {
    margin-top: 15px;
  }

.form__section + .form__section {
  margin-top: 60px;
}
@media (max-width: 767.98px) {
  .form__section + .form__section {
    margin-top: 30px;
  }
}
.form__section-title {
  margin-bottom: 15px;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
.form__row {
  display: flex;
  gap: 30px;
}
.form__row + .form__row {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .form__row {
    flex-direction: column;
    gap: 20px;
  }
}
.form__row > * {
  flex: 1 1 0;
}
@media (max-width: 767.98px) {
    .form__row > * {
      flex: 1 1 auto;
    }
  }
.form__column {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 767.98px) {
  .form__column {
    gap: 20px;
  }
}
.form__title {
  font-size: 36px;
  font-family: Geometria;
  font-style: normal;
  font-weight: 500;
  line-height: 58px;
}
.form__agreement-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: rgba(22, 31, 40, 0.6);
}
.form__agreement-text a {
  color: inherit;
  text-decoration: underline;
}


.services-form__footer {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}



.select2-hidden-accessible {
  display: none;
}

.select2-selection {
    position: relative;
    display: flex;
    min-height: 52px;
    align-items: center;
    border-radius: 10px;
    gap: 10px;
    border: 1px solid rgba(22, 31, 40, 0.20);
    padding: 10px 10px;
}

.select2-selection::after {
    content: url(/local/templates/main/css/../img/arrow_down.svg);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--below.select2-container--open .select2-selection {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0;
}

.select2-container--above.select2-container--open .select2-selection {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0;
}

.select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 10px;
}

.select2-selection__clear {
    order: 1;
    background: none;
    outline: none;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 20px;
    height: 20px;
}

.select2-selection__choice {
    display: flex;
    padding: 0px;
    border-radius: 5px;
    border: 1px solid rgba(22, 31, 40, 0.20);
    background-color: rgba(22, 31, 40, 0.05);
    align-items: center;
}

.select2-selection__choice__remove {
    background: none;
    outline: none;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 25px;
    height: 100%;
    aspect-ratio: 1;
    border-right: 1px solid rgba(22, 31, 40, 0.20);
    cursor: pointer;
}

.select2-selection__choice__display {
    padding: 0px 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 18px 0px;
    max-height: 200px;
    overflow-y: auto;
}

.select2-dropdown--below .select2-results__options {
    border-top: 1px solid rgba(22, 31, 40, 0.20);;
}

.select2-dropdown--above .select2-results__options {
    border-bottom: 1px solid rgba(22, 31, 40, 0.20);;
} 

.select2-dropdown {
    display: block;
    background-color: white;
    padding: 0px 20px;
}

.select2-dropdown--below {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid rgba(22, 31, 40, 0.20);
    border-top: none;
}

.select2-dropdown--above {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid rgba(22, 31, 40, 0.20);
    border-bottom: none;
}



.select2-results__option {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
}

.select2-results__option:before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #DEE1E5;
    line-height: 0;
    box-sizing: border-box;
    flex-shrink: 0;
}

.select2-results__option + .select2-results__option {
    margin-top: 18px;
}

.select2-results__option--selected:before {
    content: url(/local/templates/main/css/../img/checkmark.svg);
    background-color: #0E647D;
    border: 0;
}

.select2-search.select2-search--inline {
    display: flex;
    align-items: center;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 100%;
    margin: 0px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

.select2-container--open {
    z-index: 9999999;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.about-company {
    background-image: url(/local/templates/main/css/../img/comp-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px 150px;
}

.about-company .init-head {
    border: none;
    margin-bottom: 100px;
}


.about-company .init-head .crumbs,
.about-company .init-head .crumbs a {
    color: #FFFFFF;
}

.about-company .title_bold {
    color: #FFFFFF;
}

.about-company .company__text {
    padding: 100px 60px 60px 60px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(4px);
}

@media (max-width: 1200px) {
    .about-company {
        padding: 0px 0px 40px;
    }   
    
    .about-company .init-head {
        margin-bottom: 40px;
    }

    .about-company .company__text {
        padding: 60px 40px 40px 40px;
    }
}

.company__image-col {
    padding-right: 0px;
    padding-left: 0px;
}

.company.works {
    padding: 100px 0px;
}

.company .works__list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1200px) {
    .company.works {
        padding: 40px 0px;
    }   
    
    .company .works__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .company .works__list {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (min-width: 1200px) {
    .about-work {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.about-work {
    background: linear-gradient(0deg, rgba(53, 60, 68, 0.70) 0%, rgba(53, 60, 68, 0.70) 100%), linear-gradient(180deg, #142D45 0%, #1EB0E7 100%);
}

.about-work .company__list, 
.about-work .title,
.about-work .work__row .work__descript .title,
.about-work .work__row .work__descript .subtitle,
.about-work .work__row .work__number {
    color: white;
}

.about-work .title_bold {
    padding-bottom: 6rem;
}

.about-work .work__item {
    padding-top: 0px;
}

.about-work__footer {
    row-gap: 40px;
}

.about-work .work__subtitle {
    margin-top: 0;
    color: white;
    font-weight: 500;
    line-height: 1.5;
}

.about-work .title_bold:before {
    background-image: none;
    background-color: white;
}

.about-work .work__col {
    display: flex;
    align-items: center;
    max-width: unset;
}

@media (max-width: 600px) {
    .about-work .work__col {
        flex-direction: column;
        align-items: start;
    }
}

.company__collumn {
    padding-bottom: 30px;
}

.about-work-holding-button {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 10px 10px 10px 25px;
    border-radius: 60px;
    background-color: #FFFFFF;
}

.about-work-holding-button__image {
    height: 30px;
}

.about-work-holding-button__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    background-color: rgba(30, 176, 231, 0.2);
    border-radius: 50%;
}

.about-work-holding {
    display: flex;
    align-items:center;
    gap: 30px;
}

@media (max-width: 600px){
    .about-work-holding {
        align-items: start;
        flex-direction: column;
    }
}

.about-work-holding__title {
    width: 100%;
    max-width: 160px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #FFFFFF;
}

.text-area-wrapper {
    position: relative;
    padding: 2rem;
    background-color: #fafbfb;
    border: 1px solid #f2f5f5;
    border-radius: 9px;
    width: 100%;
    height: 100%;
}

.text-area-wrapper:has(textarea:focus) {
    border: 1px solid #02b3e9;
}

.text-area-wrapper textarea {
    outline: 0px;
    border: 0px;
    background: none;
    resize: vertical;
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #161f28;
}

/* End */


/* Start:/local/templates/main/template_styles.css?1668509417164*/
.add_text_footer {
    font-size: 11px;
    width: 264px;
    display: inline-block;
    color: #fff;
    font-weight: 600;
}
.add_text_footer a{
    color: #fff;
}
/* End */
/* /local/templates/main/css/main.min.css?1696926261229143 */
/* /local/templates/main/css/custom.css?176139859745281 */
/* /local/templates/main/template_styles.css?1668509417164 */