/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
    --color-blue: #40729A;
    --color-blue-light: #75AAD3;
    --color-green: #07A39D;
}

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

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Italic.woff2') format('woff2'),
        url('fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.woff2') format('woff2'),
        url('fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


body {
    font-family: 'Montserrat', sans-serif;
    color: var(--color-blue)
}

.wrapper {
    position: relative
}

.menu__indicator {
    position: absolute;
    top: 110vh;
    left: 0;
    width: 1px;
    height: 1px
}

body.home .menu__indicator {
    top: 120vh
}

.main {
    /* padding-top: 73px; */
    padding-bottom: 62px
}

.container {
    max-width: 1500px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto
}

.is--desktop {
    display: none;
}

@media (min-width: 769px) {
    .main {
        /* padding-top: 90px; */
        padding-bottom: 9.5625vw;
    }
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .is--mobile {
        display: none;
    }
    .is--desktop {
        display: block;
    }
}
@media (min-width: 1600px) {
    .main {
        padding-bottom: 153px;
    }
}

.btn {
    background: var(--color-blue);
    padding: 11px 18px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 100px;
    text-decoration: none;
    border: 2px solid var(--color-blue);
}
.title {
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.03em;
}
.description {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.03em;
}

/** Header **/

.main__header {
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}
.main__header--white {
    background: #fff
}
.header__logo_link {
    display: inline-block;
}

.header__btn_txt--store {
    text-transform: none;
}

@media (max-width: 768px) {
    .main__header { 
        height: 73px;
        position: fixed;
        width: 100vw;
        z-index: 20;
    }
    .header__nav { 
        height: 100%;
        position: relative;
    }
    .header__nav_primary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        position: absolute;
        top: 0;
        left: 0;
        height: 73px;
        width: 100vw;
        -webkit-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
    }
    .header__logo {
        width: 116px;
        display: inline-block;
    }

    body.home .header__logo {
        opacity: 0
    }
    body.home .main__header--white .header__logo {
        opacity: 1
    }

    .header__nav_secondary {
        -webkit-transform: translate(0, -100vh);
            -ms-transform: translate(0, -100vh);
                transform: translate(0, -100vh);
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        -o-transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
        padding: 63px 20px 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .header__menu_primary {
        width: 100%;
        text-align: center;
    }
    .header__menu_primary li {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        border-bottom: 1px solid #E3E3E3;
        padding: 20px 0;
        text-transform: uppercase;
    }
    .header__menu_primary li:last-of-type {
        border-bottom: none
    }
    .header__menu_primary li:nth-of-type(5),
    .header__menu_primary li:nth-of-type(6) {
        text-transform: none
    }
    .header__menu_secondary {
        text-align: center;
        width: 100%;
    }
    .header__menu_secondary li {
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        text-transform: uppercase;
        padding: 8px 0;
        width: 100%;
    }
    .header__menu_primary a,
    .header__menu_secondary a {
        text-decoration: none;
        color: var(--color-blue)
    }

    .header__btn--open { 
        background: transparent;
        border: 2px solid var(--color-blue);
        color: var(--color-blue);
        padding: 13px 15px; 
        margin-top: 14px;        
    }
    .header__menu_btn--store {
        padding: 13px 0;
        width: 100%;
        text-align: center;
    }
    .header__menu_btn--store .store__logo {
        position: relative;
        top: 3px;
        left: -4px
    }

    .header__logo_link {
        margin-left: auto;
        margin-right: auto;
    }
    .header__btn--insta { 
        padding: 11px 12px 9px;
        text-align: center;
        margin-top: 16px;
        margin-left: 10px;
    }
    .header__btn--youtube { 
        padding: 11px 10px 9px;
        text-align: center;
        margin-top: 16px;
    }
    .header__menu_btn--insta {
        padding: 13px 0;
        width: 100%;
        text-align: center;
    }
    .header__menu_btn--youtube {
        padding: 13px 0;
        width: 100%;
        text-align: center;
    }
    .header__menu_btn--insta .insta__logo {
        position: relative;
        top: 3px;
        left: -4px
    }
    .header__menu_btn--youtube .youtube__logo {
        position: relative;
        top: 4px;
        left: -4px
    }
    .header__btn--close {
        position: absolute;
        top: 20px;
        left: 20px;
        background: transparent;
        color: var(--color-blue);
        border: 2px solid var(--color-blue)
    }

    .main__header--open .header__nav_secondary {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .main__header--open .header__nav_primary {
        opacity:0;
    }

}

@media (min-width: 769px) {
    .main__header { 
        height: 90px;
        position: fixed;
        width: 100%;
        z-index: 20;
    }
    .header__nav {
        width: 100%
    }
    .header__menu_primary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .header__menu_item_logo {
        margin-right: 20px;
        -webkit-transition: opacity 250ms ease-in-out;
        -o-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out
    }
    body.home .header__menu_item_logo {
        opacity: 0
    }
    body.home .main__header--white .header__menu_item_logo {
        opacity: 1
    }
    .header__logo {
        width: 128px;
        position: relative;
        top: 4px;
        left: 6px;
    }
    .header__menu_item a {
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        text-transform: uppercase;
        color: var(--color-blue);
        text-decoration: none;
    }
    .header__menu_item:nth-of-type(6),
    .header__menu_item:nth-of-type(7) {
        display: none
    }
    .header__menu_item:nth-of-type(6) a,
    .header__menu_item:nth-of-type(7) a {
        text-transform: none;
        font-weight: 500
    }
    .header__menu_primary > li:not(.header__menu_item_logo) {
        position: relative;
        top: 34px;
        padding: 0 10px;
    } 
    .header__menu_primary > .header__menu_item_store {
        padding: 0!important;
        margin-left: auto
    }
    .header__btn_txt--store {
        position: relative;
        top: 1px
    }
    .header__menu_primary > .header__menu_item_instagram {
        padding: 0!important;
        margin-left: 11px;
    }
    .header__menu_primary > .header__menu_item_youtube {
        padding: 0!important;
        margin-left: 11px;
    }
    .header__menu_btn--store {
        padding: 8px 22px;
        display: inline-block;
        height: 41px;
        width: 145px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    } 
    .header__menu_btn--insta {
        padding: 10px;
        display: inline-block;
        height: 41px;
        width: 41px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }  
    .header__menu_btn--youtube {
        padding: 10px;
        display: inline-block;
        height: 41px;
        width: 41px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }  
    .header__menu_btn--store .store__logo {
        position: relative;
        left: -6px;
    }
}
@media (min-width: 1185px) {
    .header__menu_primary > .header__menu_item_store {
        top: 23px!important;
    }
    .header__menu_primary > .header__menu_item_instagram {
        top: 23px!important;
    }
    .header__menu_primary > .header__menu_item_youtube {
        top: 23px!important;
    }
}
@media (min-width: 1124px) {    
    .header__menu_item:nth-of-type(6),
    .header__menu_item:nth-of-type(7) {
        display: block
    }
    .header__menu_primary > .header__menu_item_store {
        top: 34px!important;
    }
    .header__menu_primary > .header__menu_item_instagram {
        top: 34px!important;
    }
    .header__menu_primary > .header__menu_item_youtube {
        top: 34px!important;
    }
}
@media (min-width: 1387px) {
    .header__menu_primary > .header__menu_item_store {
        top: 23px!important;
    }
    .header__menu_primary > .header__menu_item_instagram {
        top: 23px!important;
    }
    .header__menu_primary > .header__menu_item_youtube {
        top: 23px!important;
    }
}

/* Footer */

.main__footer {
    padding-top: 163px;
    padding-bottom: 69px;
    height: 1108px;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: transparent url('../img/footer-m.jpg') no-repeat top center/cover;
}
.footer__top {
    position: relative;
    text-align: center;
    margin-bottom: 75px;
}
.footer__top_left {
    margin-bottom: 70px;
}
.footer__top_left > ul > li:nth-of-type(1) {
    font-family: 'Lumios Marker', sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 50px;
    line-height: 1.3;    
    color: #000;
 }
 .footer__top_left > ul > li:nth-of-type(2) {
    font-weight: 600;
    font-size: 55px;
    line-height: 1.18182;
    letter-spacing: -0.03em;    
    color: #000;
    margin-bottom: 32px;
 }
 .footer__insta_logo {
    position: relative;
    top: 3px;
    left: -4px;
 }
 .footer__logo  {
    position: relative;
    left: -5px;
    margin: 44px auto 0;
    max-width: 282px;
    display: block;
 }
 .footer__bottom {
    position: relative;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.21428;
    text-transform: uppercase;
    color: var(--color-blue);
}
.footer__link:link, 
.footer__link:visited, 
.footer__link:focus,
.footer__link:hover,
.footer__link:active {
    color: var(--color-blue);
}
.footer__link {
    text-decoration: none;
}
.footer__link:hover {
    text-decoration: underline;
}
#ot-sdk-btn {
    cursor: pointer
}
#ot-sdk-btn.ot-sdk-show-settings, 
#ot-sdk-btn.optanon-show-settings {
    color: var(--color-blue)!important;
    border: none!important;
    padding: 0!important;
    font-weight: 600!important;
    font-size: 14px!important;
    line-height: 1.21428!important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, 
#ot-sdk-btn.optanon-show-settings:hover {
    color: var(--color-blue)!important;
    background: none!important;
}
.footer__bottom_left {
    margin-bottom: 30px;
}
.footer__bottom_left > ul > li {
    margin-bottom: 30px;
}
@media (min-width: 769px) {
    .main__footer {
        padding-top: 2vw;
        padding-bottom: 0;
        height: 56.5625vw;
        background: transparent url('../img/footer.jpg') no-repeat top center/cover;
    }
    .footer__top { 
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
        text-align: left;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .footer__top_left {
        padding-top: 13.5625vw;
        padding-left: 1.625vw;
        margin-bottom: 0;
    }
    .footer__top_left > ul > li:nth-of-type(1) {
        font-size: 3.6875vw;
        margin-bottom: 0;
     }
     .footer__top_left > ul > li:nth-of-type(2) {
        font-size: 5.625vw;
        margin-bottom: 1.8125vw;
    }
    .footer__top_right {
         padding-right: 10.0625vw;
     }
    .footer__logo {
        max-width: 26.5vw;
        left: 0;
        margin: 0
    }
    .footer__bottom { 
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        text-align: left;
        font-size: 12px;
        line-height: 15px;
        position: absolute;
        bottom: 3.375vw;
        width: 100%;
        left: 50%;
        -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
                transform: translate(-50%);
    }
    .footer__bottom_left {
        padding-left: 1.3125vw;
    }
    .footer__bottom_left > ul > li {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 2.25vw;
    }
    .footer__bottom_right {
        padding-right: 0.5vw;
    }
    #ot-sdk-btn.ot-sdk-show-settings, 
    #ot-sdk-btn.optanon-show-settings {
        font-size: 12px!important;
        line-height: 15px!important;
    }
}
@media (min-width: 1600px) {
    .main__footer {
        padding-top: 32px;
        height: 905px;
    }
    .footer__top_left {
        padding-top: 217px;
        padding-left: 26px;
    }
    .footer__top_left > ul > li:nth-of-type(1) {
        font-size: 59px;
     }
     .footer__top_left > ul > li:nth-of-type(2) {
        font-size: 90px;
        margin-bottom: 29px;
    }
    .footer__top_right {
         padding-right: 161px;
     }
    .footer__logo {
        max-width: 424px;
    }
    .footer__bottom { 
        font-size: 12px;
        line-height: 15px;
        bottom: 54px
    }
    .footer__bottom_left {
        padding-left: 21px;
    }
    .footer__bottom_left > ul > li {
        margin-right: 36px;
    }
    .footer__bottom_right {
        padding-right: 8px;
    }
}

/** Card **/

.card {
    width: 95.2vw;
    margin-left: -2.6666vw;
    height: 128.266vw;
}
.card__link {
    position: relative;
    padding: 10.1333vw 9.33vw 14.333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
}
.card--new .card__link {
    margin-left: 3.2vw;
    margin-right: 2.933vw;
    height: 121.6vw;
    -webkit-filter: drop-shadow(0 12px 8px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0 12px 8px rgba(0, 0, 0, 0.1))
}
.card__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.card__txt {
    color: #fff;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.03em;
    text-align: left;
}

@media (min-width: 769px) {
    .card {
        width: 31vw;
        height: 41.625vw;
        margin-right: -0.4375vw;
        margin-left: 0;
    }
    .card__link {
        padding: 2.125vw 5.625vw 3.625vw 3.1875vw
    }
    .card--new .card__link {
        margin-left: 0;
        margin-right: 0;
        left: 1.0317vw;
        width: calc(100% - 1.9375vw);
        height: calc(100% - 1.875vw);
        -webkit-filter: drop-shadow(0 12px 8px rgba(0, 0, 0, 0.15));
                filter: drop-shadow(0 12px 8px rgba(0, 0, 0, 0.15));
    }
    .card__txt {
        font-size: 1.875vw;
        line-height: 1.4;
    }
}

@media (min-width: 1600px) {
    .card {
        width: 496px;
        height: 666px;
        margin-right: -7px;
    }
    .card__link {
        padding: 34px 90px 58px 51px
    }
    .card--new .card__link {
        left: 13px;
        width: calc(100% - 31px);
        height: calc(100% - 30px);
        padding: 32px 36px;
    }
    .card__txt {
        font-size: 30px;
    }
    .card__txt--one-line {
        padding-bottom: 42px
    }
}

/** Hero **/

.main__hero {
    height: 144.266vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.main__hero_title {
    font-family: 'Lumios Marker', sans-serif;
    font-size: 54px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2592;
    text-align: center;
    color: #fff
}

@media (min-width: 769px) {
    .main__hero {
        height: 43.5vw
    }
    .main__hero_title {
        font-size: 5.25vw;
        line-height: 0.8095;
    }
}

@media (min-width: 1600px) {
    .main__hero_title {
        font-size: 84px;
    }
}

/** Ranges **/

.ranges {
    text-align: center;
    margin-bottom: 68px; /*18.1333vw;*/
}
.ranges__title {
    font-family: 'Lumios Marker';
    font-size: 31px;
    font-style: italic;
    font-weight: 400;
    line-height: 65px;
    text-align: center;
    display: inline-block;
    width: 100%;
    background: #F2F8FA;
    border-radius: 12px;
    color: var(--color-blue-light);
    margin-bottom: 64px;
}
.ranges__range_bloc {
    margin-bottom: 12.2666vw
}
.ranges__range_bloc:nth-of-type(2) {
    margin-bottom: 18.4vw
}
.ranges__range_bloc_title {
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
}
.ranges__range_bloc_title_link {
    color: var(--color-blue);
    text-decoration: none;
}
.ranges__range_bloc_media {
    position: relative;
}
.ranges__range_bloc_bg {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    width: 80vw;
    height: 80vw;
}
.ranges__range_bloc_bg_img {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.ranges__range_bloc_products {
    position: relative;
    -webkit-transition: -webkit-transform 400ms ease-in-out;
    transition: -webkit-transform 400ms ease-in-out;
    -o-transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out;
    transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.ranges__range_bloc_products:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05)
}
.ranges__range_bloc_products > a {
    display: inline-block
}
.ranges__range_bloc_products_img {
    display: inline-block;
}
.ranges__range1_bloc_products_img {
    width: 57vw;
    margin-top: 4.5333vw;
}
.ranges__range2_bloc_products_img {
    width: 68vw;
    height: 101.6vw;
    margin-left: 5.0666vw;
    margin-top: 6.6666vw;
}
.ranges__range3_bloc_products_img {
    width: 78.4vw;
    height: 84.2666vw;
    margin-left: -2.666666vw;
    margin-top: 16.5333vw;
}
.ranges__range4_bloc_products_img {
    width: 37.333vw;
    height: 96.5333vw;
    margin-left: 5.066vw;
    margin-top: 8vw;
}
@media (min-width: 769px) {
    .ranges {
        position: relative;
        margin-bottom: 9.6875vw
    }
    .ranges__title {
        font-size: 2.5625vw;
        line-height: 1.58536;
        padding: 0.4375vw 4.75vw;
        width: auto;
        margin-bottom: 6.1875vw;
    }
    .ranges:before {
        position: absolute;
        content: '';
        left: 30px;
        width: calc(50% - 30px - 15.9375vw);
        height: 1px;
        background: #D4D4D4;
        top: 2.625vw;
    }
    .ranges:after {
        position: absolute;
        content: '';
        right: 30px;
        width: calc(50% - 30px - 15.9375vw);
        height: 1px;
        background: #D4D4D4;
        top: 2.625vw;
    }
    .ranges__range_blocs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .ranges__range_bloc,
    .ranges__range_bloc:nth-of-type(2) {
        margin-bottom: 0;
        width: 32%;
    }
    .ranges__range_bloc_title {
        font-size: 2.5vw;
        line-height: 1.225;
        margin-bottom: 2.6875vw;
    }
    .ranges__range_bloc_media {
        height: 37.5vw
    }
    .ranges__range_bloc_bg {
        width: 29.125vw;
        height: 29.125vw;
    }
    .ranges__range1_bloc_products_img {
        width: 21.125vw;
        margin-top: -0.5vw; 
    }
    .ranges__range2_bloc_products_img {
        width: 24.375vw;
        height: 37.5vw;
        margin-left: 0.625vw;
        margin-top: 0.625vw;   
    }
    .ranges__range3_bloc_products_img {
        width: 27.125vw;
        height: 29.0625vw;
        margin-left: 1.4375vw;
        margin-top: 3.6875vw;
    }
    .ranges__range4_bloc_products_img {
        width: 13.4375vw;
        height: 35.0625vw;
        margin-left: 1.9375vw;
        margin-top: 1.6875vw;
    }
}
@media (min-width: 1600px) {
    .ranges {
        margin-bottom: 155px;
    }
    .ranges__title {
        font-size: 41px;
        line-height: 65px;
        padding: 7px 76px;
        width: auto;
        margin-bottom: 99px;
    }
    .ranges:before {
        position: absolute;
        content: '';
        left: 30px;
        width: calc(50% - 30px - 255px);
        height: 1px;
        background: #D4D4D4;
        top: 42px;
    }
    .ranges:after {
        position: absolute;
        content: '';
        right: 30px;
        width: calc(50% - 30px - 255px);
        height: 1px;
        background: #D4D4D4;
        top: 42px;
    }
    .ranges__range_bloc_title {
        font-size: 40px;
        line-height: 49px;
        margin-bottom: 43px;
    }
    .ranges__range_bloc_media {
        height: 600px
    }
    .ranges__range_bloc_bg {
        width: 466px;
        height: 466px;
    }
    .ranges__range1_bloc_products_img {
        width: 338px;
        margin-top: -8px; 
    }
    .ranges__range2_bloc_products_img {
        width: 390px;
        height: 600px;
        margin-left: 10px;
        margin-top: 10px;   
    }
    .ranges__range3_bloc_products_img {
        width: 434px;
        height: 465px;
        margin-left: 23px;
        margin-top: 59px;
    }
    .ranges__range4_bloc_products_img {
        width: 215px;
        height: 561px;
        margin-left: 31px;
        margin-top: 27px;
    }
}

/** Faq **/

.faq__bloc { 
    max-width: 954px;
    margin: 0 auto 14px;
    border: 1px solid #DFDFDF;
    border-radius: 10px;
    padding: 14px 10px;
    text-align: left
}
.faq__bloc_question {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    letter-spacing: -0.03em;
    color: #000;
    padding: 4px 52px 8px 6px;
    cursor: pointer;
    position: relative;
}
.faq__btn {
    position: absolute;
    right: 4px;
    top: 4px;
    border: 0;
    background: var(--color-blue);
    width: 44px;
    height: 44px;
    border-radius: 12px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.faq__btn:before,
.faq__btn:after {
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 16px;
    height: 3px;
    background: #fff
}
.faq__btn:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg)
}
.faq__bloc--open .faq__btn {
    background: var(--color-green);
}
.faq__bloc--open .faq__btn:after {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
}
.faq__bloc_answer {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.03em;  
    color: #828282;
    display: none;
    padding: 20px 0px 19px 9px
}
.faq__bloc_link {
    color: #828282;
}
.faq__bloc_answer ul {
    list-style: inside;
}
.faq__mention {
    padding-top: 0.5em;
    display: inline-block;
    font-style: italic;
}

@media (min-width: 769px) {
    .faq__bloc { 
        padding: 0.5vw;
        margin-bottom: 1.25vw;
        border-width: 2px
    }
    .faq__bloc_question {
        font-size: 12px;
        line-height: 10.5px;
        padding: 1.5625vw 4.6875vw 1.5625vw 2.1875vw;
    }
    .faq__btn {
        right: 0;
        top: 0;
        width: 4.0625vw;
        height: 4.0625vw;
        border-radius: 0.4375vw;
        cursor: pointer
    }
    .faq__btn:before,
    .faq__btn:after {
        width: 1.25vw;
    }
    .faq__bloc_answer {
        padding: 1vw 8.75vw 1.9375vw 2.125vw;
        font-size: 10.5px;
        line-height: 18px
    }
}
@media (min-width: 1080px) {
    .faq__bloc_question {
        font-size: 1.125vw;
        line-height: 1vw;
    }
    .faq__bloc_answer {
        line-height: 1.6875vw;
        font-size: 1vw;
    }
}
@media (min-width: 1600px) {
    .faq__bloc { 
        padding: 8px;
        margin-bottom: 20px;
    }
    .faq__bloc_question {
        font-size: 18px;
        line-height: 16px;
        padding: 25px 75px 25px 35px;
    }
    .faq__btn {
        width: 65px;
        height: 65px;
        border-radius: 7px;
    }
    .faq__btn:before,
    .faq__btn:after {
        width: 20px;
    }
    .faq__bloc_answer {
        padding: 16px 140px 31px 34px;
        line-height: 27px;
        font-size: 16px;
    }
}