.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
    content: " "
}

.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

.wpcf7 form.submitting .ajax-loader {
    visibility: visible
}

.wpcf7 .ajax-loader::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion:reduce) {
    .wpcf7 .ajax-loader::before {
        animation-name: blink;
        animation-duration: 2000ms
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.wpcf7 input[type="file"] {
    cursor: pointer
}

.wpcf7 input[type="file"]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    direction: ltr
}

.earn-bulk .clients-box__title {
    position: relative
}

.earn-bulk .clients-box__title-col {
    position: absolute
}

.section-tabs .clients-logo__wrap {
    display: flex
}

.section-tabs .youtube-player img,
.parallax-box-inner img {
    max-width: 100%;
    height: auto
}

.services-laboratory .clients-box__title {
    padding: 0 18.75vw 0 12.44vw
}

.parallax-box-wrap {
    padding-right: 6.31vw
}

.tabscontainer {
    list-style: none;
    padding: 0;
    margin: 0 0 5.2vw;
    display: flex
}

.tabscontainer>li {
    width: 20%;
    height: 5.2vw;
    text-align: center;
    font-size: 13px;
    border: 1px solid #e2e4e6;
    margin-right: 1vw;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer
}

.tabscontainer>li:last-child {
    margin-right: 0
}

.tabscontainer>li.current {
    border-color: #038892;
    background-color: #038892;
    color: #fff
}

.tabs-div>div {
    display: none
}

.tabs-div>div.active {
    display: block
}

.section-tabs .clients-logo__wrap {
    display: block
}

.flex-box {
    display: flex
}

.section-tabs h2 {
    margin-bottom: 5.2vw
}

.section-tabs h3 {
    font-size: 1.87vw;
    margin: 0 0 1.8vw
}

.parallax-box-inner {
    height: 55vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 7.8vh
}

.earn-img {
    max-width: 71.8vw;
    text-align: right
}

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

.about_production .about-box1 {
    padding: 0 12.44vw;
    align-items: normal
}

.section-client .clients-box__title-col a {
    margin: 12px 0 0 6vw
}

.earn-bulk .clients-logo__wrap img {
    max-width: 100%;
    height: auto
}

.client_rel {
    position: relative;
    width: 100%
}

.client_rel .clients-box__title-col:nth-child(2) {
    left: 50%
}

.abs_title {
    padding-bottom: 14vh
}

.cv__col-2 {
    margin-top: .7vw
}

.footer-top__col-1 h3 {
    line-height: 1
}

.calculator-page .about__inner {
    width: 31vw;
    color: #000
}

.calculator-page #video-bg {
    top: 15vh;
    left: 31vw;
    transform: translate(0, 0);
    height: 100%
}

.calculator-page .video-heading {
    padding-top: 100vh
}

.calculator-page .abs_title span {
    color: #038892
}

.calc_padding {
    padding: 0 12.4vw 0 6.2vw
}

.inner_padding {
    padding: 2.5vw 0 2.5vw 6.2vw;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.calculator-page h2 {
    font-size: 1.67vw;
    margin: 0;
    position: relative;
    padding: .4vw 0 0 3.95vw
}

.calculator-page h2 span {
    color: #fff;
    display: inline-block;
    width: 3vw;
    height: 3vw;
    border-radius: 100%;
    line-height: 3vw;
    text-align: center;
    background: #038892;
    margin-right: 1vw;
    position: absolute;
    top: 0;
    left: 0
}

.calculator-page .video-section::after {
    background-color: transparent
}

.heading-3 {
    font-size: 1.25vw;
    margin: 4vh 0
}

.column_wrap:after {
    display: block;
    clear: both;
    content: ''
}

.column_wrap {
    max-width: 63.59vw
}

.column_wrap .column-2 {
    float: left;
    width: 50%
}

.column_wrap .column-2:nth-child(1) {
    padding-right: 1vw
}

.calc_wrapper:after {
    display: block;
    clear: both;
    content: ''
}

.calc_wrapper label {
    float: left;
    margin-right: 1.35vw;
    position: relative;
    width: 14.58vw;
    border
}

.calc_wrapper label span {
    display: block
}

.calc_wrapper label img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.calc_wrapper label input+span {
    border: 1px solid rgba(0, 0, 0, .3)
}

.calc_wrapper label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.calc_wrapper label .type_title {
    position: absolute;
    font-size: 1vw;
    left: 1vw;
    bottom: 1vw;
    font-weight: 600;
    color: #000
}

.calc_wrapper label input:checked+span+span {
    color: #fff
}

.calc_wrapper label input:checked+span {
    background-color: #038892;
    border: 1px solid rgba(0, 0, 0, 0)
}

.calc_wrapper label input:checked+span img {
    filter: invert(1)
}

.calc_wrapper {
    margin-bottom: 12vh
}

.calc_title {
    margin-bottom: 8vh
}

.readyProject {
    width: 25vw;
    margin-bottom: 12vh
}

.readyProject h2 {
    padding: 0 0 3vh;
    color: #038892
}

.grey_buttons {
    margin-top: 3vh
}

.grey_buttons .grey_btn {
    display: inline-block;
    width: 5.2vw;
    height: 2.6vw;
    background: #F8F8FB;
    border-radius: 1.88vw;
    line-height: 2.6vw;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    margin-right: 1.56vw
}

.grey_buttons .grey_btn:hover {
    background: #038892;
    color: #fff
}

.calc_title .small_text {
    margin-top: .6vw
}

.materials:after {
    display: block;
    clear: both;
    content: ''
}

.materials>label {
    float: left;
    position: relative;
    margin-right: 1vw
}

.materials>label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.materials>label span {
    width: 11.61vw;
    height: 5.2vw;
    border: 1px solid rgba(112, 119, 130, .2);
    text-align: center;
    display: flex;
    align-items: center;
    font-size: .73vw;
    color: #000;
    justify-content: center;
    font-weight: 400
}

.materials>label input:checked+span {
    background: #038892;
    border-color: transparent;
    color: #fff
}

.materials {
    padding-bottom: 4vh
}

.type_forms_wrapper:after {
    display: block;
    clear: both;
    content: ''
}

.type_form_col {
    float: left;
    width: 14.37vw;
    padding: 1.2vw 1vw;
    background: #F8F8FB;
    border: 1px solid rgba(112, 119, 130, .2);
    margin-right: 2.6vw
}

.heading-5 {
    font-weight: 600;
    font-size: 1vw;
    margin-bottom: 1vw
}

.type_form_desc {
    font-size: .73vw;
    margin-bottom: 4.4vh
}

.glasso-button {
    width: 10.16vw;
    display: inline-block;
    height: 2.6vw;
    text-align: center;
    color: #fff;
    font-size: .68vw;
    text-transform: uppercase;
    border-radius: 1.875vw;
    background: #038892;
    line-height: 2.6vw;
    padding-right: .67vw;
    position: relative;
    cursor: pointer
}

.white-button {
    background: #fff;
    color: #000;
    position: relative
}

.white-button:after {
    background: url(../../../themes/glasso/assets/img/download.png) no-repeat
}

.red-button:after {
    background: url(../../../themes/glasso/assets/img/plus.png) no-repeat
}

.glasso-button:after {
    content: '';
    position: absolute;
    width: .67vw;
    height: .67vw;
    right: 1.2vw;
    top: .8vw;
    display: block;
    background-size: cover
}

.slider_windows,
.slider_windows_nav,
.slider_names {
    overflow: hidden
}

.slider_windows .slick-slide {
    padding-right: 5.73vw
}

.slider_item,
.sw_item,
.slider_names_item {
    float: left;
    width: 20%
}

.slider_item label,
.sw_item label {
    position: relative
}

.slider_item label input,
.sw_item label input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.slider_windows_nav .sw_item {
    margin-right: 1vw
}

.slider_windows_nav {
    max-width: 62.4vw;
    padding: 0 5.4vw
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

.slider_item img {
    opacity: .3;
    max-width: 100%;
    height: auto
}

.slick-current .slider_item img {
    opacity: 1
}

.slider_names {
    padding: 4vh 0 0
}

.slider_names .heading-3 {
    margin: 0
}

.size_windows .heading-3 {
    margin: 0
}

.ui-slider {
    display: block;
    width: 100%;
    height: 2px;
    background: url(../../../themes/glasso/assets/img/slider.png) repeat-x;
    border: none;
    position: relative
}

.ui-slider-range {
    position: absolute;
    top: 0;
    height: 2px;
    background-color: #038892
}

.ui-slider-handle {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #038892;
    border-radius: 100%;
    margin-left: -7px;
    top: -7px;
    z-index: 10
}

.ui-slider:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #707782;
    border-radius: 100%;
    position: absolute;
    left: -3px;
    top: -2px
}

.ui-slider:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #707782;
    border-radius: 100%;
    position: absolute;
    right: -3px;
    top: -2px
}

.size_windows .column_wrap .column-2:nth-child(1) {
    padding-right: 10.68vw
}

.size_windows .column_wrap {
    margin-bottom: 8vh
}

.size_windows .heading-3 {
    margin-bottom: 3vh
}

.col_small_wrap:after {
    display: block;
    clear: both;
    content: ''
}

.col_small_2 {
    width: 40%;
    float: left
}

.col_small_2:nth-child(1) {
    margin-right: 5%
}

.col_small_2:nth-child(2) {
    margin-left: 5%
}

.wrap_val {
    display: flex;
    border-bottom: 1px solid #000;
    align-items: center
}

.wrap_val input[type="text"] {
    margin: 0;
    border: none;
    font-size: 14px;
    height: auto
}

.size_windows .column_wrap:nth-child(1) .heading-3 {
    margin: 0
}

.red_btn {
    width: 10.15vw;
    height: 2.6vw;
    line-height: 2.6vw;
    color: #fff;
    border-radius: 100px;
    background: #038892;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-size: .67vw;
    border: none;
    cursor: pointer
}

.diagram_block .diagram-item {
    padding: 0 1.9vw
}

.calculator-page .flex-block {
    display: flex;
    align-items: center
}

.flex-text {
    font-weight: 600;
    font-size: 1.25vw
}

.diagram_block .column_wrap {
    margin: 0 0 5vh
}

.extra_row:after {
    display: block;
    clear: both;
    content: ''
}

.extra_row {
    padding: 1vw 0;
    border-bottom: 1px solid rgba(112, 119, 130, .2)
}

.extra_label {
    float: left;
    font-size: 1.25vw;
    font-weight: 600
}

.extra_value {
    float: right
}

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

.extra_value label {
    position: relative;
    font-size: .63vw;
    cursor: pointer
}

.extra_value input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.remove_check {
    display: none
}

.add_check,
.remove_check {
    margin: 0;
    text-transform: uppercase;
    width: 5.63vw
}

.extra_value input+span:after {
    display: block;
    width: 2vw;
    height: 2vw;
    border-radius: 100%;
    background: #707782;
    content: '+';
    font-size: 1.5vw;
    color: #fff;
    line-height: 2vw;
    text-align: center;
    font-weight: 300
}

.extra_value input:checked+span .add_check {
    display: none
}

.extra_value input:checked+span .remove_check {
    display: block
}

.extra_value input:checked+span:after {
    content: '-';
    line-height: 1.8vw;
    background-color: #038892
}

.extra_attr .column_wrap .column-2:nth-child(1) {
    padding-right: 14vw
}

.extra_attr .small_text {
    margin-top: 3vh
}

.form_row:after {
    display: block;
    clear: both;
    content: ''
}

.form_col {
    float: left;
    width: 20.68vw;
    margin-right: 1.77vw
}

.add_file {
    position: relative;
    background: url(../../../themes/glasso/assets/img/download.png) no-repeat;
    padding-left: 25px;
    font-size: 12px;
    color: #000;
    text-transform: uppercase
}

.add_file input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.construction {
    margin-top: 3.4vh
}

.form_file_text {
    display: block;
    margin-bottom: 5px
}

.online-calculator {
    padding: 9vh 25vw 9vh 12.5vw;
    background: #f8f8f8;
    border-bottom: 1px solid rgba(112, 119, 130, .15)
}

.footer_columns:after {
    display: block;
    clear: both;
    content: ''
}

.footer_columns>div {
    float: left;
    width: 33%;
    padding-right: 7vw;
    font-size: .68vw
}

.online-calculator h2 {
    font-size: 1.68vw;
    margin: 0 0 4.5vh
}

.last_section {
    border: none
}

.slider_range_steps {
    position: relative;
    margin-top: 40px
}

.size_windows .slider_range_steps {
    margin-top: 57px
}

.slider_range_steps>span {
    display: block;
    position: absolute;
    font-size: 14px;
    color: rgba(28, 28, 28, .2);
    bottom: 9px;
    margin-left: -3px
}

.slider_range_steps>span.active {
    color: #1C1C1C
}

.slider_range_steps>span.step0 {
    left: 0
}

.slider_range_steps>span.step10 {
    left: 10%
}

.slider_range_steps>span.step20 {
    left: 20%
}

.slider_range_steps>span.step30 {
    left: 30%
}

.slider_range_steps>span.step40 {
    left: 40%
}

.slider_range_steps>span.step50 {
    left: 50%
}

.slider_range_steps>span.step60 {
    left: 60%
}

.slider_range_steps>span.step70 {
    left: 70%
}

.slider_range_steps>span.step80 {
    left: 80%
}

.slider_range_steps>span.step90 {
    left: 90%
}

.slider_range_steps>span.step100 {
    left: 100%
}

.no-border {
    border: none;
    padding-bottom: 0
}

.selected_items>.heading-3 {
    padding-left: 6.2vw
}

.selected_items img {
    height: 11.46vw
}

.item_description .heading-3 {
    margin-top: 0
}

.item_description .small_text {
    margin-bottom: 4vh
}

.item_column_wrapper:after,
.item_buttons:after {
    display: block;
    clear: both;
    content: ''
}

.item_col {
    float: left;
    width: 12.76vw
}

.item_col span,
.item_col strong {
    display: block;
    font-size: .94vw
}

.item_col span {
    margin-bottom: 2vh
}

.item_column_wrapper {
    margin-bottom: 4vh
}

.btn_grey {
    display: block;
    width: 10.15vw;
    height: 2.6vw;
    line-height: 2.6vw;
    border-radius: 1.3vw;
    background-color: #F8F8FB;
    font-size: .63vw;
    text-transform: uppercase;
    text-align: center
}

.not_access {
    position: relative
}

.not_access:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 100;
    left: 0
}

.size_windows .red_btn {
    cursor: pointer
}

.calculator_logo 

.calculator_logo .logo-color {
    display: block
}

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

.black_scroll_title {
    color: #454545
}

.window_glasso {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.window_glasso_open {
    position: static;
    opacity: 1
}

.aside_write_now {
    position: absolute;
    bottom: 5vh;
    left: 50%;
    width: 40px;
    height: 156px;
    border-radius: 36px;
    transform: translate(-50%, 0);
    cursor: pointer
}

.aside_write_now span {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2
}

.aside_write_now_item {
    width: 156px;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    position: absolute;
    bottom: 58px;
    padding-left: 21px;
    z-index: 1;
    line-height: 40px;
    background: #038892;
    left: -58px;
    border: 1px solid #038892;
    -moz-transform: rotate(-90deg);
    border-radius: 36px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 0.5s ease
}

.aside_write_now:after {
    content: '';
    display: block;
    top: -6px;
    left: -5px;
    width: 50px;
    height: 168px;
    position: absolute;
    border-radius: 36px;
    background: rgba(238, 52, 61, .1);
    -webkit-animation: pulseAnimation 2.5s linear infinite;
    animation: pulseAnimation 2.5s linear infinite
}

.aside_write_now_item {
    width: 156px;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: -58px;
    bottom: 58px;
    padding-left: 21px;
    z-index: 1;
    overflow: hidden;
    line-height: 40px;
    background: #038892;
    border: 1px solid #038892;
    border-radius: 36px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 0.5s ease;
    -webkit-animation: bgAnimation 5s ease-in-out infinite alternate;
    animation: bgAnimation 5s ease-in-out infinite alternate
}

@keyframes bgAnimation {
    0% {
        color: #fff;
        background: #038892
    }

    33% {
        color: #038892;
        background-color: #fff
    }

    66% {
        color: #038892;
        background-color: #fff
    }

    100% {
        color: #fff;
        background: #038892
    }
}

.aside_write_now:after {
    content: '';
    display: block;
    top: -6px;
    left: -5px;
    width: 50px;
    height: 168px;
    position: absolute;
    border-radius: 36px;
    background: rgba(238, 52, 61, .1);
    -webkit-animation: pulseAnimation 2.5s linear infinite;
    animation: pulseAnimation 2.5s linear infinite
}

@keyframes pulseAnimation {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.1, 1.1)
    }

    100% {
        transform: scale(1, 1)
    }
}

.aside_write_now_border--mobile {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #038892;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-animation: borderPulseMobile infinite 2.5s;
    animation: borderPulseMobile infinite 2.5s
}

@keyframes borderPulseMobile {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0
    }
}

.aside_write_now_img {
    overflow: hidden;
    position: relative;
    width: 40px;
    height: 40px
}

.aside_write_now--mobile .aside_write_now_img {
    width: 60px;
    height: 60px
}

.img-bottom-layer {
    position: absolute;
    opacity: 0;
    -webkit-animation: imgFadeBottom 2.5s ease-in-out infinite alternate;
    animation: imgFadeBottom 2.5s ease-in-out infinite alternate
}

@keyframes imgFadeBottom {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.img-top-layer {
    position: absolute;
    opacity: 1;
    -webkit-animation: imgFadeTop 2.5s ease-in-out infinite alternate;
    animation: imgFadeTop 2.5s ease-in-out infinite alternate
}

@keyframes imgFadeTop {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.mobile-bottom-layer {
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
    -webkit-animation: mobileFadeBottom 2s ease-in-out infinite alternate;
    animation: mobileFadeBottom 2s ease-in-out infinite alternate
}

@keyframes mobileFadeBottom {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.mobile-top-layer {
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-animation: mobileFadeTop 2s ease-in-out infinite alternate;
    animation: mobileFadeTop 2s ease-in-out infinite alternate
}

@keyframes mobileFadeTop {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.bottom-layer {
    position: absolute;
    opacity: 0;
    -webkit-animation: fadeBottom 2.5s ease-in-out infinite alternate;
    animation: fadeBottom 2.5s ease-in-out infinite alternate
}

@keyframes fadeBottom {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.top-layer {
    position: absolute;
    opacity: 1;
    -webkit-animation: fadeTop 2.5s ease-in-out infinite alternate;
    animation: fadeTop 2.5s ease-in-out infinite alternate
}

@keyframes fadeTop {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.aluminium_black .window-page-bg {
    background-color: #1c1c1c
}

.al_constr .windows-cards__header {
    max-width: 100%
}

.al_constr .windows-cards__header p {
    max-width: 28vw
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.calculator-page .scroll-down__wrap {
    bottom: 16.7vh
}

.slider_windows_nav .slick-current img {
    filter: opacity(1) drop-shadow(0 0 0 red)
}

.calculator-page .about__subtitle {
    padding-left: 4px
}

.calculator-page .about__inner {
    top: 31vh
}

.calculator-page .about__content {
    padding-left: 4px
}

.info_form {
    color: green;
    text-align: center;
    margin-bottom: 20px
}

.info_calc_block {
    margin: 0 0 8vh
}

h2.heading_no_padding {
    padding: 0 !important
}

h2.red_title {
    color: #038892;
    margin-bottom: 15px
}

.dz-success-mark,
.dz-error-mark {
    display: none
}

.dz-preview {
    width: 120px;
    margin: 10px 0 0 0
}

@keyframes pulseAnimation {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.1, 1.1)
    }

    100% {
        transform: scale(1, 1)
    }
}

.support__viber .support__viber-icon {
    background-image: none
}

.support__messenger .support__messenger-icon {
    background-image: none
}

.support__telegram .support__telegram-icon {
    background-image: none
}

.support__list li a span svg {
    width: 60%;
    display: inline-block;
    height: 60%;
    margin-top: 21%;
    margin-right: 3%
}

.support__list li a span {
    line-height: 2.08vw;
    text-align: center
}

.support__viber a:hover {
    background-color: #038892;
    transition: all 0.5s ease
}

.support__messenger a:hover svg path {
    fill: #038892;
    transition: all 0.5s ease
}

.support__telegram a:hover svg path {
    fill: #038892;
    transition: all 0.5s ease
}

.support__viber a:hover svg path:nth-child(1),
.support__viber a:hover svg path:nth-child(2) {
    fill: #038892;
    transition: all 0.5s ease
}

.support__viber a:hover svg path:nth-child(3) {
    stroke: #038892;
    transition: all 0.5s ease
}

.support__messenger a:hover {
    background-color: #038892;
    transition: all 0.5s ease
}

.support__telegram a:hover {
    background-color: #038892;
    transition: all 0.5s ease
}

#jivo-block {
    display: none
}

#jivo-mouse-tracker+jdiv {
    visibility: hidden !important;
    opacity: 0
}

#jivo-mouse-tracker+jdiv.showBlock {
    visibility: visible !important;
    opacity: 1
}

.aluminium_black .window-page__img img {
    max-width: 49vw
}

@media(max-width:1200px) {
    #jivo-block {
        display: block
    }

    #jivo-mouse-tracker+jdiv {
        visibility: visible !important;
        opacity: 1
    }
}

@media(max-width:1024px) {
    .section-client .clients-box__title-col a {
        margin: 0
    }

    .services-laboratory .clients-box__title-col h2 br {
        display: none
    }

    .services-laboratory .parallax-box-wrap {
        padding: 0
    }

    .services-laboratory .parallax-box-inner {
        height: 250px
    }

    .calculator-page .video-heading {
        min-height: 960px;
        padding-top: 0
    }

    .calculator-page #video-bg {
        top: 300px;
        left: 30px;
        height: 640px;
        min-height: auto
    }

    .calculator-page .about__subtitle {
        padding-bottom: 465px
    }

    .column_wrap .column-2 {
        float: none;
        width: 100%
    }

    .calculator-page h2 {
        font-size: 32px;
        padding: 10px 0 0 76px;
        margin: 0 0 50px
    }

    .calculator-page h2 span {
        width: 58px;
        height: 58px;
        line-height: 58px;
        font-size: 32px
    }

    .column_wrap {
        max-width: 100%
    }

    .readyProject {
        width: 100%
    }

    .calc_title,
    .calc_wrapper {
        margin-bottom: 50px
    }

    .calc_wrapper label {
        width: 50%;
        padding: 0 12px 0 0;
        margin: 0 0 23px;
        box-sizing: border-box
    }

    .calc_wrapper label:nth-child(2n) {
        padding: 0 0 0 12px
    }

    .calc_wrapper label .type_title {
        font-size: 18px;
        left: 15px;
        bottom: 15px
    }

    .calculator-page .readyProject h2 {
        padding: 0
    }

    .grey_buttons .grey_btn {
        font-size: 12px;
        width: 100px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        margin-right: 30px
    }

    .heading-3 {
        font-size: 24px;
        margin: 40px 0
    }

    .materials>label span {
        height: 70px;
        font-size: 14px;
        width: 100%
    }

    .materials>label {
        width: 31.33%;
        margin: 0 2% 23px 0
    }

    .materials {
        padding: 0
    }

    .inner_padding.first-block {
        padding-bottom: 0
    }

    .inner_padding.second_block {
        padding-top: 0
    }

    .type_form_col {
        width: 48%;
        padding: 20px 18px;
        margin: 0 2% 0 0
    }

    .type_form_col:nth-child(2) {
        margin: 0 0 0 2%
    }

    .heading-5 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .type_form_desc {
        font-size: 12px;
        margin-bottom: 18px
    }

    .glasso-button {
        width: 195px;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
        border-radius: 25px
    }

    .glasso-button:after {
        width: 14px;
        height: 14px;
        top: 18px;
        right: 25px
    }

    .calculator-page .diagram_block .diagram-item {
        padding-left: 0
    }

    .flex-text {
        font-size: 24px
    }

    .size_windows .column_wrap .column-2:nth-child(1) {
        padding: 0 0 40px
    }

    .extra_table {
        margin-top: 40px
    }

    .extra_label {
        font-size: 24px
    }

    .add_check {
        font-size: 12px
    }

    .extra_value input+span:after {
        width: 40px;
        height: 40px;
        font-size: 30px;
        line-height: 40px;
        font-weight: 400
    }

    .add_check,
    .remove_check {
        width: 100px
    }

    .red_btn {
        width: 195px;
        height: 50px;
        line-height: 50px;
        border-radius: 25px;
        font-size: 12px
    }

    .extra_value label {
        font-size: 12px
    }

    .extra_value input:checked+span:after {
        line-height: 40px
    }

    .online-calculator {
        padding: 33px 129px
    }

    .online-calculator h2 {
        font-size: 32px;
        margin-bottom: 40px
    }

    .footer_columns>div {
        float: none;
        width: 100%;
        padding: 0 0 20px;
        font-size: 13px
    }

    .form_col {
        width: 48%
    }

    .form_col:nth-child(1) {
        margin: 0 2% 0 0
    }

    .form_col:nth-child(2) {
        margin: 0 0 0 2%
    }

    .calculator-page .about__inner {
        width: 100%
    }

    .readyProject {
        margin-bottom: 50px
    }

    textarea {
        font-size: 12px
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .calc_padding {
        padding: 0 40px
    }

    .inner_padding {
        padding: 40px 89px 40px 89px
    }

    .about_production .about-box1,
    .services-laboratory .clients-box__title {
        padding: 0 126px
    }

    .earn-img {
        max-width: 100%;
        padding: 0 126px
    }

    .earn-bulk .clients-box {
        padding-bottom: 0
    }

    .section-tabs .clients-logo__wrap {
        padding-top: 0
    }

    .about_production .links__container {
        padding-bottom: 80px
    }

    .earn-bulk .clients-box__title-col {
        width: auto
    }

    .services-laboratory .clients-box {
        padding-top: 0
    }

    .parallax-box-wrap {
        padding: 0
    }

    .services-laboratory .parallax-box-inner {
        margin-bottom: 0
    }

    .tabs-div .clients-box__title-col:nth-child(2) {
        display: none
    }

    .tabscontainer>li {
        height: 54px;
        font-size: 10px
    }
}

@media(max-width:767px) {
    .size_windows .slider_range_steps {
        margin-top: 40px
    }

    .not_access:before {
        width: calc(100% + 50px);
        left: -25px
    }

    .add_check,
    .remove_check {
        display: none
    }

    .slider_range_steps>span {
        opacity: 0
    }

    .slider_range_steps>span.active {
        opacity: 1
    }

    .readyProject {
        margin-bottom: 25px
    }

    .inner_padding {
        padding: 20px 0;
        border: none
    }

    .calc_padding {
        padding: 0 25px
    }

    .calculator-page .about__inner {
        top: 0;
        padding-top: 98px;
        height: 740px
    }

    .calculator-page .about__content {
        bottom: 0;
        padding: 0 25px
    }

    .earn-bulk {
        padding: 0 25px
    }

    .clients-box__title-col h2 br {
        display: none
    }

    .clients-box__title-col h2 {
        font-size: 34px
    }

    .about_production .about-box1 {
        padding: 0
    }

    .about_production .clients-box__title {
        padding: 15px 0 0 0
    }

    .earn-bulk .clients-box__title-col {
        position: static
    }

    .earn-img {
        max-width: 100%
    }

    .section-tabs .clients-logo__wrap {
        padding: 0
    }

    .flex-box {
        display: block
    }

    .tabscontainer>li {
        font-size: 13px;
        max-width: 155px;
        width: 100%;
        height: 70px;
        margin: 0 15px 15px 0;
        box-sizing: border-box
    }

    .tabscontainer {
        flex-wrap: wrap;
        margin: 0 0 10px
    }

    .section-tabs h3 {
        font-size: 24px
    }

    .tabs-div .clients-box__title-col {
        font-size: 18px
    }

    .pr_gallery.services-inner__gallery {
        padding-bottom: 0
    }

    .services-laboratory .clients-box__title {
        padding: 0
    }

    .pr_gallery .gallery-nav {
        bottom: 67px
    }

    .calculator-page #video-bg {
        left: -80px;
        top: 150px
    }

    .calculator-page .video-heading {
        min-height: 790px
    }

    .heading-3 {
        margin: 25px 0
    }

    .size_windows .column_wrap {
        padding-right: 10px;
        margin-bottom: 50px
    }

    .materials>label {
        width: 50%;
        padding: 0 12px 23px 0;
        box-sizing: border-box;
        margin: 0
    }

    .materials>label:nth-child(2n) {
        padding: 0 0 23px 12px
    }

    .online-calculator {
        padding: 50px 25px
    }

    .online-calculator h2 {
        font-size: 24px
    }

    .calculator-page h2 {
        font-size: 24px;
        padding-left: 60px
    }

    .calculator-page h2 span {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px
    }

    .flex-text {
        font-size: 18px
    }

    .calculator-page .diagram_block .diagram-item {
        margin: 0
    }

    .extra_label {
        font-size: 18px
    }

    .full_row>div {
        width: 100%;
        float: none
    }

    .type_form_col {
        width: 275px;
        margin: 0 0 25px !important;
        float: none
    }

    .size_windows .column_wrap .column-2:nth-child(1) {
        padding-bottom: 25px
    }

    .size_windows .heading-3 {
        margin: 0 0 25px
    }

    .col_small_2 {
        width: 45%
    }

    .calculator-page h2 {
        padding: 4px 0 0 60px
    }

    .full_row .form_col:nth-child(2) {
        margin: 0 0 40px
    }

    .calculator-page h2 {
        margin: 0 0 25px
    }

    .calc_title,
    .calc_wrapper {
        margin: 0 0 25px
    }

    .form_row .red_btn {
        margin: 0 0 20px
    }
}

@media(max-width:600px) {
    .tabscontainer>li {
        width: 48%;
        margin: 0 2% 15px 0
    }
}

@font-face {
    font-family: "Gilroy";
    src: url(../../../themes/glasso/assets/fonts/Gilroy-UltraLight.eot);
    src: local("Gilroy UltraLight"), local(Gilroy-UltraLight), url(../../../themes/glasso/assets/fonts/Gilroy-UltraLight-1.eot) format("embedded-opentype"), url(../../../themes/glasso/assets/fonts/Gilroy-UltraLight.woff) format("woff"), url(../../../themes/glasso/assets/fonts/Gilroy-UltraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(../../../themes/glasso/assets/fonts/Gilroy-Light.eot);
    src: local("Gilroy Light"), local(Gilroy-Light), url(../../../themes/glasso/assets/fonts/Gilroy-Light-1.eot) format("embedded-opentype"), url(../../../themes/glasso/assets/fonts/Gilroy-Light.woff) format("woff"), url(../../../themes/glasso/assets/fonts/Gilroy-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(../../../themes/glasso/assets/fonts/Gilroy-Regular.eot);
    src: local("Gilroy Regular"), local(Gilroy-Regular), url(../../../themes/glasso/assets/fonts/Gilroy-Regular-1.eot) format("embedded-opentype"), url(../../../themes/glasso/assets/fonts/Gilroy-Regular.woff) format("woff"), url(../../../themes/glasso/assets/fonts/Gilroy-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(../../../themes/glasso/assets/fonts/Gilroy-Medium.eot);
    src: local("Gilroy Medium"), local(Gilroy-Medium), url(../../../themes/glasso/assets/fonts/Gilroy-Medium-1.eot) format("embedded-opentype"), url(../../../themes/glasso/assets/fonts/Gilroy-Medium.woff) format("woff"), url(../../../themes/glasso/assets/fonts/Gilroy-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(../../../themes/glasso/assets/fonts/Gilroy-SemiBold.eot);
    src: local("Gilroy SemiBold"), local(Gilroy-SemiBold), url(../../../themes/glasso/assets/fonts/Gilroy-SemiBold-1.eot) format("embedded-opentype"), url(../../../themes/glasso/assets/fonts/Gilroy-SemiBold.woff) format("woff"), url(../../../themes/glasso/assets/fonts/Gilroy-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gilroy";
    src: url(../../../themes/glasso/assets/fonts/Gilroy-Bold.eot);
    src: local("Gilroy Bold"), local(Gilroy-Bold), url(../../../themes/glasso/assets/fonts/Gilroy-Bold-1.eot) format("embedded-opentype"), url(../../../themes/glasso/assets/fonts/Gilroy-Bold.woff) format("woff"), url(../../../themes/glasso/assets/fonts/Gilroy-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

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

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0
}

hr {
    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;
    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: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: none
}

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html,
body {
    position: relative;
    height: 100%
}

body {
    background: #fff;
    font-family: "Gilroy", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #1c1c1c;
    margin: 0;
    padding: 0
}

h1 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3
}

h2 {
    font-weight: 600;
    line-height: 1.4
}

h3 {
    font-weight: 600
}

h4 {
    font-weight: 600
}

div {
    box-sizing: border-box
}

section {
    box-sizing: border-box
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both
}

main {
    position: relative;
    height: 100%
}

a {
    text-decoration: none;
    color: #1c1c1c
}

a:visited,
a:focus {
    color: initial
}

a:focus {
    outline: none
}

a:hover {
    color: #038892
}

.red-highlight {
    color: #038892
}

.mobile-show {
    display: none !important
}

.tablet-show {
    display: none
}

.preloader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999
}

.preloader-const {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.preloader {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25%;
    opacity: 1;
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    width: 100vw;
    z-index: 9999
}

@-webkit-keyframes loader {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes loader {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.preloader .preloader-holder {
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out
}

.preloader .preloader-progress {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: loader;
    animation-name: loader;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    height: 100vh;
    width: 100vw;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out
}

.preloader .preloader-progress:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 25%;
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

header {
    position: fixed;
    width: 100%;
    height: 6.25vw;
    z-index: 110;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

header.on-scroll {
    background-image: linear-gradient(to right, #fff, #fff 50%, rgba(0, 0, 0, 0) 50%)
}

.header-mobile {
    display: none
}

.mobile-nav {
    display: none
}

.tablet-nav__top {
    display: none
}

.fp-viewing-consultation header {
    background: #fff
}

.header-logo {
    position: absolute;
    top: 50%;
    left: 3.125%;
    transform: translate(0, -40%)
}

.header-logo a {
    display: block
}

.header-logo img {
    max-width: 190px
}



.logo-color {
    display: block
}

.fp-viewing-main .logo-white,
.fp-viewing-razdvizhnye-sistemy .logo-white,
.fp-viewing-alyuminevye-peregorodki .logo-white,
.fp-viewing-venteliruemye-fasady .logo-white,
.fp-viewing-kompleksnoe-osteklenie .logo-white,
.change-logo .logo-white {
    display: block
}

/* .fp-viewing-main .logo-color,
.fp-viewing-razdvizhnye-sistemy .logo-color,
.fp-viewing-alyuminevye-peregorodki .logo-color,
.fp-viewing-venteliruemye-fasady .logo-color,
.fp-viewing-kompleksnoe-osteklenie .logo-color,
.change-logo .logo-color {
    display: none
} */

.nav-open .logo-white {
    display: none !important
}

.nav-open .logo-color {
    display: block !important
}

.red_btn {
    width: 10.15vw;
    height: 2.6vw;
    line-height: 2.6vw;
    color: #fff;
    border-radius: 100px;
    background: #038892;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-size: .67vw;
    letter-spacing: .1em;
    border: none;
    cursor: pointer
}

.header-btn {
    width: auto;
    height: 40px;
    padding: 0 25px;
    background: #038892;
    border-radius: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 19.73%;
    transform: translate(0, -50%);
    cursor: pointer
}

.header-btn:hover {
    background: #898989
}

.header-btn.invert-btn {
    background: #fff;
    color: #1c1c1c;
    font-weight: 600
}

.header-nav-bar {
    width: 56.25vw;
    height: 6.25vw;
    background-color: #fff;
    border-bottom: 2px solid rgba(196, 196, 196, .1);
    position: absolute;
    top: 0;
    right: 0
}

.menu-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: #038892;
    cursor: pointer;
    width: 6.25vw;
    height: 6.25vw
}

.menu-btn-line {
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: calc(50% - 15px)
}

.menu-btn-line-1 {
    top: calc(50% - 4px)
}

.menu-btn-line-2 {
    top: calc(50% + 4px)
}

.menu-btn.open .menu-btn-line-1 {
    top: 50%;
    transform: rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.menu-btn.open .menu-btn-line-2 {
    top: 50%;
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.menu-title {
    position: absolute;
    top: 0;
    right: 6.25vw;
    height: 6.25vw;
    width: 6.25vw;
    color: #000;
    cursor: pointer
}

.menu-title__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -100%;
    background: #038892
}

.menu-title.open .menu-title__overlay {
    right: 0;
    -webkit-transition: all 0.5s linear !important;
    -moz-transition: all 0.5s linear !important;
    -o-transition: all 0.5s linear !important;
    -ms-transition: all 0.5s linear !important;
    transition: all 0.5s linear !important
}

.menu-title span {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #1c1c1c
}

.menu-title span:hover {
    color: #038892
}

.menu-title.open span {
    -webkit-transition: all 1s cubic-bezier(0, 0, .23, 1);
    -moz-transition: all 1s cubic-bezier(0, 0, .23, 1);
    -o-transition: all 1s cubic-bezier(0, 0, .23, 1);
    -ms-transition: all 1s cubic-bezier(0, 0, .23, 1);
    transition: all 1s cubic-bezier(0, 0, .23, 1);
    background-position: 0;
    color: #fff
}

.contact-title {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    position: absolute;
    height: 6.25vw;
    width: 12.5vw;
    right: 12.5vw;
    top: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1
}

.phone-box__wrap {
    position: absolute;
    height: 6.25vw;
    width: 18.75vw;
    right: 25vw;
    top: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.phone-box {
    padding-right: 1.77vw;
    position: relative
}

.phone-box:after {
    content: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #707782 transparent transparent;
    position: absolute;
    right: 0;
    top: calc(50% - 3px)
}

.phone-title a {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 14px;
    line-height: 1;
    color: #1c1c1c;
    text-decoration: none;
    padding: 5px 0;
    display: block
}

.phone-title a:hover {
    color: #038892
}

.phone-inner-box {
    float: left;
    position: absolute;
    top: calc(100% - 2px);
    left: -999em;
    z-index: 99999;
    text-align: left;
    background-color: #fff;
    padding: 5px 0;
    width: 100%
}

.phone-box__wrap:hover .phone-inner-box {
    left: auto
}

.phone-box__wrap:hover .phone-box:after {
    border-color: #038892 transparent transparent
}

.phone-inner-box ul {
    margin: 0;
    padding: 0 0 1.75vh 2.5vw;
    list-style: none
}

.phone-inner-box ul li {
    padding-bottom: 1.6vh
}

.phone-inner-box ul li a {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 14px;
    line-height: 1;
    color: #1c1c1c;
    text-decoration: none
}

.phone-inner-box ul li a:hover {
    color: #038892
}

.calback-btn {
    font-size: 12px;
    line-height: 1;
    opacity: .5;
    margin-top: 8px;
    cursor: pointer
}

.calback-btn:hover {
    color: #038892
}

.language-switcher__wrap {
    position: absolute;
    height: 6.25vw;
    width: 6.25vw;
    right: 43.75vw;
    top: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.language-switcher {
    padding-right: 18px;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 14px;
    line-height: 1;
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.language-switcher:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #707782 transparent transparent;
    position: absolute;
    right: 0;
    top: calc(50% - 3px)
}

.language-inner-box {
    float: left;
    position: absolute;
    top: calc(100% - 2px);
    left: -999em;
    z-index: 99999;
    text-align: left;
    background-color: #fff;
    padding: 5px 0;
    width: 100%
}

.language-switcher__wrap:hover .language-inner-box {
    left: auto
}

.language-switcher__wrap:hover .language-switcher:after {
    border-color: #038892 transparent transparent
}

.language-inner-box ul {
    margin: 0;
    padding: 0 0 .9vh 2vw;
    list-style: none
}

.language-inner-box ul li {
    padding-bottom: 1.95vh
}

.language-inner-box ul li a {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 14px;
    line-height: 1;
    color: #1c1c1c;
    text-decoration: none
}

.language-inner-box ul li a:hover {
    color: #038892
}

.language-inner-box ul li.active {
    opacity: .2
}

.search-btn__wrap {
    position: absolute;
    height: 6.25vw;
    width: 6.25vw;
    right: 50vw;
    top: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.search-btn__wrap:hover svg path {
    fill: #038892
}

.search-btn {
    cursor: pointer
}

.search-field__wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 6.25vw;
    background: #fff;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.search-field {
    padding: 0 8vw 0 4.6vw;
    width: 100%
}

.search-btn-close-btn {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 2.6vw;
    cursor: pointer
}

.search-btn-close-btn:hover svg path {
    stroke: #038892
}

.search-field:before {
    content: url(../../../themes/glasso/assets/img/search-icon.svg);
    position: absolute;
    left: 2vw
}

.search-field input[type="search"] {
    border: none;
    font-size: 18px;
    width: 100%
}

.search-field input[type="search"]:focus {
    outline: none
}

input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none
}

nav {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 90;
    overflow: hidden
}

.nav-open nav {
    display: block;
    background: #f8f8fb
}

.nav-section-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 93.75%;
    height: 55%
}

.nav-section-3 {
    background: #373942;
    position: absolute;
    top: 55%;
    right: 0;
    width: 93.75%;
    height: 45%
}

.nav-section-4 {
    background: url(../../../themes/glasso/assets/img/bg-sale.svg);
    background-size: cover;
    position: absolute;
    top: 67%;
    left: 0;
    width: 25%;
    height: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear
}

nav.open .nav-section-4 {
    height: 33%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear
}

.nav-section-1 {
    padding: 17.5vh 6.25vw 6.18vh;
    box-sizing: border-box
}

.nav-section-1__box {
    opacity: 0
}

nav.open .nav-section-1__box {
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition: 0.4s ease-out;
    -moz-transition-delay: 0.5s;
    -o-transition: 0.4s ease-out;
    -o-transition-delay: 0.5s;
    -ms-transition: 0.4s ease-out;
    -ms-transition-delay: 0.5s;
    transition: 0.4s ease-out;
    transition-delay: 0.5s
}

.nav-section-1__box h2 {
    font-size: 1.27vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 4.12vh
}

.sale-counter__item {
    width: 2.39vw;
    float: left;
    background-color: #fff;
    margin-right: .47vw
}

.sale-counter__numbers {
    display: block;
    text-align: center;
    font-size: 1.27vw;
    font-weight: 400;
    line-height: 1.9
}

.sale-counter__text {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #707782;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 1.9
}

.nav-section-2 {
    padding: 17.5vh 6.25vw 6.18vh 3.8vw;
    box-sizing: border-box
}

.nav-section-2__row {
    opacity: 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

nav.open .nav-section-2__row {
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition: 0.4s ease-out;
    -moz-transition-delay: 0.5s;
    -o-transition: 0.4s ease-out;
    -o-transition-delay: 0.5s;
    -ms-transition: 0.4s ease-out;
    -ms-transition-delay: 0.5s;
    transition: 0.4s ease-out;
    transition-delay: 0.5s
}

.nav-section-2__col h3 a {
    font-size: 1.25vw;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #038892;
    position: relative;
    padding-right: 48px
}

.nav-section-2__col h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #038892;
    margin: 0 0 2vh
}

.nav-section-2__col .section-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #038892;
    margin: 0 0 2vh
}

.nav-section-2__col h3 a:after {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.top-catalog-nav {
    height: 26vh;
    overflow-y: auto
}

.top-catalog-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.top-catalog-nav ul li {
    padding: .3vh 0;
    position: relative
}

.top-catalog-nav ul li a {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    color: #1c1c1c
}

.top-catalog-nav ul li a:hover {
    color: #038892
}

.toggle-children {
    width: 1.1vw;
    height: 1.1vw;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background-image: url(../../../themes/glasso/assets/img/toggle-children-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer
}

.toggle-children.slidedown {
    top: .5vh;
    transform: none;
    background-image: url(../../../themes/glasso/assets/img/toggle-children-open-icon.svg)
}

.top-catalog-nav .dropdown-menu {
    padding: 1vh 0 1vh .6vw;
    display: none
}

.top-catalog-nav .dropdown-menu li {
    padding: .4vh 0
}

.top-catalog-nav .dropdown-menu li a {
    font-size: 13px;
    color: #707782
}

.nav-section-3 {
    padding: 6vh 10.05vw 12.38vh 3.8vw;
    box-sizing: border-box
}

.nav-section-3__row {
    opacity: 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

nav.open .nav-section-3__row {
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition: 0.4s ease-out;
    -moz-transition-delay: 0.5s;
    -o-transition: 0.4s ease-out;
    -o-transition-delay: 0.5s;
    -ms-transition: 0.4s ease-out;
    -ms-transition-delay: 0.5s;
    transition: 0.4s ease-out;
    transition-delay: 0.5s
}

.nav-section-3__col h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    opacity: .2;
    margin: 0 0 2vh
}

.nav-section-3__col .section-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    opacity: .2;
    margin: 0 0 2vh
}

.top-add__nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.top-add__nav ul li {
    padding: .3vh 0
}

.top-add__nav ul li a {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: #eaedf3
}

.top-add__nav ul li a:hover {
    color: #038892
}

.nav-section-3__link-box-1 {
    position: absolute;
    bottom: 0;
    right: 6.25vw;
    width: 18.75vw;
    height: 12.37vh;
    background: #464954;
    opacity: 0
}

.nav-section-3__link-box-2 {
    position: absolute;
    bottom: 0;
    right: 6.25vw;
    width: 18.75vw;
    height: 12.37vh;
    background: #464954;
    opacity: 0
}

nav.open .nav-section-3__link-box-1,
nav.open .nav-section-3__link-box-2 {
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition: 0.4s ease-out;
    -moz-transition-delay: 0.5s;
    -o-transition: 0.4s ease-out;
    -o-transition-delay: 0.5s;
    -ms-transition: 0.4s ease-out;
    -ms-transition-delay: 0.5s;
    transition: 0.4s ease-out;
    transition-delay: 0.5s
}

.nav-section-3__link-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2.39vw 0 1.5625vw
}

.nav-section-3__link-box a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    display: block;
    position: relative;
    width: 100%
}

.nav-section-3__link-box a:hover {
    color: #038892
}

.nav-section-3__link-box-1 a:after {
    content: "";
    width: 1.04vw;
    height: 1.19vw;
    background-image: url(../../../themes/glasso/assets/img/entry-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -25%
}

.nav-section-3__link-box a:hover:after {
    background-image: url(../../../themes/glasso/assets/img/entry-icon-hover.svg)
}

.nav-section-3__link-box-2 a:after {
    content: "";
    width: 1.5625vw;
    height: .99vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0
}

.nav-section-4 {
    padding: 6.18vh 6.25vw;
    box-sizing: border-box
}

.nav-section-4__box {
    opacity: 0
}

nav.open .nav-section-4__box {
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition: 0.4s ease-out;
    -moz-transition-delay: 0.5s;
    -o-transition: 0.4s ease-out;
    -o-transition-delay: 0.5s;
    -ms-transition: 0.4s ease-out;
    -ms-transition-delay: 0.5s;
    transition: 0.4s ease-out;
    transition-delay: 0.5s
}

.nav-section-4__box h2 {
    font-size: 1.05vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0
}

.nav-more-btn {
    position: absolute;
    left: 6.25vw;
    bottom: 6.18vh;
    background-color: #fff;
    padding: 1.45vh 2.81vw 1.45vh 1.09vw;
    border-radius: 36px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #373942;
    text-transform: uppercase
}

.nav-more-btn:after {
    content: url('data:image/svg+xml; utf8, <svg width="18" height="9" viewBox="0 0 30 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.707 8.707a1 1 0 0 0 0-1.414L23.343.929a1 1 0 1 0-1.414 1.414L27.586 8l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364zM0 9h29V7H0v2z" fill="black"/></svg>');
    position: absolute;
    right: .98vw;
    top: 50%;
    transform: translate(0, -50%)
}

.main-slide {
    background-size: cover;
    background-position: center
}

.nav-open #fp-nav.fp-left {
    display: none
}

#fp-nav.fp-left {
    left: 4% !important;
    margin-top: 0 !important;
    top: 40vh !important
}

.fp-viewing-main #fp-nav ul li a span,
.fp-viewing-main .fp-slidesNav ul li a span,
.fp-viewing-razdvizhnye-sistemy #fp-nav ul li a span,
.fp-viewing-razdvizhnye-sistemy .fp-slidesNav ul li a span,
.fp-viewing-alyuminevye-peregorodki #fp-nav ul li a span,
.fp-viewing-alyuminevye-peregorodki .fp-slidesNav ul li a span,
.fp-viewing-venteliruemye-fasady #fp-nav ul li a span,
.fp-viewing-venteliruemye-fasady .fp-slidesNav ul li a span,
.fp-viewing-kompleksnoe-osteklenie #fp-nav ul li a span,
.fp-viewing-kompleksnoe-osteklenie .fp-slidesNav ul li a span {
    background: #fff
}

.fp-viewing-consultation #main-slide__nav-next {
    display: none !important
}

.grid-line {
    width: 2px;
    height: 100%;
    background: #ccc;
    opacity: .1;
    position: absolute;
    top: 0
}

.grid-line-1 {
    left: 12.44vw
}

.grid-line-2 {
    left: 25vw
}

.grid-line-3 {
    right: calc(56.25vw - 1px)
}

.grid-line-4 {
    right: calc(50vw - 1px)
}

.grid-line-5 {
    right: calc(43.75vw - 1px)
}

.grid-line-6 {
    right: calc(25vw - 1px)
}

.grid-line-7 {
    right: calc(12.5vw - 1px)
}

#searchform {
    width: 100%
}

form {
    position: relative
}

.form-row {
    margin-right: -.88vw;
    margin-left: -.88vw
}

.form-col {
    width: 50%;
    float: left;
    padding-left: .88vw;
    padding-right: .88vw;
    margin-bottom: 4.12vh
}

.form-col-100 {
    width: 100%;
    float: left;
    padding-left: .88vw;
    padding-right: .88vw;
    margin-bottom: 4.12vh
}

.catalog-form__wrap .form-col p,
form p {
    margin: 0
}

button:focus,
a:focus {
    outline: none
}

label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(28, 28, 28, .5)
}

input[type="text"],
input[type="date"],
input[type="time"],
input[type="email"] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #373942;
    background: transparent;
    height: 4.12vh;
    position: relative;
    font-size: 14px;
    line-height: 1;
    padding: 9px 14px 14px;
    box-sizing: border-box
}

textarea {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #373942;
    background: transparent;
    position: relative;
    font-size: 14px;
    line-height: 1;
    padding: 9px 14px 14px;
    box-sizing: border-box
}

.main-form__wrap input[type="text"],
.main-form__wrap input[type="date"],
.main-form__wrap input[type="time"] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #373942;
    background: transparent;
    height: 4.12vh;
    position: relative;
    font-size: 14px;
    line-height: 1;
    padding: 9px 14px 14px;
    box-sizing: border-box
}

.custom-select {
    position: relative
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: transparent
}

.select-selected:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #707782 transparent transparent;
    position: absolute;
    right: 14px;
    top: calc(50% - 3px)
}

.select-selected {
    width: 100%;
    height: 4.12vh;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #373942;
    background: transparent;
    position: relative;
    font-size: 14px;
    line-height: 1;
    padding: 9px 14px 14px;
    cursor: pointer
}

.select-items {
    position: absolute;
    background-color: #fff;
    border-left: 1px solid rgba(234, 234, 234, .5);
    border-right: 1px solid rgba(234, 234, 234, .5);
    border-bottom: 1px solid rgba(234, 234, 234, .5);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

.select-items div {
    width: 100%;
    border: none;
    background: transparent;
    position: relative;
    font-size: 14px;
    line-height: 1;
    padding: 9px 14px 14px;
    cursor: pointer
}

.select-hide {
    display: none
}

.select-items div:hover,
.same-as-selected {
    background-color: #f2f2f9
}

.main-form__wrap label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(28, 28, 28, .5)
}

input:focus,
textarea:focus {
    outline: none
}

input[type="time"]::-webkit-clear-button {
    display: none
}

input[type="date"]::-webkit-clear-button {
    display: none
}

input[type="date"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

input[type="date"]:after,
input[type="time"]:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0;
    border-color: #707782 transparent transparent;
    position: absolute;
    right: 14px;
    top: calc(50% - 3px)
}

.main-link-1__wrap {
    background-color: #fff;
    position: fixed;
    z-index: 80;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

main .main-link-1__wrap {
    background-image: url(../../../themes/glasso/assets/img/service-btn-bg.svg);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 100%;
    background-size: contain
}

.main-link-1__wrap,
.main-link-1__wrap a {
    font-size: 16px;
    font-weight: 600;
    color: #1c1c1c;
    text-decoration: none;
    width: 100%
}

.main-link-1__wrap a:hover {
    color: #038892
}

.main-link-2__wrap {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 80;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.main-link-2__wrap a {
    text-decoration: none;
    width: 100%;
    color: #1c1c1c
}

.main-link-2__wrap a:hover .main-link__title {
    color: #038892
}

.main-link-3__wrap {
    height: 21.6vh;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 80;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.main-link-3__wrap a {
    text-decoration: none;
    width: 100%;
    color: #1c1c1c
}

.main-link__inner {
    padding: 0 5.2vw 0 1.56vw;
    position: relative
}

.main-link__inner:after {
    content: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    position: absolute;
    right: 2vw;
    top: .5vh
}

.main-link__inner:hover:after {
    content: url(../../../themes/glasso/assets/img/arrow-icon-red.svg);
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 0.8s
}

.main-link__title {
    font-size: 16px;
    padding-bottom: 1vh;
    font-weight: 600
}

.main-link__subtitle {
    font-size: 12px;
    line-height: 1.6
}

.main-slide__inner {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 25vh;
    margin-left: 12.44vw;
    color: #fff
}

.main-slide__title {
    font-size: 3vw;
    font-weight: 600;
    margin: 0;
    width: auto;
    min-width: 22vw;
    height: 15vh
}

.main-slide__content {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    width: 28vw
}

.main-slide__location-list {
    max-width: 30vw;
    padding-top: 0 !important
}

.main-slide__action {
    position: absolute;
    bottom: 25vh
}

.slide-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 40px;
    background: #fff;
    border-radius: 100px !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative
}

.slide-btn:hover {
    background: #038892;
    color: #fff
}

.slide-btn__go {
    margin-right: 3.6vw
}

.slide-btn__go:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%)
}

.slide-btn__go:hover:before {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg)
}

.slide-btn__video:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../../../themes/glasso/assets/img/video-icon-btn.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: .5vw;
    top: 50%;
    transform: translate(0, -50%)
}

.scroll-down__wrap {
    position: absolute;
    left: 3.4375vw;
    bottom: -2.6vh;
    width: 2.6vw
}

.scroll-custom {
    z-index: 999
}

.scroll-down-global__wrap {
    position: absolute;
    top: 78vh;
    left: 3.4375vw;
    width: 2.6vw;
    z-index: 3
}

.scroll-down__btn {
    width: 2.6vw;
    height: 2.6vw;
    background-color: #038892;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.06vh;
    cursor: pointer
}

.scroll-down__title {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    -moz-transform: rotate(-90deg) translate(100%, 0);
    -ms-transform: rotate(-90deg) translate(100%, 0);
    -webkit-transform: rotate(-90deg) translate(100%, 0);
    -o-transform: rotate(-90deg) translate(100%, 0);
    transform: rotate(-90deg) translate(50%, 0)
}

.scroll-down__title.black-title {
    color: #1c1c1c
}

.scroll-down__title-black {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #1c1c1c;
    -moz-transform: rotate(-90deg) translate(100%, 0);
    -ms-transform: rotate(-90deg) translate(100%, 0);
    -webkit-transform: rotate(-90deg) translate(100%, 0);
    -o-transform: rotate(-90deg) translate(100%, 0);
    transform: rotate(-90deg) translate(50%, -30%)
}

.main-slide-bg {
    background-color: #fbfbff;
    background-image: url(../../../themes/glasso/assets/img/main-form-bg.svg);
    background-repeat: no-repeat;
    background-position-x: 86%;
    background-position-y: 100%;
    background-size: contain;
    height: 100vh;
    position: relative
}

.main-slide-bg .main-slide__inner {
    color: #373942
}

.main-slide-bg .main-slide__title {
    font-size: 2.93vw;
    margin: 0;
    line-height: 1.2
}

.main-slide-bg__inner {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 25vh;
    padding-left: 12.44vw
}

.main-form__wrap {
    margin-top: 5vh
}

.main-send-btn {
    border: none;
    width: auto;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 40px;
    background: #fff;
    border: 2px solid #d0d2dc;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1c1c1c;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    right: 1.875vw;
    margin-top: 1vh;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: 18px;
    background-position: 90%;
    background-repeat: no-repeat
}

.main-send-btn:hover {
    background-color: #d0d2dc
}

.main-slide__nav {
    position: absolute;
    left: 3.65vw;
    bottom: 10.2vh
}

.main-slide__nav-btn {
    width: 2.6vw;
    height: 2.6vw;
    background-color: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

#main-slide__nav-prev {
    margin-bottom: 9vh
}

.fp-viewing-main #main-slide__nav-prev {
    display: none
}

.fp-viewing-consultation #main-slide__nav-next {
    display: none
}

.nav-next-icon {
    transform: rotate(-90deg);
    overflow: visible;
    transform: rotate(-90deg)
}

.nav-next-icon__path {
    stroke: #038892;
    stroke-width: 2;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation: borderred 20s infinite
}

@keyframes borderred {
    from {
        stroke-dashoffset: 200
    }

    to {
        stroke-dashoffset: 0
    }
}

aside {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 6.25vw;
    height: 100%;
    background-color: #fff;
    z-index: 100;
    border-left: 2px solid rgba(196, 196, 196, .1);
    box-sizing: border-box;
    padding-top: 6.25vw
}

.aside-social__wrap {
    padding-top: 7.7vh
}

.aside-social__item {
    display: block;
    margin: 0 auto 2vh;
    width: 36px;
    height: 36px;
    background-size: cover
}

.aside-social__item-facebook {
    background-image: url(../../../themes/glasso/assets/img/facebook-icon.svg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.aside-social__item-facebook:hover {
    background-image: url(../../../themes/glasso/assets/img/facebook-icon-hover.svg)
}

.aside-social__item-instagram {
    background-image: url(../../../themes/glasso/assets/img/instagram-icon.svg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.aside-social__item-instagram:hover {
    background-image: url(../../../themes/glasso/assets/img/instagram-icon-hover.svg)
}

.aside-social__item-youtube {
    background-image: url(../../../themes/glasso/assets/img/youtube-icon.svg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.aside-social__item-youtube:hover {
    background-image: url(../../../themes/glasso/assets/img/youtube-icon-hover.svg)
}

.aside-social__item-pinterest {
    background-image: url(../../../themes/glasso/assets/img/pinterest-icon.svg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.aside-social__item-pinterest:hover {
    background-image: url(../../../themes/glasso/assets/img/pinterest-icon-hover.svg)
}

.aside-copyright__wrap {
    position: absolute;
    bottom: 5vh;
    left: 50%;
    width: 40px;
    height: 156px;
    background: #ee343d;
    border-radius: 36px;
    transform: translate(-50%, 0);
    cursor: pointer
}

.aside-copyright__wrap:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../../../themes/glasso/assets/img/aside-copyright-icon.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: 8px
}

.aside-copyright__item {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1;
    font-weight: 300;
    color: #fff;
    position: absolute;
    bottom: 60px;
    left: -20px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.footer-top {
    background: #f2f2f9;
    padding: 12.3vh 25vw 0 12.5vw
}

.footer-top__row {
    padding-bottom: 12.3vh
}

.footer-top__col-1 {
    width: 18.75vw;
    float: left
}

.footer-top__col-2 {
    width: 12.5vw;
    float: left;
    text-align: center;
    padding: 8px
}

.footer-top__col-3 {
    width: 18.75vw;
    float: left
}

.footer-top__col-1 h3,
.footer-top__col-1--title {
    font-size: 2.3em;
    font-weight: 600;
    margin: 0
}

.footer-top__nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-top__nav ul li {
    padding: 8px 0
}

.footer-top__nav ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #1c1c1c;
    text-decoration: none
}

.footer-top__nav ul li a:hover {
    color: #038892
}

.footer-bottom {
    background: #373942;
    padding: 12.3vh 25vw 7.7vh 12.5vw
}

.footer-bottom__col-1 {
    width: 31.25vw;
    float: left
}

.footer-bottom__col-2 {
    width: 25vw;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget_nav_menu {
    width: 50%;
    margin-bottom: 5vh
}

a.dev-item {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #9b9ba0;
    opacity: .5;
    margin-top: 1vh
}

a.dev-item:hover {
    opacity: .8
}

.footer-info__wrap {
    padding-bottom: 28px
}

.footer-info {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, .5);
    padding-bottom: 6px
}

.footer-tel a {
    font-size: 1.2vw;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .1em;
    color: #fff;
    text-decoration: none
}

.footer-info__wrap .footer-info {
    display: inline-block;
    padding-right: 1.6vw
}

.footer-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 40px;
    background: #fff;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative
}

.footer-link:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%)
}

.footer-link:hover {
    background: #038892;
    color: #fff
}

.footer-link:hover:before {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg)
}

.footer-info__wrap .footer-link a {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    position: relative;
    opacity: .5;
    padding-right: 28px
}

.footer-info__wrap .footer-link a:after {
    content: url('data:image/svg+xml; utf8, <svg width="18" height="9" viewBox="0 0 30 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.707 8.707a1 1 0 0 0 0-1.414L23.343.929a1 1 0 1 0-1.414 1.414L27.586 8l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364zM0 9h29V7H0v2z" fill="white"/></svg>');
    position: absolute;
    right: 0;
    top: 2px
}

.footer-address {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff
}

.footer-email a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    padding: 4px 0
}

.footer-time {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    padding-bottom: 10px
}

.footer-schedule {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: rgba(255, 255, 255, .5)
}

.widget-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 20px;
    margin: 0
}

.footer-bottom__nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-bottom__nav ul li {
    padding: 3px 0
}

.footer-bottom__nav ul li a {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #fff
}

.footer-bottom__nav ul li a:hover {
    color: #038892
}

.main-to-top__description {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .1em;
    color: #fff;
    text-transform: uppercase;
    display: inline-flex
}

.main-to-top__btn {
    width: 2.6vw;
    height: 2.6vw;
    background-color: #fff;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
    margin-right: 1.3vw;
    cursor: pointer
}

.main-to-top__btn img {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 50%;
    height: auto
}

.aside-scroll-top__wrap {
    position: fixed;
    left: 3.4375vw;
    bottom: 20vh;
    width: 2.6vw;
    z-index: 2;
    display: none
}

.aside-scroll-top {
    width: 2.6vw;
    height: 2.6vw;
    background-color: #fff;
    border: 2px solid rgba(28, 28, 28, .2);
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-top: 2.06vh
}

.aside-scroll-top img {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 50%;
    height: auto
}

.aside-scroll-top__title {
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: #373942;
    -moz-transform: rotate(-90deg) translate(100%, 0);
    -ms-transform: rotate(-90deg) translate(100%, 0);
    -webkit-transform: rotate(-90deg) translate(100%, 0);
    -o-transform: rotate(-90deg) translate(100%, 0);
    transform: rotate(-90deg) translate(50%, 0)
}

.header-nav-bar.animate {
    display: block
}

@keyframes headerNavBarLeftRight {
    0% {
        width: 0
    }

    100% {
        width: 56.25%
    }
}

.header-nav-bar__inner {
    opacity: 1
}

@keyframes headerNavBarOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

aside {
    display: none
}

aside.animate {
    display: block;
    animation: 0.5s linear 0 1 forwards asideBottomTop
}

@keyframes asideBottomTop {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

.feature-box.gallery .feature-title-small {
    font-size: 20px;
    color: #d0d2dc;
    padding-bottom: 15px
}

.feature-box.gallery .feature-title {
    font-size: 36px;
    line-height: 1;
    color: #000;
    margin-bottom: 25px
}

.feature-box.gallery .feature-title-desc {
    font-size: 16px;
    text-transform: uppercase;
    color: #000
}

.feature-box.gallery .flex-block {
    padding-top: 100px;
    padding-bottom: 100px
}

.feature-box.gallery .block_g:first-child {
    margin-bottom: 50px
}

.feature-box.gallery .block_g h5 {
    font-size: 24px;
    color: #000;
    margin: 0;
    margin-bottom: 15px
}

.feature-box.gallery .block_g h5 span {
    display: block;
    font-size: 15px;
    line-height: 1
}

.feature-box.gallery .block_g p {
    font-size: 12px;
    margin: 0
}

.feature-box.gallery .feature-col.first {
    border-right: 1px solid #d0d2dc
}

.feature-box.gallery .feature-col.im {
    text-align: center
}

.feature-box.gallery .feature-col.im img {
    max-height: 100%;
    width: auto;
    display: inline-block;
    position: relative
}

.feature-box .two_features h5 {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    margin-bottom: 25px
}

.feature-box .two_features .feature-table {
    margin-bottom: 50px
}

.btn-red-40:hover:after {
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 0.8s
}

@-webkit-keyframes run {
    0% {
        right: 1vw
    }

    50% {
        right: .4vw
    }

    100% {
        right: 1vw
    }
}

.video-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 62vh
}

.video-box video {
    margin-bottom: -6px
}

.parallax-box {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 62vh;
    margin-bottom: 18vh
}

.parallax-box img {
    width: 100vmax;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    pointer-events: none
}

.img-text-box.gl_1 ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.feature-box.gl .feature-title {
    margin-top: 100px;
    width: 100%
}

.ani .img-text-box__col:last-child .img-text-box__col-inner {
    position: relative
}

.ani .img-text-box__col:last-child .img-text-box__col-inner span {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 32px;
    background: #ef383f;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    padding-top: 8px;
    font-size: 16px;
    opacity: 0;
    transition: all 0.2s ease-in-out
}

.ani .img-text-box__col:last-child .img-text-box__col-inner span:first-child {
    top: 30%;
    left: 63%;
    z-index: 1
}

.ani .img-text-box__col:last-child .img-text-box__col-inner span:nth-child(2) {
    top: 57%;
    left: 34%;
    z-index: 1
}

.video-heading {
    position: relative;
    padding-top: 78.4vh;
    z-index: 1
}

.video-section {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100
}

.video-section::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(28, 28, 28, .4);
    position: absolute;
    top: 0;
    z-index: 1
}

#video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-box-middle {
    text-align: center;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    background-color: #f0f0f0
}

.video-box-middle video {
    max-width: 900px;
    width: 100%;
    display: block;
    margin: 0 auto
}

.video-section__inner {
    position: absolute;
    top: 25vh;
    color: #fff;
    z-index: 2
}

.video-section__title {
    font-size: 2.93vw;
    margin: 0 0 8vh
}

.video-section__content {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    width: 30vw
}

.video-box-full {
    width: 100%;
    position: relative;
    margin-bottom: 18vh
}

.video-box-full video {
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0%, 0%)
}

.vacancy-item__wrap {
    background: #f8f8fb;
    padding-left: 12.5vw
}

.vacancy-item__container {
    width: 43.9vw;
    padding: 5.67vh 4.16vw 10vh;
    border-bottom: 1px solid rgba(112, 119, 130, .2);
    position: relative
}

.mob-vacancy-item__new {
    display: none
}

.vacancy-item__title {
    font-size: 1.68vw;
    font-weight: 500;
    position: relative
}

.vacancy-item__title span {
    font-size: 14px;
    font-weight: 300;
    vertical-align: text-top;
    color: #038892;
    letter-spacing: .1em
}

.vacancy-item__subtitle {
    width: 65%;
    font-size: 13px;
    line-height: 1.7
}

.vacancy-item__content {
    width: 65%;
    font-size: 13px;
    line-height: 1.7;
    display: none
}

.vacancy-item__content h5 {
    font-size: 13px
}

.vacancy-item__content ul {
    list-style: none
}

.vacancy-item__content ul li::before {
    content: "\2022";
    color: #038892;
    font-weight: 700;
    font-size: 1.05vw;
    line-height: 1;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    vertical-align: middle
}

.vacancy-item__content ul li {
    padding-bottom: 1.54vh
}

.vacancy-item__tags ul {
    margin: 4.12vh 0 0;
    padding: 0;
    list-style: none
}

.vacancy-item__tags ul li {
    display: inline-block;
    margin-right: 1.3vw;
    background: #707782;
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1
}

.outline-btn {
    border: 2px solid rgba(208, 210, 220, .2);
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 36px;
    padding: 16px 25px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1c1c1c;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.outline-btn:hover {
    border: 2px solid #038892;
    background-color: #038892;
    color: #fff
}

.vacancy-reply {
    padding-right: 70px;
    position: absolute;
    right: 0;
    bottom: 4.12vh;
    display: none
}

.vacancy-reply:after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 25px;
    top: calc(50% - 9px)
}

.vacancy-reply:hover:after {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg)
}

.vacancy-show {
    width: 2.6vw;
    height: 2.6vw;
    border-radius: 50%;
    background-color: #038892;
    position: absolute;
    right: 0;
    top: 5.1vh;
    cursor: pointer
}

.vacancy-show__one {
    width: 18px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 9px)
}

.vacancy-show__two {
    width: 2px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 1px)
}

.vacancy-show.open {
    background-color: #707782
}

.vacancy-show.open .vacancy-show__two {
    display: none
}

.open-container .vacancy-reply {
    display: block
}

.vacancy-item__wrap.open-container {
    background-color: #fff
}

.vacancy-item__wrap.open-container .vacancy-item__container {
    border-bottom: none
}

.cv__wrap {
    background: #f8f8fb;
    padding: 16.4vh 12.5vw 12.78vh;
    border-bottom: 1px solid rgba(112, 119, 130, .2);
    position: relative
}

.cv__col-1 {
    width: 31.25vw;
    float: left
}

.cv__col-2 {
    width: 12.5vw;
    float: left;
    text-align: center
}

.cv__col-3 {
    width: 25vw;
    float: left
}

.cv__col-1 h2 {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 1vh
}

.cv__col-1 p {
    font-size: 12px;
    font-weight: 500
}

.vacancy-modal-form {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff !important;
    z-index: 85 !important;
    padding: 6.25vw 32vw 0 12.5vw
}

.vacancy-modal-form.open {
    visibility: visible;
    opacity: 1;
    transition: 0.7s
}

.vacancy-modal-inner {
    padding: 7.5vh 0 0 12.5vw;
    position: relative
}

.vacancy-modal-inner h2 {
    font-size: 2.93vw;
    margin: 0 0 6.5vh
}

.vacancy-modal-close {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #707782;
    position: absolute;
    top: 7.5vh;
    left: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.vacancy-modal-close:hover {
    background-color: #038892
}

.vacancy-modal-close:before {
    content: "";
    width: 18px;
    height: 16px;
    background-image: url(../../../themes/glasso/assets/img/arrow-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.input-file__wrap {
    padding: 9px 14px 14px 0
}

.input-file {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 0;
    cursor: pointer;
    height: 0
}

.input-file-trigger {
    display: inline-block;
    cursor: pointer;
    padding: 0
}

.input-file-trigger img {
    vertical-align: middle
}

.file-return {
    color: #1c1c1c;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    vertical-align: middle;
    padding-left: 8px
}

.support__wrap {
    background: #f8f8fb;
    padding: 9vh 12.5vw
}

.support__col-1 {
    width: 40%;
    float: left
}

.support__col-2 {
    width: 60%;
    float: left
}

.support__col-1 h2,
.support--title {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 3vh
}

.support__col-1 h2 img {
    margin-left: 1.56vw
}

.support__col-1 p {
    font-size: 12px;
    font-weight: 500;
    max-width: 21vw
}

.support__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.support__list li {
    display: inline-block;
    padding: 0 10px
}

.support__list li a {
    display: block;
    width: auto;
    height: 50px;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fffefe;
    padding: 5px 36px 5px 5px
}

.support__list li a span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #fff;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 19px;
    background-size: 60%
}

.support__viber a {
    background: #875bc0
}

.support__viber-icon {
    background-image: url(../../../themes/glasso/assets/img/viber-icon.svg)
}

.support__messenger a {
    background: #669cee
}

.support__messenger-icon {
    background-image: url(../../../themes/glasso/assets/img/messenger-icon.svg)
}

.support__telegram a {
    background: #7f9bfb
}

.support__telegram-icon {
    background-image: url(../../../themes/glasso/assets/img/telegram-icon.svg)
}

.crosspage-nav {
    padding: 20.62vh 12.5vw 4.13vh;
    border-bottom: 1px solid #f5f5f5
}

.crosspage-nav__col-1 {
    width: 54%;
    float: left;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.crosspage-nav__col-2 {
    width: 46%;
    float: left;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.crosspage-nav__inner {
    padding-right: 5.8vw;
    font-weight: 600
}

.crosspage-nav h1 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 .7vw
}

.crosspage-nav h2 {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1;
    margin: .97vw 0
}

.crosspage-nav__btn a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    color: #1c1c1c;
    border: 1px solid rgba(28, 28, 28, .2);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.crosspage-nav__btn a:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%)
}

.crosspage-nav__btn a:hover {
    color: #fff;
    border: 1px solid #038892;
    background-color: #038892
}

.crosspage-nav__btn a:hover:before {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg)
}

.crosspage-nav__subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #707782
}

.flex-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gallery-page {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80vh, rgba(242, 242, 249, 1) 80vh, rgba(242, 242, 249, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(80vh, rgba(255, 255, 255, 1)), color-stop(80vh, rgba(242, 242, 249, 1)), color-stop(100%, rgba(242, 242, 249, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80vh, rgba(242, 242, 249, 1) 80vh, rgba(242, 242, 249, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80vh, rgba(242, 242, 249, 1) 80vh, rgba(242, 242, 249, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80vh, rgba(242, 242, 249, 1) 80vh, rgba(242, 242, 249, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80vh, rgba(242, 242, 249, 1) 80vh, rgba(242, 242, 249, 1) 100%)
}

.gallery__wrap {
    width: 100%;
    padding: 0 18.75vw 0 12.5vw;
    box-sizing: border-box
}

.grid {
    padding: 10.3vh 0 8.44vh;
    margin-left: -5px;
    margin-right: -5px
}

.grid-item {
    float: left;
    height: auto;
    padding: 5px
}

.grid-item p {
    margin: 0
}

.photo-grid-item {
    width: 25%
}

.gallery-grid-item {
    width: 33.3%
}

.video-grid-item {
    width: 50%
}

.video-grid-item__inner {
    position: relative;
    padding-bottom: 63%;
    height: 0;
    background-size: cover;
    overflow: hidden;
    background-position: center
}

.video-grid-item__overlay {
    background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0) 95.55%);
    opacity: .1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.grid-item img {
    display: block;
    width: 100%
}

.grid:after {
    content: "";
    display: block;
    clear: both
}

.gallery-button-group {
    width: 70%;
    padding-top: 10.3vh
}

.gallery-filter-btn {
    margin-right: 1.3vw;
    margin-bottom: 1.54vh;
    background: #f2f2f9;
    border: none;
    border-radius: 20px;
    padding: 5px 10px;
    color: #1c1c1c;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    position: relative
}

.gallery-filter-btn:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #f2f2f9;
    border-radius: 50%;
    position: absolute;
    right: -16px;
    top: calc(50% - 3px)
}

.gallery-filter-btn:last-child:after {
    content: none
}

.gallery-filter-btn.is-checked {
    background: #038892;
    color: #fff
}

.gallery-filter-btn:focus {
    outline: none
}

.gallery-page .scroll-down__wrap {
    position: absolute;
    left: 3.4375vw;
    top: calc(80vh - 2.3vw);
    bottom: none
}

.video-title {
    width: 50%;
    position: absolute;
    left: 2.08vw;
    bottom: 3.71vh;
    font-size: 1.06vw;
    color: #fff;
    font-weight: 700
}

.video-play-btn {
    position: absolute;
    right: 2.08vw;
    bottom: 3.71vh;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    line-height: 1
}

.video-play-btn img {
    display: inline-block;
    vertical-align: middle;
    width: 1.25vw;
    height: auto;
    margin-left: .93vw
}

.grid-item__more {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 40px;
    background: #fff;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    right: 2.08vw;
    bottom: 3.71vh
}

.grid-item__more:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%)
}

.video-grid-item__inner:hover .grid-item__more {
    background: #038892;
    color: #fff
}

.video-grid-item__inner:hover .grid-item__more:before {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg)
}

.fancybox-is-open .fancybox-bg {
    opacity: .8;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    background: #000
}

.fancybox-infobar {
    color: #fff !important;
    font-size: 1.7vw !important;
    font-weight: 300 !important;
    left: 3.23vw !important;
    bottom: 4.12vh !important;
    top: initial !important
}

span[data-fancybox-index] {
    font-size: 1.71vw !important;
    font-weight: 700 !important
}

span[data-fancybox-count] {
    font-size: 1.15vw !important;
    font-weight: 400 !important
}

.fancybox-thumbs {
    background: #333
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
    background: #333
}

.fancybox-caption {
    background: transparent
}

.fancybox-thumbs__list a:before {
    border-left: 3px solid #038892;
    border-top: 0;
    border-right: 0;
    border-bottom: 0
}

.news__wrap {
    padding: 9.28vh 12.5vw 11.34vh
}

.news__item:nth-child(odd) {
    width: 58.5%;
    padding: 7vh 14vw 4.33vh 0;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box
}

.news__item:nth-child(even) {
    width: 41.5%;
    padding: 7vh 1.4vw 4.33vh 0;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box
}

.news-media__col {
    width: 33%;
    float: left;
    padding-right: 2vw;
    box-sizing: border-box
}

.news-meta__col {
    width: 67%;
    float: left
}

.news-content__col {
    width: 100%;
    padding-left: 33%;
    float: none;
    clear: both
}

.news-media__img {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.news-prev__date {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 2.7vh
}

.news-prev__date span {
    display: block;
    font-size: 3.32vw;
    font-weight: 200
}

.news-prev__title a {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1vh;
    min-height: 2.8vw
}

.news-prev__excerpt {
    font-size: 13px;
    font-weight: 500
}

.blog-container {
    border-top: 1px solid #f5f5f5;
    padding-top: 50px
}

.blog-sidebar {
    width: 27%;
    float: left
}

.blog-main {
    width: 73%;
    float: left;
    border-left: 1px solid #f5f5f5;
    box-sizing: border-box
}

.article-item {
    padding: 10vh 18vw 11.3vh 8.17vw;
    box-sizing: border-box
}

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

.article-item a {
    text-decoration: underline
}

.article-title {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 2.26vh
}

.article-excerpt {
    font-size: 13px;
    font-weight: 500;
    opacity: .5;
    margin-bottom: 7.21vh
}

.article-content p {
    font-size: .77vw;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 7.21vh
}

.article-content img {
    width: 100%;
    height: auto;
    margin-bottom: 7.21vh
}

.article-content h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 3.6vh
}

.article-content ul {
    font-size: .77vw;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 7.21vh
}

.article-quote__wrap {
    margin-left: 2vw;
    margin-bottom: 7.21vh
}

.article-quote {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.8;
    padding-bottom: 2.2vh;
    margin-bottom: 2.2vh;
    border-bottom: 1px solid #f5f5f5
}

.article-quote__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.article-quote__meta-link a {
    font-size: 14px;
    font-weight: 400;
    color: #1c1c1c;
    text-decoration: underline;
    position: relative;
    padding-left: 30px
}

.article-quote__meta-link a:before {
    content: url(../../../themes/glasso/assets/img/link-icon.svg);
    position: absolute;
    left: 0;
    top: 0
}

.article-quote__meta-name {
    font-size: 14px;
    font-weight: 700
}

.next-article__wrap {
    background: #f8f8fb;
    padding: 6.2vh 18vw 6.2vh 8.17vw;
    box-sizing: border-box
}

.next-article__wrap h2,
.next-article__wrap-title {
    font-size: 1.27vw;
    font-weight: 600;
    margin: 0 0 4.8vh
}

.next-article-media__col {
    width: 20%;
    float: left
}

.next-article-date__col {
    width: 30%;
    float: left;
    padding-left: 2vw
}

.next-article-content__col {
    width: 50%;
    float: left
}

.next-article__link {
    margin-top: 7.21vh;
    display: block;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #1c1c1c
}

.next-article__link img {
    margin-left: 1vw;
    vertical-align: middle
}

.blog-back__wrap {
    padding: 11.44vh 3.28vw 7.73vh;
    border-bottom: 1px solid #f5f5f5
}

.blog-back__link {
    font-size: 14px;
    font-weight: 600;
    color: #1c1c1c
}

.blog-back__link img {
    margin-right: 1vw;
    vertical-align: middle;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.article-item__date {
    padding: 5.36vh 2vw 5.36vh 6.25vw;
    font-size: 1.72vw;
    font-weight: 400
}

.article-item__date span {
    font-size: 3.32vw;
    font-weight: 200;
    margin-right: 2vw
}

.recent-posts__wrap {
    padding: 0 6.25vw
}

.recent-posts__wrap h3,
.recent-posts__wrap-title {
    font-size: 12px;
    font-weight: 700;
    opacity: .5;
    margin: 0 0 3vh
}

.recent-posts__item {
    margin-bottom: 5.36vh
}

.recent-posts__media {
    width: 7.4vw;
    display: block;
    margin-bottom: 3vh
}

.recent-posts__img {
    position: relative;
    padding-bottom: 64%;
    height: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.recent-posts__title a {
    font-size: 14px;
    font-weight: 600;
    color: #1c1c1c
}

.centered-box {
    width: 100%;
    height: 100vh;
    padding: 6.25vw;
    box-sizing: border-box
}

.centered-box__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.title-404 {
    font-size: 25vw;
    font-weight: 700;
    line-height: 1;
    color: #f5f5f5;
    letter-spacing: .05em
}

.subtitle-404 {
    font-size: 1.05vw;
    font-weight: 500;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000;
    opacity: .2;
    margin-top: 2vh;
    margin-bottom: 4.94vh
}

.main-return {
    text-align: center
}

.title-notfind {
    font-size: 2.63vw;
    font-weight: 500;
    color: #000;
    opacity: .2;
    margin-bottom: 5.8vh
}

.search-page {
    padding: 6.25vw 12.5vw 0;
    position: relative
}

.search-page-box {
    width: 50.2vw;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.search-page-box:last-child {
    border: none
}

.search-location-list {
    padding: 4.33vh 0 1vh
}

.search-location-list__item {
    display: inline-block;
    margin-right: 21px;
    margin-bottom: 1.54vh;
    background: #f2f2f9;
    border: none;
    border-radius: 20px;
    padding: 5px 16px;
    color: #1c1c1c;
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    position: relative
}

.search-location-list__item.active {
    background: #038892;
    color: #fff
}

.search-location-list__item:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #f2f2f9;
    border-radius: 50%;
    position: absolute;
    right: -16px;
    top: calc(50% - 3px)
}

.search-location-list__item:last-child:after {
    content: none
}

.search-result__count {
    font-size: 12px;
    padding-top: 7.21vh;
    font-weight: 500;
    color: #1c1c1c;
    opacity: .2
}

.search-result-item {
    padding: 4.33vh 0
}

.search-result-item__excerpt {
    font-size: 18px;
    font-weight: 500;
    color: #1c1c1c;
    display: block;
    padding-bottom: 16px
}

.search-result-item__change {
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 16px
}

.search-result-item__change span {
    color: #038892
}

.search-result-item__path {
    font-size: 13px;
    font-weight: 500
}

.search-result-item__path a {
    color: #1c1c1c
}

.search-result-item__path a:hover {
    text-decoration: underline
}

.pagination__wrap {
    padding: 4.33vh 0 8vh
}

.pagination {
    text-align: center
}

.pagination a {
    vertical-align: middle
}

.pagination-pages-item {
    display: inline-block;
    font-size: 1.27vw;
    font-weight: 500;
    line-height: 2.6vw;
    color: rgba(112, 119, 130, .5);
    padding: 0 5px
}

.pagination-pages-item.active {
    color: #1c1c1c;
    border: 2px solid rgba(28, 28, 28, .2);
    border-radius: 50%;
    width: 2.6vw;
    height: 2.6vw;
    text-align: center;
    padding: 0;
    margin-right: 1.82vw;
    margin-left: 1.82vw
}

.pagination-prev-page {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1c1c1c;
    margin-right: 4.68vw;
    position: relative;
    display: inline-block
}

.pagination-prev-page:before {
    content: "";
    width: 18px;
    height: 12px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -38px;
    top: 0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination-prev-page.disable {
    opacity: .7
}

.pagination-next-page {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1c1c1c;
    margin-left: 4.68vw;
    position: relative;
    display: inline-block
}

.pagination-next-page.disable {
    opacity: .7
}

.pagination-next-page:after {
    content: "";
    width: 18px;
    height: 12px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: -38px;
    top: 0
}

.title-tech {
    text-align: center;
    font-size: 2.63vw;
    font-weight: 500;
    margin: 0 0 6vh
}

.description-tech {
    font-size: 18px;
    margin: 0 0 4vh;
    text-align: center
}

.sublitle-tech {
    font-size: 14px;
    color: #d0d2dc;
    text-align: center;
    margin: 0 0 6vh
}

.history-top-box {
    height: 100vh;
    position: relative;
    background: #fff;
    background: -moz-linear-gradient(left, #f8f8fb 0%, #f8f8fb 43.75%, #fff 43.75%, #fff 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f8f8fb), color-stop(43.75%, #f8f8fb), color-stop(43.75%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, #f8f8fb 0%, #f8f8fb 43.75%, #fff 43.75%, #fff 100%);
    background: -o-linear-gradient(left, #f8f8fb 0%, #f8f8fb 43.75%, #fff 43.75%, #fff 100%);
    background: -ms-linear-gradient(left, #f8f8fb 0%, #f8f8fb 43.75%, #fff 43.75%, #fff 100%);
    background: linear-gradient(to right, #f8f8fb 0%, #f8f8fb 43.75%, #fff 43.75%, #fff 100%)
}

.history-top-box__inner {
    position: relative;
    padding-top: 78.4vh
}

.history-top-box__inner-1-bg {
    background: #f2f2f9;
    width: 43.75%;
    height: 78.4vh;
    position: absolute;
    top: 0;
    left: 0
}

.history-top-box__inner-2-bg {
    background: #e8e8f1;
    width: 33%;
    height: 54.43vh;
    position: absolute;
    top: 33vh;
    left: 38.28vw
}

.history-top-box__inner-2-bg img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%
}

.history-top-box__inner-1 {
    width: 43.75%;
    height: 78.4vh;
    position: absolute;
    top: 0;
    left: 0
}

.history-inner-1__container {
    padding-top: 19.8vh;
    padding-left: 12.44vw
}

.history-inner-1__container h1 {
    font-size: 2.93vw;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 2.3vh;
    line-height: 1.1
}

.history-inner-1__subtitle {
    font-size: 16px;
    font-weight: 500;
    padding-right: 12.44vw;
    padding-bottom: 7.5vh
}

.history-inner-1__year {
    font-size: 13.1vw;
    font-weight: 600;
    line-height: 1.2
}

.history-top-box__inner-2 {
    position: absolute;
    top: 47.11vh;
    right: 19.3vw;
    width: 16.5vw
}

.history-top-box__inner-2 h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 2.1vh
}

.history-inner-2__subtitle {
    font-size: 14px;
    font-weight: 500
}

.about-page__link {
    position: absolute;
    left: 12.44%;
    bottom: 8.76vh
}

.about-page__link a {
    padding: 0 2vw 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #1c1c1c;
    position: relative
}

.about-page__link a:after {
    content: "";
    width: .9375vw;
    height: .9375vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0
}

.find-more__link {
    position: absolute;
    right: 12.44%;
    bottom: 8.76vh;
    padding: 0 1.6vw 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #1c1c1c;
    cursor: pointer
}

.find-more__link:after {
    content: "";
    width: 22px;
    height: 34px;
    background-image: url(../../../themes/glasso/assets/img/scroll-down-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -11px;
    top: -10px
}

.timeline-line {
    width: 1px;
    height: 100%;
    background: #707782;
    position: absolute;
    top: 0;
    right: 12.44%
}

.timeline-mark__top {
    width: 8px;
    height: 8px;
    background: #707782;
    border-radius: 50%;
    position: absolute;
    top: 63.9vh;
    right: calc(12.44% - 3px)
}

.timeline-wrap {
    background: #f8f8fb;
    position: relative;
    width: 100%;
    padding: 33.3vh 12.44vw 0;
    box-sizing: border-box
}

.timeline-item {
    position: relative;
    padding-bottom: 12.88vh
}

.timeline-item__year {
    width: 12.44vw;
    float: left;
    font-size: 4.4vw;
    font-weight: 600
}

.timeline-item__img {
    width: 18.6vw;
    float: left;
    padding-right: 3vw
}

.timeline-item__img img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 2.57vh
}

.timeline-item__content {
    width: 19.65vw;
    float: left
}

.timeline-item__content h3 {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 3.1vh
}

.timeline-item__content,
.timeline-item__content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8
}

.timeline-item__content p {
    margin: 0 0 2.57vh
}

.timeline-item:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #707782;
    border-radius: 50%;
    position: absolute;
    top: 30px;
    right: -5px
}

.timeline-item.active:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #038892;
    right: -10.5px;
    z-index: 2
}

.img-heading {
    position: relative;
    height: 78.4vh
}

.offer-program-bg {
    background: #000;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.offer-program-bg:before {
    content: "";
    width: 35.8vw;
    height: 59.7vw;
    background-image: url(../../../themes/glasso/assets/img/0.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 19vh;
    right: 12.44vw
}

.offer-program__inner {
    position: absolute;
    top: 27.42vh;
    left: 12.44vw;
    width: 25vw
}

.offer-program__title {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 3vh;
    color: #fff
}

.offer-program__content {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    color: #fff
}

.op-description__wrap {
    background: #fff;
    padding: 6vh 42.7vw 7.22vh 25vw;
    box-sizing: border-box
}

.op-features {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.77vh
}

.op-features__item {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 5.15vh
}

.op-features__item span {
    display: block;
    font-size: 2.6vw;
    font-weight: 700;
    color: #038892
}

.op-description__wrap h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 7.21vh
}

.op-description__wrap p {
    font-size: .77vw;
    font-weight: 500;
    line-height: 1.8;
    color: #707782
}

.op-conditions__wrap {
    background: rgba(248, 248, 251, .5);
    padding: 10.92vh 6.25vw;
    box-sizing: border-box
}

.op-conditions__col-1 {
    width: 18.75vw;
    float: left;
    padding-right: 6.77vw
}

.op-conditions__col-2 {
    width: 32.3vw;
    float: left
}

.op-conditions__col-1 h3 {
    font-size: 1.68vw;
    font-weight: 600;
    text-align: right;
    margin: 0;
    position: relative
}

.op-conditions__col-1 h3:after {
    content: "";
    width: 30px;
    height: 16px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: -3.13vw;
    top: .8vw
}

.check-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.check-list li {
    padding-left: 26px;
    padding-bottom: 1.54vh;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #707782
}

.check-list li:before {
    content: "";
    width: 11px;
    height: 8px;
    background-image: url(../../../themes/glasso/assets/img/check-list-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 8px
}

.op-advantage__wrap {
    background: #fff;
    padding: 10.92vh 38.5vw 15.97vh 25vw;
    box-sizing: border-box
}

.op-advantage__subtitle {
    max-width: 30vw;
    font-size: .77vw;
    font-weight: 500;
    line-height: 2;
    color: #707782
}

.op-advantage__subtitle a {
    font-weight: 500;
    color: #707782;
    text-decoration: underline
}

.op-advantage__list {
    padding: 9.27vh 0 8.24vh
}

.op-advantage__item {
    width: 33.3%;
    height: 40vh;
    border: 2px solid #d0d2dc;
    position: relative
}

.op-advantage__item-2 {
    margin-top: 4.12vh;
    margin-left: -2px;
    margin-bottom: -4.12vh
}

.op-advantage__item-3 {
    margin-top: 8.24vh;
    margin-left: -2px;
    margin-bottom: -8.24vh
}

.op-advantage__img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 4.12vh;
    left: 0;
    text-align: center
}

.op-advantage__item h4 {
    width: 100%;
    height: auto;
    position: absolute;
    top: 16.49vh;
    left: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase
}

.op-advantage__item h5 {
    width: 100%;
    height: auto;
    padding: 0 1.6vw;
    box-sizing: border-box;
    position: absolute;
    top: 26vh;
    left: 0;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: #707782
}

.red-btn {
    border: 2px solid #038892;
    background-color: #038892;
    box-sizing: border-box;
    border-radius: 36px;
    padding: 16px 25px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    cursor: pointer
}

.red-btn:hover,
.red-btn:visited,
.red-btn:focus {
    color: #fff
}

.testemonials-page {
    padding: 6.25vw 6.25vw 0
}

.testemonials-page-box {
    padding: 6.18vh 6.25vw 4.32vh;
    width: 56vw;
    box-sizing: border-box
}

.testemonials-page-box h1 {
    font-size: 2.93vw;
    font-weight: 600;
    margin: 0
}

.testemonials-page-box__subtitle {
    font-size: 13px;
    font-weight: 500;
    margin-top: 3vh;
    max-width: 24vw
}

.testemonials-location-list {
    padding: 9.4vh 0 4.74vh
}

.testemonials-location-list__item {
    display: inline-block;
    margin-right: 21px;
    margin-bottom: 1.54vh;
    background: #f2f2f9;
    border: none;
    border-radius: 20px;
    padding: 5px 16px;
    color: #1c1c1c;
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    position: relative
}

.testemonials-location-list__item.active {
    background: #038892;
    color: #fff
}

.testemonials-location-list__item:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #f2f2f9;
    border-radius: 50%;
    position: absolute;
    right: -16px;
    top: calc(50% - 3px)
}

.testemonials-location-list__item:last-child:after {
    content: none
}

.testemonials-item {
    padding: 4.12vh 0
}

.testemonials-item__img {
    width: 15%;
    float: left
}

.testemonials-item__img img {
    width: 100%;
    height: auto
}

.testemonials-item__content {
    width: 85%;
    float: left;
    padding-left: 4.16vw;
    position: relative
}

.testemonials-item__date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: 700;
    color: #038892;
    opacity: .2
}

.testemonials-item__content h3 {
    font-size: 1.27vw;
    font-weight: 700;
    margin: 0 0 1.85vh;
    padding-right: 4.2vw
}

.testemonials-item__text {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
    color: #707782
}

.hidden-form__wrap {
    display: none;
    overflow: hidden;
    background: #f8f8fb
}

.hidden-form__wrap h2 {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 1vh
}

.hidden-form__wrap p {
    font-size: 12px;
    font-weight: 600
}

.hidden-form {
    padding-top: 4.84vh;
    max-width: 43.23vw
}

.hide-cv__row {
    display: none;
    position: absolute;
    opacity: 0
}

.show-form {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear
}

.hidden-form__inner {
    opacity: 0;
    -webkit-transition: 0.4s ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition: 0.4s ease-out;
    -moz-transition-delay: 0.5s;
    -o-transition: 0.4s ease-out;
    -o-transition-delay: 0.5s;
    -ms-transition: 0.4s ease-out;
    -ms-transition-delay: 0.5s;
    transition: 0.4s ease-out;
    transition-delay: 1s
}

.show-form .hidden-form__inner {
    opacity: 1;
    -webkit-transition: 0.4s ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition: 0.4s ease-out;
    -moz-transition-delay: 0.5s;
    -o-transition: 0.4s ease-out;
    -o-transition-delay: 0.5s;
    -ms-transition: 0.4s ease-out;
    -ms-transition-delay: 0.5s;
    transition: 0.4s ease-out;
    transition-delay: 1s
}

.catalog-page {
    position: relative
}

.catalog-left-section {
    width: 43.75%;
    height: 100vh;
    float: left;
    background-color: #f8f8fb;
    position: absolute;
    padding-top: 19.8vh;
    box-sizing: border-box
}

.catalog-left-section.sticky {
    position: fixed
}

.catalog-left-section.bottom {
    position: absolute;
    top: unset !important
}

.catalog-left-section h1 {
    margin: 0;
    padding-left: 6.25vw
}

.catalog-left-section__list {
    list-style: none;
    padding: 12.4vh 0 12.4vh 6.25vw;
    margin: 0
}

.catalog-left-section__list li {
    padding-bottom: 2.68vh
}

.catalog-left-section__list li a {
    font-size: 16px;
    font-weight: 600;
    color: #1c1c1c
}

.catalog-left-section__link {
    width: calc(100% + 2px);
    height: 19.8vh;
    background: #f2f2f9;
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    padding-left: 6.25vw;
    padding-right: 6.25vw
}

.catalog-left-section__link-row {
    display: table-row
}

.catalog-left-section__link-cel {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.catalog-left-section__link-cel a {
    padding: 0 3vw 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5vw;
    color: #1c1c1c;
    position: relative;
    display: inline-block
}

.catalog-left-section__link-cel a:after {
    content: "";
    width: 1.5vw;
    height: 1.5vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0
}

.catalog-right-section {
    width: 56.25%;
    float: right;
    padding: 6vw 0;
    box-sizing: border-box
}

.catalog-item {
    width: 100%;
    padding: 0 5.57vw;
    display: table;
    border-bottom: 2px solid rgba(196, 196, 196, .1)
}

.catalog-item__inner {
    display: table-row
}

.catalog-item__img {
    width: 40%;
    text-align: right;
    display: table-cell
}

.catalog-item__img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0 auto
}

.catalog-item__content {
    width: 60%;
    display: table-cell;
    vertical-align: top;
    position: relative
}

.catalog-item__content h2 {
    font-size: 1.68vw;
    margin: 5.67vh 0 3vh
}

.catalog-item__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.two-columns-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

.catalog-item__list li {
    padding-bottom: 1vh;
    font-size: 13px;
    max-width: 19.3vw
}

.catalog-item__list li a {
    font-weight: 600
}

.catalog-item__cat-link {
    position: absolute;
    bottom: 7.2vh;
    left: 0
}

.catalog-item__cat-link a {
    padding: 0 3vw 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5vw;
    color: #1c1c1c;
    position: relative;
    display: inline-block
}

.catalog-item__cat-link a:after {
    content: "";
    width: 1.5vw;
    height: 1.5vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0
}

.catalog-call__wrap {
    background: #f2f2f9;
    box-sizing: border-box
}

.catalog-call__left {
    width: 43.75%;
    float: left;
    position: relative;
    padding-top: 19.8vh
}

.catalog-call__right {
    width: 56.25%;
    float: right;
    padding: 6.8vh 5.57vw 8.5vh
}

.catalog-call__right h2 {
    font-size: 1.68vw;
    padding: 0;
    margin: 0
}

.catalog-call__right p {
    font-size: 12px;
    font-weight: 500
}

.catalog-call__right button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 2.08vw;
    color: #fff;
    border: none;
    box-shadow: none;
    background: #707782;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 3.6vw 0 1vw;
    box-sizing: border-box;
    position: relative;
    margin-top: 5vh;
    cursor: pointer
}

.catalog-call__right button:hover {
    background: #038892
}

.catalog-call__right button:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 1vw;
    top: 50%;
    transform: translate(0, -50%)
}

.offers-page {
    padding: 26vh 0 0 12.5vw
}

.offers-page__title {
    width: 51vw;
    padding-bottom: 13vh
}

.offers-page__col {
    width: 50%
}

.offers-page__col-text {
    padding-left: 6.14vw
}

.offers-item {
    width: 51vw;
    padding-bottom: 13vh
}

.offers-item__col-countdown {
    width: 50%;
    background-size: cover;
    background-position: center;
    position: relative
}

.offers-item__col-countdown:before {
    content: "";
    padding-top: 70%;
    float: left
}

.offers-item__col-text {
    width: 50%;
    position: relative;
    padding-left: 6.14vw;
    padding-bottom: 3.2vw
}

.offers-item__col-text h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 2vh
}

.offers-item__col-text p {
    font-size: 13px;
    margin-top: 0
}

.offers-item__btn {
    padding-right: 2.6vw;
    position: absolute;
    left: 6.14vw;
    bottom: 0
}

.offers-item__btn:after {
    content: "";
    width: .9375vw;
    height: .9375vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 1vw;
    top: calc(50% - 0.46vw)
}

.offers-item__btn:hover:after {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg)
}

.offers-sale-counter {
    position: absolute;
    top: 2.8vw;
    right: 2vw
}

.sale-counter-red .sale-counter__item {
    width: 46px
}

.sale-counter-red .sale-counter__numbers {
    font-size: 16px;
    line-height: 2.2
}

.sale-counter-red .sale-counter__text {
    background: #038892;
    font-size: 12px
}

.offer-3-bg {
    background-image: url(../../../uploads/2020/04/offer3-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.offer-3__inner {
    position: absolute;
    top: 19.89vh;
    left: 12.44vw;
    width: 26vw;
    z-index: 1
}

.offer-3__title {
    font-size: 2.93vw;
    font-weight: 600;
    color: #fff;
    margin: 0 0 2vh
}

.offer-3__content {
    font-size: 1.2vw;
    color: #fff
}

.offer-3-img {
    width: 45%;
    position: absolute;
    top: 6vw;
    right: 12vw
}

.offer-3-img img {
    max-width: 100%
}

.op-online__wrap {
    padding: 6.4vh 38.5vw 6.4vh 25vw;
    box-sizing: border-box
}

.op-online__wrap h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 2.5vh
}

.op-online__wrap h4 {
    font-size: 1.27vw;
    font-weight: 600;
    color: #707782;
    margin: 0 0 3vh
}

.op-online__box {
    margin-left: -1.3vw;
    margin-right: -1.3vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.op-online__item {
    padding: 1.3vw;
    width: 50%
}

.op-online__item-inner {
    background: #f2f2f9;
    border-radius: 25px;
    padding: 2.4vw;
    text-align: center;
    height: 100%
}

.op-online__icon {
    display: block;
    margin: 0 auto 1.3vw
}

.op-online__name {
    font-size: 1.1vw
}

.op-form-wide__wrap {
    padding: 0 31vw 6.4vh 25vw;
    box-sizing: border-box
}

.op-form-wide__wrap h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5vh;
    text-align: center
}

.op-form-wide__subtitle {
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 9vh;
    text-align: center
}

.offer-4-bg {
    background-image: url(../../../themes/glasso/assets/img/offer4-bg-min.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.offer-4__inner {
    position: absolute;
    top: 19.89vh;
    left: 12.44vw;
    width: 34vw;
    z-index: 1
}

.offer-4__title {
    font-size: 2.93vw;
    font-weight: 600;
    color: #fff;
    margin: 0 0 2vh
}

.offer-4__content {
    font-size: 1.2vw;
    color: #fff
}

.offer-4-img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.offer-4-img img {
    max-width: 100%;
    display: block
}

.offer-5-bg {
    background: #000;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.offer-5__inner {
    position: absolute;
    top: 19.89vh;
    left: 12.44vw;
    width: 34vw;
    z-index: 1
}

.offer-5__title {
    font-size: 2.93vw;
    font-weight: 600;
    color: #fff;
    margin: 0 0 2vh
}

.offer-5__content {
    font-size: 1.2vw;
    color: #fff
}

.offer-5-img {
    width: 70%;
    position: absolute;
    bottom: 0;
    right: 6.25vw
}

.offer-5-img img {
    max-width: 100%;
    display: block
}

.op-about__wrap {
    padding: 8vh 25vw 11vh 12.5vw
}

.op-about__wrap h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 5vh
}

.op-about__col {
    width: 50%;
    float: left;
    padding-right: 6vw;
    font-size: 15px;
    line-height: 2;
    color: #707782
}

.op-about__col p {
    margin: 0
}

.op-about__col a {
    color: #038892
}

.op-connect {
    padding: 0 25vw 15vh 12.5vw
}

.op-connect h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 5vh;
    max-width: 26vw
}

.op-connect__row {
    margin-left: -2.3vw;
    margin-right: -2.3vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.op-connect__col {
    padding: 1.3vw 2.3vw;
    width: 33.3%
}

.op-connect__item {
    background: #f2f2f9;
    border-radius: 25px;
    padding: 20px 4px 200px;
    text-align: center;
    height: 100%;
    min-height: 305px;
    position: relative
}

.op-connect__icon {
    margin-bottom: 12px
}

.op-connect__name {
    font-size: 18px;
    font-weight: 500
}

.op-connect__link-box {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 20px
}

.op-connect__link-item {
    padding: 5px 0
}

.op-connect__link-item a,
.op-connect__link-chat {
    display: block;
    width: 200px;
    height: 50px;
    background: #fff;
    border: 1px solid rgba(28, 28, 28, .1);
    box-sizing: border-box;
    border-radius: 36px;
    padding-top: 16px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: all 0.5s ease
}

.op-connect__link-item a:hover,
.op-connect__link-chat:hover {
    background: #038892;
    color: #fff
}

.op-connect__link-chat,
.op-connect__link-viber,
.op-connect__link-facebook,
.op-connect__link-telegram,
.op-connect__link-skype {
    cursor: pointer;
    position: relative;
    padding-left: 32px
}

.op-connect__link-chat:before {
    content: url(../../../themes/glasso/assets/img/connect-chat-icon.svg);
    position: absolute;
    top: 4px;
    left: 5px
}

.op-connect__link-viber:before {
    content: url(../../../themes/glasso/assets/img/connect-viber-icon.svg);
    position: absolute;
    top: 4px;
    left: 5px
}

.op-connect__link-facebook:before {
    content: url(../../../themes/glasso/assets/img/connect-facebook-icon.svg);
    position: absolute;
    top: 4px;
    left: 5px
}

.op-connect__link-telegram:before {
    content: url(../../../themes/glasso/assets/img/connect-telegram-icon.svg);
    position: absolute;
    top: 4px;
    left: 5px
}

.op-connect__link-skype:before {
    content: url(../../../themes/glasso/assets/img/connect-skype-icon.svg);
    position: absolute;
    top: 4px;
    left: 5px
}

.op-connect__text-box {
    width: 100%;
    position: absolute;
    top: 122px;
    left: 0
}

.op-connect__text-box p {
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    font-weight: 500
}

.op-order__wrap {
    padding: 0 25vw 15vh 12.5vw
}

.op-order {
    padding: 40px 25px;
    background: #f2f2f9;
    border-radius: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.op-order__item {
    padding: 0 25px;
    width: 16.6%;
    position: relative
}

.op-order__number {
    font-weight: 600;
    font-size: 56px;
    line-height: 1;
    margin-bottom: 8px
}

.op-order__name {
    font-size: 14px
}

.op-order__item:after {
    content: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    position: absolute;
    right: 25px;
    top: 20px
}

.op-order__item:last-child:after {
    content: none
}

.op-salon__wrap {
    padding: 0 25vw 15vh 12.5vw
}

.op-salon__title {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 5vh;
    max-width: 30vw
}

.op-salon__item {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5vh
}

.op-salon__col1 {
    width: 27%;
    background-size: cover;
    background-position: center
}

.op-salon__col2 {
    width: 73%
}

.op-salon__contact-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.op-salon__contact-col1 {
    width: 70%;
    padding: 3vh 2.6vw
}

.op-salon__contact-col2 {
    width: 30%;
    padding: 3vh 0
}

.op-salon__call {
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 8px
}

.op-salon__btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: 50px;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fffefe;
    background: #038892;
    padding: 18px 22px 5px 58px;
    margin-top: 2vh;
    text-align: center
}

.op-salon__btn:before {
    content: url(../../../themes/glasso/assets/img/icons-360.svg);
    position: absolute;
    top: 19px;
    left: 22px
}

.op-salon__btn:hover {
    background: #898989;
    color: #fff
}

.op-salon__btn:focus,
.op-salon__btn:visited {
    color: #fff
}

.op-salon__item p {
    margin: 0
}

.op-video__wrap {
    width: 100%;
    padding: 10vh 12.5vw;
    margin-bottom: 15vh;
    background-size: cover;
    background-position: center;
    position: relative
}

.op-video__box {
    max-width: 30%;
    color: #fff;
    position: relative;
    z-index: 1
}

.op-video__title {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 5vh
}

.op-video__box p {
    font-size: 15px;
    line-height: 2;
    margin: 0 0 10vh
}

.op-video__btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: 50px;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fffefe;
    background: #038892;
    padding: 18px 22px 5px 58px;
    text-align: center
}

.op-video__btn:before {
    content: url(../../../themes/glasso/assets/img/op-video-icon.svg);
    position: absolute;
    top: 15px;
    left: 22px
}

.op-video__btn:hover {
    background: #898989;
    color: #fff
}

.op-video__btn:focus,
.op-video__btn:visited {
    color: #fff
}

.op-video__decor {
    position: absolute;
    right: 17vw;
    bottom: 100px;
    z-index: 0
}

.op-windows-cards__title {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 5vh
}

.offer-iq-bg {
    background: #ff9d42;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.offer-iq-bg:before {
    content: "";
    width: 56vw;
    height: 59.7vw;
    background-image: url(../../../themes/glasso/assets/img/cat.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 17vh;
    right: 6.25vw
}

.offer-iq__inner {
    position: absolute;
    top: 19.89vh;
    left: 12.44vw;
    width: 26vw
}

.offer-iq__title {
    font-size: 1.68vw;
    font-weight: 600;
    color: #fff;
    margin: 0 0 4.8vh
}

.offer-iq__content {
    font-size: 1.05vw;
    color: #fff
}

.offer-iq__counter {
    padding: 12vh 0 2.9vh
}

.white-btn {
    width: 10.36vw;
    height: 2.6vw;
    padding: 0 1.1vw;
    background: #fff;
    border-radius: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #1c1c1c;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.white-btn:hover {
    background: #038892;
    color: #fff
}

.op-description-2__wrap {
    background: #fff;
    padding: 6vh 42.7vw 0 25vw;
    box-sizing: border-box
}

.op-conditions-2__wrap {
    padding: 0 6.25vw 7.2vh;
    box-sizing: border-box
}

.op-description-2__wrap h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 7.21vh
}

.op-conditions__note {
    font-size: 13px;
    font-weight: 500;
    color: #d0d2dc;
    margin: 3.4vh 0
}

.op-steps__wrap {
    background: rgba(248, 248, 251, .5);
    padding: 6.4vh 38.5vw 6.4vh 25vw;
    box-sizing: border-box
}

.op-steps__wrap h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 7.21vh
}

.op-steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.op-steps__item {
    width: 33.3%;
    text-align: center;
    padding-bottom: 2.1vh
}

.op-step__number {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #038892;
    padding-bottom: 2.1vh
}

.op-step__icon {
    padding-bottom: 2.1vh
}

.op-step__title {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 2.1vh
}

.op-step__description {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 2.1vh
}

.op-form__wrap {
    padding: 6.4vh 38.5vw 6.4vh 25vw;
    box-sizing: border-box
}

.op-form__wrap p {
    font-size: .77vw;
    font-weight: 500;
    line-height: 2.5;
    color: #707782;
    padding-right: 5vw;
    margin-bottom: 3.6vh
}

.op-form__wrap h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 7.21vh
}

.op-form {
    max-width: 24vw
}

.op-form .outline-btn {
    margin-top: 4.5vh
}

.op-contacts__wrap {
    padding: 0 25vw 6.4vh;
    box-sizing: border-box
}

.op-contacts__wrap h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 7.21vh
}

.op-contacts__col-35 {
    width: 35%;
    float: left;
    padding-bottom: 4.5vh
}

.op-contacts__col-30 {
    width: 30%;
    float: left;
    padding-bottom: 4.5vh
}

.op-contacts__item {
    position: relative;
    padding-left: 32px
}

.op-contacts__item.blue-line:before {
    content: "M";
    width: 24px;
    height: 24px;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    background: #183bf3;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0
}

.op-contacts__item.green-line:before {
    content: "M";
    width: 24px;
    height: 24px;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    background: #59be35;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0
}

.op-contacts__item.red-line:before {
    content: "M";
    width: 24px;
    height: 24px;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    background: #038892;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0
}

.op-contacts__title {
    font-size: 1.2vw;
    font-weight: 600;
    padding-bottom: .7vh;
    margin: 0
}

.op-contacts__content p {
    font-size: .81vw;
    font-weight: 500;
    color: #707782;
    margin: 0;
    padding-bottom: .7vh
}

.op-contacts__content a {
    display: block;
    font-size: .94vw;
    font-weight: 500;
    color: #707782;
    margin: 0;
    padding-bottom: .7vh
}

.op-contacts__time {
    font-size: 16px;
    font-weight: 500;
    color: #1c1c1c;
    margin: 0;
    padding-bottom: .7vh
}

.op-contacts__schedule-table {
    display: table;
    font-size: .78vw;
    color: #707782
}

.op-contacts__schedule-row {
    display: table-row
}

.op-contacts__schedule-cell {
    display: table-cell;
    padding-right: 18px;
    padding-bottom: .7vh
}

.services-inner__header {
    width: 94%;
    height: 100%;
    background-size: cover;
    margin-right: 6.2vw;
    box-sizing: border-box
}

.services-inner__header-content {
    position: absolute;
    top: 25vh;
    left: 12.44vw;
    width: 34vw;
    z-index: 2
}

.video-heading .services-inner__header-content {
    color: #fff
}

.services-inner__header-title {
    font-size: 2.93vw;
    font-weight: 600;
    margin: 0 0 8vh
}

.services-inner__header-subtitle {
    font-size: 13px;
    font-weight: 500;
    padding-right: 4vw
}

.services-inner__header-btn button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 2.08vw;
    color: #fff;
    border: none;
    box-shadow: none;
    background: #373942;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 3.6vw 0 1vw;
    box-sizing: border-box;
    position: relative;
    margin-top: 5vh;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.services-inner__header-btn button:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 1vw;
    top: 50%;
    transform: translate(0, -50%)
}

.services-inner__header-btn button:hover {
    background: #038892
}

.services-inner__content {
    background-color: #f8f8fb;
    padding: 6vh 54vw 9vh 12.44vw;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7
}

.services-col__content {
    padding: 6vh 0 0;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7
}

.services-inner__row {
    padding: 0 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.services-inner__col1 {
    width: 50%;
    padding: 5vh 5vw 5vh 0
}

.services-inner__col2 {
    width: 50%;
    padding: 0 0 0 5vw
}

.services-inner__row.color {
    background-color: #f8f8fb
}

.services-inner__content h2,
.services-col__content h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 3.6vh
}

.services-inner__content p,
.services-col__content p {
    margin: 0 0 4.6vh
}

.services-inner__content h3,
.services-col__content h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 2.6vh
}

.services-inner__content h4,
.services-col__content h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 2.6vh
}

.services-inner__content ul,
.services-col__content ul {
    padding-left: 20px
}

.services-inner__content ul li,
.services-col__content ul li {
    padding-bottom: 1.6vh
}

.services-inner__content a {
    text-decoration: underline
}

.services-inner__col1 ol {
    padding-left: 20px
}

.services-inner__col1 ol li {
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 2.6vh
}

.services-inner__col2 img {
    max-width: 100%;
    height: auto;
    display: block
}

.services-inner__gallery {
    background-color: #f8f8fb;
    position: relative;
    padding-bottom: 21vh
}

.services-gallery-item img {
    padding-right: 10px;
    height: 30vh;
    width: auto
}

.services-gallery__title {
    font-size: 1.68vw;
    font-weight: 600;
    position: absolute;
    left: 12.44vw;
    bottom: 7.2vh
}

.gallery-nav {
    position: absolute;
    left: 39vw;
    bottom: 7.2vh
}

.services-gallery-prev {
    width: 2.6vw;
    height: 2.6vw;
    background-color: #707782;
    border-radius: 50%;
    margin: 0 2.3vw;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.services-gallery-prev:hover {
    background-color: #038892
}

.services-gallery-next {
    width: 2.6vw;
    height: 2.6vw;
    background-color: #707782;
    border-radius: 50%;
    margin: 0 2.3vw;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.services-gallery-next:hover {
    background-color: #038892
}

.services-gallery__link {
    position: absolute;
    left: 56.3vw;
    bottom: 8vh
}

.services-gallery__link a {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 36px 0 0
}

.services-gallery__link a:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.services-inner__other {
    background-color: #f8f8fb;
    padding: 8.8vh 25vw 8.8vh 12.5vw
}

.si__col-1 {
    width: 31.25vw;
    float: left
}

.si__col-2 {
    width: 12.5vw;
    float: left;
    text-align: center
}

.si__col-3 {
    width: 17vw;
    float: left
}

.si__col-3 a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding-bottom: .8vh
}

.si__col-1 h2 {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 1vh
}

.services-support__wrap {
    background-color: #f2f2f9;
    padding: 10.3vh 12.5vw;
    position: relative;
    z-index: 1
}

.services-support__col-1 {
    width: 31.25vw;
    float: left
}

.services-support__col-2 {
    width: 12.5vw;
    float: left;
    text-align: center;
    padding-top: 12px
}

.services-support__col-3 {
    width: 25vw;
    float: left
}

.services-support__col-1 h2 {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 1vh
}

.services-support__col-1 p {
    font-size: 12px;
    font-weight: 500
}

.services-inner__team {
    margin-left: -.5vw;
    margin-right: -.5vw;
    margin-bottom: 4vh
}

.sit-item {
    padding: 2vh .5vw 1vh;
    width: 33.3%;
    float: left
}

.sit-item__img {
    padding-bottom: 2.5vh
}

.sit-item__name {
    font-size: 16px;
    font-weight: 600
}

.sit-item__position {
    font-size: 13px;
    opacity: .5
}

.truck-slider__wrap {
    background-color: #fff;
    padding: 8.5vh 8vw 8.5vh 12.44vw;
    box-sizing: border-box
}

.truck-slider {
    margin-top: -17vh
}

.truck-slider .slick-list {
    padding-top: 17vh
}

.truck-slider__content {
    width: 33vw;
    float: left
}

.truck-slider__img {
    width: 45vw;
    float: right;
    position: relative
}

.truck-slider__img img {
    max-width: 42vw;
    height: auto;
    margin-top: -17vh
}

.truck-slider__content h2 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 2vh
}

.truck-slider__description {
    font-size: 13px;
    min-height: 12.3vh
}

.truck-feature__item {
    padding-right: 4.6vw
}

.truck-feature__number {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.44vw;
    height: 3.44vw;
    background: #038892;
    font-size: 1.68vw;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    border-radius: 50%
}

.truck-feature__unit {
    display: inline-block;
    vertical-align: bottom;
    font-size: 1.27vw;
    font-weight: 600
}

.truck-feature__description {
    font-size: 13px;
    font-weight: 500;
    padding: .5vh 0
}

.truck-slider-prev {
    width: 2.6vw;
    height: 2.6vw;
    background-color: #373942;
    border-radius: 50%;
    margin: 0 2.3vw 0 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.truck-slider-next {
    width: 2.6vw;
    height: 2.6vw;
    background-color: #373942;
    border-radius: 50%;
    margin: 0 2.3vw;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.truck-slider-prev:hover,
.truck-slider-next:hover {
    background-color: #038892
}

.salon-item__wrap {
    position: relative
}

.salon-item {
    padding: 7.8vh 6.25vw 8vh 12.5vw;
    border-bottom: 1px solid #f5f5f5;
    position: relative
}

.salon-item p {
    margin: 0
}

.salon-item__col-1 {
    width: 32vw;
    float: left;
    padding-right: 4vw
}

.salon-item__col-2 {
    width: 15vw;
    float: left;
    padding-right: 2vw
}

.salon-item__col-3 {
    width: 15vw;
    float: left;
    padding-right: 1vw
}

.si-col-title {
    font-size: 12px;
    font-weight: 500;
    color: #707782;
    opacity: .5;
    padding-bottom: 1.3vh
}

.si-col-line {
    font-size: 1.68vw;
    font-weight: 600;
    position: relative;
    padding-left: 32px
}

.si-col-line:before {
    content: "M";
    width: 24px;
    height: 24px;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.si-blue-line:before {
    background: #183bf3
}

.si-red-line:before {
    background: #038892
}

.si-green-line:before {
    background: #59be35
}

.si-col-address {
    font-size: 1.68vw;
    font-weight: 600
}

.si-col-phone {
    display: block;
    font-size: .94vw;
    font-weight: 500;
    line-height: 1.8
}

.si-col-time {
    font-size: 1.27vw;
    padding-bottom: 1.6vh
}

.si-col-schedule {
    font-size: 14px;
    font-weight: 600;
    color: #707782
}

.si-col-department {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2vh
}

.si-col-department-address {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: .4vh
}

.si-col-department-email a {
    font-size: 14px;
    font-weight: 500;
    color: #707782
}

.salon-item__call {
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    left: 44.5vw;
    bottom: 4.1vh
}

.salon-item__more {
    width: 40px;
    height: 40px;
    background-color: #1c1c1c;
    border-radius: 50%;
    position: absolute;
    right: 12.5vw;
    top: 11.7vh;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.salon-item__more:before {
    content: url(../../../themes/glasso/assets/img/chewron-down.svg)
}

.salon-item__map {
    position: relative;
    display: none
}

.salon-item__map.open {
    display: block
}

.salon-item__more.open {
    background-color: rgba(112, 119, 130, .2)
}

.salon-item__more.open:before {
    content: url(../../../themes/glasso/assets/img/cross.svg);
    width: 27px;
    height: 27px
}

.salon-map {
    height: 500px
}

.map-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.08vw;
    min-width: 8.4vw;
    background: #038892;
    color: #fff !important;
    border: none;
    box-shadow: none;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 0 1vw;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.map-route-btn {
    position: absolute;
    left: 12.44vw;
    bottom: 4.4vh
}

.map-order-btn {
    position: absolute;
    left: 22vw;
    bottom: 4.4vh
}

.map-btn:hover {
    color: #373942 !important;
    background: #fff
}

.invitation__wrap {
    padding: 6.5vh 12.5vw 4.2vh;
    box-sizing: border-box
}

.invitation__col-1 {
    float: left;
    width: 43.75vw
}

.invitation-col__inner {
    max-width: 36vw;
    padding-right: 5vw;
    font-size: 13px;
    font-weight: 500
}

.invitation__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.invitation__list li {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 1.5vh
}

.invitation__list li:hover {
    color: #038892
}

.map-gallery-list {
    position: absolute;
    right: 12.44vw;
    bottom: 4.4vh;
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1
}

.map-gallery-list li {
    display: inline-block;
    padding-left: 10px
}

.map-gallery-list li a {
    display: block;
    width: 11.2vw;
    height: 7.6vw;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.map-gallery-list li a:before {
    content: "";
    width: 11.2vw;
    height: 7.6vw;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0) 95.55%);
    opacity: .7
}

.map-gallery-list li a span {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: .77vw;
    left: 0;
    font-size: 13px;
    font-weight: 600;
    color: #fff
}

.map-gallery-list li a:after {
    content: "";
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #038892;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.map-gallery-video:after {
    background-image: url(../../../themes/glasso/assets/img/map-play-icon.svg)
}

.map-gallery-photo:after {
    background-image: url(../../../themes/glasso/assets/img/map-photo-icon.svg)
}

.location-wrap {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.location-wrap__col-1 {
    width: 50vw;
    height: 100vh;
    position: relative
}

.location-wrap__col-2 {
    width: 50vw;
    height: 100vh;
    position: relative;
    padding-top: 6.25vw;
    padding-right: 6.25vw
}

#map {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0
}

.location-title {
    height: 21vh;
    border-left: 2px solid rgba(196, 196, 196, .1);
    border-bottom: 3px solid #707782
}

.location-title h1 {
    font-size: 2.93vw;
    font-weight: 600;
    padding: 7.5vh 0 0 6.25vw
}

.active-pin {
    opacity: 1 !important
}

.location-list__container {
    padding: 6.5vh 4.7vw 6.5vh 6.25vw;
    height: calc(100% - 21vh)
}

.region-wrap {
    height: 100%;
    overflow: auto;
    padding-right: 10px
}

.region-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3.5vh;
    position: relative;
    cursor: pointer
}

.region__number-items {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background-color: #1c1c1c;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #fff
}

.region-title.open {
    font-weight: 700
}

.region-title.open .region__number-items {
    background-color: #038892;
    font-weight: 400
}

.city-list {
    display: none;
    list-style: none;
    margin: 0;
    padding: 1vw 0 0 1.2vw;
    font-size: 14px;
    font-weight: 500
}

.city-list-item {
    padding-left: 1.8vw;
    margin-bottom: 3.5vh;
    position: relative;
    cursor: pointer
}

.city-list-item:before {
    content: url(../../../themes/glasso/assets/img/city-list-icon.svg);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.city-list-title {
    width: 60%;
    float: left
}

.location-item__more {
    width: 40%;
    float: right;
    text-align: right;
    padding-right: 40px;
    cursor: pointer
}

.location-item__more:after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 2px
}

.location-item__container {
    height: calc(100% - 21vh)
}

.location-item__wrap {
    height: 100%
}

.location-item {
    display: none;
    height: 100%;
    padding: 8.5vh 4.7vw 4vh 6.25vw;
    position: relative;
    overflow: auto
}

.location-item__close {
    position: absolute;
    top: 3.8vh;
    right: 4.3vw;
    cursor: pointer
}

.location-item__name {
    font-size: 1.27vw;
    font-weight: 500;
    margin-bottom: 1vh
}

.location-item__status {
    font-size: 14px;
    font-weight: 500;
    color: #707782
}

.location-item__phone-wrap {
    padding: 4.6vh 0
}

.location-item__heading {
    font-size: 12px;
    font-weight: 700;
    color: #707782
}

.location-item__phone {
    font-size: 1.27vw;
    font-weight: 500;
    padding-bottom: 1.7vh
}

.location-item__address-wrap {
    padding-bottom: 3vh
}

.location-item__address {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: .5vh
}

.location-email a {
    font-size: 14px;
    font-weight: 500;
    color: #707782
}

.location-item__schedule-wd {
    font-size: 18px;
    padding-bottom: 1.2vh
}

.location-item__schedule-do {
    font-size: 14px;
    font-weight: 600;
    color: #707782;
    padding-bottom: 4.6vh
}

.location-item__btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.08vw;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 36px;
    padding: 0 1vw;
    margin-right: 1vw;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1em;
    color: #1c1c1c;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.location-item__btn:hover {
    border: 1px solid #038892;
    background-color: #038892;
    color: #fff
}

.main-contacts {
    position: absolute;
    right: -1px;
    top: 6.25vw;
    width: 6.25vw;
    height: 21vh;
    background-color: #fff;
    display: table
}

.main-contacts a {
    display: table-cell;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding-top: 9.2vh
}

.main-contacts svg {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: block;
    margin: 0 auto 2vh;
    fill: #373942
}

.main-contacts:hover svg {
    fill: #038892
}

.crosspage-projects-nav {
    padding: 28vh 6.25vw 0 12.5vw
}

.crosspage-projects-nav h1 {
    margin: 0 0 .7vw
}

.project-item-bg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.project-item__inner {
    position: absolute;
    top: 18vh;
    left: 12.44vw
}

.project-item__title {
    font-size: 2.93vw;
    font-weight: 600;
    color: #fff;
    margin: 0 0 8vh;
    width: 100%;
    max-width: 50vw
}

.project-item__content {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    width: 100%;
    max-width: 30vw
}

.project-item__embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.project-item__embed iframe,
.project-item__embed object,
.project-item__embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.project-mata__table {
    display: table;
    width: 60vw;
    margin-top: 7vh;
    color: #fff
}

.project-mata__row {
    display: table-row
}

.project-mata__cell {
    display: table-cell
}

.project-mata__title {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 2vh
}

.project-mata__name {
    font-size: 1.27vw;
    font-weight: 600;
    padding-bottom: 1vh
}

.project-mata__link a {
    font-size: .6vw;
    color: #fff
}

.project-item__section {
    box-sizing: border-box
}

.project-item__container {
    padding: 0 15.6vw 20.6vh 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.project-item__container-half {
    width: 50%
}

.project-item__container-half:first-child {
    padding-right: 20px
}

.project-item__container-half:last-child {
    padding-left: 20px
}

.project-item__table {
    display: table;
    margin-top: 6.7vh
}

.project-item__row {
    display: table-row
}

.project-item__cell {
    display: table-cell;
    padding-right: 6.25vw
}

.project-item__label {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 2.2vh
}

.project-item__value {
    font-size: 1.27vw;
    font-weight: 600
}

.project-item__text-box {
    padding-bottom: 10vh;
    width: 100%;
    max-width: 44.2vw;
    margin: 0 auto
}

.project-item__text-box:last-child {
    padding-bottom: 0
}

.project-item__text-box h3 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #707782;
    padding-bottom: 3vh;
    margin: 0
}

.project-item__text-box p {
    font-size: 1.05vw;
    font-weight: 500;
    padding-bottom: 3vh;
    margin: 0
}

.project-item__text-box p:last-child {
    padding-bottom: 0
}

.project-item__container img {
    width: 100%;
    height: 100%
}

.project-item__parallax {
    padding: 0 0 20.6vh
}

.project-want-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 2.08vw;
    color: #1c1c1c;
    border: 1px solid rgba(28, 28, 28, .2);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 2.9vw 0 1vw;
    box-sizing: border-box;
    position: relative
}

.project-want-btn:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 1vw;
    top: 50%;
    transform: translate(0, -50%)
}

.project-nav {
    padding: 0 15vw 20.6vh 8.75vw
}

.project-nav p {
    margin: 0
}

.project-nav__left {
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 75px;
    padding-right: 20px;
    position: relative
}

.project-nav__right {
    width: 50%;
    float: right;
    text-align: right;
    padding-left: 20px;
    padding-right: 75px;
    position: relative
}

.project-nav__left:before {
    content: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    position: absolute;
    top: .7vw;
    left: 0;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.project-nav__right:before {
    content: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    position: absolute;
    top: .7vw;
    right: 0
}

.project-nav__title {
    font-size: 1.68vw;
    font-weight: 600;
    padding-bottom: 1vh
}

.project-nav__subtitle {
    font-size: 13px;
    font-weight: 600;
    opacity: .5
}

.project-item__parallax {
    height: 62vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20.6vh
}

.youtube-player {
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer
}

.youtube-player.pristine:before {
    content: url(../../../themes/glasso/assets/img/video-play-pr.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.show-modal {
    cursor: pointer
}

.modal {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 999
}

.modal.open {
    visibility: visible;
    opacity: 1;
    transition: 0.7s
}

.modal-inner {
    width: 24vw;
    height: auto;
    background: #fff;
    padding: 4.2vh 2.6vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.modal-close {
    position: absolute;
    top: 4.2vh;
    right: 2.6vw;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.modal-close-line {
    width: 16px;
    height: 1px;
    background: #373942;
    position: absolute;
    left: calc(50% - 8px)
}

.modal-close-line1 {
    top: 50%;
    transform: rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.modal-close-line2 {
    top: 50%;
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.modal-close:hover .modal-close-line {
    background: #038892
}

.modal h3 {
    margin: 0 0 3.8vh
}

.modal-inner--subtitle {
    font-size: 1.17em;
    font-weight: 600;
    margin: 0 0 3.8vh
}

@media screen and (min-width:1200px) {

    #sale-form h2,
    .modal-inner--title {
        font-size: 1.3vw;
        margin-top: 0
    }

    #sale-form h3 {
        font-size: .91vw
    }
}

#sale-form h2,
.modal-inner--title {
    margin-top: 0;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1em;
    padding-right: 16px
}

#sale-form h3 span {
    color: #038892
}

.modal-send-btn {
    border: 2px solid #d0d2dc;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 36px;
    height: 2.08vw;
    padding: 0 3.5vw 0 1.1vw;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #1c1c1c;
    display: inline-block;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: 18px;
    background-position: 90%;
    background-repeat: no-repeat
}

.modal-send-btn:hover {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
    border: 2px solid #038892;
    background-color: #038892;
    color: #fff
}

.catalog-inner-page.fullpage-wrapper {
    width: 100% !important;
    transform: none !important
}

.catalog-inner-page .fp-section {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 0
}

.catalog-inner-page .fp-section.active {
    visibility: visible;
    opacity: 1;
    z-index: 1
}

.tab-nav-box__catalog {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    position: relative;
    z-index: 2
}

.tab-nav-list {
    padding: 0 0 9.3vh;
    margin: 0;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tab-nav-item {
    width: 25%;
    padding: 0 3.5vw 15vh;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.tab-nav-item p {
    margin: 0
}

.tab-nav-item a:hover svg path {
    fill: #038892
}

.tab-nav__img img {
    width: 90%;
    height: 90%;
    opacity: .4;
    -webkit-transition: 0.3s ease-out;
    -webkit-transition-delay: 0.3s;
    -moz-transition: 0.3s ease-out;
    -moz-transition-delay: 0.3s;
    -o-transition: 0.3s ease-out;
    -o-transition-delay: 0.3s;
    -ms-transition: 0.3s ease-out;
    -ms-transition-delay: 0.3s;
    transition: 0.3s ease-out;
    transition-delay: 0.3s
}

.tab-nav-item.active .tab-nav__img img {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.tab-nav__text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.tab-nav__subtitle {
    font-size: 12px;
    opacity: .6;
    text-transform: uppercase
}

.tab-nav__title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 2.4vh
}

.tab-nav__title.tab-nav__title_custom {
    font-size: 12px
}

.tab-nav__title span {
    font-size: .6vw;
    font-weight: 700;
    display: inline-block
}

.tab-nav-item.active .tab-nav__title {
    font-size: 1.27vw
}

.tab-nav-item.active .tab-nav__title.tab-nav__title_custom {
    font-size: 13px
}

.tab-nav-item.active .tab-nav__title span {
    font-size: .8vw
}

.tab-nav__btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 130px;
    height: 40px;
    border: 2px solid #d0d2dc;
    border-radius: 36px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #707782
}

.tab-nav-item:hover .tab-nav__btn {
    border: 2px solid #ee343d;
    color: #ee343d
}

.tab-nav-item.active .tab-nav__btn {
    border: 2px solid #ee343d;
    background-color: #ee343d;
    color: #fffefe
}

.tab-content-title {
    font-size: 1.27vw;
    font-weight: 500;
    text-align: center;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    margin-bottom: 6vh
}

.tab-content-title span {
    color: #ee343d
}

.tab-content-item {
    height: 0;
    overflow: hidden;
    position: relative
}

.tab-content-item.active-tab-item {
    height: 100%
}

.window-content-box {
    height: 100%
}

.catalog-tab-content-item {
    display: block;
    height: 0;
    overflow: hidden
}

.catalog-tab-content-item.active-tab-item {
    display: block;
    height: auto;
    position: relative;
    z-index: 1
}

.tab-section.other {
    background: #f8f8fb;
    padding-left: 12.44vw;
    padding-right: 12.44vw;
    padding-bottom: 5.1vh
}

.tab-section.other .tab-nav-item {
    transform: translateY(0%) !important;
    max-width: 25%
}

.tab-section.other h2 {
    font-size: 1.8vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.tab-section.other .tab-nav-list {
    padding-bottom: 10.3vh;
    text-align: center;
    -ms-flex-pack: left;
    justify-content: left
}

.tab-section.other .tab-nav-item.active {
    background: #fff
}

.tab-section.other .tab-nav-item {
    padding: 0 2vw 5.1vh
}

.tab-section.other .tab-nav__img img {
    width: auto;
    height: 100%;
    max-height: 33vh;
    opacity: 1;
    margin-bottom: 3.8vh
}

.tab-section.other .tab-nav__text {
    position: relative
}

.tab-section.other .tab-nav__title {
    font-size: 1.27vw;
    font-weight: 500;
    letter-spacing: normal;
    padding: 0;
    margin-bottom: 0;
    text-align: left
}

.tab-section.other .tab-nav-item.active .tab-nav__title {
    color: #038892;
    font-size: 1.27vw
}

.tab-section.other .tab-content-item {
    padding-right: 18.75vw
}

.tab-section.other .tab-content-item p {
    font-size: 1.27vw;
    font-weight: 400;
    color: #707782;
    margin: 0 0 5.1vh
}

.tab-nav-box h3,
.tab-nav-box--h3 {
    margin: 0 0 25px;
    text-align: center;
    font-weight: 600
}

.tab-section.title-other {
    padding: 0 12.44vw 10.3vh
}

.tab-title-item {
    text-align: center;
    display: none
}

.tab-title-item.active-tab-title-item {
    display: block
}

.tab-title-item h1,
.tab-title-item h2,
.tab-title-item--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 6.1vh 0 1.5vh
}

.tab-title-item h4,
.tab-title-item--h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 4.1vh
}

.tab-section.title-other .tab-nav-item {
    width: auto;
    padding: 0 2.2vw
}

.title-other__nav-icon {
    width: 3.65vw;
    height: 3.65vw;
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.tab-nav-item.active .icon-snowflake {
    border: 2px solid #83aff1;
    background-color: #83aff1
}

.tab-nav-item.active .icon-sun {
    border: 2px solid #f9c577;
    background-color: #f9c577
}

.tab-nav-item.active .icon-sound {
    border: 2px solid #9677f0;
    background-color: #9677f0
}

.tab-nav-item.active .icon-safety {
    border: 2px solid #92c74f;
    background-color: #92c74f
}

.title-other__nav-icon.icon-snowflake img {
    width: 4.2vw;
    height: auto
}

.title-other__nav-icon.icon-sun img {
    width: 2.1vw;
    height: auto
}

.title-other__nav-icon.icon-sound img {
    width: 1.7vw;
    height: auto
}

.title-other__nav-icon.icon-safety img {
    width: 1.25vw;
    height: auto
}

.icon-static {
    display: block
}

.icon-current {
    display: none
}

.tab-nav-item.active .icon-static {
    display: none
}

.tab-nav-item.active .icon-current {
    display: block
}

.title-other__nav-title {
    font-size: 14px;
    font-weight: 400;
    margin: 1.5vh 0
}

.tab-content__center-img img {
    width: 100%;
    height: auto
}

.other-desc-box {
    padding-top: 8.5vh;
    margin-right: -3.9vw;
    margin-left: -3.9vw
}

.other-desc-box__col {
    width: 33%;
    float: left;
    padding: 0 3.9vw
}

.other-desc-box__col h5,
.other-desc-box__col--title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 2.6vh
}

.other-desc-box__col p {
    font-size: 14px;
    color: #707782;
    margin: 0
}

.diagram-box {
    justify-content: center;
    -ms-flex-align: center;
    padding-bottom: 8.9vh
}

.diagram-item {
    padding: 0 3.9vw
}

.rect-auto,
.c100.p60 .slice,
.c100.p80 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto)
}

.pie,
.c100 .bar,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p80 .fill,
.c100.p100 .fill {
    position: absolute;
    border: 2px solid #038892;
    width: 74px;
    height: 74px;
    clip: rect(0, 39px, 78px, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.pie-fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100 {
    position: relative;
    width: 78px;
    height: 78px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #eaedf3
}

.c100 *,
.c100 :before,
.c100 :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.c100.center {
    float: none;
    margin: 0 auto
}

.c100:after {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    content: " ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    width: 74px;
    height: 74px
}

.c100 .slice {
    position: absolute;
    width: 78px;
    height: 78px;
    clip: rect(0em, 78px, 78px, 39px)
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg)
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg)
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg)
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg)
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.c100-value {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 78px;
    height: 78px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c100.p20 .bar {
    animation: rotation20 600ms linear;
    -o-animation: rotation20 600ms linear;
    -moz-animation: rotation20 600ms linear;
    -webkit-animation: rotation20 600ms linear
}

.c100.p40 .bar {
    animation: rotation40 600ms linear;
    -o-animation: rotation40 600ms linear;
    -moz-animation: rotation40 600ms linear;
    -webkit-animation: rotation40 600ms linear
}

.c100.p60 .bar {
    animation: rotation60 600ms linear;
    -o-animation: rotation60 600ms linear;
    -moz-animation: rotation60 600ms linear;
    -webkit-animation: rotation60 600ms linear
}

.c100.p80 .bar {
    animation: rotation80 600ms linear;
    -o-animation: rotation80 600ms linear;
    -moz-animation: rotation80 600ms linear;
    -webkit-animation: rotation80 600ms linear
}

.c100.p100 .bar {
    animation: rotation100 600ms linear;
    -o-animation: rotation100 600ms linear;
    -moz-animation: rotation100 600ms linear;
    -webkit-animation: rotation100 600ms linear
}

@keyframes rotation20 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(72deg);
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        transform: rotate(72deg)
    }
}

@-o-keyframes rotation20 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(72deg);
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        transform: rotate(72deg)
    }
}

to {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg)
}

@-webkit-keyframes rotation20 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(72deg);
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        transform: rotate(72deg)
    }
}

@keyframes rotation40 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(144deg);
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

@-o-keyframes rotation40 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(144deg);
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

to {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg)
}

@-webkit-keyframes rotation40 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(144deg);
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

@keyframes rotation60 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(216deg);
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -o-transform: rotate(216deg);
        transform: rotate(216deg)
    }
}

@-o-keyframes rotation60 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(216deg);
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -o-transform: rotate(216deg);
        transform: rotate(216deg)
    }
}

to {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg)
}

@-webkit-keyframes rotation60 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(216deg);
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -o-transform: rotate(216deg);
        transform: rotate(216deg)
    }
}

@keyframes rotation80 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(288deg);
        -moz-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        -o-transform: rotate(288deg);
        transform: rotate(288deg)
    }
}

@-o-keyframes rotation80 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(288deg);
        -moz-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        -o-transform: rotate(288deg);
        transform: rotate(288deg)
    }
}

to {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg)
}

@-webkit-keyframes rotation80 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(288deg);
        -moz-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        -o-transform: rotate(288deg);
        transform: rotate(288deg)
    }
}

@keyframes rotation100 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes rotation100 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

@-webkit-keyframes rotation100 {
    from {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.numerator {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    color: #1c1c1c;
    position: absolute;
    top: 20px;
    right: 41px
}

.sep-line {
    width: 24px;
    height: 1px;
    background-color: #1c1c1c;
    display: block;
    position: absolute;
    top: 40px;
    left: 30px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.denominator {
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: #1c1c1c;
    opacity: .5;
    position: absolute;
    top: 42px;
    left: 47px
}

.diagram-title {
    font-size: 12px;
    font-weight: 500;
    padding-top: 14px
}

.slogan-box {
    padding: 0 25vw 10vh;
    font-size: 1.27vw;
    font-weight: 500;
    text-align: center
}

.slogan-box p {
    font-size: 1.27vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.slogan-box__highlight {
    color: #707782
}

.slogan-box p span {
    color: #038892
}

.feature-box {
    padding: 0 12.5vw
}

.feature-box__inner {
    padding: 10.3vh 0
}

.feature-col:first-child {
    width: 55%;
    position: relative
}

.feature-col:last-child {
    width: 45%;
    position: relative
}

.feature-table__wrap {
    width: 30vw;
    margin-bottom: 6vh
}

.feature-title {
    font-size: 2.93vw;
    font-weight: 500;
    margin-bottom: 5.2vh
}

.feature-table {
    width: 100%;
    margin-bottom: 2vh
}

.feature-table.feature-table__group {
    margin-bottom: 5.1vh
}

.feature-table td {
    width: 50%;
    padding: 6px 0;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    vertical-align: top
}

.feature-table td:first-child {
    padding-right: 1.8vw
}

.feature-table td:last-child {
    font-weight: 500
}

.feature-table tr:last-child td {
    border: none
}

.more-info-link a {
    font-size: 12px;
    color: #038892;
    text-transform: uppercase;
    position: relative;
    padding-right: 30px
}

.more-info-link a:after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: calc(50% - 9px)
}

.feature-col h5 {
    font-size: 1.27vw;
    font-weight: 500;
    margin: 0 0 2vh
}

.feature-img {
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0
}

.property-box {
    background: #f8f8fb;
    padding: 7.4vh 6.25vw 6.5vh 12.5vw;
    align-items: center
}

.property-col-left {
    width: 40%;
    border-right: 1px solid #d0d2dc
}

.property-col-right {
    width: 60%;
    text-align: center
}

.property-img {
    width: 100%;
    max-width: 100%;
    padding: 0 8vw;
    box-sizing: border-box
}

.property-col__wrap {
    padding: 0 3.8vw 3vh 0
}

.img-text-box .property-title-small {
    font-size: 1.27vw;
    font-weight: 500;
    color: #d0d2dc;
    padding: 3vh 0 1.54vh;
    margin: 0
}

.property-title {
    font-size: 1.8vw;
    font-weight: 500;
    margin: 0 0 2.6vh
}

.property-title-desc {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding-right: 7vw
}

.property__table {
    display: table;
    margin: 10.3vh 0 5.1vh
}

.property__row {
    display: table-row
}

.property__cell {
    display: table-cell;
    width: 50%;
    padding-right: 3vw;
    padding-bottom: 6vh
}

.property__cell h5 {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 1.54vh;
    line-height: 1.3
}

.property__cell h5 span {
    font-size: 18px;
    display: block
}

.property__cell p {
    font-size: 12px;
    font-weight: 400;
    margin: 0
}

.property-slider .slick-slide img {
    margin: 0 auto
}

.property-slider .slick-prev {
    width: 2.6vw;
    height: 2.6vw;
    position: absolute;
    bottom: 0;
    left: 40%
}

.property-slider .slick-next {
    width: 2.6vw;
    height: 2.6vw;
    position: absolute;
    bottom: 0;
    right: 40%
}

.slick-dots {
    margin: 0;
    padding: 0
}

.property-slider .slick-dots {
    position: absolute;
    bottom: 0;
    right: 6.25vw
}

.slick-dots li {
    display: inline-block
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: 0 0;
    position: relative
}

.slick-dots li.slick-active button:before {
    background-color: #ee343d
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    text-align: center;
    background-color: #c4c4c4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.account-box {
    width: 100%;
    background-color: #f8f8fb;
    padding: 10.3vh 12.44vw
}

.account-box__inner {
    margin-left: -1.3vw;
    margin-right: -1.3vw;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.account-item {
    width: 23.3%;
    padding-right: 1.3vw;
    padding-left: 1.3vw
}

.account-item.account-item-highlight {
    width: 30%
}

.account-item__table {
    display: table
}

.account-item__row {
    display: table-row
}

.account-item__cell {
    display: table-cell;
    vertical-align: bottom;
    color: #d0d2dc
}

.account-item__cell .number {
    display: block;
    font-size: 6.2vw;
    font-weight: 700;
    line-height: 1
}

.account-item__cell .value {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: .81vw;
    padding-left: 1.1vw
}

.account-item-highlight .account-item__cell {
    color: #038892
}

.account-item-highlight .account-item__cell .number {
    font-size: 7.45vw
}

.account-item-highlight .account-item__cell .value {
    font-size: 1.27vw
}

.img-text-box {
    padding: 20.6vh 12.44vw 0
}

.img-text-box.gl {
    padding: 0 12.44vw 20.6vh
}

.img-text-box.gl_1 {
    padding: 0 12.44vw
}

.img-text-box.gl .img-text-box__col:last-child .img-text-box__col-inner {
    max-width: 100%
}

.img-text-box.no-padding-top {
    padding-top: 0
}

.img-text-box.no-padding-top.gradient-bg {
    padding-bottom: 20.6vh
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.img-text-box.gradient-bg {
    background: linear-gradient(180deg, #f8f8fb 0%, rgba(255, 255, 255, 0) 53.38%)
}

.img-text-box__inner.center-align {
    -ms-flex-align: center;
    align-items: center
}

.img-text-box__align-end .img-text-box__inner {
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.img-text-box.gradient-bg .img-text-box__inner {
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.img-text-box.ani.no-padding-top .img-text-box__inner {
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.img-text-box__col {
    width: 50%
}

.img-text-box__col-inner {
    max-width: 34vw
}

.img-text-box__align-end .img-text-box__col-inner {
    padding-bottom: 10vh
}

.img-text-box.no-padding-top h2,
.img-text-box.no-padding-top .img-text-box__col-inner--title {
    padding-top: 10vh
}

.custom-pd-200 {
    padding: 5vh 0
}

.img-text-box__col-inner img {
    width: 100%;
    height: auto
}

.img-text-box.gradient-bg .img-text-box__col-inner img {
    padding-top: 10vh
}

.img-text-box__col-inner-big img {
    width: 100%;
    height: auto;
    display: block
}

.titan-box {
    position: relative
}

.titan-bg {
    width: 100%;
    height: auto;
    display: block
}

.titan-round {
    position: absolute;
    border-radius: 50%;
    box-sizing: content-box
}

.titan-round-1 {
    width: .5vw;
    height: .5vw;
    background: #669cee;
    top: 43.5%;
    left: 33.5%
}

.titan-round-2 {
    width: 4%;
    padding-bottom: 4%;
    border: 1px solid #669cee;
    top: 42%;
    left: 32%
}

.titan-round-3 {
    width: 8%;
    padding-bottom: 8%;
    border: 1px solid #669cee;
    opacity: .6;
    top: 40%;
    left: 30%
}

.titan-round-4 {
    width: 16.5%;
    padding-bottom: 16.5%;
    border: 1px solid #669cee;
    opacity: .4;
    top: 36%;
    left: 26%
}

.titan-round-5 {
    width: 25%;
    padding-bottom: 25%;
    border: 1px solid #669cee;
    opacity: .2;
    top: 32%;
    left: 22%
}

.titan-round-6 {
    width: 36%;
    padding-bottom: 36%;
    border: 1px solid #669cee;
    opacity: .1;
    top: 27%;
    left: 17%
}

.titan-line {
    width: 20%;
    height: auto;
    position: absolute;
    top: 40.5%;
    left: 14%
}

.titan-shield {
    width: 11%;
    height: auto;
    position: absolute;
    top: 33%;
    left: 2%
}

.titan-arrow-1 {
    width: 6%;
    height: auto;
    position: absolute;
    top: 1%;
    left: 34%
}

.titan-arrow-2 {
    width: 5.5%;
    height: auto;
    position: absolute;
    top: 22%;
    left: 92%
}

.titan-label {
    font-size: 12px;
    color: #669cee;
    position: absolute;
    left: 42%;
    top: 4%
}

.titan-label span {
    display: block;
    font-size: 14px
}

.img-text-box__col-inner h2,
.img-text-box__col-inner--title {
    font-size: 2.4vw;
    font-weight: 500;
    margin: 0 0 5.2vh
}

.img-text-box__col-inner p {
    font-size: 16px;
    margin-bottom: 3.3vh
}

.img-text-box h3 {
    font-size: 1.8vw;
    font-weight: 500;
    margin: 0 0 5.1vh;
    text-transform: uppercase
}

.img-text-box.gl ul {
    list-style: none;
    padding-left: 20px;
    margin: 0
}

.img-text-box.gl ul li {
    font-size: 16px;
    color: #707782;
    margin-bottom: 2vh;
    position: relative;
    text-transform: none
}

.img-text-box.gl ul li:after {
    content: "";
    position: absolute;
    left: -20px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #038892
}

.img-text-box.gl p {
    font-size: 16px;
    color: #1c1c1c;
    margin: 0
}

.img-text-box.gl .im2 img {
    display: block;
    width: auto;
    height: auto;
    max-width: 31vw;
    margin: 0 auto
}

.img-text-box.gl_1 p {
    font-size: 16px;
    color: #707782;
    margin: 0 0 5.1vh
}

.img-text-box.gl_1 ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.img-text-box.gl_1 ul li {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    align-items: center
}

.img-text-box.gl_1 ul li img {
    width: 4.2vw;
    height: auto;
    padding-right: 20px;
    vertical-align: middle
}

.img-text-box.gl_1 .btn-red-40 {
    margin-top: 5.1vh;
    margin-bottom: 15.4vh
}

.img-text-box.gl_1 .im {
    margin-top: auto
}

.img-text-box.gl_1 .im img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%
}

.img-text-box.gl_2 {
    padding: 20.6vh 12.44vw
}

.img-text-box.gl_2 .im2 img {
    display: block;
    width: auto;
    height: auto;
    max-width: 31vw;
    margin: 0 auto
}

.img-text-box.gl_2 ul {
    list-style: none;
    padding-left: 20px;
    margin: 0
}

.img-text-box.gl_2 ul li {
    font-size: 16px;
    color: #707782;
    margin-bottom: 2vh;
    position: relative
}

.img-text-box.gl_2 ul li:after {
    content: "";
    position: absolute;
    left: -20px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #038892
}

.img-text-box.gl video,
.img-text-box.gl_1 video,
.img-text-box.gl_2 video {
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0%, 0%)
}

.img-text-box__btn {
    margin-top: 1.8vh
}

.number-list__table {
    display: table;
    margin-top: 7.2vh;
    padding-right: 5vw
}

.number-list__row {
    display: table-row
}

.number-list__cell {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 2.6vh
}

.number-list__index {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.1vw;
    height: 2.1vw;
    border: 1px solid #038892;
    border-radius: 50%;
    font-size: 16px;
    color: #038892
}

.number-list__value {
    display: block;
    padding-left: 1.3vw;
    font-size: 14px;
    color: #707782
}

.window-slider {
    position: relative
}

.window-slide {
    position: relative;
    width: 100%
}

.window-slide__content {
    position: absolute;
    top: 30vh;
    left: 12.44vw;
    max-width: 21vw
}

.window-slide__title h2,
.window-slide__title--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 4.9vh
}

.window-slide__description {
    font-size: 16px
}

.window-slide__btn {
    position: absolute !important;
    left: 12.44vw;
    bottom: 12.5vh
}

.window-slide__btn:after {
    content: "";
    width: .9375vw;
    height: .9375vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 1vw;
    top: calc(50% - 0.46vw)
}

.window-slide__btn:hover {
    border: 2px solid rgba(208, 210, 220, .2);
    background-color: #fff;
    color: #1c1c1c
}

.window-slide__btn:hover:after {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg)
}

.window-slide__img {
    width: 32vw;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.window-slide__img img {
    max-width: 100%;
    height: auto;
    display: block
}

.window-slide__nav {
    width: 16.6vw;
    position: absolute;
    top: 38vh;
    right: 12.44vw
}

.window-slide__nav-item {
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3.6vh
}

.window-slide__nav-icon {
    width: 3.65vw;
    height: 3.65vw;
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.window-slide__nav-icon .icon-snowflake {
    width: 4.2vw;
    height: auto
}

.window-slide__nav-icon .icon-sun {
    width: 2.1vw;
    height: auto
}

.window-slide__nav-icon .icon-sound {
    width: 1.7vw;
    height: auto
}

.window-slide__nav-icon .icon-air {
    width: 1.7vw;
    height: auto
}

.hover-1 {
    border: 2px solid #83aff1;
    background-color: #83aff1
}

.hover-2 {
    border: 2px solid #f9c577;
    background-color: #f9c577
}

.hover-3 {
    border: 2px solid #9677f0;
    background-color: #9677f0
}

.hover-4 {
    border: 2px solid #9cabf6;
    background-color: #9cabf6
}

.window-slide__nav-title {
    font-size: 1.27vw;
    font-weight: 500;
    padding-left: 1.8vw
}

.ab1-inner {
    -ms-flex-align: center;
    align-items: center;
    padding: 20.6vh 12.44vw
}

.ab1-col {
    width: 50%
}

.ab1-col:last-child .ab1-col__inner {
    padding-left: 6.25vw
}

.ab1-center-col {
    width: 40vw;
    margin: 0 auto;
    text-align: center
}

.ab1-col__subtitle {
    font-size: 1.8vw;
    font-weight: 500;
    color: #d0d2dc;
    margin-bottom: 2.5vh
}

.ab1-col__title h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 7.2vh
}

.ab1-col__text {
    font-size: 16px;
    margin-bottom: 2.5vh;
    padding-right: 0
}

.ab1-center-col .ab1-col__text {
    padding-right: 0
}

.ab1-col__features-list {
    padding-right: 6vw
}

.ab1-col__features-item {
    width: 50%;
    padding: 5vh 5.2vw 5vh 0;
    text-align: center
}

.ab1-col__features-img {
    width: 100%;
    height: 7.6vh;
    margin-bottom: 2vh
}

.ab1-col__features-img img {
    width: 100% !important;
    height: 100% !important
}

.ab1-col__features-title {
    font-size: 12px
}

.ab1-col__add-box {
    padding-right: 6vw
}

.ab1-col__add-box h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 3.1vh
}

.ab1-col__add-box h4 span {
    display: inline-block;
    font-size: 14px;
    line-height: 3.1vh;
    color: #fff;
    padding: 0 .8vw;
    background-color: #343434;
    border-radius: 100%;
    margin-right: 1.4vw
}

.ab1-col__add-box p {
    font-size: 14px;
    margin: 0 0 2.5vh
}

.ab1-col__inner .frames-container {
    position: relative;
    width: 31.25vw;
    height: 91vw
}

.frame {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.frame.current {
    opacity: 1
}

.catalog-item__bg {
    height: 62vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 18vh
}

.ab2-inner {
    padding-bottom: 7.2vh;
    padding-left: 12.44vw;
    -ms-flex-align: center;
    align-items: center
}

.ab2-col-left {
    width: 35%
}

.ab2-col__subtitle {
    font-size: 1.8vw;
    font-weight: 500;
    color: #d0d2dc;
    margin-bottom: 2.5vh
}

.ab2-col__title {
    font-size: 7.55vw;
    font-weight: 500;
    line-height: 1
}

.ab2-col__description {
    font-size: 1.27vw;
    font-weight: 500;
    margin-bottom: 5.1vh
}

.ab2-col__text {
    font-size: 16px
}

.ab2-col-right {
    width: 65%
}

.ab2-col__inner .frames-container {
    position: relative;
    right: 0;
    widows: 52vw;
    height: 42vw
}

.ab3-inner {
    padding: 20.6vh 12.44vw
}

.ab3-center-col {
    position: relative
}

.ab1-center-col img {
    width: 100%;
    height: auto;
    transition: all 1s ease
}

.ab3-center-col img {
    width: 100%;
    height: auto;
    transition: all 1s ease
}

.ab3-col__features-list {
    position: absolute;
    top: 9.3vw;
    right: 0;
    width: 23vw
}

.ab3-col__features-list .ab1-col__features-item {
    padding-left: 5.2vw;
    padding-right: 0
}

.ab3-center-col .ab1-col__add-box {
    position: absolute;
    left: 0;
    bottom: 15vw;
    width: 18vw;
    padding-right: 0
}

.ab4-inner {
    padding-left: 12.44vw;
    padding-right: 12.44vw;
    padding-bottom: 6vh
}

.ab4-inner h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.ab4-row {
    margin-left: -6.25vw;
    margin-right: -6.25vw
}

.ab4-col {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    width: 50%;
    float: left
}

.ab4-col p {
    font-size: 16px;
    line-height: 1.5
}

.animation-box-5 {
    overflow: hidden
}

.ab5-inner {
    padding-left: 12.44vw;
    -ms-flex-align: center;
    align-items: center
}

.ab5-col-left {
    width: 45%
}

.ab5-col-right {
    width: 55%
}

.ab5-col__inner {
    width: 21.6vw
}

.ab5-col__inner h2,
.ab5-col__inner--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.ab5-col__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10.3vh
}

.ab5-col__img img {
    display: block;
    width: 100%;
    height: auto
}

.animation-box-6 {
    padding: 20.6vh 0 10.3vh;
    overflow: hidden
}

.ab6-inner {
    padding-left: 12.44vw;
    -ms-flex-align: top;
    align-items: top
}

.ab6-col-left {
    width: 40%
}

.ab6-col-right {
    width: 60%
}

.ab6-col__inner {
    width: 100%
}

.ab6-col__inner h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.ab6-col__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10.3vh;
    width: 25vw
}

.ab6-col__img {
    position: relative;
    width: 100%;
    height: auto
}

.ab6-col__img img {
    position: absolute;
    top: 0;
    right: 6.2vw;
    width: 100%;
    height: auto
}

.animation-box-7 {
    padding: 8.2vh 12.44vw 0
}

.ab7-inner {
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.ab7-col-left {
    width: 55%
}

.ab7-col-right {
    width: 45%;
    padding-bottom: 10vh
}

.ab7-col__img img {
    display: block;
    max-width: 100%;
    height: auto
}

.ab7-col__inner {
    padding: 0 0 0 2vw
}

.ab7-col__inner h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.ab7-col__text {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 8vh
}

.animation-box-8 {
    padding: 20.6vh 0
}

.ab8-inner {
    padding-left: 12.44vw
}

.ab8-col-left {
    width: 40%
}

.ab8-col-right {
    width: 60%
}

.ab8-col__inner {
    width: 100%
}

.ab8-col__inner h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.ab8-col__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10.3vh;
    width: 27vw
}

.ab8-col__img {
    position: relative;
    height: 100%
}

.ab8-col__img img {
    padding: 0 0 0 6.25vw;
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box
}

.center-img-box {
    overflow: hidden
}

.center-img-box__inner {
    background: linear-gradient(180deg, #f8f8fb 0%, rgba(255, 255, 255, 0) 53.38%);
    padding-top: 15.4vh;
    padding-bottom: 10.6vh
}

.center-img-box__content {
    width: 45vw;
    margin: 0 auto;
    text-align: center
}

.center-img-box__content h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 7.2vh
}

.center-img-box__content p {
    font-size: 16px;
    line-height: 1.5
}

.center-img-box__img {
    position: relative;
    text-align: center;
    padding-top: 13vh;
    padding-left: 13vw;
    padding-right: 12.44vw;
    margin-bottom: 11vh
}

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

.sheet {
    position: absolute;
    background-size: contain
}

.sheet-1 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-size: contain
}

.sheet-1 img {
    max-width: 45.25vw
}

.sheet-2 {
    top: 0;
    bottom: 0;
    margin: auto;
    left: -7vw;
    background: url(../../../themes/glasso/assets/img/catalog/sheet1.png) no-repeat center;
    width: 13.38vw;
    height: 8.44vw;
    background-size: contain
}

.sheet-3 {
    top: 1vw;
    margin: auto;
    left: 6vw;
    background: url(../../../themes/glasso/assets/img/catalog/sheet2.png) no-repeat center;
    width: 3.8vw;
    height: 3.38vw;
    background-size: contain
}

.sheet-4 {
    bottom: -2vw;
    margin: auto;
    left: 6vw;
    background: url(../../../themes/glasso/assets/img/catalog/sheet-centerbotleft.png) no-repeat center;
    width: 5.73vw;
    height: 4.9vw;
    background-size: contain
}

.sheet-5 {
    bottom: 12vw;
    margin: auto;
    left: 15vw;
    background: url(../../../themes/glasso/assets/img/catalog/sheet-centerbotleft.png) no-repeat center;
    width: 5.73vw;
    height: 4.9vw;
    background-size: contain
}

.sheet-6 {
    top: 1vw;
    margin: auto;
    right: 21vw;
    background: url(../../../themes/glasso/assets/img/catalog/sheet-centertopright.png) no-repeat center;
    width: 5.625vw;
    height: 5.88vw;
    background-size: contain
}

.sheet-7 {
    top: 3vw;
    margin: auto;
    right: 139px;
    background: url(../../../themes/glasso/assets/img/catalog/sheet-centertopright.png) no-repeat center;
    width: 5.625vw;
    height: 5.88vw;
    background-size: contain
}

.sheet-8 {
    bottom: -3vw;
    margin: auto;
    right: 1vw;
    background: url(../../../themes/glasso/assets/img/catalog/sheet-rightbottom.png) no-repeat center;
    width: 11.4vw;
    height: 10.83vw;
    background-size: contain
}

.sheet-9 {
    bottom: 0;
    margin: auto;
    right: 15vw;
    background: url(../../../themes/glasso/assets/img/catalog/sheet-centerbotright.png) no-repeat center;
    width: 5vw;
    height: 4.63vw;
    background-size: contain
}

.img-text-box-2 {
    background-color: #f8f8fb;
    padding-top: 9.5vh;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.img-text-box-2__col-left {
    width: 50%
}

.img-text-box-2__col-left img {
    display: block;
    width: 100%;
    height: auto
}

.img-text-box-2__col-right {
    width: 50%;
    padding-left: 7vw;
    padding-right: 14vw
}

.img-text-box-2 h2,
.img-text-box-2--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.img-text-box-2 p {
    font-size: 16px;
    line-height: 1.5
}

.static-box {
    width: 55vw;
    margin: 0 auto 12.4vh;
    text-align: center
}

.static-box h2,
.static-box--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.static-box__subtitle {
    font-size: 16px;
    width: 31.25vw;
    margin: 0 auto 10.3vh
}

.static-box__row {
    margin-right: -3.9vw;
    margin-left: -3.9vw
}

.static-box__col {
    float: left;
    width: 33.3%;
    padding: 0 3.9vw;
    text-align: center
}

.static-level {
    width: 4.17vw;
    height: 4.95vw;
    margin: 0 auto;
    background-image: url(../../../themes/glasso/assets/img/catalog/shield-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.27vw;
    font-weight: 400;
    margin-bottom: 3.8vh;
    color: #fff
}

.static-img {
    position: relative;
    margin-bottom: 3.8vh
}

.static-img img {
    width: 100%;
    height: auto
}

.static-title {
    position: absolute;
    top: 47%;
    left: 0;
    padding-left: 2.7vw;
    text-align: left;
    font-size: .6vw
}

.static-text {
    font-size: 16px;
    line-height: 1.7
}

.static-text span {
    font-size: 18px;
    display: block;
    font-weight: 600
}

.static-box-eko {
    width: 100%;
    padding: 20.6vh 12.44vw;
    margin: 0
}

.static-eko-box__row {
    margin-right: -3.9vw;
    margin-left: -3.9vw
}

.static-box-eko .static-box__col:first-child {
    width: 50%
}

.static-box-eko .static-box__col:last-child {
    width: 50%;
    padding-top: 50px;
    text-align: center
}

.static-box-eko .static-box__col h2,
.static-box-eko--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh;
    text-align: left
}

.static-box-eko .static-box__col p {
    text-align: left;
    margin: 0;
    font-size: 16px
}

.handle-slide {
    background-color: #f8f8fb;
    padding: 0 23.9vw 0 15.2vw;
    -ms-flex-align: center;
    align-items: center
}

.handle-slide__col-left {
    width: 60%;
    height: 100%
}

.handle-slide__col-right {
    width: 40%
}

.handle-slide__col-left img {
    width: auto;
    height: 100%
}

.handle-slide__col-right h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.handle-slide__col-right p {
    font-size: 16px;
    padding-right: 4.5vw
}

.handle-slide__btn {
    margin-top: 11.3vh
}

.btn-red-40 {
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 40px;
    border: 2px solid #038892;
    background-color: #038892;
    padding: 0 70px 0 25px;
    border-radius: 36px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.btn-red-40:after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 25px;
    top: calc(50% - 9px)
}

.btn-red-40:visited {
    color: #fff
}

.btn-red-40:hover {
    border: 2px solid rgba(208, 210, 220, .2);
    background-color: #fff;
    color: #1c1c1c
}

.btn-red-40:hover:after {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg)
}

.catalog-form__wrap {
    padding: 20.6vh 25vw
}

.catalog-form__wrap h2,
.catalog-form__wrap--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh;
    text-align: center
}

.catalog-form__wrap p {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    max-width: 25vw;
    margin: 0 auto 10vh
}

.catalog-form__wrap .form-col p {
    text-align: left
}

.outline-btn-40 {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    background-color: #fff;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: 18px;
    background-position: 90%;
    background-repeat: no-repeat;
    border: 2px solid #d0d2dc;
    border-radius: 36px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #707782;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    cursor: pointer
}

.outline-btn-40:hover {
    border: 2px solid #038892;
    background-color: #038892;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
    color: #fff
}

.btn-white-outline-40 {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 36px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.btn-white-outline-40:after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 25px;
    top: calc(50% - 9px)
}

.btn-white-outline-40:hover {
    background-color: #fff;
    color: #1c1c1c
}

.btn-white-outline-40:hover:after {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg)
}

.send-outline-btn {
    position: absolute;
    right: 1.875vw
}

.catalog-calculator__wrap {
    background-color: #fcfcfd;
    padding: 9vh 25vw 0 12.5vw;
    -ms-flex-align: center;
    align-items: center
}

.catalog-calculator__col-1 {
    width: 65%
}

.catalog-calculator__col-2 {
    width: 35%
}

.catalog-calculator__col-inner {
    max-width: 24vw
}

.catalog-calculator__col-1 h2,
.catalog-calculator--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 8.8vh
}

.catalog-calculator__btn {
    margin-right: 2.6vw;
    margin-bottom: 3vh
}

.catalog-calculator__col-2 img {
    display: block;
    width: 100%;
    height: auto
}

.pattern-tab__section {
    padding: 18.5vh 12.44vw 20.6vh
}

.pattern-tab__nav {
    width: 69%;
    padding-right: 6.7vw
}

.pattern-tab__content {
    width: 31%
}

.pattern-tab__nav h2,
.pattern-tab__nav--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 4.1vh;
    padding-left: 1vw
}

.pattern-tab__nav-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.pattern-tab__nav-item {
    display: inline-block;
    width: 19.5%;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 1vw
}

.pattern-nav__content {
    position: relative;
    width: 8.3vw;
    height: 8.3vw;
    border: 1px solid #fff;
    padding: 1vw;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.pattern-nav__content p {
    margin: 0
}

.pattern-tab__nav-item:hover .pattern-nav__content {
    padding: .5vw;
    border: 1px solid rgba(0, 0, 0, .2)
}

.pattern-tab__nav-item.active .pattern-nav__content {
    border: 1px solid rgba(0, 0, 0, .2)
}

.pattern-nav__content-inner {
    width: 100%;
    height: 100%;
    background-size: cover
}

.pattern-nav__content span {
    position: absolute;
    left: 1.45vw;
    bottom: 1.45vw;
    max-width: 7.1vw;
    font-size: .56vw;
    color: #fff
}

.pattern-tab__content-item {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover
}

.pattern-tab__content-item.active-tab-item {
    display: block
}

.pattern-name {
    position: absolute;
    top: 10vw;
    left: 2vw;
    font-size: 1.27vw;
    font-weight: 500;
    color: #fff;
    z-index: 1
}

.pattern-name span {
    display: block;
    font-size: 12px
}

.parallax-title-box {
    background: #f8f8fb
}

.parallax-title-box__content {
    width: 43.3vw;
    margin: 0 auto;
    padding: 7.72vh 0 10.3vh;
    text-align: center
}

.parallax-title-box__content h2,
.parallax-title-box__content--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.parallax-title-box__content p {
    font-size: 14px;
    margin: 0
}

.parallax-title-box .parallax-box {
    margin-bottom: 0
}

.parallax-title-box__img {
    height: 62vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.parallax-fixed {
    height: 62vh
}

.parallax-bgcover {
    height: 100%;
    width: 100%;
    position: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1
}

.catalog-more {
    background: #f8f8fb;
    padding: 9.27vh 18.75vw 9.27vh 12.44vw
}

.catalog-more__title h3 {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0;
    padding-right: 2.2vw;
    min-width: 16.5vw
}

.catalog-more__description p {
    font-size: 13px;
    margin: 0;
    width: 30vw
}

.catalog-more__row {
    margin-top: 7.21vh;
    margin-right: -12px;
    margin-left: -12px
}

.catalog-more__col {
    width: 50%;
    padding: 0 12px
}

.catalog-more__col-inner {
    background: #fff;
    padding: 3.7vh 8vw 16vh 2.24vw;
    width: 100%;
    height: 100%;
    position: relative
}

.catalog-more__col h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 1.5vh
}

.catalog-more__col h4 a:hover {
    color: #038892
}

.catalog-more__col p {
    font-size: 12px;
    color: rgba(28, 28, 28, .6);
    margin: 0
}

.catalog-more__link {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #038892;
    position: absolute;
    left: 2.24vw;
    bottom: 4.32vh;
    padding-right: 40px
}

.catalog-more__link:visited {
    color: #038892
}

.catalog-more__link:after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-red.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: calc(50% - 9px)
}

.catalog-more__link:hover {
    color: #1c1c1c
}

.catalog-more__link:hover:after {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg)
}

.catalog-section-nav {
    padding: 10.3vh 18.75vw 10.3vh 12.44vw
}

.catalog-section-nav p {
    margin: 0
}

.catalog-nav__left {
    position: relative;
    width: 50%;
    float: left
}

.catalog-nav__left:before {
    content: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    position: absolute;
    top: .7vw;
    left: -75px;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.catalog-nav__right {
    position: relative;
    width: 50%;
    float: left;
    text-align: right
}

.catalog-nav__right:before {
    content: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    position: absolute;
    top: .7vw;
    right: -75px
}

.catalog-nav__title {
    font-size: 1.68vw;
    font-weight: 600;
    padding-bottom: 1vh
}

.catalog-nav__subtitle {
    font-size: 13px;
    font-weight: 600;
    opacity: .5
}

.catalog-download__wrap {
    padding: 12.6vh 18.75vw 0 12.44vw
}

.catalog-download__wrap h2,
.catalog-download__wrap--title {
    font-size: 1.8vw;
    font-weight: 500;
    margin: 0 0 2.6vh
}

.catalog-download__wrap label {
    font-size: 16px;
    font-weight: 400;
    padding: 2.6vh 0 0;
    color: #1c1c1c;
    display: block
}

.catalog-download__wrap p {
    font-size: 16px;
    color: #1c1c1c;
    margin: 0 0 2.6vh
}

.catalog-download__wrap a {
    display: block;
    padding: 20px 63px 20px 23px;
    border: 1px solid rgba(0, 0, 0, .2);
    margin: 0 0 2.6vh;
    font-size: 18px;
    color: #1c1c1c;
    position: relative;
    transition: all 0.2s ease-in-out
}

.catalog-download__wrap a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 29px;
    width: 20px;
    height: 20px;
    background-image: url(../../../themes/glasso/assets/img/download-icon.svg);
    background-size: contain;
    transform: translate(0, -50%)
}

.catalog-download__wrap a:hover {
    color: #038892;
    border-color: #038892
}

.catalog-download__wrap a:hover:before {
    background-image: url(../../../themes/glasso/assets/img/download-icon-red.svg)
}

.ab4-img {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fdfdff
}

.ab4-img img {
    width: 100%
}

.ab4-img-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.img-full-heading {
    position: relative;
    min-height: 100vh;
    height: auto;
    overflow: hidden
}

.accessories-bg {
    background: #376bfc;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.accessories__inner {
    padding: 18.55vh 12.44vw 10vh
}

.accessories__title {
    font-size: 2.93vw;
    font-weight: 600;
    color: #669cee;
    text-align: center;
    margin: 0 0 13.4vh
}

.accessories__title span {
    display: block;
    color: #fff
}

.accessories__img-list {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    margin-right: -4.6vw;
    margin-left: -4.6vw
}

.accessories__img {
    padding: 0 4vw
}

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

.accessories__img3 img {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.tab-section.handle-tab {
    padding: 10.3vh 12.44vw !important
}

.handle-tab__subtitle {
    max-width: 52vw;
    text-align: center;
    margin: 0 auto 10.3vh
}

.handle-tab__subtitle p {
    font-size: 1.27vw;
    margin: 0
}

.handle-tab__title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5vh;
    text-align: center
}

.handle-tab__subtitle2 {
    max-width: 33vw;
    text-align: center;
    margin: 0 auto
}

.handle-tab__subtitle2 span {
    font-size: 16px
}

.handle-nav-tab-title {
    font-size: 14px;
    text-align: center;
    margin-bottom: 2vh
}

.tab-nav-item.active .hand-color__wrap {
    border: 1px solid #038892
}

.tab-nav-list.handle-nav-tab-list {
    list-style: none
}

.tab-nav-list.handle-nav-tab-list li {
    display: inline-block;
    width: auto;
    padding: 8px
}

.hand-color__wrap {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 9px
}

.hand-color {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.handle-box {
    display: -ms-flexbox;
    display: flex;
    padding: 10.3vh 4vw 6vh
}

.handle-col {
    width: 33%;
    padding-left: 6vw;
    padding-right: 6vw
}

.handle-col__title {
    font-size: 1.27vw;
    font-weight: 400;
    margin: 0 0 7.6vh
}

.handle-col__img img {
    max-width: 100%
}

.handle-animation-box {
    background: #f8f8fb;
    padding: 10.3vh 12.44vw
}

.handle-animation-box h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 10.3vh
}

.handle-animation-box__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-left: -2.6vw;
    margin-right: -2.6vw
}

.handle-animation-box__col {
    padding: 0 2.6vw
}

.handle-animation-box__col img {
    max-width: 100%;
    height: auto
}

.tab-section.layout-tab {
    background: #376bfc;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0 !important;
    margin-bottom: 20.6vh
}

.layout-nav-box {
    width: 50%;
    padding: 14.8vh 4vw 14.8vh 12.44vw
}

.layout-nav-box h2 {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5vh;
    color: #fff
}

.layout-nav-box h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    margin: 0 0 5vh
}

.layout-content-box {
    width: 50%
}

.tab-nav-list.layout-nav-tab-list {
    padding: 0;
    list-style: none;
    margin-left: -1vw;
    margin-right: -1vw;
    margin-bottom: 5.6vh;
    text-align: left
}

.tab-nav-list.layout-nav-tab-list li {
    display: inline-block;
    padding: 0 1vw;
    width: auto
}

.layout-nav__wrap {
    width: 3.65vw;
    height: 3.65vw;
    background: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.active .layout-nav__wrap {
    background: #038892
}

.icon-layout-w {
    display: none
}

.active .icon-layout-w {
    display: block
}

.active .icon-layout-b {
    display: none
}

.tab-content-item.layout-box-item {
    width: 100%;
    height: 0;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat
}

.tab-content-item.layout-box-item.active-tab-item {
    height: 100%
}

.about-bg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-color: #373942
}

.about__inner {
    position: absolute;
    top: 25vh;
    left: 12.44vw;
    width: 30vw;
    color: #fff;
    z-index: 2
}

.about__title {
    margin: 0 0 8vh
}

.about__subtitle {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 28vh
}

.about__content {
    font-size: 13px;
    font-weight: 500
}

.links__container {
    padding: 0 12.44vw
}

.links__table {
    display: table
}

.links__row {
    display: table-row
}

.links__cell {
    display: table-cell;
    vertical-align: top;
    width: 20vw;
    height: 21.6vh;
    padding-top: 4.42vw
}

.links__item {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5vw;
    padding: 0 3vw 0 0;
    position: relative
}

.links__item:after {
    content: "";
    width: 1.5vw;
    height: 1.5vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0
}

.about-box1 {
    padding: 10.3vh 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.about-box1__col {
    width: 32.8vw
}

.about-box1__col h2 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 4.3vh
}

.about-box1__text {
    width: 25vw;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 8vh
}

.about-box-btn {
    padding-right: 70px;
    position: relative
}

.about-box-btn:after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 25px;
    top: calc(50% - 9px)
}

.about-box-btn:hover:after {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg)
}

.about-feature__table {
    display: table;
    width: 100%
}

.about-feature__row {
    display: table-row
}

.about-feature__cell {
    display: table-cell;
    width: 50%;
    padding-bottom: 5.1vh
}

.about-feature__val {
    font-size: 2.36vw;
    font-weight: 700;
    color: #038892
}

.about-feature__label {
    font-size: 18px;
    font-weight: 500
}

.about-box2 {
    padding: 0 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.about-box2__col {
    width: 32.8vw
}

.about-box2__col h2 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 4.3vh
}

.about-box2__text {
    width: 25vw;
    font-size: 13px;
    font-weight: 500
}

.about-box2__col img {
    max-width: 32.8vw
}

.about-box3 {
    padding: 15.4vh 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.about-box3__col {
    width: 32.8vw
}

.about-box3__col h2 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 4.3vh
}

.about-box3__col img {
    max-width: 32.8vw
}

.about-chart__table {
    display: table;
    margin: 2.06vh 0 8.2vh
}

.about-chart__row {
    display: table-row
}

.about-chart__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1.875vw 2.06vh 0
}

.about-chart__cell1 span {
    display: block;
    width: 2.6vw;
    height: 2.6vw
}

.loyalty1 {
    background: #038892
}

.loyalty2 {
    background: #ffacac
}

.loyalty3 {
    background: #ffdfdf
}

.about-chart__cell2 {
    font-size: 18px;
    font-weight: 500
}

.about-box4 {
    padding: 5.1vh 12.44vw 20.6vh;
    position: relative
}

.about-box4__content {
    padding-bottom: 4.3vh
}

.about-box4__content h2 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 4.3vh
}

.about-box4__content h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 4.3vh;
    width: 25vw
}

.about-box4__content p {
    font-size: 13px;
    font-weight: 500;
    width: 25vw
}

.about-box4__delivery h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 4.3vh;
    color: #038892
}

.about-delivery__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.about-delivery__list li {
    display: inline-block;
    padding-right: 2.6vw
}

.about-delivery__list li img {
    vertical-align: middle;
    width: 1.1vw;
    height: auto
}

.about-delivery__list li span {
    vertical-align: middle;
    font-size: 1.6vw;
    font-weight: 500;
    padding-left: .8vw
}

.about-box4__img {
    position: absolute;
    top: 5.1vh;
    right: 12.44vw;
    width: 48.4vw
}

.about-box4__img img {
    max-width: 48.4vw;
    height: auto;
    position: absolute
}

.about-contacts {
    padding: 0 12.44vw
}

.about-contacts h2 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 8.2vh
}

.about-contacts__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.04vw;
    margin-left: -1.04vw
}

.about-contacts__col {
    width: 33%;
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    margin-bottom: 2.08vw
}

.about-contacts__item {
    width: 100%;
    height: 100%;
    background: #fcfcfd;
    padding: 40px 20px
}

.about-contacts__item h3 {
    font-size: 1.27vw;
    font-weight: 500;
    margin: 0 0 3vh
}

.ac__table {
    display: table;
    width: 100%
}

.ac__row {
    display: table-row
}

.ac__cell {
    display: table-cell;
    width: 50%;
    word-break: break-all
}

.cell-title {
    font-size: 14px;
    color: #d0d2dc;
    margin-bottom: 1.6vh
}

.ac__cell a {
    display: block;
    font-size: 14px;
    margin-bottom: .5vh
}

.about-contacts__item.highlight {
    background: #038892;
    color: #fff
}

.about-contacts__item.highlight .cell-title,
.about-contacts__item.highlight .ac__cell a {
    color: #fff
}

.clients-box {
    padding: 10.3vh 0
}

.clients-box__title {
    padding: 0 12.44vw;
    display: -ms-flexbox;
    display: flex
}

.clients-box__title-col {
    width: 50%
}

.production-box {
    padding: 0 0 10.3vh
}

.production-box__title {
    padding: 0 12.44vw;
    display: -ms-flexbox;
    display: flex
}

.production-box__col {
    width: 50%
}

.production-box__title h2 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 4.3vh
}

.tabs-div .production-box__col p {
    padding-right: 50px
}

.production-box__wrap {
    padding: 0 18.75vw 0 12.44vw
}

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

.production-box__col a {
    position: relative;
    display: block
}

.production-box__col a:before {
    content: url(../../../themes/glasso/assets/img/video-play-pr.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tabs-div .clients-box__title-col:first-child {
    padding-right: 30px
}

.clients-box__title-col h2 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 4.3vh
}

.clients-box__title-col a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5vw;
    padding: 0 3vw 0 0;
    position: relative
}

.clients-box__title-col a:after {
    content: "";
    width: 1.5vw;
    height: 1.5vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0
}

.clients-logo__wrap {
    padding: 0 18.75vw 0 12.44vw
}

.clients-logo__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.52vw;
    margin-left: -.52vw
}

.clients-logo__item {
    width: 14.28%;
    padding-left: .52vw;
    padding-right: .52vw;
    margin-bottom: 1.04vw
}

.clients-logo__item img {
    opacity: .6;
    max-width: 100%;
    height: auto
}

.documents-box {
    padding: 0 25vw 15.46vh 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.documents-box__col {
    width: 50%
}

.documents-box__content {
    width: 18.75vw;
    margin: 0 0 0 auto
}

.documents-box__content h2 {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 4.3vh
}

.documents-box__content p {
    font-size: 13px
}

.documents-box__btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5vw;
    padding: 0 3vw 0 0;
    position: relative;
    margin-top: 5.1vh
}

.documents-box__btn:after {
    content: "";
    width: 1.5vw;
    height: 1.5vw;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0
}

.document-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.document-item {
    width: 50%;
    padding: .26vw
}

.document-item__inner {
    background: #f8f8fb;
    padding: 2.4vh 4.7vw 12.3vh 1.01vw;
    position: relative;
    height: 100%
}

.document-item__inner h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 .8vh
}

.document-item__inner span {
    font-size: 14px;
    font-weight: 500;
    color: #707782
}

.document-item__img {
    position: absolute;
    top: 2.4vh;
    right: 1.01vw;
    width: 2.24vw;
    height: auto
}

.document-item__btn {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-right: 1.56vw;
    position: absolute;
    right: 1.01vw;
    bottom: 2.4vh
}

.document-item__btn:after {
    content: "";
    width: .73vw;
    height: .73vw;
    background-image: url(../../../themes/glasso/assets/img/show-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: .2vh
}

.play-box {
    position: absolute;
    right: 21.4vw;
    bottom: -5.5vw;
    cursor: pointer
}

.play-box p {
    margin: 0
}

.play-box__inner {
    width: 4.58vw;
    height: 4.58vw;
    background: #038892;
    border-radius: 50%;
    position: relative;
    margin: 0 auto
}

.play-box__inner:before {
    content: "";
    width: 6.875vw;
    height: 6.875vw;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    position: absolute;
    top: -1.15vw;
    left: -1.15vw;
    z-index: -1
}

.play-icon {
    display: block;
    width: 0;
    height: 0;
    border-top: .67vw solid transparent;
    border-left: .83vw solid #fff;
    border-bottom: .67vw solid transparent;
    position: absolute;
    top: 50%;
    left: 54%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pause-icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pause-icon:before {
    content: "";
    width: 4px;
    height: 1.34vw;
    background: #fff;
    position: absolute;
    top: -.67vw;
    left: -8px
}

.pause-icon:after {
    content: "";
    width: 4px;
    height: 1.34vw;
    background: #fff;
    position: absolute;
    top: -.67vw;
    right: -8px
}

.play-title {
    font-size: 16px;
    font-weight: 600;
    padding-top: 2.29vw;
    display: block
}

.play-box.active .play-icon {
    display: none
}

.play-box.active .pause-icon {
    display: block
}

.form-page {
    padding: 20.6vh 0 0
}

.form-page__content {
    max-width: 55vw;
    padding: 0 12.5vw 12vh;
    box-sizing: border-box
}

.form-page__content h1 {
    margin-bottom: 4.2vh
}

.form-page__content p {
    padding-right: 5.2vw;
    font-size: 14px
}

.form-page__form {
    max-width: 56vw;
    padding-bottom: 12vh;
    padding-left: 12.5vw
}

.page-form__title {
    font-size: 1.68vw;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 6vh;
    max-width: 30vw
}

.window-page-bg {
    background: #373841;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.window-page__inner {
    position: absolute;
    top: 25vh;
    left: 12.44vw;
    width: 40vw
}

.window-page__title {
    font-size: 2.93vw;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 8vh;
    color: #fff
}

.window-page__content {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
    color: #fff
}

.window-page__img {
    position: absolute;
    right: 6.25vw;
    bottom: 0
}

.window-page__img img {
    max-width: 40vw;
    display: block
}

.windows-cards__wrap {
    padding: 5vh 6.25vw 5vh 12.5vw
}

.windows-cards__header {
    margin-bottom: 5vh
}

.windows-cards__header h2,
.windows-cards__title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 3vh
}

.windows-cards__header p {
    font-size: 14px;
    margin: 0
}

.windows-cards__row {
    margin-left: -1.3vw;
    margin-right: -1.3vw
}

.windows-cards__item {
    width: 25%;
    padding: 0 1.3vw 5vh
}

.windows-card__inner {
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 0 2.6vw 5.6vw;
    position: relative;
    text-align: center
}

.windows-cards__item p {
    margin: 0
}

.windows-cards__item a:hover svg path {
    fill: #038892
}

.windows-card__inner-img img {
    width: 100%
}

.windows-card__title {
    margin-top: 2.6vw;
    font-size: 1.27vw;
    letter-spacing: .1em;
    margin-bottom: 1.3vw;
    min-height: 3.5vw
}

.windows-card__title span {
    font-size: .8vw
}

.windows-card__title img {
    max-width: 26px
}

.windows-card__btn {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 2.6vw
}

.windows-card__btn button {
    margin: 0 auto
}

.windows-more-btn {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    background-color: #fff;
    border: 2px solid #d0d2dc;
    border-radius: 36px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #707782;
    padding: 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.windows-more-btn:hover {
    border: 2px solid #038892;
    background-color: #038892;
    color: #fff
}

.windows-cards__item a:hover .windows-more-btn {
    border: 2px solid #038892;
    background-color: #038892;
    color: #fff
}

.windows-more-btn:focus {
    outline: none
}

.grid.grid-3 {
    padding-top: 4vh
}

.facade-features__wrap {
    background: #f8f8fb;
    padding: 7vh 25vw 4vh 12.5vw
}

.facade-features__header {
    font-size: 1.68vw;
    font-weight: 600;
    margin: 0 0 4vh;
    color: #038892
}

.facade-features__row {
    margin-left: -2vw;
    margin-right: -2vw
}

.facade-features__item {
    width: 20%;
    padding: 0 2vw 4vh
}

.ff-table {
    display: table
}

.ff-row {
    display: table-row
}

.ff-cell {
    display: table-cell;
    font-size: 18px;
    font-weight: 500;
    vertical-align: top
}

.ff-cell span {
    font-size: 1.68vw;
    font-weight: 500;
    color: #038892;
    padding-right: 1.4vw
}

.animation-box-9 {
    padding: 12vh 18.75vw 12vh 12.5vw
}

.ab9-col-left {
    width: 45%
}

.ab9-col-right {
    width: 55%;
    text-align: right
}

.ab9-col-right img {
    max-width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    height: auto
}

.ab9-col__title {
    font-size: 1.68vw;
    font-weight: 700;
    margin: 0 0 6vh
}

.ab9-col__title p {
    margin: 0
}

.ab9-col__text p {
    font-size: 18px;
    margin: 0 0 2vh
}

.ab9-col__row {
    margin-top: 5vh;
    max-width: 90%
}

.ab9-col__item {
    width: 50%;
    padding: 0 2.2vw 2.5vh 0
}

.ab9-col__table {
    display: table;
    width: 100%
}

.ab9-col__table-row {
    display: table-row
}

.ab9-col__table-cell-1 {
    display: table-cell;
    width: 30%;
    vertical-align: middle
}

.ab9-col__table-cell-2 {
    display: table-cell;
    font-size: 12px;
    width: 70%;
    vertical-align: middle
}

.ab9-col__table-cell-2 img {
    margin-right: .8vw
}

.facade-system__wrap {
    padding: 3.5vh 25vw 12vh 12.5vw
}

.facade-system__header {
    max-width: 32vw;
    margin-bottom: 6vh
}

.facade-system__header h2 {
    font-size: 1.68vw;
    font-weight: 700;
    margin: 0 0 4vh
}

.facade-system__header p {
    font-size: 18px;
    margin: 0
}

.facade-system__row {
    margin-left: -.7vw;
    margin-right: -.7vw
}

.facade-system__cell {
    width: 25%;
    padding: 0 .7vw 1.4vw
}

.facade-system__item {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #dbdbdb
}

.facade-system__item-title {
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    left: .95vw;
    bottom: .95vw
}

.facade__more {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 40px;
    background: #fff;
    border: none;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 10;
    margin-top: 4.5vh
}

.facade__more:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%)
}

.facade__more:hover {
    background: #038892;
    color: #fff
}

.facade__more:hover:before {
    background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg)
}

.img-section-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.ha-tab {
    background-color: #f8f8fb;
    padding: 0 6.25vw 0 15.2vw
}

.tab-section.ha-tab {
    padding-top: 0 !important
}

.ha-nav-box {
    order: 2;
    width: 45%;
    padding: 14.8vh 0
}

.ha-content-box {
    order: 1;
    width: 55%;
    height: auto;
    padding-right: 6.25vw
}

.ha-nav-box h2,
.ha-nav-box--title {
    font-size: 2.93vw;
    font-weight: 500;
    margin: 0 0 5.1vh
}

.ha-nav-box p {
    font-size: 16px;
    padding-right: 4.5vw
}

.tab-nav-list.ha-nav-tab-list {
    padding: 50px 0 30px;
    list-style: none;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 3.6vh;
    text-align: left
}

.tab-nav-list.ha-nav-tab-list li {
    display: inline-block;
    padding: 0 16px;
    width: auto;
    position: relative;
    padding-bottom: 40px
}

.ha-nav__wrap {
    width: 70px;
    height: 70px;
    background: #eaedf3;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.active .ha-nav__wrap {
    background: #038892
}

.ha-nav__wrap svg path {
    stroke: #000
}

.active .ha-nav__wrap svg path {
    stroke: #fff
}

.ha-nav__title {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 12px;
    width: 100%;
    text-align: center
}

.ha-box-item {
    width: 100%;
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat
}

.ha-box-item.active-tab-item {
    height: 100%
}

.window-slide__wrap.tab-section {
    padding-top: 0 !important
}

.window-slide__wrap {
    height: 100vh;
    position: relative
}

.window-slide__nav {
    z-index: 1
}

.window-slide__nav-item.tab-nav-item {
    width: auto;
    padding: 0 0 3.6vh;
    height: auto
}

.window-slide__nav-icon {
    overflow: hidden
}

.window-slide__nav h3 {
    margin: 0 0 25px;
    text-align: left;
    padding-left: 5.45vw
}

.active .current-1,
.hover-1 {
    border: 2px solid #83aff1;
    background-color: #83aff1
}

.active .current-2,
.hover-2 {
    border: 2px solid #f9c577;
    background-color: #f9c577
}

.active .current-3,
.hover-3 {
    border: 2px solid #9677f0;
    background-color: #9677f0
}

.active .current-4,
.hover-4 {
    border: 2px solid #9cabf6;
    background-color: #9cabf6
}

.nav-icon-w {
    display: none
}

.active .nav-icon-w {
    display: block
}

.active .nav-icon-b {
    display: none
}

.furnitura-inner__header {
    background-color: #f8f8fb;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.furnitura-inner__header-content {
    position: absolute;
    top: 19.89vh;
    left: 12.44vw;
    width: 34vw;
    z-index: 2
}

.furnitura-inner__header-title {
    font-size: 2.93vw;
    font-weight: 600;
    margin: 0 0 10vh
}

.furnitura-inner__header-subtitle {
    font-size: 13px;
    font-weight: 500;
    padding-right: 4vw
}

.furnitura-content__section {
    padding: 10vh 0 5vh
}

.furnitura-content__box {
    padding: 0 22vw 15vh 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

.furnitura-content__col-text {
    width: 45%
}

.furnitura-content__col-img {
    width: 45%
}

.furnitura-content__section h2 {
    font-size: 1.68vw;
    margin: 0 0 5vh
}

.furnitura-content__section p {
    font-size: 13px
}

.furnitura-img__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -15px;
    margin-left: -15px
}

.furnitura-img__col1 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.furnitura-img__col2 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.furnitura-img__col1 img,
.furnitura-img__col2 img {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px
}

.furnitura-table__box {
    padding: 0 12.44vw 10vh
}

.furnitura-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.furnitura-table img {
    max-width: 100%
}

.furnitura-table__custom img:first-child {
    width: 80%;
    padding-right: 1.6vw
}

.furnitura-table__custom img:last-child {
    width: 20%
}

.img-heading--space {
    margin-bottom: 15vh
}

.img-section__inner {
    position: absolute;
    top: 25vh;
    left: 12.44vw;
    width: 40vw;
    color: #fff;
    z-index: 2
}

.img-section__title {
    font-size: 2.93vw;
    margin: 0 0 8vh
}

.img-section__content {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    width: 30vw
}

.img-section__more {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: 40px;
    background: #fff;
    border: none;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 70px 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 10;
    margin-top: 4.5vh
}

.img-section__more:before {
    content: "";
    width: 18px;
    height: 9px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%)
}

.animation-box-10 {
    padding: 0 12.5vw 15vh
}

.ab10-inner {
    -ms-flex-align: center;
    align-items: center
}

.ab10-col-left {
    width: 45%
}

.ab10-col-right {
    width: 55%;
    text-align: right
}

.ab10-col__img-center {
    text-align: center
}

.ab10-col-right img {
    max-width: 100%;
    padding-top: 10px;
    padding-left: 3.2vw;
    height: auto
}

.ab10-inner h2 {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 25px
}

.ab10-inner .ab10-inner--title {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 25px
}

.ab10-inner .ab10-inner--subtitle {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 25px
}

.ab10-col__text {
    margin: 0 0 4vh
}

.ab10-col__text p {
    font-size: 16px;
    margin: 0 0 2vh
}

.ab10-inner ul {
    padding-left: 20px;
    font-size: 15px
}

.ab10-inner ul li {
    padding-bottom: 1.6vh
}

.ab11-inner {
    padding-left: 12.44vw;
    padding-right: 12.44vw;
    padding-bottom: 15vh
}

.ab11-row {
    margin-left: -3.1vw;
    margin-right: -3.1vw
}

.ab11-col {
    padding-left: 3.1vw;
    padding-right: 3.1vw;
    width: 50%;
    float: left
}

.ab11-inner h2 {
    font-size: 32px;
    font-weight: 600;
    margin: 0
}

.ab11-inner .ab11-inner--title {
    font-size: 32px;
    font-weight: 600;
    margin: 0
}

.ab11-col h3 {
    font-size: 18px;
    margin: 0 0 30px
}

.ab11-col .ab11-inner--subtitle {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 30px
}

.ab11-col p {
    font-size: 16px;
    line-height: 1.5
}

.gallery-box {
    padding: 0 12.44vw 15vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gallery-box img {
    width: 100%;
    height: auto
}

.gallery-item--50 {
    width: 50%
}

.gallery-item--50:first-child {
    padding-right: 40px
}

.gallery-item--50:last-child {
    padding-left: 40px
}

.gallery-item--100 {
    width: 100%
}

.ab10-col-right img.scheme-img {
    max-width: 70%;
    display: block;
    margin: 0 auto
}

.img-list__wrap {
    padding: 0 12.5vw 12vh
}

.img-list__wrap h2,
.img-list--title {
    font-weight: 600;
    font-size: 36px;
    margin: 0 0 50px
}

.img-list img {
    max-width: 100%;
    width: 100%
}

.img-list--big {
    display: block
}

.img-list--tablet {
    display: none
}

.img-list--mobile {
    display: none
}

@media screen and (max-width:1200px) {
    .img-list--big {
        display: none
    }

    .img-list--tablet {
        display: block
    }

    .img-list--mobile {
        display: none
    }
}

@media screen and (max-width:767px) {
    .img-list--big {
        display: none
    }

    .img-list--tablet {
        display: none
    }

    .img-list--mobile {
        display: block
    }
}

.gallery-four__wrap {
    padding-left: 12.44vw;
    padding-right: 12.44vw;
    padding-bottom: 15vh
}

.gallery-four__title {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 50px
}

.gallery-four__box {
    margin-left: -25px;
    margin-right: -25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gallery-four__item {
    width: 25%;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 80px
}

.gallery-four__item img {
    max-width: 370px;
    width: 100%;
    display: block;
    margin: 0 auto 30px
}

.gallery-four__item p {
    margin: 0
}

.gallery-four__name {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.parallax-box.parallax-box--no-margin {
    margin-bottom: 0
}

.account-box--mb {
    margin-bottom: 18vh
}

.static-box-eko.static-box-eko--no-padding {
    padding-top: 0
}

.cross-nav {
    width: 100%;
    background: #f8f8fb;
    padding: 15px 9vw;
    position: absolute;
    top: calc(6.25vw + 50px);
    z-index: 80
}

.cross-nav__wrap {
    position: relative
}

.cross-nav.fixed {
    position: fixed;
    top: 6.25vw;
    z-index: 80;
    -webkit-animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
    animation: fadein 0.5s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cross-nav__list {
    margin: 0 0 0 -20px;
    padding: 0;
    text-align: center
}

.cross-nav__list li {
    display: inline-block
}

.cross-nav__list li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .1em;
    padding: 0 20px
}

.cross-nav__list li a:hover,
.cross-nav__list li a.current {
    color: #038892
}

.submenu-prev {
    display: none !important
}

.submenu-next {
    position: absolute;
    top: -10px;
    right: -50px
}

.b24-widget-button-inner-container {
    display: none !important
}

.b24-widget-button-position-bottom-right {
    right: 80px !important;
    bottom: 4vh !important
}

.aside_write_now--mobile {
    display: none
}

.simple-page {
    padding: 28vh 12.5vw 10vh
}

.breadcrumbs {
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    padding: 12px 0;
    top: 6.25vw;
    left: 12.44vw;
    z-index: 2
}

.breadcrumbs--white,
.breadcrumbs--white a {
    color: #fff
}

.breadcrumbs--black,
.breadcrumbs--black a {
    color: #1c1c1c
}

.breadcrumbs--color,
.breadcrumbs--color a {
    color: #fff
}

.custom-text {
    background: #f8f8fb;
    padding: 10vh 12.5vw
}

.custom-text__content {
    padding-right: 12.5vw
}

.custom-text__inner::-webkit-scrollbar {
    width: 2px;
    -webkit-appearance: none
}

.custom-text__inner::-webkit-scrollbar-track {
    background: rgba(61, 61, 61, .1)
}

.custom-text__inner::-webkit-scrollbar-thumb {
    background: #3d3d3d;
    outline: none
}

.custom-text__content a {
    text-decoration: underline
}

.grecaptcha-badge {
    right: -2000px !important
}

@media screen and (max-width:767px) {
    .window-slide__nav {
        left: 0;
        padding: 0 25px;
        z-index: 1
    }
}

.ap-about-box {
    padding: 0 15.6vw 15vh 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.ap-about-box__col1 {
    width: 50%;
    padding-right: 6.25vw
}

.ap-about-box__title {
    font-size: 2.93vw;
    font-weight: 600;
    margin-bottom: 4vh
}

.ap-about-box__col1 p {
    font-size: .81vw;
    line-height: 2;
    margin: 0 0 9vh 0
}

.ap-about-box-btn {
    padding-right: 70px;
    position: relative
}

.ap-about-box-btn:after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 25px;
    top: calc(50% - 9px)
}

.ap-about-box__col2 {
    width: 50%
}

.ap-about__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ap-about__list-item {
    width: 33.3%;
    height: 13vw;
    border: 2px solid #d0d2dc;
    padding: 8.5vw 1.6vw 2vw 1.6vw;
    position: relative;
    text-align: center
}

.ap-about__list-item span {
    display: block;
    font-size: .94vw;
    text-transform: uppercase
}

.ap-about__list-item img {
    width: auto;
    height: 5.2vw;
    position: absolute;
    top: 1.6vw;
    left: 50%;
    transform: translate(-50%, 0)
}

.ap-about__list-item2 {
    margin-top: 50px;
    margin-left: -2px
}

.ap-about__list-item3 {
    margin-top: 100px;
    margin-left: -2px
}

.ap-about__list-item4 {
    margin-top: -102px
}

.ap-about__list-item5 {
    margin-top: -52px;
    margin-left: -2px
}

.ap-about__list-item6 {
    margin-top: -2px;
    margin-left: -2px
}

.ap-tab-box {
    padding: 0 15.6vw 15vh 12.44vw
}

.ap-tab-box__title {
    font-size: 2.93vw;
    font-weight: 600;
    margin-bottom: 4vh;
    max-width: 60%
}

.tab-nav-box {
    margin-bottom: 3vh
}

.ap-nav-tab-list {
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
    text-align: left;
    list-style: none
}

.ap-nav-tab-list li {
    padding: 0 10px 20px 10px;
    margin: 0;
    width: auto;
    display: inline-block
}

.ap-nav-tab__item {
    font-size: .73vw;
    line-height: 1.8;
    padding: 4px 16px;
    background: #f2f2f9;
    border-radius: 50px
}

.ap-nav-tab-list li.active .ap-nav-tab__item {
    background: #038892;
    color: #fff
}

.ap-system-box {
    margin-left: -1.3vw;
    margin-right: -1.3vw
}

.ap-system-box__col {
    width: 33.3%;
    padding: 0 1.3vw 5vh
}

.ap-system-box__item {
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 0 2.2vw 7.5vw;
    position: relative;
    text-align: center
}

.ap-system-box__item img {
    width: 100%;
    max-width: 100%
}

.ap-system-box__item-name {
    font-size: 1.27vw;
    line-height: 1;
    position: absolute;
    left: 2.6vw;
    bottom: 2.2vw
}

.world-work-box {
    background-color: #fcfcfd;
    padding: 9vh 15.6vw 9vh 12.44vw
}

.world-work__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5vw;
    margin-right: -5vw;
    margin-bottom: 4vh
}

.world-work__col {
    width: 50%;
    padding: 0 5vw
}

.world-work__title {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.2
}

.world-work__subtitle {
    font-size: .94vw;
    color: #707782;
    margin-bottom: 15px
}

.world-work__text {
    font-size: 1.27vw;
    line-height: 1.6
}

.world-work__img-wrap {
    position: relative
}

.world-work__img-wrap img {
    width: 100%;
    height: auto
}

.world-work__img-pin {
    position: absolute;
    top: 0;
    left: 0
}

.ap-about-box2 {
    padding: 14vh 15.6vw 14vh 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ap-about-box2__col {
    width: 50%
}

.ap-about-box2__col {
    padding-right: 8vw
}

.ap-about-box2__col:last-child {
    padding-left: 5vw;
    padding-right: 0
}

.ap-about-box2__title {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 5vh;
    max-width: 55%
}

.ap-about-box2__text {
    font-size: .73vw;
    line-height: 2;
    margin-bottom: 5vh
}

.ap-about-box2__text p {
    margin-top: 0
}

.ap-video-box {
    padding: 0 15.6vw 14vh 12.44vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ap-video-box img {
    width: 100%;
    height: 100%
}

.ap-project-box {
    padding: 0 15.6vw 4vh 12.44vw
}

.ap-project-box__title {
    font-size: 2.93vw;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 5vh;
    max-width: 40%
}

.ap-project-box__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ap-project-box__col {
    width: 50%
}

.ap-project-box__item {
    margin-bottom: 7vh
}

.ap-project-box__item-img {
    margin-bottom: 3vh
}

.ap-project-box__item-img img {
    width: 100%;
    height: auto
}

.ap-project-box__item-title {
    font-size: 1.27vw;
    font-weight: 600;
    margin-bottom: 3vh
}

.ap-project-box__item-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px
}

.ap-project-box__item-full .ap-project-box__item-meta-1 {
    width: 55%;
    padding: 0 25px 30px 25px
}

.ap-project-box__item-full .ap-project-box__item-meta-2 {
    width: 25%;
    padding: 0 25px 30px 25px
}

.ap-project-box__item-full .ap-project-box__item-meta-3 {
    width: 20%;
    padding: 0 25px 30px 25px
}

.ap-project-box__item-padding .ap-project-box__item-meta-1 {
    width: 100%;
    padding: 0 25px 30px 25px
}

.ap-project-box__item-padding .ap-project-box__item-meta-2 {
    width: 50%;
    padding: 0 25px 30px 25px
}

.ap-project-box__item-padding .ap-project-box__item-meta-3 {
    width: 50%;
    padding: 0 25px 30px 25px
}

.ap-project-box__item-meta-label {
    font-size: .73vw;
    color: #707782;
    margin-bottom: 5px
}

.ap-project-box__item-meta-excerpt {
    font-size: .94vw
}

.ap-project-box__col-left .ap-project-box__item-padding {
    padding-right: 5vw
}

.ap-project-box__col-right .ap-project-box__item-padding {
    padding-left: 5vw
}

@media screen and (max-width:767px) {
    .main-slide {
        background: #0a0a0a;
        background-size: cover;
        background-position: center
    }

    .mobile-show {
        display: block !important
    }

    .mobile-hide {
        display: none !important;
        height: 0 !important;
        overflow: hidden
    }

    .tablet-show {
        display: none
    }

    .preloader {
        background-size: 47%
    }

    .preloader .preloader-progress:before {
        background-size: 47%
    }

    h1 {
        font-size: 40px;
        font-weight: 600
    }

    h2 {
        font-size: 24px;
        font-weight: 600
    }

    .modal-inner--title {
        font-size: 24px
    }

    .main-link-1__wrap {
        display: none !important
    }

    .main-link-2__wrap {
        display: none !important
    }

    .main-link-3__wrap {
        display: none !important
    }

    .scroll-down__wrap {
        display: none !important
    }

    .red_btn {
        width: auto;
        height: 40px;
        padding: 12px 55px;
        font-size: 12px
    }

    .outline-btn {
        height: 40px;
        padding: 12px 20px;
        font-size: 12px;
        font-weight: 500
    }

    .red-btn {
        height: 40px;
        padding: 13px 20px;
        font-size: 12px
    }

    .white-btn {
        width: auto;
        height: 40px;
        padding: 13px 30px;
        font-size: 12px;
        box-sizing: border-box
    }

    .aside-scroll-top__title {
        display: none
    }

    .aside-scroll-top {
        display: none
    }

    .scroll-down-global__wrap {
        display: none
    }

    .form-row {
        margin-right: -10px;
        margin-left: -10px
    }

    .form-col {
        padding-left: 10px;
        padding-right: 10px
    }

    .form-col-100 {
        padding-left: 10px;
        padding-right: 10px
    }

    .form-page .form-col {
        width: 100%;
        margin-bottom: 40px
    }

    .form-row-mobile-100 .form-col {
        width: 100%;
        margin-bottom: 40px
    }

    label {
        font-size: 12px
    }

    input[type="text"],
    input[type="date"],
    input[type="time"],
    input[type="email"] {
        height: 40px;
        font-size: 16px
    }

    input[type="date"]:after,
    input[type="time"]:after {
        content: none
    }

    .input-file-trigger {
        margin-bottom: 0
    }

    .form-row-mobile-100 .form-col .input-file-trigger {
        margin-bottom: 0
    }

    .file-return {
        font-size: 12px
    }

    textarea {
        font-size: 16px
    }

    .select-selected {
        height: 38px;
        font-size: 16px;
        border-bottom: 1px solid #373942
    }

    header {
        display: none
    }

    aside {
        display: none !important
    }

    .grid-line {
        display: none
    }

    .header-mobile {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        height: 63px !important;
        z-index: 110;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
        z-index: 100
    }

    .mob-nav-open .header-mobile {
        background: #FFF
    }

    

    .header-mobile.on-scroll .logo-color {
        display: block !important
    }

    .header-mobile.on-scroll {
        background: #FFF
    }

    .header-logo {
        position: absolute;
        top: 20px;
        left: 25px;
        transform: none
    }

    .header-logo img {
        max-width: 140px
    }

    .tel-white {
        display: none
    }

    .change-logo .tel-white {
        display: block
    }

    .change-logo .tel-color {
        display: none
    }

    .search-white {
        display: none
    }

    .change-logo .search-white {
        display: block
    }

    .change-logo .search-color {
        display: none
    }

    .mobile-menu-btn {
        width: 55px;
        height: 55px;
        position: absolute;
        top: 4px;
        right: 8px;
        background: #038892;
        cursor: pointer
    }

    .mobile-menu-btn-line {
        width: 20px;
        height: 2px;
        background: #fff;
        position: absolute;
        left: calc(50% - 10px)
    }

    .mobile-menu-btn-line-1 {
        top: calc(50% - 3px)
    }

    .mobile-menu-btn-line-2 {
        top: calc(50% + 3px)
    }

    .mobile-menu-btn.open .mobile-menu-btn-line-1 {
        top: 50%;
        transform: rotate(45deg);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear
    }

    .mobile-menu-btn.open .mobile-menu-btn-line-2 {
        top: 50%;
        transform: rotate(-45deg);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear
    }

    .mobile-search__wrap {
        position: absolute;
        top: 24px;
        right: 90px
    }

    .mobile-tel__wrap {
        position: absolute;
        top: 24px;
        right: 135px
    }

    .mobile-tel__box {
        display: none;
        width: 100%;
        position: absolute;
        top: 63px;
        left: 0;
        background-color: #fff
    }

    .mobile-tel__box ul li {
        list-style: none;
        padding: 12px 25px
    }

    .mobile-search__box {
        display: none;
        width: 100%;
        position: relative;
        top: 63px;
        left: 0;
        background-color: #fff;
        padding: 16px 25px
    }

    .mobile-search__box .search-field {
        padding: 0 0 0 40px
    }

    .mobile-search__box .search-field input[type="search"] {
        font-size: 16px
    }

    .mobile-nav {
        position: fixed;
        width: 100%;
        height: 0;
        z-index: 90;
        overflow: hidden;
        background-color: #FFF;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear
    }

    .mobile-nav.nav-open {
        display: block;
        height: 100%;
        overflow-y: auto
    }

    .mob-nav-open .logo-white,
    .mob-nav-open .tel-white,
    .mob-nav-open .search-white {
        display: none !important
    }

    .mob-nav-open .logo-color,
    .mob-nav-open .tel-color,
    .mob-nav-open .search-color {
        display: block !important
    }

    .mobile-nav__top {
        padding: 12.2vh 25px 50px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .order-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        height: 40px;
        background: #038892;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        color: #FFF;
        padding: 0 24px
    }

    .contact-btn {
        text-align: right;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: .2em;
        text-transform: uppercase
    }

    .mobile-nav-btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px 40px
    }

    .mobile-nav-btn__social {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-nav-btn__social a {
        margin: 0 8px 0 0
    }

    .mobile-nav-btn__social a:last-child {
        margin: 0
    }

    .mobile-language-box ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .mobile-language-box ul li {
        display: inline-block;
        font-size: 16px;
        padding-left: 18px
    }

    .mobile-language-box ul li.active {
        opacity: .2
    }

    .mobile-nav__section1 {
        padding: 0 25px 50px
    }

    .section1-item {
        padding-bottom: 40px
    }

    .mobile-nav__section1 h3 {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: #038892;
        margin: 0 0 25px
    }

    .mobile-nav__section1 .section-title {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: #038892;
        margin: 0 0 25px
    }

    .section1-item__nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .section1-item__nav ul li {
        padding: 0 0 10px
    }

    .section1-item__nav ul li a {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4
    }

    .top-catalog-nav {
        height: auto
    }

    .top-catalog-nav ul li {
        padding: 0 0 20px 45px;
        position: relative
    }

    .toggle-children {
        width: 30px;
        height: 30px;
        top: -5px;
        transform: none
    }

    .top-catalog-nav ul li a {
        font-size: 14px
    }

    .top-catalog-nav .dropdown-menu {
        padding: 10px 0 0 12px;
        display: none
    }

    .top-catalog-nav .dropdown-menu li {
        padding: 4px 0
    }

    .top-catalog-nav .dropdown-menu li a {
        font-size: 13px
    }

    .toggle-children.slidedown {
        top: 0
    }

    .mobile-nav__section2 {
        padding: 0 25px 50px
    }

    .mobile-nav__section2 h3 {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: #038892;
        margin: 0 0 25px
    }

    .mobile-nav__section2 .top-catalog-nav ul li {
        padding-left: 0
    }

    .mobile-nav__section3 {
        background: url(../../../themes/glasso/assets/img/bg-countdown.svg);
        background-size: cover;
        position: relative;
        padding: 45px 25px 50px
    }

    .mobile-nav__section3 h2 {
        font-size: 18px;
        margin: 0 0 25px
    }

    .sale-counter__wrap {
        margin-bottom: 64px
    }

    .sale-counter__item {
        width: 38px
    }

    .sale-counter__numbers {
        font-size: 16px;
        padding: 4px 0
    }

    .sale-counter__text {
        font-size: 8px;
        padding: 3px 0
    }

    .main-slide .fp-scroller {
        height: 100%
    }

    .nav-more-btn {
        position: relative;
        left: initial;
        bottom: initial;
        background-color: #FFF;
        width: auto;
        height: 30px;
        padding: 9px 48px 10px 16px;
        border-radius: 36px;
        font-size: 10px
    }

    .nav-more-btn:after {
        content: '';
        width: 18px;
        height: 9px;
        background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
        background-size: cover;
        right: 16px;
        top: 50%;
        transform: translate(0, -50%)
    }

    .mobile-nav__section4 {
        background: url(../../../themes/glasso/assets/img/bg-sale.svg);
        background-size: cover;
        position: relative;
        padding: 50px 25px
    }

    .mobile-nav__section4 h2 {
        font-size: 18px;
        margin: 0 0 70px
    }

    .mobile-nav__section5 {
        background: #373942;
        padding: 50px 25px 0
    }

    .section5-item {
        padding-bottom: 40px
    }

    .section5-item h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: #FFF;
        opacity: .2;
        margin: 0 0 25px
    }

    .section5-item .section-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.4;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: #FFF;
        opacity: .2;
        margin: 0 0 25px
    }

    .section5-item__nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .section5-item__nav ul li {
        padding: 0 0 10px
    }

    .section5-item__nav ul li a {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
        color: #EAEDF3
    }

    .nav-section-3__link-box {
        padding: 0 50px 0 30px;
        position: relative;
        bottom: initial;
        right: initial;
        width: 100%;
        height: 120px;
        opacity: 1
    }

    .nav-section-3__link-box-1 {
        border-bottom: 4px solid #373942
    }

    .nav-section-3__link-box a {
        font-size: 16px
    }

    .nav-section-3__link-box-1 a:after {
        width: 20px;
        height: 23px
    }

    .nav-section-3__link-box-2 a:after {
        width: 29px;
        height: 20px
    }

    .video-heading {
        position: relative;
        padding-top: 0
    }

    .video-section__inner {
        top: 0;
        left: 0 !important;
        height: 100%;
        width: 100%;
        padding-top: 130px
    }

    .video-section__title {
        font-size: 36px;
        font-weight: 500;
        margin: 0;
        padding: 0 45px 0 25px
    }

    .video-section__content {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        width: 100%;
        padding: 0 45px 95px 25px;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .video-box-full {
        margin-bottom: 50px
    }

    .video-heading-btn .video-section__content {
        padding-bottom: 166px
    }

    .video-section__btn {
        position: absolute;
        bottom: 86px;
        padding: 0 25px
    }

    .vacancy-item__wrap {
        padding: 0 25px
    }

    .vacancy-item__container {
        width: 100%;
        padding: 50px 0
    }

    .vacancy-item__wrap.open-container .vacancy-item__container {
        padding-bottom: 115px
    }

    .vacancy-item__title {
        font-size: 24px;
        font-weight: 600;
        padding-right: 64px;
        padding-bottom: 32px;
        margin: 0
    }

    .mob-vacancy-item__new {
        display: block;
        font-size: 10px;
        letter-spacing: .1em;
        color: #038892;
        text-transform: uppercase
    }

    .vacancy-item__title sup {
        display: none
    }

    .vacancy-item__subtitle {
        width: 100%;
        font-size: 13px
    }

    .vacancy-item__tags ul {
        margin: 32px 0 0
    }

    .vacancy-item__tags ul li {
        margin: 4px 26px 4px 0;
        padding: 5px 10px;
        color: #FFF;
        font-size: 13px;
        font-weight: 500;
        line-height: 1
    }

    .vacancy-show {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #038892;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer
    }

    .vacancy-item__content {
        width: 100%;
        font-size: 13px
    }

    .vacancy-item__content h5 {
        font-size: 13px
    }

    .vacancy-item__content ul li::before {
        font-size: 18px
    }

    .vacancy-reply {
        padding-right: 60px;
        right: auto;
        left: 0;
        bottom: 45px
    }

    .vacancy-reply:after {
        width: 18px;
        height: 9px;
        background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
        right: 20px;
        top: 14px
    }

    .cv__wrap {
        padding: 40px 25px 50px
    }

    .cv__col-1 {
        width: 100%;
        float: none
    }

    .cv__col-1 h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .cv__col-1 p {
        font-size: 12px;
        margin: 0
    }

    .cv__col-2 {
        display: none
    }

    .cv__col-3 {
        width: 100%;
        float: none;
        padding-top: 50px
    }

    .vacancy-modal-form {
        padding: 90px 25px 50px;
        overflow-y: auto
    }

    .vacancy-modal-inner {
        padding: 0 0 0 75px;
        overflow-y: auto
    }

    .vacancy-modal-close {
        top: 0
    }

    .vacancy-modal-inner h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .vacancy-modal-form .form-col {
        width: 100%;
        float: left;
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 40px
    }

    .support__wrap {
        padding: 40px 25px 50px
    }

    .support__col-1 {
        width: 100%;
        float: none
    }

    .support__col-1 h2,
    .support--title {
        font-size: 24px;
        margin: 0 0 25px
    }

    .support__col-1 h2 img {
        display: none
    }

    .support__col-1 p {
        font-size: 12px;
        color: #707782;
        margin: 0;
        padding-bottom: 20px;
        max-width: 100%
    }

    .support__col-2 {
        width: 100%;
        float: none
    }

    .support__list li {
        display: block;
        padding: 8px 0
    }

    .support__list li a {
        display: inline-block;
        height: 30px;
        font-size: 12px;
        padding: 3px 16px 3px 3px
    }

    .support__list li a span {
        width: 24px;
        height: 24px;
        margin-right: 12px
    }

    .footer-bottom {
        padding: 46px 25px 120px;
        position: relative
    }

    .footer-bottom__col-1 {
        width: 100%;
        float: none
    }

    .footer-bottom__col-2 {
        width: 100%;
        float: none
    }

    a.dev-item {
        margin-top: 0;
        position: absolute;
        bottom: 40px;
        left: 25px
    }

    .footer-info {
        font-size: 12px;
        padding-bottom: 6px
    }

    .footer-tel a {
        font-size: 16px
    }

    .footer-info__wrap .footer-info {
        padding-right: 32px
    }

    .footer-info__wrap .footer-link a {
        font-size: 12px
    }

    .footer-info__wrap .footer-link a:after {
        top: 0
    }

    .footer-address {
        font-size: 16px
    }

    .footer-email a {
        font-size: 14px
    }

    .footer-time {
        font-size: 18px
    }

    .footer-schedule {
        font-size: 14px
    }

    .widget_nav_menu {
        width: 100%;
        margin-bottom: 40px
    }

    .widget-title {
        font-size: 18px;
        letter-spacing: .2em
    }

    .footer-bottom__nav ul li {
        padding: 5px 0
    }

    .footer-bottom__nav ul li a {
        font-size: 14px
    }

    .footer-link {
        width: auto;
        height: 30px;
        padding: 0 40px 0 16px;
        font-size: 10px
    }

    .footer-link:before {
        right: 16px
    }

    .mobile-top-btn {
        position: absolute;
        left: 0;
        bottom: 90px;
        padding-left: 25px
    }

    .main-to-top__btn {
        width: 50px;
        height: 50px;
        background-color: #fff;
        border-radius: 50%;
        margin-top: 0;
        margin-right: 25px
    }

    .main-to-top__description {
        font-size: 12px
    }

    .footer-top {
        padding: 50px 25px 0
    }

    .footer-top__row {
        padding-bottom: 50px
    }

    .footer-top__col-1 {
        width: 100%;
        float: none
    }

    .footer-top__col-1 h3,
    .footer-top__col-1--title {
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 12px
    }

    .footer-top__col-2 {
        display: none
    }

    .footer-top__col-3 {
        width: 100%;
        float: none
    }

    .footer-top__nav ul li {
        padding: 12px 0
    }

    .footer-top__nav ul li a {
        font-size: 16px;
        font-weight: 500
    }

    .img-heading {
        height: 100vh
    }

    .project-item__inner {
        top: 0;
        left: 0 !important;
        height: 100%;
        padding: 130px 25px 40px
    }

    .project-item__title {
        font-size: 32px;
        margin: 0 0 25px;
        max-width: 100%
    }

    .project-item__content {
        max-width: 100%;
        padding-right: 20px
    }

    .project-mata__table {
        display: block;
        width: 100%;
        margin-top: 0;
        position: absolute;
        left: 25px;
        bottom: 40px
    }

    .project-mata__row {
        display: block
    }

    .project-mata__cell {
        display: block;
        padding-bottom: 20px
    }

    .project-mata__cell:last-child {
        padding-bottom: 0
    }

    .project-mata__title {
        font-size: 14px;
        padding-bottom: 4px
    }

    .project-mata__name {
        font-size: 16px;
        padding-bottom: 10px
    }

    .project-mata__link a {
        font-size: 10px
    }

    .project-item__container {
        padding: 0 25px 90px
    }

    .project-item__container-half {
        width: 100%
    }

    .project-item__container-half:first-child {
        padding-right: 0;
        padding-bottom: 90px
    }

    .project-item__container-half:last-child {
        padding-left: 0
    }

    .project-item__table {
        display: block;
        margin-top: 40px
    }

    .project-item__row {
        display: block
    }

    .project-item__cell {
        display: block;
        padding-right: 0;
        padding-bottom: 36px
    }

    .project-item__cell:last-child {
        padding-bottom: 0
    }

    .project-item__label {
        font-size: 14px;
        padding-bottom: 15px
    }

    .project-item__value {
        font-size: 18px
    }

    .youtube-player.pristine:before {
        content: url(../../../themes/glasso/assets/img/mobile-video-play-pr.svg)
    }

    .project-item__text-box {
        padding-bottom: 50px;
        max-width: 100%
    }

    .project-item__text-box h3 {
        font-size: 14px;
        padding-bottom: 30px
    }

    .project-item__text-box p {
        font-size: 14px;
        padding-bottom: 30px
    }

    .project-item__parallax {
        height: 25vh;
        margin-bottom: 90px
    }

    .project-want-btn {
        height: 40px;
        padding: 12px 60px 12px 20px;
        font-size: 12px;
        font-weight: 500
    }

    .project-want-btn:before {
        right: 20px
    }

    .project-nav {
        padding: 0 25px 90px
    }

    .project-nav__left {
        display: none
    }

    .project-nav__right {
        width: auto;
        display: inline-block;
        float: none;
        text-align: left;
        padding-left: 0;
        padding-right: 45px
    }

    .project-nav__title {
        font-size: 18px;
        padding-bottom: 10px
    }

    .project-nav__subtitle {
        font-size: 10px
    }

    .crosspage-projects-nav {
        padding: 130px 25px 25px
    }

    .gallery-page {
        background: rgba(255, 255, 255, 1);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60vh, rgba(242, 242, 249, 1) 60vh, rgba(242, 242, 249, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(60vh, rgba(255, 255, 255, 1)), color-stop(60vh, rgba(242, 242, 249, 1)), color-stop(100%, rgba(242, 242, 249, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60vh, rgba(242, 242, 249, 1) 60vh, rgba(242, 242, 249, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60vh, rgba(242, 242, 249, 1) 60vh, rgba(242, 242, 249, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60vh, rgba(242, 242, 249, 1) 60vh, rgba(242, 242, 249, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60vh, rgba(242, 242, 249, 1) 60vh, rgba(242, 242, 249, 1) 100%)
    }

    .crosspage-nav__col-1 {
        width: 100%;
        float: none
    }

    .crosspage-nav h1 {
        font-size: 40px;
        margin: 0 0 20px
    }

    .crosspage-nav__subtitle {
        font-size: 14px
    }

    .crosspage-nav__inner {
        padding-right: 0
    }

    .gallery__wrap {
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box
    }

    .gallery-button-group {
        width: 100%;
        padding-top: 0
    }

    .gallery-filter-btn {
        height: 22px;
        margin-right: 20px;
        margin-bottom: 25px;
        padding: 0 16px;
        font-size: 12px
    }

    .grid {
        padding: 25px 0;
        margin-left: -5px;
        margin-right: -5px
    }

    .video-grid-item {
        width: 100%;
        padding: 5px 5px 25px
    }

    .video-title {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 17px;
        font-size: 16px;
        padding-left: 20px;
        padding-right: 140px
    }

    .video-play-btn {
        right: 20px;
        bottom: 20px;
        font-size: 10px
    }

    .video-play-btn img {
        width: 12px;
        margin-left: 10px
    }

    .video-play-btn span {
        vertical-align: middle
    }

    .crosspage-nav {
        padding: 130px 25px 35px;
        margin-bottom: 35px
    }

    .gallery-photo .crosspage-nav__col-2 {
        display: none
    }

    .photo-grid-item {
        width: 50%
    }

    .gallery-video .crosspage-nav__col-1 {
        display: none
    }

    .crosspage-nav__col-2 {
        width: 100%
    }

    .grid-item__more {
        width: 117px;
        height: 30px;
        padding: 0 16px;
        font-size: 10px;
        right: 20px;
        bottom: 20px
    }

    .grid-item__more:before {
        right: 16px
    }

    .offers-page {
        padding: 130px 25px 0
    }

    .offers-page__title {
        width: 100%;
        padding-bottom: 45px
    }

    .offers-page__col {
        width: 100%
    }

    .offers-page__col h1 {
        padding-bottom: 30px
    }

    .offers-page__col-text {
        padding-left: 0
    }

    .offers-page__col-text p {
        margin: 0;
        font-weight: 500
    }

    .offers-item {
        width: 100%;
        padding-bottom: 50px
    }

    .offers-item__col-countdown {
        width: 100%
    }

    .offers-item__col-text {
        width: 100%;
        position: relative;
        padding-left: 0;
        padding-bottom: 55px
    }

    .offers-item__col-text h2 {
        font-size: 24px;
        margin: 25px 0
    }

    .offers-item__col-text p {
        font-size: 14px;
        font-weight: 500;
        color: #707782
    }

    .offers-item__btn {
        padding-right: 60px;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .offers-item__btn:after {
        width: 18px;
        height: 9px;
        background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
        right: 20px;
        top: 14px
    }

    .sale-counter__item {
        margin-right: 8px
    }

    .sale-counter-red .sale-counter__item {
        width: 34px
    }

    .sale-counter-red .sale-counter__numbers {
        font-size: 16px;
        line-height: 28px
    }

    .sale-counter-red .sale-counter__text {
        font-size: 8px
    }

    .offer-program__inner {
        position: relative;
        top: initial;
        left: 0;
        width: 100%;
        padding: 130px 25px 40px
    }

    .offer-program__title {
        font-size: 32px;
        margin: 0 0 25px
    }

    .offer-program__content {
        font-size: 14px
    }

    .offer-program-bg:before {
        content: '';
        width: 100%;
        height: 50vh;
        top: 70vh;
        right: 0
    }

    .op-description__wrap {
        padding: 45px 25px 25px
    }

    .op-features {
        display: block;
        padding-bottom: 25px
    }

    .op-features__item {
        font-size: 16px;
        padding-bottom: 20px
    }

    .op-features__item span {
        font-size: 36px;
        font-weight: 700
    }

    .op-description__wrap h2 {
        font-size: 24px;
        margin: 0 0 35px
    }

    .op-description__wrap p {
        font-size: 13px
    }

    .op-conditions__wrap {
        padding: 45px 25px 30px
    }

    .op-conditions__col-1 {
        width: 100%;
        float: none;
        padding-right: 0
    }

    .op-conditions__col-1 h3 {
        font-size: 24px;
        text-align: left;
        margin: 0 0 20px
    }

    .op-conditions__col-1 h3:after {
        content: none;
        background-image: none
    }

    .op-conditions__col-2 {
        width: 100%;
        float: none
    }

    .check-list li {
        padding-bottom: 15px;
        font-size: 16px
    }

    .check-list li:before {
        top: 8px
    }

    .op-advantage__wrap {
        padding: 45px 25px 80px
    }

    .op-advantage__subtitle {
        max-width: 100%;
        font-size: 13px
    }

    .op-advantage__list {
        padding: 40px 0;
        max-width: 325px;
        margin: 0 auto
    }

    .op-advantage__item {
        width: 33.3%;
        height: 190px
    }

    .op-advantage__img {
        top: 18px
    }

    .op-advantage__img img {
        max-height: 42px;
        max-width: 80px
    }

    .op-advantage__item h4 {
        top: 77px;
        font-size: 13px;
        margin: 0
    }

    .op-advantage__item h5 {
        padding: 0 10px;
        margin: 0;
        top: initial;
        bottom: 12px;
        font-size: 10px
    }

    .offer-3__inner {
        position: relative;
        top: initial;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 130px 25px 40px
    }

    .offer-3__title {
        font-size: 24px;
        margin: 0 0 25px
    }

    .offer-3__content {
        font-size: 18px
    }

    .offer-3-img img {
        width: 780px;
        height: auto;
        max-width: initial
    }

    .offer-3-img {
        top: initial;
        right: initial;
        bottom: 0;
        left: 20%;
        transform: rotate(15deg)
    }

    .op-online__wrap {
        padding: 40px 25px 70px
    }

    .op-online__wrap h2 {
        font-size: 25px;
        margin: 0 0 25px
    }

    .op-online__wrap h4 {
        font-size: 18px;
        margin: 0 0 25px
    }

    .op-online__box {
        margin-left: 0;
        margin-right: 0
    }

    .op-online__item {
        padding: 12px 25px;
        width: 100%
    }

    .op-online__item-inner {
        padding: 40px
    }

    .op-online__icon {
        margin: 0 auto 30px
    }

    .op-online__name {
        font-size: 18px
    }

    .op-form-wide__wrap {
        padding: 0 25px 80px
    }

    .op-form-wide__wrap h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .op-form-wide__wrap form {
        max-width: 100%
    }

    .op-form-wide__subtitle {
        font-size: 14px;
        margin: 0 0 50px
    }

    .op-form-wide__wrap .form-row .form-col {
        width: 100%;
        margin-bottom: 40px
    }

    .op-form-wide__wrap .form-row .form-col .form-col {
        width: 50%;
        margin-bottom: 0
    }

    .op-form-wide__wrap .main-send-btn {
        position: relative;
        right: inherit;
        bottom: initial
    }

    .offer-4__inner {
        position: relative;
        top: initial;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 130px 25px 40px
    }

    .offer-4__title {
        font-size: 24px;
        margin: 0 0 30px
    }

    .offer-4__content {
        font-size: 18px
    }

    .offer-4-img {
        left: -150%
    }

    .offer-4-img img {
        max-width: 300%
    }

    .offer-5__inner {
        position: relative;
        top: initial;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 130px 25px 40px
    }

    .offer-5__title {
        font-size: 24px;
        margin: 0 0 30px
    }

    .offer-5__content {
        font-size: 18px
    }

    .offer-5-img {
        left: -50%
    }

    .offer-5-img img {
        max-width: 200%
    }

    .op-about__wrap {
        padding: 50px 25px
    }

    .op-about__wrap h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .op-about__col {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0
    }

    .op-connect {
        padding: 0 25px
    }

    .op-connect h2 {
        font-size: 24px;
        margin: 0 0 25px;
        max-width: 100%
    }

    .op-connect__row {
        margin-left: -25px;
        margin-right: -25px
    }

    .op-connect__col {
        padding: 0 25px 25px;
        width: 100%
    }

    .op-order__wrap {
        padding: 0 25px 50px
    }

    .op-order {
        padding: 10px 0 0
    }

    .op-order__item {
        padding: 0 16px 25px;
        width: 50%
    }

    .op-order__item:after {
        right: 16px
    }

    .op-salon__wrap {
        padding: 0 25px 25px
    }

    .op-salon__title {
        font-size: 24px;
        margin: 0 0 25px;
        max-width: 100%
    }

    .op-salon__item {
        margin-bottom: 25px
    }

    .op-salon__col1 {
        width: 100%;
        height: 220px;
        margin-bottom: 25px
    }

    .op-salon__col2 {
        width: 100%
    }

    .op-salon__contact-row {
        position: relative;
        padding-bottom: 70px
    }

    .op-salon__contact-col1 {
        width: 100%;
        padding: 0 0 20px
    }

    .op-salon__contact-col2 {
        width: 100%;
        padding: 0
    }

    .op-salon__btn {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-top: 0
    }

    .op-video__wrap {
        padding: 100px 25px;
        margin-bottom: 0;
        height: 100vh
    }

    .op-video__box {
        max-width: 100%
    }

    .op-video__title {
        font-size: 24px;
        margin: 0 0 25px
    }

    .op-video__box p {
        margin: 0 0 25px
    }

    .op-video__decor {
        right: 25px;
        bottom: 30px;
        max-width: 190px;
        height: auto
    }

    .op-windows-cards__title {
        font-size: 24px;
        margin: 0 0 25px
    }

    .offer-iq__inner {
        position: relative;
        top: initial;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 130px 25px 40px
    }

    .offer-iq__title {
        font-size: 24px;
        margin: 0 0 25px
    }

    .offer-iq__content {
        font-size: 18px
    }

    .offer-iq__btn {
        position: absolute;
        left: 25px;
        bottom: 50px
    }

    .offer-iq__counter {
        padding: 0;
        position: absolute;
        left: 25px;
        bottom: 115px
    }

    .offer-iq-bg:before {
        content: '';
        background-position: center;
        width: 130%;
        height: 100%;
        top: initial;
        right: -15%;
        bottom: -10%
    }

    .op-description-2__wrap {
        padding: 45px 25px 0
    }

    .op-description-2__wrap h2 {
        font-size: 24px;
        margin: 0 0 45px
    }

    .op-conditions-2__wrap {
        padding: 0 25px 50px
    }

    .op-conditions__note {
        font-size: 12px;
        margin: 25px 0 0
    }

    .op-steps__wrap {
        padding: 45px 25px 0
    }

    .op-steps__wrap h2 {
        font-size: 24px;
        margin: 0 0 45px
    }

    .op-steps__item {
        width: 50%;
        text-align: center;
        padding-bottom: 40px
    }

    .op-step__number {
        font-size: 16px;
        padding-bottom: 20px
    }

    .op-step__icon {
        padding-bottom: 20px
    }

    .op-step__icon img {
        width: 75px;
        height: auto
    }

    .op-step__title {
        font-size: 13px;
        padding-bottom: 15px
    }

    .op-step__description {
        font-size: 10px;
        padding-bottom: 0
    }

    .op-form__wrap {
        padding: 45px 25px
    }

    .op-form__wrap p {
        font-size: 13px;
        padding-right: 0;
        margin: 0 0 25px
    }

    .op-form__wrap h2 {
        font-size: 24px;
        margin: 45px 0 35px
    }

    .op-form {
        max-width: 100%
    }

    .op-form .outline-btn {
        margin-top: 0
    }

    .op-contacts__wrap {
        padding: 0 25px 25px
    }

    .op-contacts__wrap h2 {
        font-size: 24px;
        margin: 0 0 35px
    }

    .op-contacts__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .op-contacts__col-35 {
        width: 100%;
        float: none;
        padding-bottom: 25px
    }

    .op-contacts__col-30 {
        width: 100%;
        float: none;
        padding-bottom: 25px
    }

    .op-contacts-1 {
        order: 1
    }

    .op-contacts-2 {
        order: 2
    }

    .op-contacts-3 {
        order: 3
    }

    .op-contacts-4 {
        order: 4
    }

    .op-contacts-5 {
        order: 5;
        padding-left: 32px
    }

    .op-contacts__item.blue-line:before {
        top: 2px
    }

    .op-contacts__title {
        font-size: 22px;
        padding-bottom: 5px
    }

    .op-contacts__content p,
    .op-contacts__content a {
        font-size: 16px;
        padding-bottom: 5px
    }

    .op-contacts__time {
        font-size: 16px;
        padding-bottom: 5px
    }

    .op-contacts__schedule-table {
        font-size: 13px
    }

    .op-contacts__schedule-cell {
        padding-bottom: 5px
    }

    .services-inner__header {
        width: 100%;
        margin-right: 0
    }

    .img-section.services-inner__header {
        background-position: -100px
    }

    .services-inner__header-content {
        top: 0;
        left: 0 !important;
        height: 100%;
        width: 100%;
        padding-top: 130px
    }

    .services-inner__header-title {
        font-size: 32px;
        font-weight: 500;
        margin: 0;
        padding: 0 45px 0 25px
    }

    .services-inner__header-subtitle {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        width: 100%;
        padding: 0 45px 95px 25px;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .services-inner__content {
        padding: 50px 25px 25px
    }

    .services-inner__content h2,
    .services-col__content h2 {
        font-size: 24px;
        margin: 0 0 40px
    }

    .services-inner__content p,
    .services-col__content p {
        margin: 0 0 25px
    }

    .services-inner__content h3,
    .services-col__content h3 {
        margin: 0 0 25px
    }

    .services-inner__content h4,
    .services-col__content h4 {
        margin: 0 0 25px
    }

    .services-inner__content ul li {
        padding-bottom: 16px
    }

    .services-inner__gallery {
        padding-bottom: 50px
    }

    .services-inner__other {
        padding: 50px 25px
    }

    .services-col__content {
        padding: 40px 0 0
    }

    .services-inner__row {
        padding: 0 25px
    }

    .services-inner__col1 {
        width: 100%;
        padding: 50px 0
    }

    .services-inner__col2 {
        width: 100%;
        padding: 0 0 50px
    }

    .si__col-1 {
        width: 100%;
        float: none
    }

    .si__col-2 {
        display: none
    }

    .si__col-3 {
        width: 100%;
        float: none
    }

    .si__col-3 a {
        padding-bottom: 8px
    }

    .si__col-1 h2 {
        font-size: 24px;
        margin: 0 0 40px
    }

    .services-support__wrap {
        background-color: #F2F2F9;
        padding: 10.3vh 12.5vw;
        position: relative;
        z-index: 1
    }

    .services-support__col-1 {
        width: 31.25vw;
        float: left
    }

    .services-support__col-2 {
        width: 12.5vw;
        float: left;
        text-align: center
    }

    .services-support__col-3 {
        width: 25vw;
        float: left
    }

    .services-support__col-1 h2 {
        font-size: 1.68vw;
        font-weight: 600;
        line-height: 1.4;
        margin: 0 0 1vh
    }

    .services-support__col-1 p {
        font-size: 12px;
        font-weight: 500
    }

    .services-inner__team {
        margin-left: -.5vw;
        margin-right: -.5vw;
        margin-bottom: 4vh
    }

    .sit-item {
        padding: 2vh .5vw 1vh;
        width: 33.3%;
        float: left
    }

    .sit-item__img {
        padding-bottom: 2.5vh
    }

    .sit-item__name {
        font-size: 16px;
        font-weight: 600
    }

    .sit-item__position {
        font-size: 13px;
        opacity: .5
    }

    .truck-slider__wrap {
        padding: 50px 25px;
        box-sizing: border-box
    }

    .truck-slider {
        margin-top: 0
    }

    .truck-slider .slick-list {
        padding-top: 0
    }

    .truck-slider__content {
        width: 100%;
        float: none
    }

    .truck-slider__img {
        width: 100%;
        float: none;
        margin: 40px auto
    }

    .truck-slider__img img {
        max-width: 80%;
        margin-top: 0
    }

    .truck-slider__content h2 {
        font-size: 24px;
        margin: 0 0 20px
    }

    .truck-slider__description {
        font-size: 13px;
        min-height: auto;
        margin-bottom: 40px
    }

    .truck-feature__item {
        padding-right: 25px
    }

    .truck-feature__number {
        width: 40px;
        height: 40px;
        font-size: 24px
    }

    .truck-feature__unit {
        font-size: 16px
    }

    .truck-feature__description {
        padding: 5px 0
    }

    .truck-slider-prev {
        width: 26px;
        height: 26px;
        margin: 0 24px
    }

    .truck-slider-next {
        width: 26px;
        height: 26px;
        margin: 0 24px
    }

    .truck-slider-next svg {
        width: 6px
    }

    .truck-slider-prev svg {
        width: 6px
    }

    .fp-viewing-main .tel-white,
    .fp-viewing-razdvizhnye-sistemy .tel-white,
    .fp-viewing-alyuminevye-peregorodki .tel-white,
    .fp-viewing-venteliruemye-fasady .tel-white,
    .fp-viewing-kompleksnoe-osteklenie .tel-white {
        display: block
    }

    .fp-viewing-main .tel-color,
    .fp-viewing-razdvizhnye-sistemy .tel-color,
    .fp-viewing-alyuminevye-peregorodki .tel-color,
    .fp-viewing-venteliruemye-fasady .tel-color,
    .fp-viewing-kompleksnoe-osteklenie .tel-color {
        display: none
    }

    .fp-viewing-main .search-white,
    .fp-viewing-razdvizhnye-sistemy .search-white,
    .fp-viewing-alyuminevye-peregorodki .search-white,
    .fp-viewing-venteliruemye-fasady .search-white,
    .fp-viewing-kompleksnoe-osteklenie .search-white {
        display: block
    }

    .fp-viewing-main .search-color,
    .fp-viewing-razdvizhnye-sistemy .search-color,
    .fp-viewing-alyuminevye-peregorodki .search-color,
    .fp-viewing-venteliruemye-fasady .search-color,
    .fp-viewing-kompleksnoe-osteklenie .search-color {
        display: none
    }

    .fp-viewing-consultation .header-mobile {
        background: #FFF
    }

    .main-slide__nav {
        display: none
    }

    .main-slide__inner {
        position: relative;
        top: 0;
        left: 0 !important;
        width: 100%;
        height: 100vh;
        padding: 12.2vh 25px 0
    }

    .main-slide__inner p {
        margin: 0
    }

    .main-slide__title {
        font-size: 32px;
        margin: 0 0 20px;
        line-height: 1;
        height: auto
    }

    .main-slide__subtitle {
        font-size: 16px;
        margin: 0 0 20px
    }

    .main-slide__content {
        font-size: 14px;
        width: 90%;
        position: absolute;
        left: 25px;
        padding-top: 50px
    }

    .main-slide__action {
        position: absolute;
        bottom: 70px !important;
        left: 25px !important
    }

    .slide-btn {
        width: auto;
        height: 30px;
        padding: 0 40px 0 16px;
        font-size: 10px;
        box-sizing: border-box;
        cursor: pointer;
        position: relative
    }

    .slide-btn__go {
        margin-right: 30px
    }

    .slide-btn__video {
        padding: 0 6px 0 16px
    }

    .slide-btn__go:before {
        right: 16px
    }

    .slide-btn__video:before {
        width: 18px;
        height: 18px;
        right: 6px
    }

    #fp-nav.fp-left {
        left: 25px !important;
        top: initial !important;
        bottom: 40px !important;
        z-index: 80 !important
    }

    #fp-nav ul li {
        display: inline-block !important;
        width: 5px !important;
        height: 5px !important;
        margin: 5px !important
    }

    .fp-viewing-consultation #fp-nav ul {
        display: none
    }

    .main-slide-bg {
        background-image: none;
        height: auto;
        min-height: 100vh
    }

    .main-slide-bg__inner {
        position: relative;
        top: 0;
        left: 0 !important;
        width: 100%;
        padding: 12.2vh 25px 60px
    }

    .main-slide-bg .main-slide__title {
        font-size: 39px;
        margin: 0 0 25px
    }

    .main-slide-bg .main-slide__content {
        font-size: 14px;
        width: 100%;
        position: relative;
        bottom: auto;
        left: auto
    }

    .main-form__wrap {
        position: relative;
        top: auto;
        left: 0 !important;
        width: 100%;
        padding: 0;
        margin-top: 50px
    }

    .main-form__wrap label {
        font-size: 12px
    }

    .main-form__wrap input[type="text"],
    .main-form__wrap input[type="date"],
    .main-form__wrap input[type="time"] {
        height: 40px;
        font-size: 16px
    }

    .main-form__wrap .form-col {
        width: 100%;
        margin-bottom: 40px
    }

    .main-form__wrap .form-row .form-col .form-row .form-col {
        width: 50%;
        margin-bottom: 0
    }

    .main-send-btn {
        border: 2px solid #D0D2DC;
        width: auto;
        height: 30px;
        line-height: 1;
        font-size: 10px;
        color: #1C1C1C;
        padding: 8px 42px 8px 16px;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        right: initial;
        bottom: initial
    }

    .news-page .crosspage-nav__col-2 {
        display: none
    }

    .articles-page .crosspage-nav__col-1 {
        display: none
    }

    .news__wrap {
        padding: 25px
    }

    .blog-item-page {
        padding: 130px 0 0 !important
    }

    .news__item:nth-child(odd) {
        width: 100%;
        padding: 0 0 25px;
        margin-bottom: 25px
    }

    .news__item:nth-child(even) {
        width: 100%;
        padding: 0 0 25px;
        margin-bottom: 25px
    }

    .news-media__col {
        width: 50%;
        padding-right: 20px
    }

    .news-meta__col {
        width: 50%;
        padding-left: 20px
    }

    .news-content__col {
        width: 100%;
        padding-left: 0
    }

    .blog-container {
        border-top: none;
        padding-top: 0
    }

    .blog-sidebar {
        display: none
    }

    .blog-main {
        width: 100%;
        float: none;
        border-left: none
    }

    .article-item {
        padding: 0 25px !important
    }

    .article-title {
        font-size: 24px;
        margin: 0 0 35px
    }

    .article-excerpt {
        font-size: 14px;
        margin-bottom: 50px
    }

    .article-content p {
        font-size: 16px;
        margin: 0 0 50px
    }

    .article-content img {
        width: 100%;
        height: auto;
        margin-bottom: 50px
    }

    .article-content h5 {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 25px
    }

    .article-content ul {
        font-size: 16px;
        margin: 0 0 50px
    }

    .article-quote {
        font-size: 14px;
        font-weight: 500;
        font-style: italic;
        line-height: 1.8;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #F5F5F5
    }

    .article-quote__meta-link a {
        font-size: 14px
    }

    .article-quote__meta-name {
        font-size: 14px
    }

    .next-article__wrap {
        padding: 45px 25px 50px;
        border-bottom: 1px solid #F5F5F5
    }

    .next-article__wrap h2,
    .next-article__wrap-title {
        display: none
    }

    .next-article-media__col {
        width: 50%;
        margin-bottom: 25px
    }

    .next-article-date__col {
        width: 50%;
        float: left;
        padding-left: 40px
    }

    .next-article-content__col {
        width: 100%;
        float: none;
        clear: both
    }

    .news-prev__date {
        font-size: 18px;
        margin-bottom: 25px
    }

    .news-prev__date span {
        font-size: 64px
    }

    .news-prev__title a {
        font-size: 18px;
        margin-bottom: 10px
    }

    .news-prev__excerpt {
        font-size: 13px
    }

    .next-article__link {
        margin-top: 30px;
        display: block;
        text-align: left;
        font-size: 13px
    }

    .next-article__link img {
        margin-left: 16px
    }

    .testemonials-page {
        padding: 130px 25px 50px
    }

    .testemonials-page-box {
        padding: 0;
        width: 100%
    }

    .testemonials-page-box h1 {
        font-size: 40px
    }

    .testemonials-page-box__subtitle {
        font-size: 14px;
        margin-top: 35px;
        max-width: 100%;
        color: #707782
    }

    .testemonials-location-list {
        padding: 40px 0 32px
    }

    .testemonials-location-list__item {
        height: 22px;
        margin-right: 20px;
        margin-bottom: 25px;
        padding: 5px 16px;
        font-size: 12px;
        box-sizing: border-box
    }

    .testemonials-item {
        padding: 25px 0
    }

    .testemonials-item__img {
        width: 30%
    }

    .testemonials-item__img img {
        border-radius: 13px
    }

    .testemonials-item__content {
        width: 70%;
        padding-left: 32px
    }

    .testemonials-item__date {
        position: initial;
        font-size: 10px;
        margin-bottom: 15px
    }

    .testemonials-item__content h3 {
        font-size: 14px;
        margin: 0 0 15px;
        padding-right: 0
    }

    .testemonials-item__text {
        font-size: 10px
    }

    .pagination__wrap {
        padding: 50px 0 0
    }

    .pagination-prev-page {
        font-size: 12px;
        margin-right: 10px
    }

    .pagination-next-page {
        font-size: 12px;
        margin-left: 10px
    }

    .pagination-pages-item.active {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        margin-left: 10px
    }

    .pagination-pages-item {
        font-size: 18px;
        line-height: 40px
    }

    .pagination-prev-page:before {
        left: -28px
    }

    .pagination-next-page:after {
        right: -28px
    }

    .hidden-form__wrap h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .hidden-form__wrap p {
        font-size: 12px
    }

    .hidden-form {
        padding-top: 40px;
        max-width: 100%
    }

    .hidden-form .form-col {
        width: 100%;
        margin-bottom: 40px
    }

    .contacts-page .crosspage-nav__col-2 {
        display: none
    }

    .contacts-page .crosspage-nav {
        margin-bottom: 0
    }

    .salon-item {
        padding: 50px 25px
    }

    .salon-item__col-1 {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-bottom: 25px
    }

    .salon-item__col-2 {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-bottom: 25px
    }

    .salon-item__col-3 {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-bottom: 0
    }

    .si-col-title {
        font-size: 12px;
        padding-bottom: 15px
    }

    .si-col-line {
        font-size: 20px
    }

    .si-col-address {
        font-size: 20px
    }

    .si-col-phone {
        font-size: 18px
    }

    .si-col-time {
        font-size: 24px;
        padding-bottom: 15px
    }

    .si-col-schedule {
        font-size: 14px
    }

    .salon-item__call {
        padding-top: 40px;
        font-size: 12px;
        position: relative;
        left: initial;
        bottom: initial
    }

    .salon-item__more {
        position: relative;
        right: 0;
        margin: -40px 25px 0 auto;
        top: initial;
        bottom: 50px
    }

    .salon-item__map {
        padding-right: 0 !important
    }

    .salon-map {
        height: 120vh;
        min-height: 500px
    }

    .map-btn {
        height: 40px;
        min-width: 160px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        padding: 0 16px
    }

    .map-route-btn {
        left: 25px;
        bottom: 193px
    }

    .map-order-btn {
        left: 25px;
        bottom: 193px
    }

    .map-gallery-list {
        right: initial;
        left: 0;
        bottom: 50px;
        padding: 0 25px 0 15px;
        width: 100%;
        max-width: 375px;
        box-sizing: border-box
    }

    .map-gallery-list li {
        display: inline-block;
        padding-left: 10px;
        width: 49%;
        box-sizing: border-box
    }

    .map-gallery-list li a {
        display: block;
        width: 100%;
        height: 105px
    }

    .map-gallery-list li a span {
        bottom: 10px;
        font-size: 10px
    }

    .map-gallery-list li a:after {
        width: 25px;
        height: 25px
    }

    .map-gallery-photo:after {
        background-size: 50%
    }

    .si-col-department {
        font-size: 16px;
        margin-bottom: 25px
    }

    .si-col-department-address {
        font-size: 16px;
        margin-bottom: 8px
    }

    .si-col-department-email a {
        font-size: 14px
    }

    .invitation__wrap {
        padding: 50px 25px
    }

    .invitation__col-1 {
        float: none;
        width: 100%
    }

    .invitation-col__inner {
        max-width: 100%;
        padding-right: 0;
        font-size: 13px;
        padding-bottom: 35px
    }

    .invitation__list li {
        font-size: 18px;
        padding-bottom: 15px
    }

    .invitation__list li:last-child {
        padding-bottom: 0
    }

    .location-wrap {
        width: 100%;
        height: auto;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .location-wrap__col-1 {
        width: 100%;
        height: 100vh
    }

    .main-contacts {
        display: none
    }

    .location-wrap__col-2 {
        width: 100%;
        height: auto;
        position: relative;
        padding: 0 !important
    }

    .location-title {
        display: none
    }

    .location-list__container {
        padding: 35px 25px;
        height: auto
    }

    .region-title {
        font-size: 16px;
        margin-bottom: 25px
    }

    .region__number-items {
        width: 22px;
        height: 22px;
        font-size: 14px
    }

    .city-list-item {
        padding-left: 34px;
        margin-bottom: 25px
    }

    .city-list-title {
        width: 50%;
        font-size: 12px
    }

    .location-item__more {
        width: 50%;
        font-size: 14px;
        padding-right: 25px
    }

    .location-item__more:after {
        content: '';
        width: 15px;
        height: 9px;
        top: 5px
    }

    .location-item__close {
        top: 25px;
        right: 25px
    }

    .location-item__name {
        font-size: 24px;
        margin-bottom: 10px
    }

    .location-item__status {
        font-size: 14px
    }

    .location-item__phone-wrap {
        padding: 25px 0
    }

    .location-item__heading {
        font-size: 12px;
        padding-bottom: 10px
    }

    .location-item__phone {
        font-size: 24px;
        padding-bottom: 15px
    }

    .location-item__address {
        font-size: 16px;
        padding-bottom: 15px
    }

    .location-email a {
        font-size: 14px
    }

    .location-item__btn {
        height: 40px;
        min-width: 190px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        padding: 0 16px;
        margin-bottom: 25px
    }

    .modal-inner {
        width: calc(100% - 50px);
        max-width: 450px;
        padding: 40px 50px
    }

    .modal-close {
        top: 40px;
        right: 20px
    }

    .modal-send-btn {
        height: 40px;
        padding: 12px 60px 12px 20px;
        font-size: 12px;
        font-weight: 500
    }

    .modal-send-btn:before {
        width: 18px;
        height: 9px;
        background-image: url(../../../themes/glasso/assets/img/arrow-icon.svg);
        right: 20px
    }

    .search-page {
        padding: 80px 25px 50px
    }

    .search-page-box {
        padding: 0;
        width: 100%
    }

    .search-result__count {
        font-size: 11px
    }

    .search-location-list {
        padding: 30px 0 0
    }

    .search-location-list__item {
        height: 22px;
        margin-right: 20px;
        margin-bottom: 10px;
        padding: 5px 16px;
        font-size: 12px;
        box-sizing: border-box
    }

    .main-slide__location-list {
        max-width: 100%
    }

    .search-result-item {
        padding: 25px 0
    }

    .search-result-item__excerpt {
        font-size: 14px
    }

    .search-result-item__change {
        font-size: 12px
    }

    .search-result-item__path {
        font-size: 12px
    }

    .centered-box {
        padding: 0
    }

    .centered-box__wrap {
        width: 100%;
        padding: 50px 25px
    }

    .title-notfind {
        font-size: 28px;
        margin-bottom: 50px;
        text-align: center
    }

    .title-404 {
        font-size: 98px;
        text-align: center
    }

    .subtitle-404 {
        font-size: 20px;
        margin-top: 50px;
        margin-bottom: 75px
    }

    .title-tech {
        font-size: 28px;
        margin: 0 0 60px
    }

    .description-tech {
        font-size: 16px;
        margin: 0 0 40px
    }

    .sublitle-tech {
        font-size: 13px;
        color: #D0D2DC;
        margin: 0 0 60px
    }

    .timeline-mark__top {
        display: none
    }

    .about-page__link {
        display: none
    }

    .find-more__link {
        display: none
    }

    .timeline-line {
        display: none
    }

    .history-top-box__inner-1-bg {
        display: none
    }

    .timeline-item:before {
        content: none
    }

    .timeline-item.active:before {
        content: none
    }

    .history-top-box__inner {
        padding: 130px 25px 50px
    }

    .history-top-box__inner-1 {
        width: 100%;
        height: auto;
        position: relative
    }

    .history-inner-1__container {
        padding-top: 0;
        padding-left: 0
    }

    .history-top-box {
        height: auto;
        background: transparent
    }

    .history-inner-1__container h1 {
        font-size: 40px;
        margin-bottom: 30px
    }

    .history-inner-1__subtitle {
        font-size: 16px;
        padding-right: 0;
        padding-bottom: 5px
    }

    .history-inner-1__year {
        font-size: 96px
    }

    .history-top-box__inner-2 {
        position: relative;
        top: initial;
        right: initial;
        width: 100%;
        padding-top: 238px
    }

    .history-top-box__inner-2-bg {
        width: calc(100% - 50px);
        height: 100%;
        max-height: 270px;
        position: absolute;
        top: 280px;
        left: 25px
    }

    .history-top-box__inner-2-bg img {
        max-width: 85%;
        max-height: 85%
    }

    .history-top-box__inner-2 h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .history-inner-2__subtitle {
        font-size: 14px
    }

    .timeline-wrap {
        background: transparent;
        position: relative;
        padding: 0 25px
    }

    .timeline-item {
        position: relative;
        padding-bottom: 50px
    }

    .timeline-item__year {
        width: 100%;
        float: none;
        font-size: 72px;
        font-weight: 600;
        padding-bottom: 10px
    }

    .timeline-item__img {
        width: 100%;
        float: none;
        padding-right: 0
    }

    .timeline-item__img img {
        margin-bottom: 25px
    }

    .timeline-item__content {
        width: 100%;
        float: none
    }

    .timeline-item__content h3 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .timeline-item__content,
    .timeline-item__content p {
        font-size: 14px
    }

    .tab-section {
        padding-top: 0 !important;
        padding-left: 0;
        padding-right: 0;
        position: relative
    }

    .tab-section.title-other {
        padding: 100px 0 0 !important
    }

    .tab-title-box,
    .tab-nav-box {
        padding-left: 25px;
        padding-right: 25px
    }

    .tab-content-title {
        font-size: 24px;
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 0;
        margin-bottom: 60px
    }

    .tab-title-item h1,
    .tab-title-item h2,
    .tab-title-item--title {
        font-size: 40px;
        font-weight: 500;
        margin: 37px 0 25px;
        text-align: center
    }

    .tab-title-item h4,
    .tab-title-item--h4 {
        font-size: 16px;
        margin: 0 0 25px;
        text-align: center;
        min-height: 48px
    }

    .tab-nav-list {
        padding: 0 0 50px;
        margin-left: -5px;
        margin-right: -5px
    }

    .title-other__nav-title {
        display: none
    }

    .tab-section.title-other .tab-nav-item {
        padding: 0 5px;
        height: auto
    }

    .title-other__nav-icon {
        width: 70px !important;
        height: 70px
    }

    .title-other__nav-icon.icon-snowflake img {
        width: 70px
    }

    .title-other__nav-icon.icon-sun img {
        width: 40px
    }

    .title-other__nav-icon.icon-sound img {
        width: 32px
    }

    .title-other__nav-icon.icon-safety img {
        width: 24px
    }

    .diagram-box {
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 25px;
        display: block
    }

    .diagram-item {
        display: table;
        padding: 0;
        margin-bottom: 25px
    }

    .c100.center {
        display: table-cell
    }

    .diagram-title {
        display: table-cell;
        vertical-align: middle;
        font-size: 18px;
        padding-left: 15px;
        font-weight: 600
    }

    .slogan-box {
        padding: 0 25px 50px;
        font-size: 18px;
        font-weight: 400;
        text-align: left
    }

    .slogan-box p {
        font-size: 18px;
        font-weight: 500;
        margin: 0 0 25px
    }

    .feature-box {
        padding: 0 25px;
        display: block !important
    }

    .feature-box__inner {
        padding: 50px 0 25px
    }

    .feature-col:first-child {
        width: 100%
    }

    .feature-col:last-child {
        width: 100%
    }

    .feature-col h5 {
        font-size: 24px;
        font-weight: 500;
        margin: 0 0 25px
    }

    .feature-table__wrap {
        width: 100%;
        margin-bottom: 50px
    }

    .feature-table {
        margin-bottom: 50px
    }

    .feature-table.feature-table__group {
        margin-bottom: 25px
    }

    .feature-title {
        font-size: 32px;
        margin-bottom: 50px
    }

    .feature-table td:first-child {
        padding-right: 12px
    }

    .feature-table td {
        width: 50%;
        padding: 12px 0;
        font-size: 12px;
        vertical-align: top
    }

    .feature-img {
        position: relative;
        max-width: 100%;
        width: 100%;
        height: auto
    }

    .account-box {
        padding: 50px 25px 25px
    }

    .account-item {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 25px
    }

    .account-item.account-item-highlight {
        width: 100%
    }

    .account-item__cell .number {
        font-size: 80px
    }

    .account-item-highlight .account-item__cell .number {
        font-size: 96px
    }

    .account-item__cell {
        vertical-align: middle
    }

    .account-item__cell .value {
        font-size: 14px;
        margin-bottom: 0;
        padding-left: 15px;
        max-width: 160px
    }

    .account-item-highlight .account-item__cell .value {
        font-size: 18px
    }

    .img-text-box {
        padding: 50px 25px 0
    }

    .img-text-box.no-padding-top {
        padding-top: 50px
    }

    .img-text-box.no-padding-top.gradient-bg {
        padding-bottom: 0
    }

    .img-text-box__inner {
        display: block !important
    }

    .img-text-box__col {
        width: 100%
    }

    .img-text-box__col-inner {
        max-width: 100%;
        padding-bottom: 50px
    }

    .img-text-box__col-inner h2,
    .img-text-box__col-inner--title {
        font-size: 30px;
        font-weight: 500;
        margin: 0 0 25px
    }

    .img-text-box.no-padding-top h2,
    .img-text-box.no-padding-top .img-text-box__col-inner--title {
        padding-top: 0
    }

    .img-text-box h3 {
        font-size: 24px;
        margin: 0 0 36px
    }

    .img-text-box__col-inner p {
        font-size: 14px;
        margin: 0 0 25px
    }

    .img-text-box__col-inner img {
        margin: 50px 0
    }

    .img-text-box.gl_1 p {
        font-size: 16px;
        margin: 0 0 50px
    }

    .img-text-box.gl_1 ul li {
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 25px
    }

    .img-text-box.gl_1 ul li img {
        width: 70px;
        margin: 0
    }

    .img-text-box.gl_1 .btn-red-40 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .img-text-box.gl_2 {
        padding: 50px 25px
    }

    .img-text-box.gl_2 .im2 img {
        max-width: 100%
    }

    .img-text-box.no-padding-top .img-text-box__col-inner img {
        margin: 0
    }

    .img-text-box.gradient-bg .img-text-box__col-inner img {
        padding-top: 0
    }

    .number-list__table {
        margin-top: 64px;
        padding-right: 0
    }

    .number-list__cell {
        padding-bottom: 25px
    }

    .number-list__index {
        width: 40px;
        height: 40px;
        font-size: 16px
    }

    .number-list__value {
        padding-left: 25px;
        font-size: 12px
    }

    .window-slide__wrap {
        height: auto
    }

    .window-slide__content {
        position: relative;
        top: 0;
        left: 0;
        max-width: 100%;
        padding: 40px 25px 25px
    }

    .window-slide__title h2,
    .window-slide__title--title {
        font-size: 32px;
        font-weight: 500;
        height: 140px;
        margin: 0;
        padding-bottom: 120px;
        text-align: center
    }

    .window-slide__description {
        font-size: 14px;
        position: relative;
        padding: 0
    }

    .window-slide__nav {
        width: 100%;
        position: absolute;
        top: 153px;
        left: 0;
        padding: 0 25px;
        right: initial;
        text-align: center
    }

    .window-slide__nav-item {
        padding-bottom: 0;
        display: inline-block;
        vertical-align: top;
        padding-right: 10px
    }

    .window-slide__nav h3 {
        text-align: center;
        padding-left: 0
    }

    .window-slide__nav-title {
        display: none
    }

    .window-slide__nav-icon {
        width: 70px;
        height: 70px
    }

    .window-slide__nav-icon .icon-snowflake {
        width: 60px
    }

    .window-slide__nav-icon .icon-sun {
        width: 40px
    }

    .window-slide__nav-icon .icon-sound {
        width: 32px
    }

    .window-slide__nav-icon .icon-air {
        width: 33px
    }

    .window-slide__btn {
        display: none
    }

    .window-slide__img {
        width: 100%;
        padding-top: 0;
        padding-left: 40px;
        padding-right: 40px;
        position: relative;
        bottom: 0;
        left: 0;
        transform: none
    }

    .window-slide__img img {
        height: auto;
        width: auto;
        margin: 0 auto
    }

    .ab1-inner {
        padding: 50px 25px;
        display: block
    }

    .ab1-col {
        width: 100%
    }

    .ab1-col__subtitle {
        font-size: 24px;
        margin-bottom: 25px
    }

    .ab1-col__title h2 {
        font-size: 32px;
        font-weight: 500;
        margin: 0 0 50px
    }

    .ab1-col:last-child .ab1-col__inner {
        padding-left: 0
    }

    .ab1-col__text {
        padding-right: 0
    }

    .ab1-col__features-list {
        max-width: 375px;
        padding-right: 0
    }

    .ab1-col__features-item {
        padding: 25px 30px 25px 0
    }

    .ab1-col__features-img {
        height: 72px;
        margin-bottom: 18px
    }

    .ab1-col__features-title {
        font-size: 12px
    }

    .ab1-col__add-box {
        padding-right: 0
    }

    .ab1-col__add-box h4 {
        font-size: 16px;
        margin: 0 0 25px
    }

    .ab1-col__add-box h4 span {
        font-size: 18px;
        line-height: 30px;
        color: #FFF;
        padding: 0 16px;
        margin-right: 25px;
        float: left
    }

    .ab1-col__img {
        margin-bottom: 50px
    }

    .ab1-col__img img {
        width: 100%;
        height: auto
    }

    .catalog-item__bg {
        height: 35vh;
        margin-bottom: 50px
    }

    .parallax-box {
        height: 35vh;
        margin-bottom: 50px
    }

    .ab2-inner {
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0 !important;
        display: block
    }

    .ab2-col-left {
        width: 100%;
        padding: 0 25px
    }

    .ab2-col__subtitle {
        font-size: 24px;
        margin-bottom: 25px
    }

    .ab2-col__title {
        font-size: 90px
    }

    .ab2-col__description {
        font-size: 18px;
        margin-bottom: 25px
    }

    .ab2-col__text {
        font-size: 14px;
        margin-bottom: 25px
    }

    .ab2-col-right {
        width: 100%
    }

    .ab2-col__inner .frames-container {
        width: 100%;
        height: 50vh
    }

    .static-box {
        width: 100%;
        margin: 0 auto 50px;
        padding: 0 25px
    }

    .static-box h2,
    .static-box--title {
        font-size: 39px;
        margin: 0 0 25px
    }

    .static-box__subtitle {
        font-size: 14px;
        width: 100%;
        margin: 0 auto 50px;
        text-align: left
    }

    .static-box__row {
        margin-right: 0;
        margin-left: 0;
        position: relative
    }

    .static-box__col {
        width: 100%;
        padding: 0 40px
    }

    .static-level {
        width: 80px;
        height: 95px;
        font-size: 24px;
        margin-bottom: 42px
    }

    .static-title {
        padding-left: 12vw;
        font-size: 10px
    }

    .static-img {
        margin-bottom: 38px
    }

    .static-text {
        font-size: 16px
    }

    .static-text span {
        font-size: 16px
    }

    .static-box__row .slick-prev {
        position: absolute;
        top: 50%;
        left: 0;
        width: 26px;
        height: 26px
    }

    .static-box__row .slick-next {
        position: absolute;
        top: 50%;
        right: 0;
        width: 26px;
        height: 26px
    }

    .static-box-eko {
        padding: 50px 25px
    }

    .static-eko-box__row {
        margin-right: 0;
        margin-left: 0
    }

    .static-box-eko .static-box__col:first-child {
        width: 100%;
        float: none;
        padding: 0 0 50px
    }

    .static-box-eko .static-box__col:last-child {
        width: 100%;
        float: none;
        padding: 0;
        text-align: left
    }

    .static-box-eko .static-box__col h2,
    .static-box-eko--title {
        font-size: 32px;
        margin: 0 0 25px
    }

    .static-box-eko .static-box__col p {
        font-size: 14px
    }

    .static-box-eko .static-box__col img {
        width: 80%;
        height: auto
    }

    .other-desc-box {
        padding-top: 50px;
        margin-right: 0;
        margin-left: 0
    }

    .other-desc-box__col {
        width: 100%;
        float: none;
        padding: 0 25px 50px
    }

    .other-desc-box__col h5,
    .other-desc-box__col--title {
        font-size: 18px;
        font-weight: 500;
        margin: 0 0 25px
    }

    .other-desc-box__col p {
        font-size: 14px
    }

    .parallax-title-box__content {
        width: 100%;
        margin: 0 auto;
        padding: 50px 25px;
        text-align: left
    }

    .parallax-title-box__content h2,
    .parallax-title-box__content--title {
        font-size: 30px;
        font-weight: 500;
        margin: 0 0 25px
    }

    .parallax-title-box__content p {
        font-size: 14px
    }

    .parallax-title-box__img {
        height: 35vh;
        background-attachment: scroll
    }

    .catalog-form__wrap {
        padding: 50px 25px
    }

    .catalog-form__wrap h2,
    .catalog-form__wrap--title {
        font-size: 32px;
        margin: 0 0 25px;
        text-align: left
    }

    .catalog-form__wrap p {
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        max-width: 100%;
        margin: 0 0 25px
    }

    .catalog-form__wrap .form-col {
        width: 100%;
        margin-bottom: 40px
    }

    .catalog-form__wrap .form-col .form-col {
        width: 50%;
        margin-bottom: 0
    }

    .outline-btn-40 {
        border: 2px solid #D0D2DC;
        width: auto;
        height: 40px;
        font-size: 12px;
        color: #1C1C1C;
        padding: 8px 67px 8px 16px;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        right: initial;
        bottom: initial
    }

    .btn-red-40 {
        height: 40px;
        padding: 8px 67px 8px 16px;
        font-size: 12px
    }

    .btn-red-40:after {
        width: 18px;
        height: 9px;
        right: 25px;
        top: calc(50% - 4px)
    }

    .btn-white-outline-40 {
        width: auto;
        height: 40px;
        background: transparent;
        font-size: 12px;
        padding: 8px 67px 8px 16px;
        box-sizing: border-box;
        cursor: pointer;
        position: relative;
        right: initial;
        bottom: initial
    }

    .btn-white-outline-40:after {
        content: '';
        width: 18px;
        height: 9px;
        background-image: url(../../../themes/glasso/assets/img/arrow-icon-white.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 25px;
        top: calc(50% - 4px)
    }

    .catalog-more {
        padding: 50px 40px 25px
    }

    .catalog-more .flex-block {
        display: block
    }

    .catalog-more__row {
        margin-top: 25px;
        margin-right: 0;
        margin-left: 0
    }

    .catalog-more__title h3 {
        font-size: 24px;
        font-weight: 600;
        margin: 0;
        padding-right: 0;
        min-width: 100%
    }

    .catalog-more__description p {
        font-size: 13px;
        margin: 0;
        width: 100%
    }

    .catalog-more__col {
        width: 100%;
        padding: 0 0 25px
    }

    .catalog-more__col-inner {
        padding: 36px 36px 130px 42px
    }

    .catalog-more__col h4 {
        font-size: 18px;
        margin: 0 0 25px
    }

    .catalog-more__col p {
        font-size: 12px
    }

    .catalog-more__link {
        font-size: 12px;
        left: 42px;
        bottom: 42px;
        padding-right: 35px
    }

    .catalog-more__link:after {
        content: '';
        width: 15px;
        height: 15px;
        top: 0
    }

    .catalog-section-nav {
        padding: 50px 40px
    }

    .catalog-nav__left {
        display: none
    }

    .catalog-nav__right {
        width: 100%;
        float: none;
        text-align: left;
        padding-right: 50px
    }

    .catalog-nav__right:before {
        top: 10px;
        right: 0
    }

    .catalog-nav__title {
        font-size: 24px;
        padding-bottom: 15px
    }

    .catalog-nav__subtitle {
        font-size: 13px
    }

    .services-inner__gallery {
        padding-bottom: 50px
    }

    .services-gallery-item img {
        height: 140px
    }

    .services-gallery__title {
        font-size: 24px;
        font-weight: 600;
        position: relative;
        left: initial;
        bottom: initial;
        padding: 25px;
        width: 50%
    }

    .services-gallery__link {
        position: relative;
        left: initial;
        bottom: initial;
        padding: 0 25px
    }

    .services-gallery__link a {
        position: relative;
        font-size: 12px
    }

    .gallery-nav {
        position: absolute;
        left: inherit;
        right: 5px;
        bottom: 82px
    }

    .services-gallery-prev {
        width: 26px;
        height: 26px;
        margin: 0 20px
    }

    .services-gallery-prev svg {
        width: 6px
    }

    .services-gallery-next {
        width: 26px;
        height: 26px;
        margin: 0 20px
    }

    .services-gallery-next svg {
        width: 6px
    }

    .catalog-calculator__wrap {
        padding: 25px 25px 0;
        display: block
    }

    .catalog-calculator__col-1 {
        width: 100%
    }

    .catalog-calculator__col-2 {
        width: 100%
    }

    .catalog-calculator__col-inner {
        max-width: 100%
    }

    .catalog-calculator__col-1 h2,
    .catalog-calculator--title {
        font-size: 32px;
        margin: 0 0 25px
    }

    .catalog-calculator__btn-wrap.flex-block {
        display: block
    }

    .catalog-calculator__btn {
        margin-right: 25px;
        margin-bottom: 25px
    }

    .catalog-calculator__col-2 img {
        transform: translateX(0) !important
    }

    .mobile-tab-nav-slider .tab-nav-item {
        display: none
    }

    .mobile-tab-nav-slider .tab-nav-item.active {
        display: block
    }

    .tab-nav-item {
        width: 100%;
        max-width: 400px;
        text-align: center;
        padding: 0 18px 60px
    }

    .mobile-tab-nav-slider {
        padding-bottom: 50px;
        position: relative
    }

    .mobile-tab-nav-slider .mobile-slider-nav__prev,
    .mobile-tab-nav-slider .slick-prev {
        position: absolute;
        bottom: 50px !important;
        top: auto;
        left: 0;
        z-index: 50;
        width: 26px !important;
        height: 26px !important;
        background: #373942;
        border-radius: 50%;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .mobile-tab-nav-slider .mobile-slider-nav__next,
    .mobile-tab-nav-slider .slick-next {
        position: absolute;
        bottom: 50px !important;
        top: auto;
        right: 0;
        z-index: 50;
        width: 26px !important;
        height: 26px !important;
        background: #373942;
        border-radius: 50%;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .mobile-tab-nav-slider .mobile-slider-nav__prev svg,
    .mobile-tab-nav-slider .mobile-slider-nav__next svg,
    .mobile-tab-nav-slider .slick-prev,
    .mobile-tab-nav-slider .slick-next {
        width: 6px
    }

    .mobile-tab-nav-slider .tab-nav__btn {
        display: none
    }

    .tab-nav__img {
        width: 100%;
        height: 100%
    }

    .tab-nav__subtitle {
        font-size: 12px;
        display: none
    }

    .tab-nav__title {
        font-size: 18px;
        margin-bottom: 0;
        display: none
    }

    .tab-nav__title span {
        font-size: 10px
    }

    .tab-nav-item.active .tab-nav__title {
        font-size: 24px;
        line-height: 1.1;
        display: block;
        padding: 0 32px
    }

    .tab-nav-item.active .tab-nav__title span {
        font-size: 13px
    }

    .tab-nav-item.active .tab-nav__subtitle {
        display: block
    }

    .animation-box-3 .ab1-center-col {
        text-align: left
    }

    .ab3-inner {
        padding: 50px 25px
    }

    .ab1-center-col {
        width: 100%
    }

    .ab3-col__features-list {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 375px;
        padding-right: 0
    }

    .ab3-center-col .ab1-col__add-box {
        position: relative;
        left: 0;
        bottom: initial;
        width: 100%;
        padding-right: 0
    }

    .ab3-col__features-list .ab1-col__features-item {
        padding-left: 0;
        padding-right: 30px
    }

    .ab3-inner .ab1-center-col img {
        margin-bottom: 50px
    }

    .ab4-inner {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 25px
    }

    .ab4-inner h2 {
        font-size: 36px;
        margin: 0 0 25px
    }

    .ab4-row {
        margin-left: 0;
        margin-right: 0
    }

    .ab4-col {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        float: none
    }

    .ab4-col p {
        font-size: 14px
    }

    .ab4-img {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .animation-box-6 {
        padding: 50px 0 0
    }

    .ab6-inner {
        padding-left: 0;
        display: block !important
    }

    .ab6-col-left {
        width: 100%;
        padding: 0 25px 50px
    }

    .ab6-col__inner h2 {
        font-size: 32px;
        margin: 0 0 25px
    }

    .ab6-col__text {
        font-size: 14px;
        margin-bottom: 0;
        width: 100%
    }

    .ab6-col-right {
        width: 100%;
        padding: 0 0 0 25px
    }

    .ab6-col__img {
        margin-bottom: 50px;
        padding-bottom: 50%
    }

    .ab6-col__img img {
        right: 0
    }

    .center-img-box__inner {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .center-img-box__content {
        width: 100%;
        text-align: left;
        padding: 0 25px
    }

    .center-img-box__content h2 {
        font-size: 36px;
        margin: 0 0 25px
    }

    .center-img-box__content p {
        font-size: 14px
    }

    .center-img-box__img {
        position: relative;
        text-align: center;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0
    }

    .custom-pd-200 {
        padding: 0
    }

    .ab5-inner {
        display: block;
        padding-left: 25px;
        padding-right: 0 !important
    }

    .ab5-col-left {
        width: 100%;
        padding-right: 25px;
        margin-bottom: 25px
    }

    .ab5-col__inner {
        width: 100%
    }

    .ab5-col__inner h2,
    .ab5-col__inner--title {
        font-size: 36px;
        margin: 0 0 25px
    }

    .ab5-col__text {
        font-size: 14px;
        margin-bottom: 50px
    }

    .ab5-col-right {
        width: 100%
    }

    .animation-box-7 {
        padding: 0 25px
    }

    .ab7-col-right {
        width: 100%;
        order: 1;
        padding-bottom: 50px
    }

    .ab7-col-left {
        width: 100%;
        order: 2
    }

    .ab7-col__inner h2 {
        font-size: 32px;
        margin: 0 0 25px
    }

    .ab7-col__text {
        font-size: 14px;
        width: 100%;
        padding-bottom: 50px
    }

    .animation-box-8 {
        padding: 50px 25px 100px
    }

    .ab8-inner {
        padding-left: 0
    }

    .ab8-col-left {
        width: 100%
    }

    .ab8-col__inner h2 {
        font-size: 32px;
        margin: 0 0 25px
    }

    .ab8-col__text {
        font-size: 14px;
        margin-bottom: 50px;
        width: 100%
    }

    .ab8-col-right {
        width: 100%
    }

    .ab8-col__img {
        padding: 0;
        padding-bottom: 300px
    }

    .img-text-box-2 {
        padding-top: 50px;
        padding-left: 25px;
        padding-right: 25px
    }

    .img-text-box-2__col-right {
        width: 100%;
        order: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 25px
    }

    .img-text-box-2__col-left {
        width: 100%;
        order: 2
    }

    .img-text-box-2 h2,
    .img-text-box-2--title {
        font-size: 36px;
        margin: 0 0 25px
    }

    .img-text-box-2 p {
        font-size: 14px
    }

    .pattern-tab__section {
        padding: 50px 25px
    }

    .pattern-tab__nav {
        width: 100%;
        padding-right: 0
    }

    .pattern-tab__content {
        display: none
    }

    .pattern-tab__nav h2,
    .pattern-tab__nav--title {
        font-size: 36px;
        margin: 0 0 25px;
        padding-left: 0
    }

    .pattern-tab__nav-list {
        margin-left: -25px;
        margin-right: -25px
    }

    .pattern-tab__nav-item {
        display: inline-block;
        width: 49%;
        padding: 0 25px;
        margin-bottom: 25px
    }

    .pattern-nav__content {
        position: relative;
        width: 100%;
        height: 100%;
        border: none
    }

    .pattern-tab__nav-item.active .pattern-nav__content {
        border: none
    }

    .pattern-nav__content-inner {
        width: 100%;
        padding-bottom: 100%;
        background-size: cover
    }

    .pattern-nav__content span {
        position: absolute;
        left: 8px;
        bottom: 8px;
        max-width: 90%;
        font-size: 10px
    }

    .handle-slide {
        background-color: #fff;
        padding: 0;
        overflow: hidden;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        height: 100%;
        position: relative
    }

    .handle-slide__col-left {
        width: 100%;
        max-height: 40%;
        order: 2;
        margin-bottom: 150px;
        margin-top: 20px;
        background: #F8F8FB
    }

    .handle-slide__col-right {
        width: 100%;
        order: 1;
        padding: 0 25px
    }

    .handle-slide__col-right h2 {
        font-size: 32px;
        font-weight: 500;
        margin: 0 0 25px;
        padding-top: 60px;
        text-align: left
    }

    .handle-slide__col-right p {
        font-size: 14px;
        padding-right: 0;
        text-align: left
    }

    .handle-slide__btn {
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        bottom: 50px;
        z-index: 1
    }

    .property-box {
        padding: 50px 25px
    }

    .property-col-left {
        width: 100%;
        border-right: none
    }

    .property-col-right {
        width: 100%
    }

    .property-col__wrap {
        padding: 0
    }

    .property-title-small {
        font-size: 18px;
        padding: 0 0 10px
    }

    .property-title {
        font-size: 24px;
        font-weight: 500;
        margin: 0 0 25px
    }

    .property-title-desc {
        font-size: 14px;
        padding-right: 0;
        width: 75%
    }

    .property__table {
        margin: 50px 0 25px
    }

    .property__cell {
        padding-right: 25px;
        padding-bottom: 25px
    }

    .property__cell h5 {
        font-size: 16px;
        margin: 0 0 8px
    }

    .property__cell h5 span {
        font-size: 16px
    }

    .property__cell p {
        font-size: 10px
    }

    .property-img {
        margin-top: 40px;
        width: 100%;
        height: auto !important
    }

    .property-slider {
        padding: 0 35px !important;
        height: auto !important
    }

    .property-slider .slick-slide img {
        width: 100%;
        height: auto !important
    }

    .property-slider .slick-dots {
        display: none !important
    }

    .property-slider .slick-prev {
        width: 26px;
        height: 26px;
        top: calc(50% - 13px);
        bottom: 0;
        left: 0
    }

    .property-slider .slick-next {
        width: 26px;
        height: 26px;
        top: calc(50% - 13px);
        bottom: 0;
        right: 0
    }

    .property-slider .slick-arrow svg {
        width: 6px
    }

    .property-bottom {
        margin-top: 50px;
        text-align: left
    }

    .video-box {
        height: 30vh
    }

    .catalog-download__wrap {
        padding: 50px 25px
    }

    .catalog-download__wrap h2,
    .catalog-download__wrap--title {
        font-size: 36px;
        margin: 0 0 25px
    }

    .catalog-download__wrap .form-row {
        margin-right: 0;
        margin-left: 0
    }

    .catalog-download__wrap .form-col {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-bottom: 40px
    }

    .catalog-download__wrap label {
        font-size: 24px;
        padding: 0 0 25px
    }

    .catalog-download__wrap a {
        margin: 0 0 25px;
        font-size: 12px
    }

    .catalog-download__wrap p {
        font-size: 14px;
        margin: 0 0 25px
    }

    .img-text-box.gl {
        padding: 50px 25px 0
    }

    .img-text-box.gl ul li {
        font-size: 14px;
        margin-bottom: 25px
    }

    .img-text-box.gl p {
        font-size: 14px
    }

    .img-text-box.gl video,
    .img-text-box.gl_1 video,
    .img-text-box.gl_2 video {
        height: 100%
    }

    .tab-section.other {
        padding: 50px 0 25px 25px !important
    }

    .tab-section.other h2 {
        font-size: 36px;
        font-weight: 500;
        margin: 0 0 50px
    }

    .tab-section.other .tab-content-item {
        padding-right: 25px;
        padding-left: 0
    }

    .tab-section.other .tab-nav-box {
        padding-left: 0;
        padding-right: 0
    }

    .tab-section.other .tab-content-item p {
        font-size: 18px;
        margin: 0 0 25px
    }

    .tab-section.other .tab-nav-list {
        width: 100%;
        overflow-y: scroll;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 50px
    }

    .tab-section.other .tab-nav-item {
        width: 25%;
        min-width: 230px;
        padding: 0 25px 75px
    }

    .tab-section.other .tab-nav-item.active .tab-nav__title {
        font-size: 24px
    }

    .tab-section.other .tab-nav__img {
        padding-bottom: 15px
    }

    .tab-nav__img img {
        width: 100%;
        height: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        margin-top: 175px
    }

    .img-full-heading {
        position: relative;
        height: auto
    }

    .accessories-bg {
        background-color: #fff
    }

    .accessories__inner {
        padding: 130px 25px 0
    }

    .accessories__img-list {
        display: none
    }

    .accessories__title {
        font-size: 40px;
        font-weight: 500;
        color: #1C1C1C;
        text-align: left;
        margin: 0 0 25px
    }

    .accessories__title span {
        color: #1C1C1C
    }

    .tab-section.handle-tab {
        padding: 0 !important
    }

    .handle-tab__subtitle {
        max-width: 100%;
        text-align: left;
        padding: 0 25px;
        margin: 0 0 50px
    }

    .handle-tab__subtitle p {
        font-size: 18px
    }

    .handle-tab__title {
        font-size: 40px;
        font-weight: 500;
        padding: 0 25px;
        margin: 0 0 25px;
        text-align: left
    }

    .handle-tab__subtitle2 {
        max-width: 100%;
        text-align: left;
        padding: 0 25px;
        margin: 0
    }

    .handle-tab__subtitle2 span {
        font-size: 16px
    }

    .tab-nav-list.handle-nav-tab-list li {
        padding: 2px;
        height: auto
    }

    .handle-nav-tab-title {
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px
    }

    .handle-box {
        display: block;
        padding: 50px 25px
    }

    .handle-col {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .handle-col__title {
        font-size: 24px;
        margin: 0 0 74px;
        text-align: center
    }

    .handle-box .slick-prev {
        position: absolute;
        top: 215px;
        left: 25px;
        width: 26px;
        height: 26px
    }

    .handle-box .slick-next {
        position: absolute;
        top: 215px;
        right: 25px;
        width: 26px;
        height: 26px
    }

    .handle-box .slick-prev svg {
        width: 6px
    }

    .handle-box .slick-next svg {
        width: 6px
    }

    .handle-col__img {
        padding: 0 70px
    }

    .handle-animation-box {
        padding: 50px 25px 0
    }

    .handle-animation-box h2 {
        font-size: 32px;
        font-weight: 500;
        margin: 0 0 50px
    }

    .handle-animation-box__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: -25px;
        margin-right: -25px
    }

    .handle-animation-box__col {
        padding: 0 25px 50px;
        width: 33%
    }

    .tab-section.layout-tab {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 50px
    }

    .layout-nav-box {
        width: 100%;
        padding: 50px 25px
    }

    .layout-nav-box h2 {
        font-size: 32px;
        margin: 0 0 25px
    }

    .layout-nav-box h5 {
        font-size: 14px;
        width: 100%;
        color: #fff;
        margin: 0 0 50px
    }

    .tab-nav-list.layout-nav-tab-list {
        margin-left: -20px;
        margin-right: -20px
    }

    .tab-nav-list.layout-nav-tab-list li {
        padding: 0 20px;
        height: auto
    }

    .layout-nav__wrap {
        width: 70px;
        height: 70px
    }

    .layout-content-box {
        width: 100%;
        height: 45vh;
        padding-left: 25px
    }

    .tab-content-item.layout-box-item {
        background-position: left
    }

    .about__inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 130px 25px 0
    }

    .about__title {
        margin-bottom: 25px
    }

    .about__subtitle {
        font-size: 16px;
        padding-bottom: 0
    }

    .about__content {
        font-size: 13px;
        position: absolute;
        left: 0;
        bottom: 185px;
        padding: 0 25px
    }

    .play-box {
        position: absolute;
        right: initial;
        left: 25px;
        bottom: 50px;
        width: 70%
    }

    .play-box__inner {
        width: 88px;
        height: 88px;
        margin: 0
    }

    .play-box__inner:before {
        content: none
    }

    .play-icon {
        border-top: 13px solid transparent;
        border-left: 16px solid #fff;
        border-bottom: 13px solid transparent
    }

    .pause-icon:before {
        height: 26px;
        top: -13px
    }

    .pause-icon:after {
        height: 26px;
        top: -13px
    }

    .play-title {
        font-size: 16px;
        color: #fff;
        padding-top: 0;
        position: absolute;
        top: 36px;
        left: 108px
    }

    .links__container {
        padding: 50px 25px 0
    }

    .links__table {
        display: block
    }

    .links__row {
        display: block
    }

    .links__cell {
        display: block;
        width: 100%;
        height: auto;
        padding: 0 0 20px
    }

    .links__item {
        font-size: 16px;
        line-height: 30px;
        padding: 0 60px 0 0
    }

    .links__item:after {
        width: 30px;
        height: 30px
    }

    .about-box1 {
        padding: 30px 25px 50px;
        display: block
    }

    .about-box1__col {
        width: 100%
    }

    .about-box1__col h2 {
        font-size: 36px;
        margin: 0 0 25px
    }

    .about-box1__text {
        width: 100%;
        font-size: 13px;
        padding-bottom: 25px
    }

    .about-feature__table {
        display: block;
        width: 100%
    }

    .about-feature__row {
        display: block
    }

    .about-feature__cell {
        padding-bottom: 25px
    }

    .about-feature__val {
        font-size: 36px
    }

    .about-feature__label {
        font-size: 16px
    }

    .about-box-btn {
        margin-top: 25px;
        padding-right: 54px
    }

    .about-box-btn:after {
        width: 18px;
        height: 9px;
        right: 25px;
        top: calc(50% - 4px)
    }

    .about-box2 {
        padding: 0 25px;
        display: block
    }

    .about-box2__col {
        width: 100%
    }

    .about-box2__col h2 {
        font-size: 36px;
        margin: 0 0 25px
    }

    .about-box2__text {
        width: 100%;
        font-size: 13px
    }

    .about-box2__col img {
        margin-top: 35px;
        max-width: 100%
    }

    .about-box3 {
        padding: 50px 25px;
        display: block
    }

    .about-box3__col {
        width: 100%
    }

    .about-box3__col h2 {
        font-size: 36px;
        margin: 0 0 50px
    }

    .about-box3__col img {
        max-width: 100%
    }

    .about-chart__table {
        margin: 50px 0 25px
    }

    .about-chart__cell {
        padding: 0 30px 20px 0
    }

    .about-chart__cell1 span {
        width: 50px;
        height: 50px
    }

    .about-chart__cell2 {
        font-size: 18px
    }

    .about-box4 {
        padding: 0 25px 50px
    }

    .about-box4__img {
        display: none
    }

    .about-box4__content {
        padding-bottom: 50px
    }

    .about-box4__content h2 {
        font-size: 36px;
        margin: 0 0 25px
    }

    .about-box4__content h4 {
        font-size: 18px;
        margin: 0 0 25px;
        width: 100%
    }

    .about-box4__content p {
        font-size: 13px;
        width: 100%
    }

    .about-box4__delivery h4 {
        font-size: 18px;
        margin: 0 0 30px
    }

    .about-delivery__list li {
        display: block;
        padding: 10px 0
    }

    .about-delivery__list li img {
        width: 21px
    }

    .about-delivery__list li span {
        font-size: 30px;
        padding-left: 15px
    }

    .about-contacts {
        padding: 0 25px
    }

    .about-contacts h2 {
        font-size: 36px;
        margin: 0 0 50px
    }

    .about-contacts__row {
        margin-right: 0;
        margin-left: 0
    }

    .about-contacts__col {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 25px
    }

    .about-contacts__item {
        padding: 34px 34px 10px
    }

    .about-contacts__item h3 {
        font-size: 18px;
        margin: 0 0 25px
    }

    .ac__table {
        display: block
    }

    .ac__row {
        display: block
    }

    .ac__cell {
        display: block;
        width: 100%;
        padding-bottom: 10px
    }

    .cell-title {
        font-size: 14px;
        margin-bottom: 20px;
        color: #1C1C1C
    }

    .ac__cell a {
        font-size: 14px;
        margin-bottom: 15px
    }

    .production-box {
        padding: 0 0 50px
    }

    .production-box__title {
        padding: 0 25px
    }

    .production-box__col {
        width: 100%
    }

    .production-box__title h2 {
        font-size: 32px;
        margin: 0 0 25px
    }

    .tabs-div .production-box__col p {
        padding-right: 0
    }

    .production-box__wrap {
        padding: 0 25px
    }

    .clients-box {
        padding: 25px
    }

    .clients-box__title {
        padding: 0;
        display: block
    }

    .clients-box__title-col {
        width: 100%
    }

    .clients-box__title-col h2 {
        font-size: 36px;
        margin: 0 0 25px
    }

    .clients-box__title-col a {
        font-size: 16px;
        line-height: 30px;
        padding: 0 60px 0 0
    }

    .clients-box__title-col a:after {
        width: 30px;
        height: 30px
    }

    .clients-logo__wrap {
        padding: 25px 0 0
    }

    .clients-logo__list {
        margin-right: -10px;
        margin-left: -10px
    }

    .clients-logo__item {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px
    }

    .documents-box {
        padding: 0 25px 50px
    }

    .documents-box__col {
        width: 100%
    }

    .documents-box__col:first-child {
        order: 2
    }

    .documents-box__col:last-child {
        order: 1
    }

    .documents-box__content {
        width: 100%;
        margin: 0 0 50px auto
    }

    .documents-box__content h2 {
        font-size: 36px;
        margin: 0 0 25px
    }

    .documents-box__content p {
        font-size: 13px
    }

    .documents-box__btn {
        font-size: 16px;
        line-height: 30px;
        padding: 0 60px 0 0;
        margin-top: 35px
    }

    .documents-box__btn:after {
        width: 30px;
        height: 30px
    }

    .document-item {
        width: 100%;
        padding: 0 0 10px
    }

    .document-item__inner {
        padding: 23px 90px 120px 21px
    }

    .document-item__inner h4 {
        font-size: 16px;
        margin: 0 0 8px
    }

    .document-item__inner span {
        font-size: 14px
    }

    .document-item__img {
        position: absolute;
        top: 23px;
        right: 21px;
        width: 43px;
        height: auto
    }

    .document-item__btn {
        font-size: 12px;
        padding-right: 30px;
        position: absolute;
        right: 21px;
        bottom: 23px
    }

    .document-item__btn:after {
        content: '';
        width: 14px;
        height: 14px;
        top: 1px
    }

    .form-page {
        padding: 120px 0 0
    }

    .form-page__content {
        max-width: 100%;
        padding: 0 25px 80px;
        box-sizing: border-box
    }

    .form-page__content h1 {
        margin-bottom: 40px
    }

    .form-page__content p {
        padding-right: 0;
        font-size: 14px
    }

    .form-page__form {
        max-width: 100%;
        padding-bottom: 80px;
        padding-left: 25px;
        padding-right: 25px;
        box-sizing: border-box
    }

    .page-form__title {
        font-size: 24px;
        margin: 0 0 60px;
        max-width: 100%
    }

    .window-page__inner {
        position: relative;
        top: initial;
        left: 0;
        width: 100%;
        padding: 130px 25px 40px
    }

    .window-page__title {
        font-size: 32px;
        margin: 0 0 25px
    }

    .window-page__content {
        font-size: 14px
    }

    .window-page__img {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .window-page__img img {
        max-width: 80%;
        margin: 0 0 0 auto
    }

    .windows-cards__wrap {
        padding: 50px 25px 100px
    }

    .windows-cards__header {
        max-width: 100%;
        margin-bottom: 50px
    }

    .windows-cards__header h2,
    .windows-cards__title {
        font-size: 32px;
        margin: 0 0 30px
    }

    .windows-cards__header p {
        font-size: 14px
    }

    .windows-cards__row {
        margin-left: -25px;
        margin-right: -25px
    }

    .windows-cards__item {
        width: 100%;
        padding: 0 25px 50px
    }

    .windows-card__inner {
        padding: 0 50px 100px
    }

    .windows-card__title {
        margin-top: 50px;
        font-size: 24px;
        margin-bottom: 25px;
        min-height: 60px
    }

    .windows-card__title span {
        font-size: 14px
    }

    .windows-card__btn {
        bottom: 46px
    }

    .windows-more-btn {
        height: 40px;
        font-size: 12px;
        padding: 0 46px
    }

    .services-support__wrap {
        padding: 40px 25px 50px
    }

    .services-support__col-1 {
        width: 100%;
        float: none
    }

    .services-support__col-2 {
        display: none
    }

    .services-support__col-3 {
        width: 100%;
        float: none;
        padding-top: 50px
    }

    .services-support__col-1 h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .services-support__col-1 p {
        font-size: 12px;
        margin: 0
    }

    .al_constr .windows-cards__header p {
        max-width: 100%
    }

    .facade-features__wrap {
        padding: 50px 25px 20px
    }

    .facade-features__header {
        font-size: 36px;
        margin: 0 0 25px
    }

    .facade-features__row {
        margin-left: 0;
        margin-right: 0
    }

    .facade-features__item {
        width: 100%;
        padding: 0 0 30px
    }

    .ff-cell {
        font-size: 18px
    }

    .ff-cell span {
        font-size: 36px;
        padding-right: 25px
    }

    .animation-box-9 {
        padding: 50px 25px 25px
    }

    .ab9-col-left {
        width: 100%
    }

    .ab9-col-right {
        width: 100%;
        text-align: center
    }

    .ab9-col-left img {
        max-width: 100%;
        padding-top: 0;
        margin-bottom: 25px
    }

    .ab9-col__title {
        font-size: 24px;
        margin: 0 0 25px
    }

    .ab9-col__text p {
        font-size: 14px;
        margin: 0 0 25px
    }

    .ab9-col__row {
        margin-top: 50px;
        max-width: 205px
    }

    .ab9-col__item {
        width: 100%;
        padding: 0 0 25px
    }

    .ab9-col__table-cell-1 {
        width: 20%
    }

    .ab9-col__table-cell-2 {
        font-size: 13px;
        width: 80%
    }

    .facade-icon {
        margin-bottom: 0 !important
    }

    .fass-gallery__title {
        margin: 0 0 25px
    }

    .facade-system__wrap {
        padding: 25px
    }

    .facade-system__header {
        max-width: 100%;
        margin-bottom: 25px
    }

    .facade-system__header h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .facade-system__header p {
        font-size: 14px
    }

    .facade-system__row {
        margin-left: -8px;
        margin-right: -8px
    }

    .facade-system__cell {
        width: 50%;
        padding: 0 8px 25px
    }

    .facade-system__item-title {
        font-size: 14px;
        left: 10px;
        bottom: 15px
    }

    .facade__more {
        height: 40px;
        font-size: 12px;
        padding: 0 70px 0 20px;
        margin-top: 0
    }

    .facade__more:before {
        right: 20px
    }

    .grid.grid-3 {
        padding-top: 0
    }

    .gallery-grid-item {
        width: 100%
    }

    .ha-tab {
        background-color: transparent;
        padding: 0 0 150px;
        position: relative
    }

    .ha-nav-box {
        order: 1;
        width: 100%;
        padding: 50px 25px 0
    }

    .ha-content-box {
        order: 2;
        width: 100%;
        height: 35vh;
        padding-right: 0
    }

    .ha-nav-box h2,
    .ha-nav-box--title {
        font-size: 32px;
        margin: 0 0 25px
    }

    .ha-nav-box p {
        font-size: 14px;
        padding-right: 0
    }

    .tab-nav-list.ha-nav-tab-list {
        margin-left: -5px;
        margin-right: -5px;
        padding: 30px 0;
        margin-bottom: 0
    }

    .tab-nav-list.ha-nav-tab-list li {
        padding: 0 5px 50px;
        height: auto
    }

    .ha-box-item {
        background-color: #F8F8FB;
        background-position: center center
    }

    .ha-slide__btn {
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        bottom: 50px;
        z-index: 1
    }

    .furnitura-inner__header {
        width: 100%;
        margin-right: 0;
        background-position: center
    }

    .furnitura-inner__header-content {
        top: 0;
        left: 0 !important;
        height: 100%;
        width: 100%;
        padding: 130px 25px 0
    }

    .furnitura-inner__header-title {
        font-size: 32px;
        margin: 0 0 25px
    }

    .furnitura-inner__header-subtitle {
        font-size: 13px;
        padding-right: 60px
    }

    .furnitura-content__section {
        padding: 40px 0 0
    }

    .furnitura-content__box {
        padding: 0 25px 50px
    }

    .furnitura-content__col-text {
        width: 100%;
        order: 1
    }

    .furnitura-content__col-img {
        width: 100%;
        order: 2
    }

    .furnitura-content__section h2 {
        font-size: 24px;
        margin: 0 0 25px
    }

    .furnitura-img__box {
        margin-right: -3px;
        margin-left: -3px
    }

    .furnitura-img__col1 {
        width: 33.3%;
        padding-left: 3px;
        padding-right: 3px
    }

    .furnitura-img__col2 {
        display: -ms-flexbox;
        display: flex;
        width: 66.6%;
        padding-left: 3px;
        padding-right: 3px
    }

    .furnitura-img__col2 img {
        max-width: 50%;
        width: 50%;
        height: 100%;
        padding-top: 3px;
        padding-bottom: 3px
    }

    .furnitura-img__col2 img:first-child {
        padding-right: 3px
    }

    .furnitura-img__col2 img:last-child {
        padding-left: 3px
    }

    .furnitura-table__box {
        padding: 0 25px 50px
    }

    .img-heading--space {
        margin-bottom: 50px
    }

    .img-section__inner {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 130px 25px 40px
    }

    .img-section__title {
        font-size: 32px;
        margin: 0 0 25px
    }

    .img-section__content {
        width: 80%;
        position: absolute;
        bottom: 160px
    }

    .img-section__btn {
        position: absolute;
        bottom: 85px
    }

    .animation-box-10 {
        padding: 0 25px 25px
    }

    .ab10-col-left {
        width: 100%;
        margin-bottom: 25px
    }

    .ab10-col-right {
        width: 100%;
        margin-bottom: 25px;
        text-align: left
    }

    .ab10-col-right img {
        max-width: 100%;
        padding-top: 0;
        padding-left: 0;
        height: auto
    }

    .ab10-col__text {
        margin: 0 0 25px
    }

    .ab10-col__text p {
        margin: 0 0 25px
    }

    .ab10-inner ul li {
        padding-bottom: 15px
    }

    .ab11-inner {
        padding: 0 25px
    }

    .ab11-row {
        margin-left: 0;
        margin-right: 0
    }

    .ab11-col {
        padding-left: 0;
        padding-right: 0;
        margin: 0 0 25px;
        width: 100%;
        float: left
    }

    .ab11-col p {
        margin: 0 0 25px
    }

    .gallery-box {
        padding: 0 25px 50px
    }

    .gallery-item--50 {
        width: 100%
    }

    .gallery-item--50:first-child {
        padding-right: 0;
        padding-bottom: 50px
    }

    .gallery-item--50:last-child {
        padding-left: 0
    }

    .gallery-four__wrap {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 80px
    }

    .gallery-four__item {
        width: 50%;
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 50px
    }

    .gallery-four__name {
        font-size: 16px
    }

    .account-box--mb {
        margin-bottom: 0
    }

    .img-list__wrap {
        padding: 0 25px 50px
    }

    .img-list__wrap h2 {
        margin: 0 0 25px
    }

    .cross-nav__list {
        margin: 0 0 0 -10px
    }

    .cross-nav {
        padding: 15px 65px 15px 25px;
        top: 125px
    }

    .cross-nav.fixed {
        top: 63px;
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none
    }

    .cross-nav__list li a {
        padding: 0 10px
    }

    .aside_write_now--mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 60px;
        height: 60px;
        background-color: #EE343D;
        border-radius: 50%;
        position: fixed;
        right: 25px;
        bottom: 32px;
        z-index: 99
    }

    .aside_write_now--mobile:after {
        content: '';
        display: block;
        top: -5px;
        left: -5px;
        width: 70px;
        height: 70px;
        position: absolute;
        border-radius: 36px;
        background: rgba(238, 52, 61, .1);
        -webkit-animation: pulseAnimation 2.5s linear infinite;
        animation: pulseAnimation 2.5s linear infinite
    }

    .simple-page {
        padding: 150px 25px 60px
    }

    .simple-page h1 {
        font-size: 30px
    }

    .breadcrumbs {
        top: 80px;
        left: 0;
        overflow-y: auto;
        width: 100%;
        max-width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
        padding-right: 25px;
        padding-left: 25px;
        z-index: 80
    }

    .breadcrumbs--color,
    .breadcrumbs--color a {
        color: #1c1c1c
    }

    .custom-text {
        padding: 40px 25px
    }

    .custom-text__content {
        padding-right: 25px
    }

    .ap-about-box {
        padding: 0 25px 50px 25px
    }

    .ap-about-box__col1 {
        width: 100%;
        padding-right: 0;
        padding-bottom: 50px
    }

    .ap-about-box__title {
        font-size: 36px;
        margin-bottom: 25px
    }

    .ap-about-box__col1 p {
        font-size: 15px;
        margin: 0 0 30px 0
    }

    .ap-about-box-btn {
        padding-right: 70px
    }

    .ap-about-box__col2 {
        width: 100%
    }

    .ap-about__list-item {
        width: 50%;
        height: 190px;
        padding: 110px 20px 20px 20px
    }

    .ap-about__list-item span {
        font-size: 14px
    }

    .ap-about__list-item img {
        height: 60px;
        top: 24px
    }

    .ap-about__list-item2 {
        margin-top: 0
    }

    .ap-about__list-item3 {
        margin-top: -2px;
        margin-left: 0
    }

    .ap-about__list-item4 {
        margin-top: -2px;
        margin-left: -2px
    }

    .ap-about__list-item5 {
        margin-top: -2px;
        margin-left: 0
    }

    .ap-about__list-item6 {
        margin-left: -2px
    }

    .ap-tab-box {
        padding: 0 25px 30px 25px
    }

    .ap-tab-box__title {
        font-size: 36px;
        margin-bottom: 50px;
        max-width: 100%
    }

    .ap-tab-box .tab-nav-box {
        margin-bottom: 30px;
        padding: 0
    }

    .ap-nav-tab-list {
        margin-left: -5px;
        margin-right: -5px;
        padding: 0
    }

    .ap-nav-tab-list li {
        padding: 0 5px 10px 5px
    }

    .ap-nav-tab__item {
        font-size: 13px
    }

    .ap-system-box {
        margin-left: -10px;
        margin-right: -10px
    }

    .ap-system-box__col {
        width: 100%;
        padding: 0 10px 20px
    }

    .ap-system-box__item {
        padding: 0 16px 116px
    }

    .ap-system-box__item-name {
        font-size: 18px;
        left: 26px;
        bottom: 34px
    }

    .world-work-box {
        padding: 25px
    }

    .world-work__row {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 25px
    }

    .world-work__col {
        width: 100%;
        padding: 0
    }

    .world-work__title {
        font-size: 36px;
        margin-bottom: 25px
    }

    .world-work__subtitle {
        font-size: 18px
    }

    .world-work__text {
        font-size: 24px
    }

    .ap-about-box2 {
        padding: 25px
    }

    .ap-about-box2__col {
        width: 100%
    }

    .ap-about-box2__col {
        padding-right: 0
    }

    .ap-about-box2__col:last-child {
        padding-left: 0;
        margin-top: 50px
    }

    .ap-about-box2__title {
        font-size: 36px;
        margin-bottom: 25px;
        max-width: 100%
    }

    .ap-about-box2__text {
        font-size: 13px;
        margin-bottom: 50px
    }

    .ap-video-box {
        padding: 50px 25px
    }

    .ap-project-box {
        padding: 0 25px
    }

    .ap-project-box__title {
        font-size: 36px;
        margin-bottom: 25px;
        max-width: 100%
    }

    .ap-project-box__col {
        width: 100%
    }

    .ap-project-box__item {
        margin-bottom: 25px
    }

    .ap-project-box__item-img {
        margin-bottom: 25px
    }

    .ap-project-box__item-title {
        font-size: 24px;
        margin-bottom: 25px
    }

    .ap-project-box__item-full .ap-project-box__item-meta {
        margin-left: -10px;
        margin-right: -10px
    }

    .ap-project-box__item-meta {
        margin-left: -10px;
        margin-right: -10px
    }

    .ap-project-box__item-meta-1 {
        width: 100%;
        padding: 0 10px 25px 10px
    }

    .ap-project-box__item-full .ap-project-box__item-meta-2 {
        width: 70%;
        padding: 0 10px 25px 10px
    }

    .ap-project-box__item-full .ap-project-box__item-meta-3 {
        width: 30%;
        padding: 0 10px 25px 10px
    }

    .ap-project-box__item-full .ap-project-box__item-meta-1 {
        width: 100%;
        padding: 0 10px 25px 10px
    }

    .ap-project-box__item-padding .ap-project-box__item-meta-1 {
        width: 100%;
        padding: 0 10px 25px 10px
    }

    .ap-project-box__item-padding .ap-project-box__item-meta-2 {
        width: 70%;
        padding: 0 10px 25px 10px
    }

    .ap-project-box__item-padding .ap-project-box__item-meta-3 {
        width: 30%;
        padding: 0 10px 25px 10px
    }

    .ap-project-box__item-meta-label {
        font-size: 14px
    }

    .ap-project-box__item-meta-excerpt {
        font-size: 18px
    }

    .ap-project-box__col-left .ap-project-box__item-padding {
        padding-right: 0
    }

    .ap-project-box__col-right .ap-project-box__item-padding {
        padding-left: 0
    }
}

@media screen and (max-width:370px) {
    .main-slide__location-list {
        display: none
    }
}

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide,
.fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller {
    overflow: hidden
}

.iScrollIndicator {
    border: 0 !important
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

#fp-nav.fp-right {
    right: 17px
}

#fp-nav.fp-left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important
}

.fp-slidesNav.fp-bottom {
    bottom: 17px
}

.fp-slidesNav.fp-top {
    top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 6px;
    height: 6px;
    margin: 9px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 6px;
    width: 6px;
    margin: 0;
    border-radius: 50%;
    background: #038892
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 6px;
    width: 6px;
    border: 0;
    background: rgba(112, 119, 130, .2);
    left: 0;
    top: 0;
    margin: 0;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 6px;
    height: 6px;
    margin: 0;
    background: #038892
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important
}

.fp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}