.site__main {
    font-size: 16px;
    max-width: 2000px;
    margin: 0 auto;
    overflow: hidden
}

.site__main section {
    position: relative
}

.site__main * {
    word-break: keep-all
}

.site__main .main__title h2 {
    font-size: 60px;
    line-height: 1
}

.site__main .main__title strong {
    font-size: 22px;
    line-height: 2
}

.site__main .main__title p {
    margin-top: .8em;
    line-height: 1.6;
    padding-bottom: 70px;
    letter-spacing: .02em
}

header#hd {
    color: #fff
}

header#hd h1 a {
    -webkit-filter: invert(1);
    filter: invert(1)
}

header#hd .hd__wrapper .hd__line {
    background: rgba(255,255,255,.2)
}

header#hd .hd__wrapper .hd__line i {
    -webkit-filter: brightness(100);
    filter: brightness(100)
}

header#hd #menu__toggle::before,header#hd #menu__toggle span,header#hd #menu__toggle::after {
    background: #fff
}

header#hd .hd__lang::before {
    -webkit-filter: invert(1);
    filter: invert(1)
}

body.--hd-fixed header#hd h1 a {
    -webkit-filter: invert(0);
    filter: invert(0)
}

body.--hd-fixed header#hd #menu__toggle: :before,body.--hd-fixed header#hd #menu__toggle span,body.--hd-fixed header#hd #menu__toggle::after {
    background:#000
}

body.--menu-active header#hd .hd__lang: :before {
    -webkit-filter:invert(0);
    filter: invert(0)
}

body.--menu-active header#hd #menu__toggle: :before,body.--menu-active header#hd #menu__toggle span,body.--menu-active header#hd #menu__toggle::after {
    background:#000
}

body.--menu-active header#hd h1 a {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.section__visual {
    color: #fff
}

.section__visual .swiper-slide {
    height: 1670px;
    position: relative
}

.section__visual .swiper-slide .swiper__txt {
    position: absolute;
    top: 280px;
    left: 50%;
    translate: -50% 0;
    width: 1400px;
    font-size: 18px;
    font-weight: 500;
    text-align: right
}

.section__visual .swiper-slide h2 {
    font-size: 70px;
    font-family: var(--hel75);
    line-height: 1;
    text-transform: uppercase;
    text-align: right;
    color: #fff;
    margin-bottom: .4em
}

.section__visual .swiper-slide h2 span {
    color: rgba(0,0,0,0);
    -webkit-text-stroke: 1px #fff
}

.section__visual .swiper-slide h2 i {
    font-style: normal;
    letter-spacing: .05em
}

.section__visual .swiper-slide.--01 {
    background: url(https://en.rest-clinic.com/img/main/visual/01.jpg) center no-repeat
}

.section__visual .swiper-slide.--02 {
    background: url(https://en.rest-clinic.com/img/main/visual/02.jpg) center no-repeat
}

.section__visual .swiper-slide.--03 {
    background: url(https://en.rest-clinic.com/img/main/visual/03.jpg) center no-repeat
}

.section__visual .swiper-slide.--04 {
    background: url(https://en.rest-clinic.com/img/main/visual/04.jpg) center no-repeat
}

.section__visual .swiper-slide.--05 {
    background: url(https://en.rest-clinic.com/img/main/visual/05.jpg) center no-repeat
}

.section__visual .visual__nav {
    position: absolute;
    top: 600px;
    left: 50%;
    z-index: 50;
    translate: -50% 0;
    width: 1400px;
    line-height: 1
}

.section__visual .visual__nav dt,.section__visual .visual__nav dd {
    border-left: 1px solid rgba(255,255,255,.2);
    padding-left: 1.8em
}

.section__visual .visual__nav dd+dt {
    margin-top: 2.56em
}

.section__visual .visual__nav dd {
    padding-top: .3em
}

.section__serene {
    margin-top: -1156px;
    height: 2087px;
    background: url(/img/main/serene/bg.webp) center top no-repeat;
    z-index: 10;
    padding: 1178px calc(50% - 700px) 0
}

.section__serene .main__title strong {
    display: block
}

.section__serene nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section__serene nav a {
    width: 700px;
    height: 117px;
    border: 1px solid #fff;
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: -0.02em;
    padding: 0 40px;
    position: relative
}

.section__serene nav a,.section__serene nav a::after,.section__serene nav a * {
    z-index: 5;
    -webkit-transition: all ease .7s;
    transition: all ease .7s
}

.section__serene nav a {
    -webkit-transition: background ease .7s;
    transition: background ease .7s
}

.section__serene nav a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.section__serene nav a strong,.section__serene nav a span {
    position: absolute;
    top: calc(50% - .5em)
}

.section__serene nav a strong {
    font-size: 30px;
    left: 40px
}

.section__serene nav a span {
    opacity: 0
}

.section__serene nav a+a {
    margin-top: 40px
}

.section__serene nav a.--active {
    color: #fff
}

.section__serene nav a.--active span,.section__serene nav a.--active: :after {
    opacity:1
}

.section__serene nav a.--active strong {
    left: calc(100% - 20px);
    translate: -100% 0
}

.section__serene nav .--insight: :after {
    background:url(/img/main/serene/insight.png) center/cover no-repeat
}

.section__serene nav .--lifting: :after {
    background:url(/img/main/serene/lifting.png) center/cover no-repeat
}

.section__serene nav .--solution: :after {
    background:url(/img/main/serene/solution.png) center/cover no-repeat
}

.section__solution {
    background: url(https://en.rest-clinic.com/img/landing/info/bg.webp);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.section__solution .nav__title h2 {
    font-size: 60px;
    line-height: 1
}

.section__solution .nav__title strong {
    font-size: 22px;
    font-weight: 500;
    line-height: 2
}

.section__solution .nav__title p {
    margin-top: .8em;
    line-height: 1.6;
    padding-bottom: 40px;
    letter-spacing: .02em
}

.section__solution .nav__title .swiper__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 65px
}

.section__solution .nav__title .swiper__controls .swiper__nav {
    width: 16px;
    height: 32px;
    background: url(https://en.rest-clinic.com/img/landing/info/arrow.png) center/contain no-repeat;
    cursor: pointer
}

.section__solution .nav__title .swiper__controls .swiper__nav.--next {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.section__solution .nav__title .swiper__controls .swiper__pagination {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px
}

.section__solution .nav__title .swiper__controls .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 6px 0 0;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s
}

.section__solution .nav__title .swiper__controls .swiper-pagination-bullet-active {
    width: 26px
}

.section__solution .solution__container {
    width: 1000px
}

.section__solution .nav__container {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 195px
}

.section__solution .nav__container::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% 120px;
    z-index: 0;
    width: 100vw;
    height: 1px;
    background: #fff
}

.section__solution .nav__container .nav__title,.section__solution .nav__container .solution__swiper.--nav {
    width: 786px
}

.section__solution .nav__container .nav__title {
    padding-left: 150px
}

.section__solution .nav__container .nav__title strong {
    display: block
}

.section__solution .nav__container .solution__swiper {
    position: relative;
    left: 150px;
    z-index: 50
}

.section__solution .nav__container .solution__swiper .swiper__nav {
    position: absolute;
    top: 50%;
    left: 0;
    translate: -70px calc(-50% - 26px);
    cursor: pointer;
    width: 38px;
    height: 79px;
    background: url(https://en.rest-clinic.com/img/landing/info/arrow.png) no-repeat;
    display: none
}

.section__solution .nav__container .solution__swiper .swiper-slide {
    width: 368px
}

.section__solution .nav__container .solution__swiper .swiper-slide dl {
    width: 368px;
    height: 320px;
    border: 1px solid #fff;
    position: relative;
    padding: 30px 0 0 33px
}

.section__solution .nav__container .solution__swiper .swiper-slide dt {
    font-size: 30px;
    font-family: var(--hel75);
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section__solution .nav__container .solution__swiper .swiper-slide dt::after {
    content: "";
    width: 305px;
    height: 90px;
    margin-top: 20px
}

.section__solution .nav__container .solution__swiper .swiper-slide dd {
    padding-top: 21px;
    padding-right: 2em;
    word-break: keep-all
}

.section__solution .nav__container .swiper-slide[data-label="--Forehead"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Forehead.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Eye"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Eye.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Nose"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Nose.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Deep"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Deep.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Lip"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Lip.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Midface"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Midface.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Contour"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Contour.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Ear"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Ear.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Neck"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Neck.png) center/contain no-repeat
}

.section__solution .nav__container .swiper-slide[data-label="--Body"] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/solution/Body.png) center/contain no-repeat
}

.section__solution .solution__pointer {
    width: 1000px;
    height: 1000px;
    background: url(https://en.rest-clinic.com/img/main/solution/bg.png?ver=2) no-repeat;
    position: relative
}

.section__solution .solution__pointer .solution__link {
    position: absolute;
    color: #fff
}

.section__solution .solution__pointer .solution__link i {
    font-size: 32px;
    line-height: 1;
    font-style: normal;
    width: 1em;
    height: 1em;
    padding-bottom: .2em;
    border-radius: 20em;
    border: 2px solid #fff;
    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
}

.section__solution .solution__pointer .solution__link span {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 300px;
    height: 90px;
    background: rgba(255,255,255,.2);
    border: 1px solid #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .5s;
    transition: .5s
}

.section__solution .solution__pointer .solution__link span strong {
    font-size: 30px;
    font-family: var(--hel75);
    position: absolute;
    bottom: 110%;
    left: 0
}

.section__solution .solution__pointer .solution__link.--active span {
    opacity: 1;
    pointer-events: auto
}

.section__solution .solution__pointer .--Forehead {
    top: 7.2%;
    left: 68.2%
}

.section__solution .solution__pointer .--Forehead span strong {
    bottom: auto;
    left: auto;
    top: 100%;
    right: 0
}

.section__solution .solution__pointer .--Eye {
    top: 18%;
    left: 50.2%
}

.section__solution .solution__pointer .--Nose {
    top: 30%;
    left: 70.2%
}

.section__solution .solution__pointer .--Deep {
    top: 19.5%;
    left: 33.8%
}

.section__solution .solution__pointer .--Lip {
    top: 49.7%;
    left: 68.2%
}

.section__solution .solution__pointer .--Midface {
    top: 32.6%;
    left: 51.2%
}

.section__solution .solution__pointer .--Contour {
    top: 51.7%;
    left: 32.8%
}

.section__solution .solution__pointer .--Ear {
    top: 34.8%;
    left: 19.6%
}

.section__solution .solution__pointer .--Neck {
    bottom: 23.3%;
    left: 44.8%
}

.section__solution .solution__pointer .--Body {
    bottom: 4.6%;
    left: 81.3%
}

.section__solution .solution__pointer .--Scalp {
    top: 70px;
    left: 170px
}

.section__equip {
    width: 2000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.section__equip .equip__main {
    width: 1000px;
    position: relative
}

.section__equip .equip__main .equip__title {
    position: absolute;
    top: 511px;
    left: 0;
    z-index: 10;
    padding: 80px 0 0 130px;
    font-weight: 600;
    color: #030401
}

.section__equip .equip__main .equip__title::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 150px;
    height: 1px;
    background: #9d9d9d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.section__equip .equip__main .equip__title h2 {
    font-size: 60px;
    font-family: var(--hel75);
    line-height: 1;
    color: #3c3c3c
}

.section__equip .equip__main .equip__title dt {
    font-size: 22px;
    line-height: 1;
    padding: .6em 0 1.2em
}

.section__equip .equip__sub {
    position: absolute;
    top: 0;
    right: 1000px;
    width: 1000px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.section__equip .equip__sub .sub__swiper {
    width: 700px;
    overflow: hidden;
    position: relative
}

.section__equip .equip__sub .sub__swiper .swiper-notification {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 700px;
    height: 510px;
    opacity: 1;
    border-right: 1px solid #9d9d9d;
    border-bottom: 1px solid #9d9d9d
}

.section__equip .equip__sub .sub__swiper dt {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #3c3c3c;
    margin: 35px 0 10px
}

.section__equip .equip__sub .sub__swiper dd {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    color: #6d6d6d
}

.section__equip .equip__sub .swiper__nav.--sub {
    position: absolute;
    top: 480px;
    right: 40px;
    left: auto;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 500px;
    height: 1px
}

.section__equip .equip__sub .swiper__nav.--sub .swiper-pagination-bullet {
    width: 28px;
    height: 1px;
    background: #000;
    opacity: 1;
    border-radius: 0;
    margin: 0 0 0 6px;
    -webkit-transition: .2s;
    transition: .2s
}

.section__equip .equip__sub .swiper__nav.--sub .swiper-pagination-bullet-active {
    height: 7px;
    border-radius: 0
}

.section__tmt {
    background: url(https://en.rest-clinic.com/img/landing/info/bg.webp);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.section__tmt .tmt__container {
    width: 50%
}

.section__tmt .nav__container {
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section__tmt .nav__container::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% 125px;
    z-index: 0;
    width: 100vw;
    height: 1px;
    background: #fff
}

.section__tmt .nav__container .nav__title h2 {
    font-size: 60px;
    line-height: 1
}

.section__tmt .nav__container .nav__title strong {
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 2
}

.section__tmt .nav__container .nav__title p {
    margin-top: .8em;
    line-height: 1.6;
    padding-bottom: 40px;
    letter-spacing: .02em
}

.section__tmt .nav__container .nav__title .swiper__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 65px
}

.section__tmt .nav__container .nav__title .swiper__controls .swiper__nav {
    width: 16px;
    height: 32px;
    background: url(https://en.rest-clinic.com/img/landing/info/arrow.png) center/contain no-repeat;
    cursor: pointer
}

.section__tmt .nav__container .nav__title .swiper__controls .swiper__nav.--next {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.section__tmt .nav__container .nav__title .swiper__controls .swiper__pagination {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px
}

.section__tmt .nav__container .nav__title .swiper__controls .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 6px 0 0;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s
}

.section__tmt .nav__container .nav__title .swiper__controls .swiper-pagination-bullet-active {
    width: 26px
}

.section__tmt .nav__container .nav__title,.section__tmt .nav__container .tmt__swiper.--nav {
    width: 786px
}

.section__tmt .nav__container .nav__title {
    padding-left: 150px
}

.section__tmt .nav__container .tmt__swiper {
    position: relative;
    left: 150px;
    z-index: 50
}

.section__tmt .nav__container .tmt__swiper .swiper__nav {
    position: absolute;
    top: 50%;
    left: 0;
    translate: -70px calc(-50% - 25px);
    cursor: pointer;
    width: 38px;
    height: 79px;
    background: url(https://en.rest-clinic.com/img/landing/info/arrow.png) no-repeat
}

.section__tmt .nav__container .tmt__swiper .swiper-slide {
    width: 420px
}

.section__tmt .nav__container .tmt__swiper .swiper-slide dl {
    width: 420px;
    height: 294px;
    border: 1px solid #fff;
    position: relative;
    padding: 30px 0 0 33px
}

.section__tmt .nav__container .tmt__swiper .swiper-slide dt {
    font-size: 26px;
    font-family: var(--hel75);
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.section__tmt .nav__container .tmt__swiper .swiper-slide dt::after {
    content: "";
    width: 350px;
    height: 90px;
    margin-top: 20px
}

.section__tmt .nav__container .tmt__swiper .swiper-slide dd {
    padding-top: 21px;
    word-break: keep-all;
    letter-spacing: -0.06em;
    padding-right: 2em
}

.section__tmt .swiper-slide[data-label=lifting] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/1.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=pigment] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/2.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=acne] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/3.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=petit] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/4.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=booster] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/5.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=premium] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/6.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=contouring] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/7.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=hair] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/8.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=tattoo] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/9.png) center/contain no-repeat
}

.section__tmt .swiper-slide[data-label=stem] dl dt::after {
    background: url(https://en.rest-clinic.com/img/main/treatment/nav/10.png) center/contain no-repeat
}

/*# sourceMappingURL=main.min.css.map */