/* MARK: /* MONTSERRAT FONTS */

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: local("Montserrat Light"), local("Montserrat-Light"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Light.woff2) format("woff2"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: local("Montserrat"), local("Montserrat-Regular"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Regular.woff2) format("woff2"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: local("Montserrat"), local("Montserrat-Regular"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Medium.woff2) format("woff2"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Bold.woff2) format("woff2"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: local("Montserrat Black"), local("Montserrat-Black"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Black.woff2) format("woff2"), url(https://landing.массажные-кресла.рф/fonts/Montserrat-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

/* MARK: /* LANDING FONTS */


@font-face {
    font-family: Unbounded;
    src: url(https://landing.массажные-кресла.рф/fonts/Unbounded-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Unbounded;
    src: url(https://landing.массажные-кресла.рф/fonts/Unbounded-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Unbounded;
    src: url(https://landing.массажные-кресла.рф/fonts/Unbounded-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Unbounded;
    src: url(https://landing.массажные-кресла.рф/fonts/Unbounded-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Euclid Circular A";
    font-display: swap;
    src: url(https://landing.массажные-кресла.рф/fonts/EuclidCircularABold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Euclid Circular A";
    src: url(https://landing.массажные-кресла.рф/fonts/EuclidCircularARegular.woff2) format("opentype"), url(https://landing.массажные-кресла.рф/fonts/EuclidCircularARegular.woff);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Euclid Circular A";
    src: url(https://landing.массажные-кресла.рф/fonts/EuclidCircularALight.woff2) format("opentype"), url(https://landing.массажные-кресла.рф/fonts/EuclidCircularALight.woff);
    font-weight: 300;
    font-style: normal;
    font-display: swap
}



/* MARK: /* BASE STYLE */


html {
    scroll-behavior: smooth;
    font-weight: 400;

}

body {
    margin: 0;
    min-width: 320px;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    background: #181818;
    color: #fff;
}

article,
aside,
figure,
footer,
header,
main,
nav,
section {
    display: block;
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*,
::after,
::before {
    box-sizing: border-box;
}

ul {
    margin: 0;
    padding: 0;
    list-style: outside none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

a {
    text-decoration: none;
    color: #fff;
    outline: 0;
}

p {
    margin: 0;
    padding: 0;
}

button {
    outline: 0;
    border: 0;
}

img {
    border: 0;
    vertical-align: middle;
}

.main-wrapper {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.container-box {
    width: 1230px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media all and (max-width: 1240px) {
    .container-box {
        width: 1023px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media all and (max-width: 1240px) and (max-width: 1023px) {
    .container-box {
        width: 708px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media all and (max-width: 1240px) and (max-width: 1023px) and (max-width: 767px) {
    .container-box {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.main-wrapper section {
    box-sizing: border-box;
}

figure,
figcaption {
    margin: 0;
    /* padding: 0; */
}

@media all and (max-width: 767px) {
    .container-box {
        padding: 0 3%;
    }
}

.video-on-load {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.element-for-visible {
    transition: opacity, scale, .8s ease, transform .6s ease
}

.section {
    min-height: 900px;
    font-family: Montserrat, sans-serif;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #fff;
}

@media all and (max-width: 767px) {
    .section {
        min-height: unset;
    }
}

*,
::after,
::before {
    box-sizing: border-box;
}

figure {
    margin: 0;
}

ol {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

@media all and (max-width: 767px) {
    .container-box {
        padding: 0 3%;
    }
}

.section {
    max-width: 1920px;
    width: 100%;
    min-height: 900px;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #fff;
}

@media all and (max-width: 767px) {
    .section {
        min-height: unset;
    }
}

/* MARK: /* LANDING STYLE */


@media all and (max-width:767px) {
    .br-desk {
        display: none
    }
}

.br-mob {
    display: none
}

@media all and (max-width:767px) {
    .br-mob {
        display: block
    }
}

.advantages {
    position: relative;
    min-height: 1584px;
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/advantages/advantages-bgr-desc-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 110px
}

@media all and (max-width:767px) {
    .advantages {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/advantages/advantages-bgr-mob-1-v1.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top center;
        padding-top: 2.8vw;
        background-color: #fcefe2;
        padding-bottom: 21vw
    }
}

.advantages::after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 29px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 10
}

@media all and (max-width:767px) {
    .advantages::after {
        display: none
    }
}

.advantages.active .advantages__heading-logo {
    opacity: 1;
    transform: translateY(0)
}

.advantages.active .advantages__sub-heading {
    opacity: 1;
    transform: translateY(0)
}

.advantages.active .advantages__text {
    opacity: 1;
    transform: translateY(0)
}

.advantages__heading-logo {
    opacity: 0;
    transition: all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .advantages__heading-logo {
        width: 85%;
        padding-left: 1vw
    }
}

.advantages__sub-heading {
    display: inline-block;
    padding-block: 12px;
    margin-top: -21px;
    padding-left: 31px;
    border-radius: 15px;
    padding-right: 25px;
    margin-bottom: 27px;
    margin-left: 10px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    text-shadow: 0 3px 26px #000;
    background: #303939;
    opacity: 0;
    transition: .2s all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .advantages__sub-heading {
        font-size: 2.2vw;
        line-height: 3.3vw;
        padding-left: 2.6vw;
        margin-left: 4vw;
        padding-right: 2.3vw;
        padding-block: 1.2vw;
        margin-top: -4vw;
        border-radius: 1.8vw;
        margin-bottom: 55vw
    }
}

.advantages__text {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 53.5118px;
    line-height: 57px;
    letter-spacing: -.01em;
    color: #fff;
    text-align: left;
    opacity: 0;
    transition: .4s all .3s linear;
    transform: translateY(-50px);
    margin-left: 18px
}

@media all and (max-width:767px) {
    .advantages__text {
        font-size: 5vw;
        line-height: 5.5vw;
        margin-left: 39vw;
        padding-top: 10vw
    }
}

.advantages__options {
    display: flex;
    margin-top: 520px;
    justify-content: space-between
}

@media all and (max-width:767px) {
    .advantages__options {
        margin-top: 12vw;
        flex-direction: column
    }
}

.advantages__option img {
    width: 100%;
    margin-bottom: 31px
}

@media all and (max-width:767px) {
    .advantages__option img {
        margin-bottom: 6vw
    }
}

@media all and (max-width:767px) {
    .advantages__option:nth-of-type(2) {
        width: 50%
    }
}

@media all and (max-width:767px) {
    .advantages__option:nth-of-type(3) {
        width: 50%
    }
}

.advantages__option-mob {
    display: flex;
    column-gap: 15px;
    align-items: center
}

@media all and (max-width:767px) {
    .advantages__option-mob {
        column-gap: unset;
        justify-content: space-between
    }
}

@media all and (max-width:767px) {
    .advantages__option-mob img {
        margin-bottom: 3vw
    }
}

@media all and (max-width:767px) {
    .advantages__option-mob .advantages__option {
        width: 49%
    }
}

.advantages__option-text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.advantages__option-text.start {
    justify-content: start
}

@media all and (max-width:767px) {
    .advantages__option-text.start {
        margin-bottom: 6vw
    }
}

.advantages__option-text.start span {
    text-align: start
}

@media all and (max-width:767px) {
    .advantages__option-text.start span {
        text-align: left;
        font-size: 4.2vw;
        line-height: 6vw
    }
}

.advantages__option-text span {
    display: block;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 34px;
    color: #746161
}

@media all and (max-width:767px) {
    .advantages__option-text span {
        font-size: 4.2vw;
        line-height: 6vw
    }
}

.advantages__option-text p {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 35.4685px;
    line-height: 32px;
    color: #fff9f5;
    background: #746161;
    padding-block: 19px;
    padding-left: 41px;
    padding-right: 30px;
    border-radius: 18px;
    margin-right: 30px
}

@media all and (max-width:767px) {
    .advantages__option-text p {
        font-size: 5vw;
        padding-left: 9vw;
        padding-right: 8vw;
        padding-block: .6vw;
        border-radius: 3.5vw;
        margin-right: 4vw
    }
}

.four-section {
    position: relative;
    min-height: 3260px;
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/four-section/four-section-bgr-desc-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

@media all and (max-width:767px) {
    .four-section {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/four-section/four-section-bgr-mob-1-v1.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        background-color: #fcefe2
    }
}

.four-section::after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 29px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 10
}

@media all and (max-width:767px) {
    .four-section::after {
        display: none
    }
}

.ticker {
    position: relative
}

.ticker::after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 29px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 10
}

@media all and (max-width:767px) {
    .ticker::after {
        display: none
    }
}

.ticker__text {
    text-transform: uppercase;
    filter: drop-shadow(0 0 16.9px rgba(252, 129, 129, .22))
}

.ticker__video {
    width: 100%
}

.intense-massage {
    background: none;
}

.intense-massage.active .intense-massage__text {
    opacity: 1;
    transform: translateY(0)
}

.intense-massage.active .intense-massage__heading {
    opacity: 1;
    transform: translateY(0)
}

.intense-massage__container {
    display: flex;
    padding-top: 135px;
    align-items: center;
    column-gap: 45px
}

@media all and (max-width:767px) {
    .intense-massage__container {
        padding-top: 27vw;
        flex-direction: column;
        align-items: unset
    }
}

.intense-massage__video {
    width: 100%;
    max-width: 665px;
    border-radius: 57px
}

@media all and (max-width:767px) {
    .intense-massage__video {
        margin-top: 9vw;
        border-radius: 9vw
    }
}

.intense-massage__text-content {
    color: #513636;
    padding-top: 37px;
    max-width: 520px
}

@media all and (max-width:767px) {
    .intense-massage__text-content {
        padding-top: unset;
        max-width: unset
    }
}

.intense-massage__heading {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 56.3015px;
    line-height: 54px;
    letter-spacing: -.01em;
    margin-bottom: 6px;
    opacity: 0;
    transition: all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .intense-massage__heading {
        display: none
    }
}

.intense-massage__heading-mob {
    display: none;
    color: #513636;
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 8.7vw;
    text-align: Left;
    line-height: 11.4vw
}

@media all and (max-width:767px) {
    .intense-massage__heading-mob {
        display: block
    }
}

.intense-massage__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 29px;
    opacity: 0;
    transition: .4s all .3s linear;
    transform: translateY(-50px);
    padding-top: 26px
}

.intense-massage__text span {
    font-weight: 600;
    font-size: 17px;
    line-height: 170%
}

@media all and (max-width:767px) {
    .intense-massage__text span {
        font-size: 4.5vw;
        line-height: 8.5vw
    }
}

@media all and (max-width:767px) {
    .intense-massage__text {
        font-size: 4.4vw;
        line-height: 8.5vw;
        margin-bottom: 4vw
    }
}

.types-of-massage__container {
    padding-top: 123px;
    padding-bottom: 91px
}

@media all and (max-width:767px) {
    .types-of-massage__container {
        padding-top: 13vw;
        padding-bottom: 5vw
    }
}

.types-of-massage .swiper-wrapper {
    display: flex;
    justify-content: space-between
}

@media all and (max-width:767px) {
    .types-of-massage .swiper-wrapper {
        justify-content: flex-start
    }
}

.types-of-massage .swiper-slide {
    width: unset
}

@media all and (max-width:767px) {
    .types-of-massage__img {
        width: 100%
    }
}

.types-of-massage__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18.5496px;
    line-height: 24px;
    color: #513636;
    text-align: center;
    margin-top: 29px
}

@media all and (max-width:767px) {
    .types-of-massage__text {
        font-size: 4.5vw;
        line-height: 6vw;
        margin-top: 6vw
    }
}

.thoughtful-inside.active .thoughtful-inside__heading {
    opacity: 1;
    transform: translateY(0)
}

.thoughtful-inside.active .thoughtful-inside__text {
    opacity: 1;
    transform: translateY(0)
}

.thoughtful-inside__container {
    display: flex;
    padding-top: 94px;
    column-gap: 44px
}

@media all and (max-width:767px) {
    .thoughtful-inside__container {
        flex-direction: column-reverse;
        padding-top: 21vw;
        padding-bottom: 14vw
    }
}

.thoughtful-inside__text-content {
    color: #513636;
    max-width: 530px
}

@media all and (max-width:767px) {
    .thoughtful-inside__text-content {
        max-width: unset
    }
}

.thoughtful-inside__heading {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 39.3937px;
    line-height: 50px;
    letter-spacing: -.01em;
    margin-bottom: 19px;
    opacity: 0;
    transition: all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .thoughtful-inside__heading {
        display: none
    }
}

.thoughtful-inside__heading-mob {
    display: none;
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 6.7vw;
    line-height: 8vw;
    letter-spacing: -.01em;
    color: #513636;
    margin-bottom: 5vw
}

@media all and (max-width:767px) {
    .thoughtful-inside__heading-mob {
        display: inline-block
    }
}

.thoughtful-inside__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    opacity: 0;
    transition: .4s all .3s linear;
    transform: translateY(-50px)
}

.thoughtful-inside__text span {
    font-weight: 600;
    font-size: 17px;
    line-height: 170%;
    color: #513636
}

@media all and (max-width:767px) {
    .thoughtful-inside__text span {
        font-size: 4.5vw;
        line-height: 6vw
    }
}

@media all and (max-width:767px) {
    .thoughtful-inside__text {
        font-size: 4.2vw;
        line-height: 8.4vw;
        margin-bottom: 3vw
    }
}

.thoughtful-inside__video {
    width: 100%;
    max-width: 665px;
    border-radius: 57px
}

@media all and (max-width:767px) {
    .thoughtful-inside__video {
        border-radius: 9vw
    }
}

.home-comfort {
    position: relative;
    min-height: 1138px;
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/home-comfort/home-comfort-bgr-desc-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .home-comfort {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/home-comfort/home-comfort-bgr-mob-1-v1.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top center
    }
}

.home-comfort::after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 29px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 10
}

@media all and (max-width:767px) {
    .home-comfort::after {
        display: none
    }
}

.home-comfort.active .home-comfort__heading {
    opacity: 1;
    transform: translateY(0)
}

.home-comfort.active .home-comfort__text {
    opacity: 1;
    transform: translateY(0)
}

.home-comfort__container {
    padding-top: 213px;
    padding-left: 55px
}

@media all and (max-width:767px) {
    .home-comfort__container {
        padding-top: 4vw;
        padding-left: 5%;
        padding-bottom: 117vw
    }
}

.home-comfort__heading {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 66.96px;
    line-height: 69px;
    display: flex;
    align-items: center;
    letter-spacing: -.01em;
    color: #513636;
    opacity: 0;
    transition: all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .home-comfort__heading {
        font-size: 12vw;
        line-height: 12.2vw
    }
}

.home-comfort__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #513636;
    margin-top: 25px;
    opacity: 0;
    transition: .4s all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .home-comfort__text {
        margin-top: 5vw;
        font-size: 3.2vw;
        line-height: 4.7vw
    }
}

.two-sections {
    position: relative;
    min-height: 1798px;
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/two-sections/two-sections-bgr-desc-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #fcefe2
}

@media all and (max-width:767px) {
    .two-sections {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/two-sections/two-sections-bgr-mob-1-v1.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top center;
        background-color: #fcefe2
    }
}

.two-sections__container {
    color: #513636
}

.two-sections__load {
    display: flex;
    padding-top: 130px;
    column-gap: 63px
}

.two-sections__load.active .two-sections__heading-top {
    opacity: 1;
    transform: translateY(0)
}

.two-sections__load.active .two-sections__sub-heading-top {
    opacity: 1;
    transform: translateY(0)
}

@media all and (max-width:767px) {
    .two-sections__load {
        padding-top: 9vw;
        flex-direction: column-reverse
    }
}

.two-sections__video {
    width: 100%;
    max-width: 665px;
    border-radius: 57px
}

@media all and (max-width:767px) {
    .two-sections__video {
        margin-top: 7vw;
        border-radius: 9vw
    }
}

.two-sections__text-content-top {
    padding-top: 110px
}

@media all and (max-width:767px) {
    .two-sections__text-content-top {
        padding-top: unset
    }
}

.two-sections__heading-top {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 55.3015px;
    line-height: 110%;
    letter-spacing: -.01em;
    opacity: 0;
    transition: all .3s linear;
    transform: translateX(150px)
}

.two-sections__heading-top span {
    font-size: 75px;
    line-height: 110%
}

@media all and (max-width:767px) {
    .two-sections__heading-top span {
        font-size: 13.5vw;
        line-height: 15vw
    }
}

@media all and (max-width:767px) {
    .two-sections__heading-top {
        font-size: 9.5vw;
        line-height: 13vw
    }
}

.two-sections__sub-heading-top {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 48.604px;
    line-height: 110%;
    letter-spacing: -.01em;
    margin-top: 68px;
    opacity: 0;
    transition: .4s all .3s linear;
    transform: translateX(150px)
}

@media all and (max-width:767px) {
    .two-sections__sub-heading-top {
        display: none
    }
}

.two-sections__sub-heading-top-mob {
    display: none;
    margin-top: 4.4vw;
    font-size: 4.3vw;
    line-height: 5vw
}

@media all and (max-width:767px) {
    .two-sections__sub-heading-top-mob {
        font-weight: 600;
        display: inline-block
    }
}

.two-sections__remote-control {
    position: relative;
    display: flex;
    padding-top: 184px;
    column-gap: 47px
}

.two-sections__remote-control.active .two-sections__heading-bottom {
    opacity: 1;
    transform: translateY(0)
}

.two-sections__remote-control.active .two-sections__text {
    opacity: 1;
    transform: translateY(0)
}

.two-sections__remote-control.active .two-sections__img-bottom-remote {
    opacity: 1;
    transform: translateY(0)
}

@media all and (max-width:767px) {
    .two-sections__remote-control {
        flex-direction: column;
        padding-top: 18vw;
        padding-bottom: 16vw
    }
}

.two-sections__img-bottom-remote {
    position: absolute;
    right: 100px;
    bottom: 0;
    opacity: 0;
    opacity: 0;
    transition: .3s all 1s ease-in-out;
    transform: translateY(300px)
}

@media all and (max-width:1239px) {
    .two-sections__img-bottom-remote {
        right: -117px
    }
}

@media all and (max-width:767px) {
    .two-sections__img-bottom-remote {
        display: none;
        width: 70%;
        left: 50%;
        right: unset;
        bottom: unset;
        transform: translateX(-50%);
        top: 52vw
    }
}

.two-sections__text-content-bottom {
    padding-top: 144px;
    margin-bottom: 44px
}

@media all and (max-width:767px) {
    .two-sections__text-content-bottom {
        padding-top: unset;
        margin-bottom: unset
    }
}

@media all and (max-width:767px) {
    .two-sections__text-content-bottom br {
        display: none
    }
}

.two-sections__img-bottom {
    animation: pulseScale 3s infinite
}

@media all and (max-width:767px) {
    .two-sections__img-bottom {
        width: 100%;
        margin-top: 9vw
    }
}

@keyframes pulseScale {
    0% {
        transform: scale(1.05)
    }

    70% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1.05)
    }
}

.two-sections__heading-bottom {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 124%;
    letter-spacing: -.01em;
    white-space: nowrap;
    opacity: 0;
    transition: all .3s linear;
    transform: translateX(-150px);
    margin-bottom: 46px
}

@media all and (max-width:767px) {
    .two-sections__heading-bottom {
        font-size: 10.3vw;
        line-height: 14vw;
        margin-bottom: unset;
        white-space: unset
    }
}

.two-sections__heading-bottom p {
    display: inline-block;
    font-size: 65px;
    line-height: 156%
}

@media all and (max-width:767px) {
    .two-sections__heading-bottom p {
        font-size: 14vw;
        line-height: 15vw
    }
}

.two-sections__heading-bottom span {
    font-size: 113px;
    display: inline-block;
    padding-left: 14px
}

@media all and (max-width:767px) {
    .two-sections__heading-bottom span {
        font-size: 18.5vw;
        line-height: 10vw
    }
}

.two-sections__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 31px;
    color: #464646;
    max-width: 448px;
    opacity: 0;
    transition: .4s all .3s linear;
    transform: translateX(-150px)
}

@media all and (max-width:767px) {
    .two-sections__text {
        display: none
    }
}

.two-sections__text-mob {
    display: none;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 4.3vw;
    line-height: 8.5vw;
    text-align: center;
    color: #513636;
    margin-top: 6vw;
    margin-bottom: 8vw
}

.two-sections__text-mob:nth-of-type(2) {
    margin-top: unset
}

@media all and (max-width:767px) {
    .two-sections__text-mob {
        display: inline-block
    }
}

.tilt-angle {
    position: relative
}

.tilt-angle::after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 29px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 10
}

@media all and (max-width:767px) {
    .tilt-angle::after {
        display: none
    }
}

.tilt-angle.active .tilt-angle__heading {
    opacity: 1;
    transform: translateY(0)
}

.tilt-angle__slide {
    width: 100%;
    height: 900px
}

@media all and (max-width:767px) {
    .tilt-angle__slide {
        height: auto
    }
}

.tilt-angle__slide--1 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-desc-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .tilt-angle__slide--1 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-mob-1-v1.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.tilt-angle__slide--2 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-desc-2-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .tilt-angle__slide--2 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-mob-2-v1.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.tilt-angle__slide--3 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-desc-3-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .tilt-angle__slide--3 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-mob-3-v1.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }

    .tilt-angle__slide--3 .tilt-angle__heading {
        font-size: 8.5vw;
        margin-bottom: 13vw
    }
}

.tilt-angle__slide--4 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-desc-4-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .tilt-angle__slide--4 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-mob-4-v1.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }

    .tilt-angle__slide--4 .tilt-angle__heading {
        font-size: 10.2vw;
        margin-bottom: 13vw
    }
}

.tilt-angle__slide--5 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-desc-5-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .tilt-angle__slide--5 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/tilt-angle/tilt-angle-bgr-mob-5-v1.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top center
    }
}

.tilt-angle__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 65px;
    text-align: center
}

@media all and (max-width:767px) {
    .tilt-angle__container {
        padding-top: 18vw
    }
}

.tilt-angle__heading {
    font-family: "Euclid Circular A";
    font-style: normal;
    font-weight: 400;
    font-size: 119.705px;
    line-height: 100%;
    letter-spacing: -.01em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 80px;
    opacity: 0;
    transition: all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .tilt-angle__heading {
        font-size: 12.2vw;
        margin-bottom: 13vw
    }
}

.tilt-angle__img {
    width: 100%
}

.tilt-angle__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin-top: 18px
}

@media all and (max-width:767px) {
    .tilt-angle__text {
        font-size: 4.3vw;
        font-weight: 400;
        margin-top: 3vw;
        line-height: 7.3vw;
        margin-bottom: 5vw
    }
}

.perfect-interior {
    position: relative;
    min-height: 1040px;
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-interior/perfect-interior-bgr-desc-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .perfect-interior {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-interior/perfect-interior-bgr-mob-1-v2.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top center
    }
}

.perfect-interior::after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 29px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 10
}

@media all and (max-width:767px) {
    .perfect-interior::after {
        display: none
    }
}

.perfect-interior.active .perfect-interior__text {
    opacity: 1;
    transform: translateY(0)
}

.perfect-interior__container {
    text-align: center;
    padding-top: 105px
}

@media all and (max-width:767px) {
    .perfect-interior__container {
        padding-top: 4vw;
        display: flex;
        justify-content: center;
        padding-bottom: 85vw
    }
}

.perfect-interior__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: clamp(10px, 1.3vw, 18px);
    line-height: clamp(18px, 3vw, 31px);
    color: #113858;
    background-color: #fff;
    border-radius: 20px;
    padding-block: 13px;
    display: inline-block;
    padding-inline: 31px;
    opacity: 0;
    transition: .2s all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .perfect-interior__text {
        padding-block: 3vw;
        padding-inline: 5.5vw;
        display: block;
        font-size: 3vw;
        line-height: 5.5vw;
        border-radius: 2.3vw;
        font-weight: 400
    }
}

@media all and (max-width:767px) {
    .perfect-interior__text span {
        display: none
    }
}

.perfect-couple {
    position: relative;
    min-height: 1364px
}

@media all and (max-width:767px) {
    .perfect-couple {
        height: 345vw
    }
}

.perfect-couple::after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    height: 29px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    z-index: 10
}

@media all and (max-width:767px) {
    .perfect-couple::after {
        display: none
    }
}

@media all and (max-width:767px) {
    .perfect-couple {
        min-height: unset;
        background-color: #317cb3
    }
}

.perfect-couple__container {
    padding-top: 156px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 5
}

@media all and (max-width:767px) {
    .perfect-couple__container {
        padding-top: 7.8vw;
        height: unset
    }
}

.perfect-couple__content-top {
    display: flex;
    column-gap: 44px;
    z-index: 5;
    position: relative
}

@media all and (max-width:767px) {
    .perfect-couple__content-top {
        flex-direction: column-reverse
    }
}

@media all and (max-width:767px) {
    .perfect-couple__img-top {
        margin-top: 4vw;
        position: relative;
        left: -3vw;
        width: 107%;
        height: 100vw
    }
}

.perfect-couple__content-top-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.perfect-couple__heading {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 500;
    font-size: 64.6485px;
    line-height: 110%;
    letter-spacing: -.01em;
    color: #fff
}

@media all and (max-width:767px) {
    .perfect-couple__heading {
        font-size: 12.2vw;
        line-height: 13vw
    }
}

@media all and (max-width:767px) {
    .perfect-couple__img-title {
        width: 92%
    }
}

.perfect-couple__to-cart-btn {
    background-color: #fff;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20.41px;
    line-height: 25px;
    color: #317cb3;
    padding-block: 25px;
    border-radius: 15px;
    width: 496px;
    margin-top: 23px;
    transition: all .5s ease-in-out
}

.perfect-couple__to-cart-btn:hover {
    cursor: pointer;
    transform: scale(1.03);
    background-color: #fff !important
}

@media all and (max-width:767px) {
    .perfect-couple__to-cart-btn {
        display: none
    }
}

.perfect-couple__to-cart-btn {
    background-color: #fff;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20.41px;
    line-height: 25px;
    color: #317cb3;
    padding-block: 25px;
    border-radius: 15px;
    width: 496px;
    margin-top: 23px
}

@media all and (max-width:767px) {
    .perfect-couple__to-cart-btn {
        display: none
    }
}

.perfect-couple__to-cart-btn-mob {
    display: none;
    background-color: #fff;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 6.2vw;
    line-height: 5vw;
    color: #317cb3;
    padding-block: 2vw;
    border-radius: 3.5vw;
    width: 100%;
    margin-top: 3.8vw
}

.perfect-couple__to-cart-btn-mob img {
    margin-right: 2vw
}

@media all and (max-width:767px) {
    .perfect-couple__to-cart-btn-mob {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.perfect-couple__swiper {
    position: relative;
    min-height: 1364px;
    height: 100%
}

.perfect-couple__swiper .swiper-wrapper {
    min-height: 1364px;
    height: 100%
}

@media all and (max-width:767px) {
    .perfect-couple__swiper {
        min-height: unset
    }
}

.perfect-couple__slide {
    min-height: 1364px
}

.perfect-couple__slide img {
    width: 100%
}

.perfect-couple__slide--1 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .perfect-couple__slide--1 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-1-v1-mob.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.perfect-couple__slide--2 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-2-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .perfect-couple__slide--2 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-2-v1-mob.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.perfect-couple__slide--3 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-3-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .perfect-couple__slide--3 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-3-v1-mob.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.perfect-couple__slide--4 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-4-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .perfect-couple__slide--4 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-4-v1-mob.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.perfect-couple__slide--5 {
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-5-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media all and (max-width:767px) {
    .perfect-couple__slide--5 {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/perfect-couple/swiper/option-5-v1-mob.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.perfect-couple__content-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 67px
}

@media all and (max-width:767px) {
    .perfect-couple__content-bottom {
        margin-top: 9vw;
        flex-direction: row-reverse
    }
}

.perfect-couple__content-bottom-option {
    background: #164e77;
    padding-block: 26px;
    border-radius: 20px;
    width: 100%;
    max-width: 385px;
    max-height: 139px;
    padding-left: 40px
}

@media all and (max-width:767px) {
    .perfect-couple__content-bottom-option {
        padding-block: unset;
        padding-left: 3.3vw;
        height: 16vw;
        width: 30vw;
        border-radius: 3vw;
        padding-top: 3.5vw
    }
}

.perfect-couple__option-number {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 600;
    font-size: 56.93px;
    line-height: 93%;
    color: #fff
}

.perfect-couple__option-number span {
    font-size: 32px
}

@media all and (max-width:767px) {
    .perfect-couple__option-number span {
        font-size: 4vw;
        line-height: 4vw
    }
}

@media all and (max-width:767px) {
    .perfect-couple__option-number {
        font-size: 5.9vw;
        line-height: 4vw;
        margin-bottom: 2vw
    }
}

.perfect-couple__option-desc {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    color: #fff
}

@media all and (max-width:767px) {
    .perfect-couple__option-desc {
        font-size: 2vw;
        line-height: 2vw
    }
}

.perfect-couple__container-swiper-options {
    padding-top: 55px
}

@media all and (max-width:767px) {
    .perfect-couple__container-swiper-options {
        padding-top: 13vw;
        padding-bottom: 5vw
    }
}

.perfect-couple .swiper-wrapper {
    display: flex;
    justify-content: space-between
}

@media all and (max-width:767px) {
    .perfect-couple .swiper-wrapper {
        justify-content: flex-start
    }
}

.perfect-couple .swiper-slide {
    width: unset
}

.perfect-couple__option {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media all and (max-width:767px) {
    .perfect-couple__img {
        width: 100%
    }
}

.perfect-couple__img_rotate {
    transform: rotate(27deg)
}

.perfect-couple__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    margin-top: 29px
}

@media all and (max-width:767px) {
    .perfect-couple__text {
        font-size: 4.5vw;
        line-height: 6vw;
        margin-top: 6vw
    }
}

.three-sections {
    position: relative;
    min-height: 3148px;
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/three-sections/three-sections-bgr-desc-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

@media all and (max-width:767px) {
    .three-sections {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/three-sections/three-sections-bgr-mob-1-v1.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.three-sections__container {
    padding-top: 86px
}

@media all and (max-width:767px) {
    .three-sections__container {
        padding-top: 18vw;
        padding-bottom: 4vw
    }
}

.three-sections__choose-color {
    text-align: center
}

.three-sections__choose-color.active .three-sections__choose-color-heading {
    opacity: 1;
    transform: translateY(0)
}

.three-sections__choose-color-heading {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 600;
    font-size: 92.265px;
    line-height: 124%;
    color: #317cb3;
    opacity: 0;
    transition: .2s all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .three-sections__choose-color-heading {
        display: none
    }
}

.three-sections__choose-color-heading-mob {
    display: none;
    font-family: Unbounded;
    font-style: normal;
    font-weight: 600;
    color: #317cb3;
    font-size: 11vw;
    line-height: 13vw
}

@media all and (max-width:767px) {
    .three-sections__choose-color-heading-mob {
        display: block
    }
}

.three-sections__choose-color-container {
    margin-top: 93px;
    padding-inline: 30px
}

@media all and (max-width:767px) {
    .three-sections__choose-color-container {
        margin-top: 12vw
    }

    .three-sections__choose-color-container .swiper-slide {
        opacity: 0;
        transition: 1s cubic-bezier(.16, 1, .3, 1);
        transition-property: transform, visibility, opacity
    }

    .three-sections__choose-color-container .swiper-slide-active {
        opacity: 1;
        transition: 1s cubic-bezier(.16, 1, .3, 1);
        transition-property: transform, visibility, opacity
    }
}

.three-sections__choose-color-container .swiper-wrapper {
    display: flex;
    justify-content: space-between
}

.three-sections__choose-color-option {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media all and (max-width:767px) {
    .three-sections__choose-color-option {
        width: 100%
    }
}

.three-sections__choose-color-option a {
    transition: all .5s ease-in-out
}

.three-sections__choose-color-option a:hover {
    transform: scale(1.03)
}

@media all and (max-width:767px) {
    .three-sections__choose-color-option.beige {
        display: none
    }
}

.three-sections__choose-color-img {
    max-width: 452px
}

@media all and (max-width:767px) {
    .three-sections__choose-color-img {
        max-width: unset;
        width: 100%
    }
}

.three-sections__choose-color-btn {
    width: 395px;
    height: 61.04px;
    background: #317cb3;
    border-radius: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 21.7991px;
    line-height: 27px;
    color: #fff;
    margin-top: 52px;
    transition: all .5s ease-in-out
}

.three-sections__choose-color-btn:hover {
    cursor: pointer;
    transform: scale(1.03);
    background: #317cb3 !important
}

@media all and (max-width:767px) {
    .three-sections__choose-color-btn {
        margin-top: 23vw;
        height: 15vw;
        width: 94vw;
        border-radius: 4vw;
        font-size: 5.5vw
    }
}

.three-sections__freedom {
    padding-top: 198px;
    display: flex
}

.three-sections__freedom.active .three-sections__freedom-heading {
    opacity: 1;
    transform: translateY(0)
}

@media all and (max-width:767px) {
    .three-sections__freedom {
        flex-direction: column;
        padding-top: 4vw
    }
}

.three-sections__freedom-img {
    margin-top: 57px;
    max-width: none;
}

@media all and (max-width:767px) {
    .three-sections__freedom-img {
        width: 100%
    }
}

.three-sections__freedom-text-content {
    transform: translateX(-99px)
}

@media all and (max-width:767px) {
    .three-sections__freedom-text-content {
        transform: unset;
        margin-top: 14vw
    }
}

.three-sections__freedom-heading {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 600;
    font-size: 67.4179px;
    line-height: 103%;
    color: #317cb3;
    opacity: 0;
    transition: .2s all .3s linear;
    transform: translateY(-50px)
}

@media all and (max-width:767px) {
    .three-sections__freedom-heading {
        font-size: 13vw;
        line-height: 13vw
    }
}

.three-sections__freedom-text-wrapper {
    margin-top: 35px;
    background-color: #fff;
    padding-inline: 42px;
    padding-block: 88px;
    border-radius: 50%
}

@media all and (max-width:767px) {
    .three-sections__freedom-text-wrapper {
        padding-block: 4vw;
        border-radius: 2vw;
        margin-top: 10vw;
        padding-inline: 6vw
    }
}

.three-sections__freedom-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    text-align: center;
    color: #113858
}

@media all and (max-width:767px) {
    .three-sections__freedom-text {
        font-size: 4.3vw;
        line-height: 7.5vw;
        text-align: left
    }
}

.three-sections__original {
    padding-top: 217px;
    display: flex
}

.three-sections__original.active .three-sections__original-img-heading {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media all and (max-width:767px) {
    .three-sections__original {
        padding-top: 15vw;
        flex-direction: column
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2.5);
        transition: all .3s cubic-bezier(.6, .04, .98, .335)
    }

    10% {
        opacity: .4;
        transform-origin: 50% 50%;
        transform: scale(2);
        transition: all .3s cubic-bezier(.6, .04, .98, .335)
    }

    60% {
        opacity: .6;
        transform-origin: 50% 50%;
        transform: scale(1);
        transition: all .3s cubic-bezier(.6, .04, .98, .335)
    }

    90% {
        opacity: .8;
        transform-origin: 50% 50%;
        transform: scale(1.2);
        transition: all .3s cubic-bezier(.6, .04, .98, .335)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.three-sections__original-text-container {
    text-align: center
}

.three-sections__original-img-heading {
    opacity: 0
}

@media all and (max-width:767px) {
    .three-sections__original-img-heading {
        width: 89%
    }
}

.three-sections__original-text {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 600;
    font-size: 41.952px;
    line-height: 63%;
    text-align: center;
    color: #317cb3;
    margin-top: 58px;
    margin-bottom: 32px
}

@media all and (max-width:767px) {
    .three-sections__original-text {
        font-size: 8.3vw;
        line-height: 7vw;
        margin-top: 14vw;
        margin-bottom: 6vw
    }
}

.three-sections__original-text span {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 600;
    font-size: 56.952px;
    line-height: 113%;
    text-align: center;
    color: #317cb3
}

@media all and (max-width:767px) {
    .three-sections__original-text span {
        font-size: 11.5vw;
        line-height: 12vw
    }
}

.three-sections__original-sub-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 31px;
    text-align: center;
    color: #317cb3;
    padding-inline: 49px
}

@media all and (max-width:767px) {
    .three-sections__original-sub-text {
        padding-inline: unset;
        font-size: 4.4vw;
        text-align: left;
        line-height: 8vw
    }
}

.three-sections__original-img {
    padding-top: 30px
}

@media all and (max-width:767px) {
    .three-sections__original-img {
        padding-top: 4vw
    }
}

.three-sections__container-swiper-options {
    padding-top: 85px
}

@media all and (max-width:767px) {
    .three-sections__container-swiper-options {
        padding-top: 13vw;
        padding-bottom: 5vw
    }
}

.three-sections .swiper-wrapper {
    display: flex;
    justify-content: space-between
}

@media all and (max-width:767px) {
    .three-sections .swiper-wrapper {
        justify-content: flex-start
    }
}

.three-sections .swiper-slide {
    width: unset
}

.three-sections__option {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media all and (max-width:767px) {
    .three-sections__img {
        width: 100%
    }
}

.three-sections__text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18.5496px;
    line-height: 24px;
    color: #317cb3;
    text-align: center;
    margin-top: 29px
}

@media all and (max-width:767px) {
    .three-sections__text {
        font-size: 4.5vw;
        line-height: 6vw;
        margin-top: 6vw
    }
}

.three-sections__text a {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 18.5496px;
    line-height: 24px;
    color: #317cb3;
    text-align: center;
    margin-top: 29px;
    text-decoration: underline
}

.three-sections__text a:hover {
    text-decoration: unset
}

@media all and (max-width:767px) {
    .three-sections__text a {
        font-size: 4.5vw;
        line-height: 6vw;
        margin-top: 6vw
    }
}

.cross-selling {
    position: relative;
    min-height: 859px;
    background: url(https://landing.массажные-кресла.рф/landings/liberty/images/cross-selling/cross-selling-bgr-desc-1-v1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

@media all and (max-width:767px) {
    .cross-selling {
        min-height: auto;
        background: url(https://landing.массажные-кресла.рф/landings/liberty/images/cross-selling/cross-selling-bgr-mob-1-v1.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center
    }
}

.cross-selling__slide {
    display: flex;
    justify-content: space-between
}

@media all and (max-width:767px) {
    .cross-selling__slide {
        flex-direction: column-reverse
    }
}

.cross-selling__container {
    padding-top: 97px
}

.cross-selling__container .swiper-slide {
    opacity: 0;
    transition: 1s cubic-bezier(.16, 1, .3, 1);
    transition-property: transform, visibility, opacity
}

.cross-selling__container .swiper-slide-active {
    opacity: 1;
    transition: 1s cubic-bezier(.16, 1, .3, 1);
    transition-property: transform, visibility, opacity
}

@media all and (max-width:767px) {
    .cross-selling__container {
        padding-top: 5vw;
        padding-bottom: 4vw
    }
}

.cross-selling__text-content {
    padding-top: 110px
}

@media all and (max-width:767px) {
    .cross-selling__text-content {
        padding-top: 10vw
    }
}

.cross-selling__heading {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 600;
    font-size: 49.8096px;
    line-height: 113%;
    color: #fff
}

@media all and (max-width:767px) {
    .cross-selling__heading {
        font-size: 9.2vw;
        line-height: 8vw
    }
}

.cross-selling__heading p {
    display: inline-block;
    font-size: 38px
}

@media all and (max-width:767px) {
    .cross-selling__heading p {
        font-size: 6.5vw
    }
}

@media all and (max-width:767px) {
    .cross-selling__heading span {
        font-size: 60px;
        font-size: 11.4vw
    }
}

.cross-selling__product {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34.1101px;
    line-height: 126%;
    letter-spacing: -.01em;
    color: #fff;
    width: 501px;
    background-color: #164e77;
    margin-top: 20px;
    padding-block: 16px;
    padding-left: 34px
}

@media all and (max-width:767px) {
    .cross-selling__product {
        width: 100%;
        font-size: 6.5vw;
        line-height: 7vw;
        padding-left: 4vw;
        padding-block: 3.5vw;
        margin-top: 7.5vw
    }
}

.cross-selling__btn {
    width: 502px;
    height: 71.04px;
    background: #fff;
    border-radius: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 27.7991px;
    line-height: 27px;
    color: #317cb3;
    margin-top: 52px;
    transition: all .5s ease-in-out
}

.cross-selling__btn:hover {
    cursor: pointer;
    transform: scale(1.03);
    background: #fff !important
}

@media all and (max-width:767px) {
    .cross-selling__btn {
        width: 94vw;
        border-radius: 4vw;
        margin-top: 10vw;
        height: 14vw;
        font-size: 4.5vw
    }

    .cross-selling__btn img {
        width: 8vw
    }
}

@media all and (max-width:767px) {
    .bottom-swiper__wrapper {
        display: flex;
        flex-direction: column
    }
}

.bottom-swiper__img {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.bottom-swiper .swiper-slide {
    position: relative
}

.bottom-swiper__buy {
    position: absolute;
    bottom: 13.5%;
    right: 23.8%;
    background: #fff;
    opacity: .7;
    padding-block: 16px;
    border-radius: 15px;
    padding-inline: 19px;
    text-align: center
}

@media all and (max-width:767px) {
    .bottom-swiper__buy {
        display: none
    }
}

.bottom-swiper__buy-btn-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #000
}

.bottom-swiper__buy-btn {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16.1186px;
    line-height: 20px;
    color: #fff;
    background: #1b1b1b;
    padding-block: 12px;
    margin-top: 13px;
    padding-inline: 22px;
    border-radius: 11px
}

.bottom-swiper__buy-btn:hover {
    cursor: pointer;
    transform: scale(1.03);
    transition: all .5s ease-in-out;
    background: #1b1b1b !important
}