html.withRem {
font-size: 1.11111111vw;
}
@media (max-width:1024px){
html.withRem {
font-size: 1.5625vw;
}
}
@media (max-width:768px){
html.withRem {
font-size: 2.08333333vw;
}
}
@media (max-width:640px){
html.withRem {
font-size: 4.265625vw;
}
}
@media (max-width:375px){
html.withRem {
font-size: 4.26666667vw;
}
}
.test {
font-size: 1rem;
}
@font-face{
font-family: Qanelas;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../fonts/Qanelas-Black.woff2) format('woff2'),url(../fonts/Qanelas-Black.woff) format('woff');
}
@font-face{
font-family: Qanelas;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Qanelas-Bold.woff2) format('woff2'),url(../fonts/Qanelas-Bold.woff) format('woff');
}
@font-face{
font-family: Qanelas;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/Qanelas-SemiBold.woff2) format('woff2'),url(../fonts/Qanelas-SemiBold.woff) format('woff');
}
@font-face{
font-family: Qanelas;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Qanelas-Medium.woff2) format('woff2'),url(../fonts/Qanelas-Medium.woff) format('woff');
}
@font-face{
font-family: Qanelas;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Qanelas-Regular.woff2) format('woff2'),url(../fonts/Qanelas-Regular.woff) format('woff');
}
@font-face{
font-family: Qanelas;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../fonts/Qanelas-Light.woff2) format('woff2'),url(../fonts/Qanelas-Light.woff) format('woff');
}
@font-face{
font-family: Qanelas;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../fonts/Qanelas-RegularItalic.woff2) format('woff2'),url(../fonts/Qanelas-RegularItalic.woff) format('woff');
}
@font-face{
font-family: Qanelas;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../fonts/Qanelas-MediumItalic.woff2) format('woff2'),url(../fonts/Qanelas-MediumItalic.woff) format('woff');
}
@font-face{
font-family: Qanelas;
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(../fonts/Qanelas-SemiBoldItalic.woff2) format('woff2'),url(../fonts/Qanelas-SemiBoldItalic.woff) format('woff');
}
html {
height: 100%;
width: 100%;
}
body {
position: relative;
min-width: 320px;
color: #3f3f3f;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
margin: 0 auto;
font-family: Qanelas,sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 1.4;
background-color: #fff;
font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-rendering: geometricPrecision;
}
body.lock {
overflow: hidden;
height: 100%;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
svg use {
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
button,
input,
textarea {
-webkit-appearance: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
font-weight: 400;
}
p {
padding: 0;
margin: 0;
}
ol,
ul {
padding: 0;
margin: 0;
list-style: none;
}
body a,
body button {
outline: 0;
}
body a:focus,
body a:hover,
body button:focus,
body button:hover {
outline: 0;
}
input,
select,
textarea {
margin: 0;
}
input:focus,
select:focus,
textarea:focus {
outline: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
outline: 0;
background-color: transparent!important;
color: #3f3f3f!important;
-webkit-text-fill-color: #3f3f3f!important;
-webkit-transition: color 9999s ease-out,background-color 9999s ease-out;
-o-transition: color 9999s ease-out,background-color 9999s ease-out;
transition: color 9999s ease-out,background-color 9999s ease-out;
-webkit-transition-delay: 9999s;
-webkit-box-shadow: inset 0 0 0 50px #fff!important;
}
@-webkit-keyframes autofill{
to {
color: #3f3f3f;
background: 0 0;
}
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
.wrapper {
min-height: 100vh;
width: 100%;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.footer {
width: 100%;
}
.content {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header {
width: 100%;
}
.img-fluid {
max-width: 100%;
height: auto;
display: block;
}
.container-fluid {
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
@media screen and (max-width:575px){
.container-fluid {
padding: 0 20px;
}
}
.container {
width: 100%;
margin: 0 auto;
max-width: 1350px;
padding: 0 15px;
}
@media screen and (max-width:575px){
.container {
padding: 0 20px;
}
}
@media screen and (min-width:375px){
.container {
max-width: 100%;
}
}
@media screen and (min-width:480px){
.container {
max-width: 450px;
}
}
@media screen and (min-width:576px){
.container {
max-width: 540px;
}
}
@media screen and (min-width:768px){
.container {
max-width: 738px;
}
}
@media screen and (min-width:1025px){
.container {
max-width: 970px;
}
}
@media screen and (min-width:1230px){
.container {
max-width: 1140px;
}
}
@media screen and (min-width:1300px){
.container {
max-width: 1200px;
}
}
@media screen and (min-width:1441px){
.container {
max-width: 1310px;
}
}
@media screen and (min-width:1720px){
.container {
max-width: 1350px;
}
}
.content-page {
padding-top: 68px;
}
@media screen and (max-width:1024px){
.content-page {
padding-top: 60px;
}
}
.content-page--second {
background-color: #f8f5f2;
}
.section {
padding: 130px 0;
position: relative;
z-index: 3;
width: 100%;
}
@media screen and (max-width:1229px){
.section {
padding: 40px 0;
}
}
.section.section-top {
padding-top: 220px;
}
@media screen and (max-width:1440px){
.section.section-top {
padding-top: 160px;
}
}
@media screen and (max-width:1299px){
.section.section-top {
padding-top: 180px;
}
}
@media screen and (max-width:1024px){
.section.section-top {
padding-top: 40px;
}
}
.section-cab {
padding: 40px 0 130px;
}
@media screen and (max-width:1440px){
.section-cab {
padding: 30px 0 140px;
}
}
.section-404 {
padding: 60px 0 150px;
}
@media screen and (max-width:1440px){
.section-404 {
padding: 30px 0 160px;
}
}
@media screen and (max-width:1024px){
.section-404 {
padding: 20px 0 100px;
}
}
@media screen and (max-width:575px){
.section-404 {
padding: 30px 0 60px;
}
}
.section-message {
padding: 50px 0 84px;
}
@media screen and (max-width:1440px){
.section-message {
padding: 56px 0 76px;
}
}
@media screen and (max-width:1024px){
.section-message {
padding: 20px 0 41px;
}
}
@media screen and (max-width:575px){
.section-message {
padding: 30px 0 46px;
}
}
.section-page {
padding: 120px 0 174px;
}
@media screen and (max-width:1440px){
.section-page {
padding: 92px 0 154px;
}
}
@media screen and (max-width:1024px){
.section-page {
padding: 40px 0 74px;
}
}
@media screen and (max-width:575px){
.section-page {
padding: 30px 0 54px;
}
}
.title-page {
font-size: 40px;
line-height: 1.3;
margin-bottom: 40px;
color: #3f3f3f;
font-weight: 700;
}
@media screen and (max-width:1440px){
.title-page {
font-size: 35px;
margin-bottom: 30px;
}
}
@media screen and (max-width:1024px){
.title-page {
font-size: 40px;
}
}
.title-section {
margin-bottom: 106px;
font-size: 132px;
line-height: 1;
font-weight: 400;
}
@media screen and (max-width:1440px){
.title-section {
font-size: 100px;
margin-bottom: 90px;
}
}
@media screen and (max-width:1024px){
.title-section {
margin-bottom: 16px;
font-weight: 500;
font-size: 75px;
line-height: 1.2;
}
}
@media screen and (max-width:575px){
.title-section {
font-size: 55px;
margin-bottom: 30px;
}
.title-section br {
display: none;
}
}
.h1 {
font-size: 60px;
margin-bottom: 40px;
font-weight: 700;
color: #3f3f3f;
line-height: 1.3;
}
@media screen and (max-width:1440px){
.h1 {
font-size: 50px;
margin-bottom: 50px;
}
}
@media screen and (max-width:1024px){
.h1 {
font-size: 40px;
margin-bottom: 30px;
}
}
.h2 {
font-size: 40px;
margin-bottom: 20px;
font-weight: 700;
color: #3f3f3f;
line-height: 1.3;
}
@media screen and (max-width:1440px){
.h2 {
font-size: 35px;
}
}
@media screen and (max-width:1024px){
.h2 {
font-size: 30px;
margin-bottom: 10px;
}
}
.h3 {
font-size: 35px;
margin-bottom: 15px;
font-weight: 700;
color: #3f3f3f;
line-height: 1.3;
}
@media screen and (max-width:1299px){
.h3 {
font-size: 30px;
}
}
@media screen and (max-width:1024px){
.h3 {
font-size: 25px;
margin-bottom: 10px;
}
}
.h6 {
font-size: 25px;
margin-bottom: 20px;
font-weight: 700;
color: #3f3f3f;
line-height: 1.3;
}
@media screen and (max-width:767px){
.h6 {
font-size: 22px;
margin-bottom: 10px;
}
}
.text-section p {
font-size: 20px;
line-height: 1.4;
font-weight: 500;
margin-bottom: 26px;
}
@media screen and (max-width:1299px){
.text-section p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 24px;
}
}
.text-section a {
color: #d99374;
text-decoration: none;
border-bottom: 1px solid #d99374;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width:1081px){
.text-section a:hover {
color: #3f3f3f;
border-color: #3f3f3f;
}
}
.text-section a:active {
color: #3f3f3f;
}
.button-section {
padding: 10px 0;
}
.article-section {
margin: 50px auto 35px;
}
@media screen and (max-width:1440px){
.article-section {
max-width: 640px;
width: 100%;
}
}
.article-section h1,
.article-section h2,
.article-section h3,
.article-section h4,
.article-section h5,
.article-section h6 {
font-weight: 700;
color: #3f3f3f;
line-height: 1.3;
}
.article-section h2,
.article-section h3,
.article-section h4,
.article-section h5,
.article-section h6 {
margin: 40px 0 30px;
}
.article-section h1 {
font-size: 60px;
margin-bottom: 40px;
}
@media screen and (max-width:1440px){
.article-section h1 {
font-size: 50px;
}
}
@media screen and (max-width:1024px){
.article-section h1 {
font-size: 40px;
margin-bottom: 30px;
}
}
.article-section h2 {
font-size: 40px;
}
@media screen and (max-width:1440px){
.article-section h2 {
font-size: 35px;
}
}
@media screen and (max-width:1024px){
.article-section h2 {
font-size: 40px;
}
}
@media screen and (max-width:767px){
.article-section h2 {
margin: 40px 0 16px;
}
}
@media screen and (max-width:575px){
.article-section h2 {
font-weight: 600;
}
}
.article-section h3,
.article-section h4,
.article-section h5,
.article-section h6 {
font-size: 40px;
}
@media screen and (max-width:1440px){
.article-section h3,
.article-section h4,
.article-section h5,
.article-section h6 {
font-size: 35px;
margin-bottom: 20px;
}
}
@media screen and (max-width:1024px){
.article-section h3,
.article-section h4,
.article-section h5,
.article-section h6 {
font-size: 30px;
}
}
@media screen and (max-width:1440px){
.article-section h3 {
margin-bottom: 30px;
margin-top: 30px;
}
}
.article-section blockquote {
color: #3f3f3f;
padding: 30px 0;
margin: 0 0 50px;
border-top: 1px solid #d99374;
border-bottom: 1px solid #d99374;
}
.article-section blockquote p {
font-size: 35px;
line-height: 1.3;
font-weight: 600;
font-style: italic;
text-transform: capitalize;
}
@media screen and (max-width:1024px){
.article-section blockquote p {
font-size: 30px;
}
}
.article-section blockquote cite {
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #3f3f3f;
opacity: 1;
margin-top: 10px;
font-size: 10px;
line-height: 1.3;
font-style: normal;
}
.article-section .wp-block-image {
margin-top: 60px;
margin-bottom: 60px;
}
@media screen and (max-width:1024px){
.article-section .wp-block-image {
margin-top: 50px;
margin-bottom: 50px;
}
}
.article-section .wp-block-gallery.columns-3 .blocks-gallery-grid {
margin: 0 -14px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width:767px){
.article-section .wp-block-gallery.columns-3 .blocks-gallery-grid {
margin: 0 -7px;
}
}
.article-section .wp-block-gallery.columns-3 .blocks-gallery-item {
padding: 0 14px 28px;
width: 33.3333%;
margin: 0;
}
@media screen and (max-width:767px){
.article-section .wp-block-gallery.columns-3 .blocks-gallery-item {
padding: 0 7px 14px;
}
}
.article-section .blocks-gallery-item figure {
margin: 0;
}
.article-section .blocks-gallery-item:before {
display: none;
}
.article-section .wp-block-embed {
overflow-wrap: break-word;
}
.article-section .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.article-section .wp-block-embed__wrapper iframe {
margin: 0 auto;
display: block;
max-width: 100%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.article-section .wp-block-video video {
width: 100%;
}
.article-section figure {
margin: 40px 0;
display: block;
}
@media screen and (max-width:575px){
.article-section figure {
margin: 30px 0;
}
}
.article-section figcaption {
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: #3f3f3f;
opacity: 1;
margin-top: 10px;
font-size: 10px;
line-height: 1.3;
}
.article-section img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.article-section p {
font-size: 20px;
line-height: 1.4;
font-weight: 500;
margin-top: 26px;
}
@media screen and (max-width:1440px){
.article-section p {
font-size: 18px;
line-height: 1.5;
margin-top: 24px;
}
}
.article-section ul {
margin-bottom: 20px;
}
.article-section ul li {
position: relative;
padding-left: 14px;
font-size: 20px;
line-height: 1.4;
font-weight: 500;
margin-top: 30px;
}
@media screen and (max-width:1440px){
.article-section ul li {
font-size: 18px;
}
}
.article-section ul li:before {
content: '•';
display: block;
position: absolute;
font-size: 20px;
line-height: 1.4;
left: 0;
top: 0;
color: #3f3f3f;
}
@media screen and (max-width:1719px){
.article-section ul li:before {
line-height: 1.1;
}
}
.article-section ol {
counter-reset: item;
margin-bottom: 20px;
}
.article-section ol li {
position: relative;
padding-left: 24px;
font-size: 20px;
line-height: 1.4;
font-weight: 500;
margin-top: 26px;
}
@media screen and (max-width:1440px){
.article-section ol li {
font-size: 18px;
}
}
.article-section ol li:before {
position: absolute;
left: 0;
top: 0;
content: counter(item) ".";
counter-increment: item;
font-size: inherit;
max-width: 18px;
line-height: inherit;
overflow: hidden;
color: #d99374;
font-weight: 600;
-webkit-box-sizing: inherit;
box-sizing: inherit;
display: block;
}
.article-section b,
.article-section strong {
font-weight: 700;
}
.article-section a {
color: #d99374;
text-decoration: underline;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width:1081px){
.article-section a:hover {
color: #3f3f3f;
}
}
.article-section a:active {
color: #3f3f3f;
}
.article-section .block-image-w-sticker {
max-width: 416px;
width: 100%;
height: 450px;
position: relative;
z-index: 2;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
margin: 115px auto 60px;
}
@media screen and (max-width:1024px){
.article-section .block-image-w-sticker {
max-width: 307px;
height: 332px;
margin: 90px auto 50px;
}
}
@media screen and (max-width:575px){
.article-section .block-image-w-sticker {
max-width: 307px;
height: 332px;
}
}
.article-section .block-image-w-sticker .image-mask {
width: 100%;
height: 100%;
}
.article-section .block-image-w-sticker img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.article-section .block-image-w-sticker .sticker {
position: absolute;
top: 0;
left: 50%;
height: 104px;
width: 59px;
margin-left: -30px;
margin-top: -60px;
-webkit-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-9deg);
z-index: 2;
}
@media screen and (max-width:575px){
.article-section .block-image-w-sticker .sticker {
width: 43px;
height: 76px;
margin-left: -21px;
margin-top: -50px;
}
}
.burger {
display: inline-block;
width: 60px;
height: 60px;
position: relative;
}
.burger__image {
display: block;
}
.burger .hover-box {
position: absolute;
bottom: 20px;
right: 100%;
width: 247px;
height: 261px;
visibility: hidden;
}
.burger .hover-box .chat-icon {
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.burger .hover-box .chat-icon:first-child {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.burger .hover-box .chat-icon:nth-child(2) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.burger .hover-box .chat-icon:nth-child(3) {
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.burger .img-burger {
width: 100%;
height: 100%;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: cover;
object-fit: cover;
}
.burger .hover-burger {
position: absolute;
width: 31px;
height: 31px;
bottom: 24px;
left: 0;
opacity: 0!important;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
@media screen and (min-width:1081px){
.burger:hover .hover-box {
visibility: visible;
}
.burger:hover .hover-box .chat-icon {
opacity: 1;
}
.burger:hover .hover-box .hover-burger {
opacity: 1!important;
}
}
.top-line {
position: absolute;
top: 0;
left: 0;
z-index: 30;
width: 100%;
text-align: right;
}
@media screen and (max-width:1024px){
.top-line {
display: none;
}
}
.top-line .burger-wrap {
position: relative;
}
.top-line .burger {
position: absolute;
right: 0;
top: 136px;
}
.top-line .burger .img-burger {
z-index: 2;
position: relative;
}
.top-line .burger:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 150%;
height: 150%;
margin: -75% 0 0 -75%;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 1;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width:1440px){
.top-line .burger {
top: 136px;
}
}
.top-line.fixed-line {
position: fixed;
}
.top-line.fixed-line .burger {
-webkit-animation: menuSticky .3s linear;
animation: menuSticky .3s linear;
}
.top-line.fixed-line .burger:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
@-webkit-keyframes menuSticky{
0% {
-webkit-transform: translateY(-100px) scale(.5);
transform: translateY(-100px) scale(.5);
}
100% {
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
}
}
@keyframes menuSticky{
0% {
-webkit-transform: translateY(-100px) scale(.5);
transform: translateY(-100px) scale(.5);
}
100% {
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
}
}
.js-slider-card {
width: 100%;
height: 100%;
}
@media screen and (max-width:1024px){
.js-slider-card {
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
}
.loader-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
visibility: hidden;
height: 0;
overflow: hidden;
}
.loader-block--visible {
height: auto;
visibility: visible;
}
.loader-block svg {
width: 150px;
height: 150px;
}
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: #fff none repeat scroll 0 0;
}
.preloader.hidden {
display: none;
}
.js-accordion-animate,
.js-animate-image,
.js-fade-down,
.js-fade-in,
.js-fade-up,
.js-fade-up-long,
.js-panorama {
visibility: hidden;
}
.js-accordion-animate.js-animate,
.js-animate-image.js-animate,
.js-fade-down.js-animate,
.js-fade-in.js-animate,
.js-fade-up-long.js-animate,
.js-fade-up.js-animate,
.js-panorama.js-animate {
visibility: visible;
}
.block-folders {
background: #f8f5f2;
-webkit-border-radius: 80px;
border-radius: 80px;
padding: 100px 0 80px;
margin-bottom: 50px;
}
@media screen and (max-width:1024px){
.block-folders {
-webkit-border-radius: 50px;
border-radius: 50px;
padding: 80px 0;
}
}
@media screen and (max-width:767px){
.block-folders {
-webkit-border-radius: 0;
border-radius: 0;
margin-bottom: 30px;
}
}
.block-folders .h2 {
margin-bottom: 80px;
}
@media screen and (max-width:1024px){
.block-folders .h2 {
margin-bottom: 40px;
}
}
@media screen and (max-width:767px){
.block-folders .h2 {
margin-bottom: 20px;
}
}
@media screen and (max-width:1299px){
.block-folders .folders-grid {
display: none;
}
}
.block-folders .slider-folders {
display: none;
}
@media screen and (max-width:1299px){
.block-folders .slider-folders {
display: block;
}
}
.folders-grid {
margin: 0 -10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.folders-grid .item {
width: 33.3333%;
padding: 0 10px 20px;
}
.slider-folders {
position: relative;
}
.slider-folders .swiper-container {
overflow: visible;
}
.slider-folders .swiper-slide {
width: 413px;
height: auto;
}
@media screen and (max-width:767px){
.slider-folders .swiper-slide {
width: 290px;
}
}
.slider-folders .slider-scrollbar {
height: 8px;
background: #fff;
margin-top: 20px;
}
@media screen and (max-width:767px){
.slider-folders .slider-scrollbar {
margin-top: 10px;
}
}
@media screen and (max-width:1080px){
.slider-folders .slider-navigations {
top: 130px;
}
}
.slider-subscribe {
border-bottom: 1px solid #ecc9b9;
padding-bottom: 60px;
margin-bottom: 50px;
position: relative;
}
@media screen and (max-width:1024px){
.slider-subscribe {
padding-bottom: 42px;
margin-bottom: 30px;
}
}
@media screen and (max-width:767px){
.slider-subscribe {
padding-bottom: 22px;
margin-bottom: 30px;
}
}
.slider-subscribe .layer {
position: absolute;
top: 0;
width: 5000px;
height: -webkit-calc(100% - 70px);
height: calc(100% - 70px);
background-color: #fff;
z-index: 2;
pointer-events: none;
}
.slider-subscribe .layer.left {
right: 100%;
margin-right: 500px;
}
.slider-subscribe .layer.left:after {
content: '';
display: block;
position: absolute;
background: -o-linear-gradient(2.41deg,#fff 39.42%,rgba(255,255,255,.769374) 60.64%,rgba(255,255,255,0) 98.4%);
background: linear-gradient(87.59deg,#fff 39.42%,rgba(255,255,255,.769374) 60.64%,rgba(255,255,255,0) 98.4%);
right: -600px;
top: 0;
width: 603px;
height: 100%;
pointer-events: none;
}
.slider-subscribe .layer.right {
left: 100%;
margin-left: 500px;
}
.slider-subscribe .layer.right:after {
content: '';
display: block;
position: absolute;
background: -o-linear-gradient(2.41deg,#fff 39.42%,rgba(255,255,255,.769374) 60.64%,rgba(255,255,255,0) 98.4%);
background: linear-gradient(87.59deg,#fff 39.42%,rgba(255,255,255,.769374) 60.64%,rgba(255,255,255,0) 98.4%);
-webkit-transform: matrix(-1,0,0,1,0,0);
-ms-transform: matrix(-1,0,0,1,0,0);
transform: matrix(-1,0,0,1,0,0);
left: -600px;
top: 0;
width: 603px;
height: 100%;
pointer-events: none;
}
.slider-subscribe .swiper-container {
overflow: visible;
}
.slider-subscribe .swiper-slide {
width: 315px;
height: auto;
}
@media screen and (max-width:767px){
.slider-subscribe .swiper-slide {
width: 290px;
}
}
.slider-navigations {
position: absolute;
top: 0;
right: 0;
z-index: 10;
width: 0;
height: 100%;
background-color: transparent;
padding: 0;
text-align: center;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width:1080px){
.slider-navigations {
top: 220px;
padding: 10px 5px 15px;
background: #3f3f3f;
-webkit-box-shadow: 6px 6px 26px rgba(45,45,45,.4);
box-shadow: 6px 6px 26px rgba(45,45,45,.4);
-webkit-border-radius: 100px;
border-radius: 100px;
width: 80px;
height: 100px;
}
}
.slider-navigations .buttons {
position: absolute;
top: 170px;
right: 0;
}
@media screen and (max-width:1080px){
.slider-navigations .buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
top: 0;
}
}
.slider-navigations .button {
width: 64px;
height: 64px;
background: #3f3f3f;
border: 0;
outline: 0;
cursor: pointer;
-webkit-border-radius: 50%;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 6px 6px 26px rgba(45,45,45,.4);
box-shadow: 6px 6px 26px rgba(45,45,45,.4);
margin-bottom: 10px;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
padding: 0;
}
@media screen and (max-width:1080px){
.slider-navigations .button {
background-color: transparent;
width: 18px;
height: 36px;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0;
}
}
.slider-navigations .button svg {
fill: none;
width: 10px;
height: 14px;
stroke: #fff;
stroke-width: 2;
}
@media screen and (max-width:1080px){
.slider-navigations .button svg {
width: 6px;
height: 10px;
}
}
.slider-navigations .button.swiper-button-disabled {
opacity: .8;
pointer-events: none;
}
.slider-navigations .button.swiper-button-lock {
display: none;
}
@media screen and (min-width:1081px){
.slider-navigations .button:hover {
background-color: #d99374;
}
}
.slider-navigations .text {
font-weight: 600;
font-size: 18px;
line-height: 150%;
margin-top: -6px;
pointer-events: none;
display: none;
}
@media screen and (max-width:1080px){
.slider-navigations .text {
display: block;
}
}
.slider-navigations.hidden {
display: none;
}
.swiper-pagination.hidden {
display: none;
}
.plan-box {
background-color: #fff;
margin-bottom: 30px;
max-width: 365px;
width: 100%;
}
@media screen and (max-width:1500px){
.plan-box {
max-width: 100%;
}
}
@media screen and (max-width:1299px){
.plan-box {
max-width: 640px;
margin: 0 auto 30px;
}
}
@media screen and (max-width:1024px){
.plan-box {
max-width: 100%;
}
}
@media screen and (max-width:767px){
.plan-box {
margin-bottom: 10px;
}
}
.plan-box__body {
padding: 40px 30px;
}
@media screen and (max-width:1440px){
.plan-box__body {
padding: 20px 20px 30px;
}
}
.plan-box__footer {
padding: 20px;
border-top: 1px solid #f7e9e3;
}
.plan-box .title-box {
font-size: 30px;
font-weight: 700;
line-height: 150%;
}
@media screen and (max-width:1440px){
.plan-box .title-box {
font-size: 25px;
padding-bottom: 10px;
border-bottom: 1px solid #f7e9e3;
}
}
.plan-box .type-box {
font-size: 20px;
font-weight: 700;
line-height: 130%;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-top: 20px;
}
@media screen and (max-width:1440px){
.plan-box .type-box {
font-size: 16px;
}
}
.plan-box .name-box {
color: #d99374;
font-size: 20px;
font-weight: 500;
line-height: 150%;
text-transform: uppercase;
margin-top: 10px;
}
@media screen and (max-width:1440px){
.plan-box .name-box {
font-size: 16px;
}
}
.plan-box .dose-box {
font-size: 18px;
font-weight: 700;
line-height: 130%;
letter-spacing: 1.8px;
text-transform: uppercase;
margin-top: 10px;
}
@media screen and (max-width:1440px){
.plan-box .dose-box {
font-size: 16px;
}
}
.plan-box .total-price {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.plan-box .total-price__title {
font-size: 20px;
font-weight: 700;
line-height: 150%;
max-width: 35%;
padding-right: 10px;
margin-bottom: 2px;
}
@media screen and (max-width:1440px){
.plan-box .total-price__title {
font-size: 18px;
}
}
.plan-box .total-price__value {
font-size: 24px;
line-height: 150%;
text-align: right;
max-width: 65%;
}
.plan-box .total-price__value span {
font-weight: 700;
text-transform: uppercase;
}
@media screen and (max-width:1440px){
.plan-box .total-price__value {
font-size: 20px;
}
}
.btn {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
cursor: pointer;
text-decoration: none;
font-weight: 400;
font-size: 18px;
line-height: 1.1;
-webkit-border-radius: 26px;
border-radius: 26px;
padding: 13px 30px;
}
.btn:active,
.btn:focus,
.btn:hover {
text-decoration: none;
}
.btn:disabled {
pointer-events: none;
}
@media screen and (max-width:479px){
.btn {
width: 100%;
}
}
.btn.btn-large {
font-size: 30px;
line-height: 1.2;
font-weight: 400;
padding: 13px 40px;
-webkit-border-radius: 33px;
border-radius: 33px;
font-weight: 500;
}
@media screen and (max-width:374px){
.btn.btn-large {
font-size: 26px;
padding: 13px 30px;
}
}
.btn.btn-medium {
font-weight: 600;
padding: 16px 20px;
-webkit-border-radius: 30px;
border-radius: 30px;
line-height: 1.17;
}
.btn.btn-small {
font-weight: 600;
padding: 7px 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
line-height: 1.12;
}
.btn.btn-block {
width: 100%;
}
.btn-outline-light {
background-color: transparent;
color: #fff;
border: 2px solid #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width:1081px){
.btn-outline-light:hover {
background-color: #fff;
color: #3f3f3f;
}
}
.btn-outline-light:active {
background-color: #fff;
color: #3f3f3f;
border-color: #fff;
}
.btn-outline-light:disabled {
opacity: .8;
}
.btn-primary {
background-color: transparent;
color: #3f3f3f;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
border: 2px solid #3f3f3f;
}
@media screen and (min-width:1081px){
.btn-primary:hover {
background-color: transparent;
color: #d99374;
border-color: #d99374;
}
}
.btn-primary:active {
background-color: #d99374;
color: #fff;
border-color: #d99374;
}
.btn-primary:disabled {
opacity: .8;
}
.btn-second {
background-color: transparent;
color: #3f3f3f;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
border: 2px solid #f7e9e3;
}
@media screen and (min-width:1081px){
.btn-second:hover {
background-color: transparent;
color: #d99374;
border-color: #d99374;
}
}
.btn-second:active {
background-color: #d99374;
color: #fff;
border-color: #d99374;
}
.btn-second:disabled {
opacity: .8;
}
.btn-third {
background-color: transparent;
color: #d99374;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
border: 2px solid #d99374;
}
@media screen and (min-width:1081px){
.btn-third:hover {
background-color: transparent;
color: #d99374;
border-color: #d99374;
}
}
.btn-third:active {
background-color: #d99374;
color: #fff;
border-color: #d99374;
}
.btn-third:disabled {
opacity: .8;
}
.btn-back {
text-transform: uppercase;
background-color: transparent;
border: 0;
color: #d99374;
font-weight: 700;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
text-align: left;
font-size: 16px;
}
@media screen and (max-width:1440px){
.btn-back {
font-size: 10px;
}
}
.btn-back svg {
margin-right: 10px;
width: 29px;
height: 21px;
stroke: #d99374;
-webkit-transition: stroke .3s ease;
-o-transition: stroke .3s ease;
transition: stroke .3s ease;
}
@media screen and (min-width:1081px){
.btn-back:hover {
color: #3f3f3f;
}
.btn-back:hover svg {
stroke: #3f3f3f;
}
}
.btn-forward {
position: relative;
background-color: transparent;
border: 0;
color: #d99374;
font-weight: 500;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
text-align: left;
font-size: 20px;
padding: 0;
display: inline-block;
line-height: 1;
}
.btn-forward span {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 0;
}
.btn-forward svg {
width: 40px;
height: 20px;
stroke: #d99374;
-webkit-transition: stroke .3s ease;
-o-transition: stroke .3s ease;
transition: stroke .3s ease;
margin-left: 15px;
}
@media screen and (min-width:1081px){
.btn-forward:hover {
color: #d99374;
}
.btn-forward:hover svg {
stroke: #d99374;
}
}
.btn-forward--white {
color: #fff;
}
.btn-forward--white svg {
stroke: #fff;
}
@media screen and (min-width:1081px){
.btn-forward--white:hover {
color: #d99374;
}
.btn-forward--white:hover svg {
stroke: #d99374;
}
}
.btn-forward--base {
color: #3f3f3f;
}
.btn-forward--base svg {
stroke: #3f3f3f;
}
@media screen and (min-width:1081px){
.btn-forward--base:hover {
color: #d99374;
}
.btn-forward--base:hover svg {
stroke: #d99374;
}
}
.btn-direction {
position: relative;
background-color: transparent;
border: 0;
color: #3f3f3f;
font-weight: 500;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
text-align: left;
font-size: 16px;
padding: 0;
display: inline-block;
line-height: 1;
}
.btn-direction:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
-webkit-transform: scaleX(.4);
-ms-transform: scaleX(.4);
transform: scaleX(.4);
-webkit-border-radius: 60px;
border-radius: 60px;
background-color: #fff;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all .4s cubic-bezier(.35,-.21,.49,1.52);
-o-transition: all .4s cubic-bezier(.35,-.21,.49,1.52);
transition: all .4s cubic-bezier(.35,-.21,.49,1.52);
}
.btn-direction span {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
}
.btn-direction svg {
margin-right: 10px;
width: 29px;
height: 21px;
stroke: #3f3f3f;
-webkit-transition: stroke .3s ease;
-o-transition: stroke .3s ease;
transition: stroke .3s ease;
}
.btn-direction--forwrad svg {
margin-right: 0;
margin-left: 10px;
}
@media screen and (min-width:1081px){
.btn-direction:hover {
color: #d99374;
}
.btn-direction:hover svg {
stroke: #d99374;
}
.btn-direction:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-border-radius: 6px;
border-radius: 6px;
opacity: 1;
}
}
.btn-direction--reverse {
color: #d99374;
}
.btn-direction--reverse svg {
stroke: #d99374;
}
@media screen and (min-width:1081px){
.btn-direction--reverse:hover {
color: #3f3f3f;
}
.btn-direction--reverse:hover svg {
stroke: #3f3f3f;
}
}
.chat-button {
padding: 0;
margin: 0;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 68px;
height: 62px;
}
.btn-close {
position: relative;
width: 38px;
height: 38px;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
background-color: transparent;
padding: 5px 0;
cursor: pointer;
}
.btn-close:before {
content: '';
display: block;
position: absolute;
width: 48px;
height: 48px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
top: 50%;
left: 50%;
margin: -24px 0 0 -24px;
-webkit-transition: -webkit-transform .4s cubic-bezier(.35,-.21,.49,1.52);
transition: -webkit-transform .4s cubic-bezier(.35,-.21,.49,1.52);
-o-transition: transform .4s cubic-bezier(.35,-.21,.49,1.52);
transition: transform .4s cubic-bezier(.35,-.21,.49,1.52);
transition: transform .4s cubic-bezier(.35,-.21,.49,1.52),-webkit-transform .4s cubic-bezier(.35,-.21,.49,1.52);
}
.btn-close svg {
position: relative;
display: block;
height: 20px;
width: 20px;
background-color: transparent;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width:1081px){
.btn-close:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.btn-close:hover svg {
fill: #d99374;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.btn-close:active:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.btn-close:active svg {
fill: #d99374;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn-share {
background-color: #f8f5f2;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 60px;
height: 60px;
border: 0;
position: relative;
padding: 0;
}
.btn-share .icon-default {
width: 28px;
height: 28px;
fill: #d99374;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -12px 0 0 -14px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.btn-share .icon-active {
width: 20px;
height: 20px;
fill: #d99374;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.btn-menu {
position: relative;
width: 38px;
height: 38px;
display: block;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
background-color: transparent;
padding: 5px 0;
cursor: pointer;
}
.btn-menu:before {
content: '';
display: block;
position: absolute;
width: 74px;
height: 74px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
top: 50%;
left: 50%;
margin: -37px 0 0 -37px;
-webkit-transition: -webkit-transform .4s cubic-bezier(.35,-.21,.49,1.52);
transition: -webkit-transform .4s cubic-bezier(.35,-.21,.49,1.52);
-o-transition: transform .4s cubic-bezier(.35,-.21,.49,1.52);
transition: transform .4s cubic-bezier(.35,-.21,.49,1.52);
transition: transform .4s cubic-bezier(.35,-.21,.49,1.52),-webkit-transform .4s cubic-bezier(.35,-.21,.49,1.52);
}
.btn-menu span {
position: relative;
display: block;
height: 3px;
width: 38px;
margin: 8px auto;
background: #3f3f3f;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width:1081px){
.btn-menu:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.btn-menu:active:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.btn-menu.active span {
width: 28px;
height: 2px;
-webkit-transform: rotate(45deg) translate(4px,2px);
-ms-transform: rotate(45deg) translate(4px,2px);
transform: rotate(45deg) translate(4px,2px);
}
.btn-menu.active span:nth-child(2) {
-webkit-transform: rotate(-45deg) translate(5px,-3px);
-ms-transform: rotate(-45deg) translate(5px,-3px);
transform: rotate(-45deg) translate(5px,-3px);
}
.link {
text-decoration: none;
position: relative;
display: inline-block;
color: #3f3f3f;
}
.link:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 0;
background-color: #3f3f3f;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}
.link:hover:before {
width: 100%;
}
.link--white {
color: #fff;
}
.link--white:before {
background-color: #fff;
}
.btn-around {
background-color: #f8f5f2;
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 0!important;
padding: 0;
outline: 0;
text-decoration: none;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
position: relative;
}
.btn-around svg {
max-width: 24px;
max-height: 24px;
display: block;
fill: #d99374;
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease;
pointer-events: none;
}
.btn-around .tooltip {
background-color: #3f3f3f;
color: #fff;
font-size: 16px;
line-height: 150%;
position: absolute;
bottom: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: 8px;
padding: 4px 10px 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.btn-around .tooltip:before {
content: '';
display: block;
position: absolute;
top: 100%;
left: 50%;
margin-left: -6px;
border: 6px solid transparent;
border-top: 6px solid #3f3f3f;
}
@media screen and (min-width:1081px){
.btn-around:hover {
background-color: #d99374;
}
.btn-around:hover svg {
fill: #fff;
}
.btn-around:hover .tooltip {
opacity: 1;
}
}
.btn-around:active {
background-color: #d99374;
}
.btn-around:active svg {
fill: #fff;
}
.btn-around.active {
background-color: #d99374;
}
.btn-around.active svg {
fill: #fff;
}
.btn-link {
padding: 0;
-webkit-border-radius: 0;
border-radius: 0;
color: #d99374;
text-decoration: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-size: 20px;
line-height: 1.4;
font-weight: 500;
}
@media screen and (max-width:1440px){
.btn-link {
font-size: 18px;
line-height: 1.5;
}
}
@media screen and (min-width:992px){
.btn-link:hover {
color: #3f3f3f;
border-color: #3f3f3f;
}
}
.btn-link:active {
color: #3f3f3f;
}
@-webkit-keyframes clickEffect{
0% {
opacity: .7;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
@keyframes clickEffect{
0% {
opacity: .7;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
.effect {
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0 0 -150px;
width: 300px;
height: 300px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: rgba(255,255,255,.3);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
pointer-events: none;
-webkit-animation: clickEffect 1.5s ease;
animation: clickEffect 1.5s ease;
}
.buttonEffect {
overflow: hidden;
position: relative;
}
.js-animate-button {
overflow: hidden;
position: relative;
}
.btn-logout {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 0;
color: #3f3f3f;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
font-size: 20px;
}
@media screen and (max-width:1440px){
.btn-logout {
font-size: 18px;
}
}
.btn-logout svg {
width: 25px;
height: 24px;
fill: #3f3f3f;
-webkit-transition: fill .3s ease;
-o-transition: fill .3s ease;
transition: fill .3s ease;
}
@media screen and (min-width:992px){
.btn-logout:hover {
color: #d99374;
}
.btn-logout:hover svg {
fill: #d99374;
}
}
.btn-logout:active {
color: #d99374;
}
.btn-logout:active svg {
fill: #d99374;
}
.swiper-pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
position: relative;
padding-top: 25px;
padding-bottom: 0;
}
@media screen and (max-width:1024px){
.swiper-pagination {
padding-top: 15px;
}
}
.swiper-pagination-bullet {
width: 18px;
height: 18px;
padding: 2px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: none;
background-color: transparent;
opacity: 1;
margin: 2px;
outline: 0!important;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
position: relative;
}
.swiper-pagination-bullet:before {
content: '';
display: block;
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 3px solid #d99374;
background-color: transparent;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width:992px){
.swiper-pagination-bullet:hover:before {
opacity: 1;
border-color: #ff4d4d;
}
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
background-color: #ff4d4d;
border-color: #ff4d4d;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
margin-top: -10px;
width: 17px;
height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 0;
background-color: transparent;
z-index: 20;
padding: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: none;
}
.swiper-button-next svg,
.swiper-button-prev svg {
fill: #3f3f3f;
opacity: .5;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
@media screen and (min-width:992px){
.swiper-button-next:hover svg,
.swiper-button-prev:hover svg {
opacity: .8;
}
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
pointer-events: auto;
}
.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock {
display: none;
}
.swiper-button-prev {
left: 0;
}
.swiper-button-next {
right: 0;
}
.slider-scrollbar {
height: 8px;
background: #f8f5f2;
margin-top: 10px;
}
.slider-scrollbar .swiper-scrollbar-drag {
background: #ecc9b9;
}
.slider-section-wrap {
padding: 0 100px;
position: relative;
max-width: 1122px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width:1229px){
.slider-section-wrap {
padding: 0 40px;
}
}
@media screen and (max-width:479px){
.slider-section-wrap {
padding: 0;
}
}
.item-form {
margin-bottom: 20px;
position: relative;
}
.icon-pass-form {
position: absolute;
width: 24px;
height: 24px;
top: 50%;
right: 10px;
margin-top: -11px!important;
cursor: pointer;
}
.icon-pass-form svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.icon-pass-form .invisible-icon {
opacity: 0;
}
.icon-pass-form.active .visible-icon {
opacity: 0;
}
.icon-pass-form.active .invisible-icon {
opacity: 1;
}
.placeholder-text {
position: absolute;
top: 10px;
left: 0;
color: #3f3f3f;
opacity: .7;
display: block;
pointer-events: none;
font-size: 20px;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
font-weight: 500;
}
@media screen and (max-width:1440px){
.placeholder-text {
font-size: 18px;
}
}
.placeholder-text--small {
font-size: 11px;
top: 19px;
}
.input-field {
position: relative;
}
.input-field .error {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: 4px;
font-size: 24px;
color: #ff4d4d;
display: block;
}
@media screen and (max-width:1719px){
.input-field .error {
font-size: 20px;
}
}
@media screen and (max-width:1229px){
.input-field .error {
font-size: 18px;
}
}
@media screen and (max-width:767px){
.input-field .error {
font-size: 16px;
}
}
@media screen and (max-width:575px){
.input-field .error {
font-size: 14px;
}
}
.input-field .icon-field {
position: absolute;
width: 24px;
height: 24px;
top: 50%;
right: 10px;
margin-top: -12px;
}
.input-field .icon-field svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.input-field .icon-field.icon-info {
fill: #9e9e9e;
visibility: hidden;
}
.input-field .icon-field.icon-error {
fill: #ff4d4d;
visibility: hidden;
}
.input-field .icon-field.icon-check {
fill: #9e9e9e;
visibility: hidden;
}
.input-field .tooltip-message {
position: absolute;
z-index: 2;
padding: 18px 20px;
background-color: #fff;
border: 1px solid #ff4d4d;
-webkit-border-radius: 14px;
border-radius: 14px;
color: #ff4d4d;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
bottom: 100%;
margin-bottom: 20px;
left: 0;
max-width: 300px;
width: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.input-field .tooltip-message:before {
content: '';
display: block;
position: absolute;
width: 10px;
height: 10px;
border: none;
border-bottom: 1px solid #ff4d4d;
border-left: 1px solid #ff4d4d;
background-color: #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: -6px;
left: 25px;
}
.input-field .input-line {
width: 100%;
height: 2px;
background-color: rgba(158,158,158,.6);
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.input-field .input-line:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #d99374;
-webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1);
transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1);
-o-transition: transform .5s cubic-bezier(.4,0,.2,1);
transition: transform .5s cubic-bezier(.4,0,.2,1);
transition: transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.input-field.js-filled .placeholder-text {
-webkit-transform: translateY(-18px);
-ms-transform: translateY(-18px);
transform: translateY(-18px);
font-size: 12px;
color: #3f3f3f;
opacity: .5;
}
.input-field.js-filled .placeholder-text--small {
top: 10px;
}
.input-field.js-hightlights {
background-color: #fff;
}
.input-field.js-hightlights .input-line:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.input-field.error .input-line {
background-color: #ff4d4d;
}
.input-field.error .input-line:before {
background-color: #ff4d4d;
}
.input-field .card-logo {
position: absolute;
right: 0;
top: 50%;
margin-top: -14px;
width: 48px;
height: 28px;
}
.input-field .card-logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50%;
object-position: 50%;
}
.input-field--pass {
padding-right: 40px;
}
.input-field--pass .icon-field {
right: 42px;
margin-top: -12px!important;
}
.input-field--info .icon-field.icon-info {
visibility: visible;
}
.input-field--focusin .icon-field.icon-check {
visibility: visible;
}
.input-field--error .icon-field.icon-info {
visibility: hidden;
}
.input-field--error .icon-field.icon-error {
visibility: visible;
}
.input-field--error .icon-field.icon-check {
visibility: hidden;
}
.input-field--error .input-form {
color: #ff4d4d;
}
.input-field--error .placeholder-text {
color: #ff4d4d;
}
.input-field--error.js-hightlights .placeholder-text {
color: #ff4d4d;
}
.input-field--error.js-hightlights .input-form {
color: #ff4d4d;
}
.input-field--error.js-hightlights .tooltip-message {
visibility: visible;
opacity: 1;
}
.input-field--error .input-line:before {
background-color: #ff4d4d;
}
.input-field--success .icon-field.icon-info {
visibility: hidden;
}
.input-field--success .icon-field.icon-error {
visibility: hidden;
}
.input-field--success .icon-field.icon-check {
fill: #3f3f3f;
visibility: visible;
}
.input-field--success.js-hightlights .icon-field.icon-check {
fill: #d99374;
visibility: visible;
}
.input-form {
width: 100%;
height: 49px;
-webkit-border-radius: 0;
border-radius: 0;
border: 0;
background-color: transparent;
color: #3f3f3f;
padding: 10px 40px 10px 0;
margin: 0;
font-size: 20px;
font-weight: 500;
float: none;
font-family: Qanelas,sans-serif;
text-align: left;
}
@media screen and (max-width:1440px){
.input-form {
font-size: 18px;
}
}
.input-form:active,
.input-form:focus,
.input-form:hover {
background-color: transparent;
color: #3f3f3f;
}
.input-form.textarea-form {
resize: none;
padding: 10px 0;
min-height: 54px;
overflow-x: hidden;
max-width: 100%;
display: block;
}
.input-form::-webkit-input-placeholder {
color: #3f3f3f;
opacity: .3;
}
.input-form::-moz-placeholder {
color: #3f3f3f;
opacity: .3;
}
.input-form:-ms-input-placeholder {
color: #3f3f3f;
opacity: .3;
}
.input-form::-ms-input-placeholder {
color: #3f3f3f;
opacity: .3;
}
.input-form::placeholder {
color: #3f3f3f;
opacity: .3;
}
.input-form.select-form {
padding-top: 12px;
padding-right: 60px;
}
.field-description {
font-size: 12px;
font-weight: 500;
color: #9e9e9e;
opacity: .5;
line-height: 1.1;
}
.field-description--card {
position: absolute;
top: 100%;
left: 0;
width: 80px;
padding-top: 10px;
z-index: 2;
}
@media screen and (max-width:767px){
.field-description--card {
display: none;
}
}
.field-description a {
text-decoration: none;
color: #9e9e9e;
}
.legend-form {
margin-bottom: 20px;
font-size: 18px;
font-weight: 500;
}
.fieldset-form {
margin-bottom: 20px;
}
.check-list__item {
margin-bottom: 6px;
}
.block-form {
margin: 0 auto;
background-color: #fff;
-webkit-box-shadow: 4px 4px 50px rgba(169,169,169,.1);
box-shadow: 4px 4px 50px rgba(169,169,169,.1);
max-width: 640px;
width: 100%;
margin-bottom: 30px;
}
@media screen and (max-width:1024px){
.block-form {
max-width: 100%;
}
}
.block-form .arrow-bottom {
position: relative;
width: 100%;
height: 0;
pointer-events: none;
}
.block-form .arrow-bottom svg {
position: absolute;
top: 100%;
right: 20px;
margin-top: -40px;
}
@media screen and (max-width:575px){
.block-form .arrow-bottom svg {
width: 88px;
height: 117px;
}
}
.block-form .divider-line {
width: 100%;
height: 0;
border-top: 2px dashed #f5d9b8;
}
@media screen and (max-width:1024px){
.block-form .divider-line {
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px);
margin-left: 40px;
}
}
@media screen and (max-width:575px){
.block-form .divider-line {
width: -webkit-calc(100% - 40px);
width: calc(100% - 40px);
margin-left: 20px;
}
}
.block-form__top {
padding: 40px 48px;
}
@media screen and (max-width:1024px){
.block-form__top {
padding: 40px;
}
}
@media screen and (max-width:767px){
.block-form__top {
padding: 40px 20px;
}
}
.block-form__top .image-check {
background: #f8f5f2;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 75px;
height: 75px;
margin: 0 auto 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width:1024px){
.block-form__top .image-check {
width: 58px;
height: 58px;
}
}
.block-form__top .image-check svg {
width: 26px;
height: 20px;
fill: #d99374;
}
.block-form__top .image-check--success {
background: rgba(7,164,32,.1);
}
.block-form__top .image-check--success svg {
fill: #07a420;
}
.block-form__top .image-check--error {
background: rgba(255,77,77,.1);
}
.block-form__top .image-check--error svg {
width: 26px;
height: 26px;
fill: #ff4d4d;
}
@media screen and (max-width:1024px){
.block-form__top .image-check--error svg {
width: 20px;
height: 20px;
}
}
.block-form__top .button-section {
padding: 15px 0 10px;
}
@media screen and (max-width:1024px){
.block-form__top .button-section {
padding: 5px 0 0;
}
}
.block-form__top .button-section .btn {
min-width: 164px;
}
@media screen and (max-width:575px){
.block-form__top .button-section .btn {
width: auto;
}
}
@media screen and (max-width:575px){
.block-form__top .button-section .btn.btn-block {
width: 100%;
}
}
.block-form__bottom {
padding: 25px 48px;
}
@media screen and (max-width:1024px){
.block-form__bottom {
padding: 25px 40px;
}
}
@media screen and (max-width:575px){
.block-form__bottom {
padding: 25px 20px 40px;
}
.block-form__bottom .text-center {
text-align: left;
}
}
.block-form__bottom .button-section {
padding: 0;
}
@media screen and (max-width:575px){
.block-form__bottom .button-section.text-center {
text-align: center;
}
}
.block-form--first .block-form__top {
padding: 50px 85px;
}
@media screen and (max-width:1024px){
.block-form--first .block-form__top {
padding: 40px;
}
}
@media screen and (max-width:575px){
.block-form--first .block-form__top {
padding: 40px 20px;
}
}
.block-form--first .block-form__bottom {
padding: 25px 85px;
}
@media screen and (max-width:1024px){
.block-form--first .block-form__bottom {
padding: 25px 40px;
}
}
@media screen and (max-width:575px){
.block-form--first .block-form__bottom {
padding: 25px 20px 27px;
}
}
.block-form--second .block-form__top {
padding: 50px;
}
@media screen and (max-width:1024px){
.block-form--second .block-form__top {
padding: 40px;
}
}
@media screen and (max-width:575px){
.block-form--second .block-form__top {
padding: 40px 20px;
}
}
.block-form--second .block-form__top .button-section {
padding-top: 30px;
padding-bottom: 0;
}
.block-form--second .block-form__bottom {
padding: 25px 50px;
}
@media screen and (max-width:1024px){
.block-form--second .block-form__bottom {
padding: 25px 40px;
}
}
@media screen and (max-width:575px){
.block-form--second .block-form__bottom {
padding: 25px 20px 27px;
}
}
.block-form--shadow {
-webkit-box-shadow: 4px 4px 50px rgba(169,169,169,.1);
box-shadow: 4px 4px 50px rgba(169,169,169,.1);
}
.block-form .h2.fz35 {
font-size: 35px;
max-width: 500px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width:1440px){
.block-form .h2.fz35 {
font-size: 30px;
}
}
@media screen and (max-width:1024px){
.block-form .h2.fz35 {
font-size: 24px;
}
}
.block-form--first .block-form__top {
padding: 50px 84px;
}
@media screen and (max-width:1024px){
.block-form--first .block-form__top {
padding: 40px;
}
}
@media screen and (max-width:767px){
.block-form--first .block-form__top {
padding: 40px 20px;
}
}
.text-block-form .h2,
.text-block-form .h3 {
margin-bottom: 15px;
text-transform: capitalize;
}
@media screen and (max-width:1024px){
.text-block-form .h2,
.text-block-form .h3 {
font-size: 24px;
}
}
.text-block-form .text-form {
margin-bottom: 15px;
}
.button-form {
padding: 15px 0 4px;
}
.button-form--t10 {
padding-top: 10px;
}
.button-form.hidden {
display: none;
}
.button-form .buttons-group__item {
width: 50%;
}
@media screen and (max-width:575px){
.button-form .buttons-group__item {
width: 100%;
margin-top: 10px;
}
}
.message-form {
width: 100%;
padding: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top: 30px;
margin-bottom: 15px;
}
.message-form__icon {
width: 50px;
height: 50px;
min-width: 50px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width:1024px){
.message-form__icon {
width: 30px;
height: 30px;
min-width: 30px;
}
}
.message-form__icon svg {
width: 20px;
height: 20px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50%;
object-position: 50%;
}
@media screen and (max-width:1024px){
.message-form__icon svg {
width: 12px;
height: 12px;
}
}
.message-form__text {
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
padding-left: 15px;
}
@media screen and (max-width:1024px){
.message-form__text {
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
padding-top: 4px;
}
}
.message-form--success {
background-color: #edfbef;
color: #07a420;
}
.message-form--success .message-form__icon {
background: rgba(7,164,32,.1);
}
.message-form--success .message-form__icon svg {
width: 24px;
height: 24px;
fill: #07a420;
}
@media screen and (max-width:1024px){
.message-form--success .message-form__icon svg {
width: 16px;
height: 16px;
}
}
.message-form--error {
color: #ff4d4d;
background-color: #ffeded;
}
.message-form--error .message-form__icon {
background: rgba(255,77,77,.1);
}
.message-form--error .message-form__icon svg {
fill: #ff4d4d;
}
.message-form.hidden {
display: none;
}
.text-form {
font-size: 26px;
line-height: 1.4;
font-weight: 500;
}
@media screen and (max-width:1440px){
.text-form {
font-size: 20px;
line-height: 1.5;
}
}
@media screen and (max-width:1024px){
.text-form {
font-size: 18px;
}
}
@media screen and (max-width:767px){
.text-form {
padding-right: 10px;
}
}
.text-form a {
color: #d99374;
text-decoration: none;
border-bottom: 1px solid #d99374;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width:992px){
.text-form a:hover {
color: #3f3f3f;
border-color: #3f3f3f;
}
}
.text-form a:active {
color: #3f3f3f;
}
.row-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0 -10px;
}
.row-form--plans {
margin: 0 -40px;
}
@media screen and (max-width:1024px){
.row-form--plans {
margin: 0 -10px;
}
}
.row-form--cabPlans {
margin-top: 40px;
}
@media screen and (max-width:1024px){
.row-form--cabPlans {
margin-top: 20px;
}
}
.row-form--cabPlans .col-form {
width: 25%;
margin-bottom: 20px;
}
@media screen and (max-width:1299px){
.row-form--cabPlans .col-form {
width: 33.3333%;
}
}
@media screen and (max-width:1024px){
.row-form--cabPlans .col-form {
width: 50%;
}
}
@media screen and (max-width:767px){
.row-form--cabPlans .col-form {
width: 100%;
}
}
.row-form--cabPlans .plan-card__name {
color: #3f3f3f;
}
.row-form--cabPlans .plan-card .separate-line {
background-color: #f7e9e3;
}
.col-form {
padding: 0 10px;
width: 100%;
}
.col-form--w50 {
width: 50%;
}
@media screen and (max-width:1024px){
.col-form--w50 {
width: 100%;
}
}
.col-form--wt50 {
width: 50%;
}
@media screen and (max-width:767px){
.col-form--wt50 {
width: 100%;
}
.col-form--wt50:nth-child(2n) {
margin-top: 30px;
}
}
.col-form--wt55 {
width: -webkit-calc(50% + 20px);
width: calc(50% + 20px);
}
@media screen and (max-width:1024px){
.col-form--wt55 {
padding-right: 30px;
}
}
@media screen and (max-width:767px){
.col-form--wt55 {
width: 100%;
padding-right: 10px;
}
}
.col-form--wt100 {
width: 100%;
}
.col-form--w70 {
width: 70%;
}
@media screen and (max-width:1024px){
.col-form--w70 {
width: 100%;
}
}
.col-form--w60 {
width: 60%;
}
@media screen and (max-width:1024px){
.col-form--w60 {
width: 100%;
}
}
.col-form--w30 {
width: 30%;
}
@media screen and (max-width:1024px){
.col-form--w30 {
width: 100%;
}
}
.col-form--w33 {
width: 33.3333%;
}
@media screen and (max-width:767px){
.col-form--w33 {
width: 100%;
}
}
.col-form--w35 {
width: 35%;
}
@media screen and (max-width:1024px){
.col-form--w35 {
width: 100%;
}
}
.col-form--w25 {
width: 25%;
}
@media screen and (max-width:767px){
.col-form--w25 {
width: 50%;
}
}
.col-form--w20 {
width: 20%;
}
@media screen and (max-width:767px){
.col-form--w20 {
width: 50%;
}
}
.separate-15 {
margin-bottom: 15px;
display: block;
height: 1px;
width: 100%;
}
@media screen and (max-width:1024px){
.separate-15 {
margin-bottom: 5px;
}
}
.breadcrumb-list__item {
padding: 0 0 0 8px;
line-height: 1.5;
font-weight: 400;
color: #9e9e9e;
position: relative;
display: inline;
}
.breadcrumb-list__item:before {
content: "/";
padding-right: 8px;
}
.breadcrumb-list__item:first-child {
padding-left: 0;
}
.breadcrumb-list__item:first-child:before {
display: none;
}
.breadcrumb-list__item a {
font-weight: 700;
color: #d99374;
text-decoration: none;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
@media screen and (min-width:1081px){
.breadcrumb-list__item a:hover {
color: #3f3f3f;
}
}
.breadcrumb-list__item a:active {
color: #3f3f3f;
}
.breadcrumb-list__item.active {
color: #9e9e9e;
font-weight: 400;
}
.breadcrumb-list__item.active a {
color: #9e9e9e;
font-weight: 400;
}
.breadcrumb-list__item.active a:hover {
color: #d99374;
}
.breadcrumb-list__item.active a:active {
color: #d99374;
font-weight: 700;
}
.checkbox-form {
position: relative;
max-width: 100%;
}
.checkbox-form label {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
padding: 0 0 0 40px;
font-size: 18px;
line-height: 1.5;
text-align: left;
min-height: 24px;
color: #3f3f3f;
word-wrap: break-word;
overflow-wrap: break-word;
max-width: 100%;
}
.checkbox-form label .check-text {
display: inline-block;
vertical-align: center;
}
.checkbox-form label .check-text a {
color: #d99374;
text-decoration: underline;
-webkit-transition: -webkit-text-decoration-color .3s ease;
transition: -webkit-text-decoration-color .3s ease;
-o-transition: text-decoration-color .3s ease;
transition: text-decoration-color .3s ease;
transition: text-decoration-color .3s ease,-webkit-text-decoration-color .3s ease;
}
.checkbox-form label .check-text a:hover {
color: #d99374;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.checkbox-form label .check-icon {
position: absolute;
display: block;
left: 0;
top: 2px;
width: 24px;
height: 24px;
margin-top: 0;
padding: 1px;
background: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 2px solid #f5d9b8;
overflow: hidden;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.checkbox-form label .check-icon svg {
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -6px;
display: block;
width: 12px;
height: 14px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: stroke-dashoffset .4s ease;
-o-transition: stroke-dashoffset .4s ease;
transition: stroke-dashoffset .4s ease;
stroke-dasharray: 40;
stroke-dashoffset: 40;
}
.checkbox-form label .check-icon:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid red;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 0;
}
.checkbox-form label:hover .check-icon {
border-color: #d99374;
}
.checkbox-form input[type=checkbox] {
visibility: hidden;
position: absolute;
}
.checkbox-form input[type=checkbox]+label {
cursor: pointer;
}
.checkbox-form input[type=checkbox]:checked~label .check-icon {
background-color: #d99374;
border-color: #d99374;
}
.checkbox-form input[type=checkbox]:checked~label .check-icon svg {
stroke-dashoffset: 0;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.checkbox-form label.error {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: 4px;
font-size: 12px;
color: red;
display: block;
padding-left: 30px;
}
.radio-form {
position: relative;
max-width: 100%;
}
.radio-form label {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
padding: 0 0 0 40px;
font-size: 18px;
line-height: 1.5;
text-align: left;
min-height: 24px;
color: #3f3f3f;
word-wrap: break-word;
overflow-wrap: break-word;
max-width: 100%;
}
.radio-form label .check-text {
display: inline-block;
vertical-align: center;
}
.radio-form label .check-text a {
color: #3f3f3f;
text-decoration: underline;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
.radio-form label .check-text a:hover {
color: #d99374;
}
.radio-form label .check-icon {
position: absolute;
display: block;
left: 0;
top: 0;
width: 27px;
height: 27px;
margin-top: 0;
padding: 1px;
background: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
border: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.radio-form label .check-icon:after {
content: '';
display: block;
position: absolute;
width: 23px;
height: 23px;
top: 0;
left: 0;
-webkit-border-radius: inherit;
border-radius: inherit;
border: 2px solid #f5d9b8;
}
.radio-form label .check-icon:before {
content: '';
display: block;
position: absolute;
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #d99374;
top: 50%;
left: 50%;
margin: -7px 0 0 -7px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
}
.radio-form label:hover .check-icon {
border-color: #d99374;
}
.radio-form input[type=radio] {
visibility: hidden;
position: absolute;
}
.radio-form input[type=radio]+label {
cursor: pointer;
}
.radio-form input[type=radio]:checked~label .check-icon {
border-color: #d99374;
}
.radio-form input[type=radio]:checked~label .check-icon:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.radio-form label.error {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: 4px;
font-size: 12px;
color: red;
display: block;
padding-left: 30px;
}
.select-wrap {
height: 49px;
width: 100%;
position: relative;
}
.select-wrap select {
max-width: 100%;
}
.select-wrap:before {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
display: block;
background-color: #5c5c5c;
pointer-events: none;
}
.select-wrap .item {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
vertical-align: middle!important;
}
.select-wrap .select-one {
line-height: 1;
vertical-align: middle!important;
padding: 0;
height: 29px!important;
}
.select-wrap .selectize-input>input {
display: inline-block!important;
padding: 0!important;
min-height: 48px!important;
line-height: 1!important;
}
.select-wrap .selectize-control.single .selectize-input::after {
display: block;
position: absolute;
right: 14px;
top: 50%;
margin-top: -2px;
width: 0;
height: 0;
line-height: 0;
background-color: transparent;
color: transparent;
border: 6px solid transparent;
border-top-color: #5c5c5c;
background: 0 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
text-indent: -99999px;
opacity: 1;
}
.select-wrap .selectize-control.single .dropdown-active:after {
-webkit-transform: rotate(-180deg) translateY(5px);
-ms-transform: rotate(-180deg) translateY(5px);
transform: rotate(-180deg) translateY(5px);
border-top-color: #d99374;
}
.select-wrap .selectize-dropdown .option {
padding: 6px 10px;
word-wrap: break-word;
overflow-wrap: break-word;
max-width: 100%;
}
.select-wrap .selectize-input,
.select-wrap .selectize-input input {
color: #3f3f3f;
font-weight: 400;
font-size: 20px;
}
.select-wrap .selectize-input input::-webkit-input-placeholder,
.select-wrap .selectize-input::-webkit-input-placeholder {
opacity: 1!important;
color: #3f3f3f;
}
.select-wrap .selectize-input input::-moz-placeholder,
.select-wrap .selectize-input::-moz-placeholder {
opacity: 1!important;
color: #3f3f3f;
}
.select-wrap .selectize-input input:-ms-input-placeholder,
.select-wrap .selectize-input:-ms-input-placeholder {
opacity: 1!important;
color: #3f3f3f;
}
.select-wrap .selectize-input input::-ms-input-placeholder,
.select-wrap .selectize-input::-ms-input-placeholder {
opacity: 1!important;
color: #3f3f3f;
}
.select-wrap .selectize-input input::placeholder,
.select-wrap .selectize-input::placeholder {
opacity: 1!important;
color: #3f3f3f;
}
.select-wrap .selectize-dropdown {
background: #fff!important;
color: #3f3f3f;
font-weight: 400;
font-size: 20px;
-webkit-box-shadow: none;
box-shadow: none;
max-width: 100%;
width: 100%;
border: 0;
-webkit-border-radius: 0;
border-radius: 0;
overflow: hidden;
margin-top: 1px;
-webkit-box-shadow: 0 8px 20px 0 rgba(35,32,53,.05);
box-shadow: 0 8px 20px 0 rgba(35,32,53,.05);
}
@media screen and (max-width:1440px){
.select-wrap .selectize-dropdown {
font-size: 18px;
}
}
.select-wrap .selectize-dropdown-content {
max-height: 200px;
}
@media screen and (max-width:1440px){
.select-wrap .selectize-dropdown-content {
max-height: 196px;
}
}
.select-wrap .selectize-input {
position: relative;
z-index: 2;
float: none;
width: 100%;
height: 49px;
-webkit-border-radius: 0;
border-radius: 0;
border: none;
background-color: transparent;
color: #3f3f3f;
padding: 0 40px 0 0;
margin: 0;
font-size: 20px;
font-weight: 400;
-webkit-transition: border-color .4s ease-in-out,background-color .4s ease-in-out;
-o-transition: border-color .4s ease-in-out,background-color .4s ease-in-out;
transition: border-color .4s ease-in-out,background-color .4s ease-in-out;
background-image: none;
background-clip: padding-box;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
white-space: nowrap;
line-height: 48px;
}
@media screen and (max-width:1440px){
.select-wrap .selectize-input {
font-size: 18px;
}
}
.select-wrap .selectize-input:before {
content: '';
display: block;
position: absolute;
bottom: 0;
top: auto;
left: 0;
width: 100%;
height: 2px;
background-color: #d99374;
-webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1);
transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1);
-o-transition: transform .5s cubic-bezier(.4,0,.2,1);
transition: transform .5s cubic-bezier(.4,0,.2,1);
transition: transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.select-wrap .selectize-input.not-full input {
width: auto!important;
}
.select-wrap .selectize-input.focus {
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.select-wrap .selectize-input.focus:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.select-wrap .selectize-input:invalid {
-webkit-box-shadow: none;
box-shadow: none;
}
.select-wrap .selectize-input.dropdown-active,
.select-wrap .selectize-input.input-active {
-webkit-box-shadow: none;
box-shadow: none;
background: #fff!important;
border-color: rgba(63,63,63,.2);
}
.select-wrap .selectize-dropdown-content .option {
line-height: 1.4;
cursor: pointer;
}
.select-wrap .selectize-dropdown-content .option.active {
background: #f8f5f2;
color: #3f3f3f;
}
.select-wrap .placeholder-text {
z-index: 5;
}
.select-wrap .placeholder-text.js-filled {
-webkit-transform: translateY(-18px);
-ms-transform: translateY(-18px);
transform: translateY(-18px);
font-size: 12px;
color: #3f3f3f;
opacity: .5;
}
.cursor {
display: none;
}
@media screen and (min-width:1024px){
body.is-cursor-active {
cursor: none;
}
body.is-cursor-active .cursor.is-mouse-down .cursor__cursor {
-webkit-transform: scale(.9) translate3d(-50%,-50%,0) rotate(0);
transform: scale(.9) translate3d(-50%,-50%,0) rotate(0);
}
.cursor {
position: fixed;
top: 0;
left: 0;
z-index: 502;
pointer-events: none;
display: block;
}
.cursor.is-active .cursor__cursor {
opacity: 1;
-webkit-transform: scale(1) translate3d(-50%,-50%,0) rotate(0);
transform: scale(1) translate3d(-50%,-50%,0) rotate(0);
}
.cursor.is-active[data-cursor=cursor__grab] .cursor__grab {
opacity: 1;
-webkit-transform: scale(1) translate3d(0,0,0) rotate(0);
transform: scale(1) translate3d(0,0,0) rotate(0);
}
.cursor[data-cursor=cursor__grab] .cursor__grab {
-webkit-transform: scale(.1) translate3d(0,10px,0) rotate(0);
transform: scale(.1) translate3d(0,10px,0) rotate(0);
width: 100%;
height: 100%;
position: relative;
color: #3f3f3f;
font-size: 20px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 700;
}
.cursor[data-cursor=cursor__grab] .cursor__grab:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #f5d9b8;
-webkit-transition: -webkit-transform .27s ease;
transition: -webkit-transform .27s ease;
-o-transition: transform .27s ease;
transition: transform .27s ease;
transition: transform .27s ease,-webkit-transform .27s ease;
}
.cursor[data-cursor=cursor__grab].is-touch .cursor__grab:before {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
}
.cursor__cursor {
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(.3) translate3d(-50%,-50%,0) rotate(0);
transform: scale(.3) translate3d(-50%,-50%,0) rotate(0);
-webkit-transition: all .27s cubic-bezier(.19,1,.22,1);
-o-transition: all .27s cubic-bezier(.19,1,.22,1);
transition: all .27s cubic-bezier(.19,1,.22,1);
width: 124px;
height: 124px;
opacity: 0;
}
.cursor__shape {
opacity: 0;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: scale(.1) translate3d(0,0,0) rotate(0);
transform: scale(.1) translate3d(0,0,0) rotate(0);
-webkit-transition: all .2s ease .2s;
-o-transition: all .2s ease .2s;
transition: all .2s ease .2s;
}
.cursor__text {
position: relative;
z-index: 2;
}
}
@media screen and (max-width:1440px){
.cursor__cursor {
width: 88px;
height: 88px;
}
}
@media screen and (max-width:1440px){
.cursor[data-cursor=cursor__grab] .cursor__grab {
font-size: 18px;
}
.cursor[data-cursor=cursor__grab].is-touch .cursor__grab:before {
-webkit-transform: scale(.85);
-ms-transform: scale(.85);
transform: scale(.85);
}
}
.header-main {
background-color: transparent;
color: #3f3f3f;
position: absolute;
width: 100%;
height: 68px;
top: 0;
left: 0;
z-index: 100;
padding: 15px 80px;
}
@media screen and (max-width:1299px){
.header-main {
padding: 15px 30px;
}
}
@media screen and (max-width:1024px){
.header-main {
padding: 15px 30px;
height: 60px;
}
}
@media screen and (max-width:767px){
.header-main {
padding: 12px 20px;
}
}
.header-main--blur {
color: #fff;
}
@media screen and (max-width:1080px){
.header-main--blur {
background: rgba(255,255,255,.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: #3f3f3f;
}
}
@media screen and (max-width:575px){
.header-main--blur {
position: fixed;
}
}
.header-main--blur .main-menu a {
font-weight: 500;
color: #fff;
}
@media screen and (max-width:1080px){
.header-main--blur .main-menu a {
color: #3f3f3f;
}
}
.header-main--blur .logo-wrap .img-logo--light {
opacity: 1;
}
@media screen and (max-width:1080px){
.header-main--blur .logo-wrap .img-logo--light {
opacity: 0;
}
}
.header-main--blur .logo-wrap .img-logo--dark {
opacity: 0;
}
@media screen and (max-width:1080px){
.header-main--blur .logo-wrap .img-logo--dark {
opacity: 1;
}
}
@media screen and (max-width:1080px){
.header-main--blur .header-button .btn-forward {
color: #3f3f3f;
}
.header-main--blur .header-button .btn-forward:active {
color: #3f3f3f;
}
.header-main--blur .header-button .btn-outline-light {
background-color: transparent;
color: #3f3f3f;
border: 2px solid #3f3f3f;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header-main--blur .header-button .btn-outline-light:active {
background-color: #d99374;
color: #fff;
border-color: #d99374;
}
.header-main--blur .header-button .btn-outline-light:disabled {
opacity: .8;
}
}
.header-main--second {
color: #fff;
}
.header-main--second .user-block__field {
background-color: #fff;
}
@media screen and (max-width:575px){
.header-main--second {
position: fixed;
}
.header-main--second.fixed {
color: #3f3f3f;
background: rgba(255,255,255,.3);
}
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){
.header-main--second.fixed {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
}
.header-main--second.fixed .logo-wrap .img-logo--light {
opacity: 0;
}
.header-main--second.fixed .logo-wrap .img-logo--dark {
opacity: 1;
}
.header-main--second.fixed .btn-menu:before {
background-color: #fff;
}
.header-main--second.fixed .btn-menu span {
background-color: #3f3f3f;
}
}
.header-main--second .logo-wrap .img-logo--light {
opacity: 1;
}
.header-main--second .logo-wrap .img-logo--dark {
opacity: 0;
}
.header-main--second .main-menu a {
color: #fff;
}
.header-main--second .btn-menu:before {
background-color: #3f3f3f;
}
.header-main--second .btn-menu span {
background-color: #fff;
}
.header-main--second .header-button .btn-primary {
background-color: transparent;
color: #fff;
border: 2px solid #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width:1081px){
.header-main--second .header-button .btn-primary:hover {
background-color: #fff;
color: #3f3f3f;
}
}
.header-main--second .header-button .btn-primary:active {
background-color: #fff;
color: #3f3f3f;
border-color: #fff;
}
.header-main--second .header-button .btn-primary:disabled {
opacity: .8;
}
@media screen and (min-width:1081px){
.header-main--whiteLeft .main-menu a {
color: #fff;
}
.header-main--whiteLeft .logo-wrap .img-logo--light {
opacity: 1;
}
.header-main--whiteLeft .logo-wrap .img-logo--dark {
opacity: 0;
}
}
@media screen and (min-width:1081px){
.header-main--whiteRight .main-menu a {
color: #fff;
}
.header-main--whiteRight .header-button .btn-primary {
background-color: transparent;
color: #fff;
border: 2px solid #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header-main--whiteRight .header-button .btn-primary:hover {
background-color: #fff;
color: #3f3f3f;
}
.header-main--whiteRight .header-button .btn-primary:active {
background-color: #fff;
color: #3f3f3f;
border-color: #fff;
}
.header-main--whiteRight .header-button .btn-primary:disabled {
opacity: .8;
}
}
@media screen and (max-width:1024px){
.header-main.open-menu .header-nav-panels {
pointer-events: auto;
}
.header-main.open-menu .header-panels .panel {
pointer-events: auto;
}
.header-main.open-menu .header-panels .panel.active {
pointer-events: auto;
}
.header-main.open-menu .logo-wrap .img-logo--light {
opacity: 0;
}
.header-main.open-menu .logo-wrap .img-logo--dark {
opacity: 1;
}
.header-main.open-menu .arrow-down svg {
stroke-dashoffset: 0;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
}
.header-main.open-menu .button-header {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.header-main.open-menu .image-menu .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .4s ease;
transition: -webkit-clip-path .4s ease;
-o-transition: clip-path .4s ease;
transition: clip-path .4s ease;
transition: clip-path .4s ease,-webkit-clip-path .4s ease;
}
.header-main.open-menu .image-menu .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease,-webkit-transform .4s ease;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.header-main.open-menu .main-menu li {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.header-main.open-menu .main-menu li:nth-child(2) {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.header-main.open-menu .main-menu li:nth-child(3) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.header-main.open-menu .main-menu li:nth-child(4) {
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.header-main.open-menu .main-menu li:nth-child(5) {
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s;
}
.header-main.open-menu .main-menu li:nth-child(6) {
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.header-main.open-menu .main-menu li:nth-child(7) {
-webkit-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.header-main.open-menu .main-menu li:nth-child(8) {
-webkit-transition-delay: 1.4s;
-o-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.header-main.open-menu .main-menu a {
color: #3f3f3f;
}
.header-main.open-menu .btn-menu:before {
background-color: #fff;
}
.header-main.open-menu .btn-menu span {
background-color: #3f3f3f;
}
}
.header-cabinet {
background-color: transparent;
color: #3f3f3f;
position: absolute;
width: 100%;
height: 68px;
top: 0;
left: 0;
padding: 15px 80px;
}
@media screen and (max-width:1500px){
.header-cabinet {
padding: 15px 30px;
}
}
@media screen and (max-width:1024px){
.header-cabinet {
height: 60px;
}
}
@media screen and (max-width:767px){
.header-cabinet {
padding: 12px 20px;
}
}
.header-cabinet .logo-wrap {
margin: 0 auto;
}
.header-cabinet .container-fluid {
padding: 0;
height: 100%;
position: relative;
}
.header-cabinet .container-fluid:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
background-color: #fff;
bottom: -15px;
left: 0;
}
@media screen and (max-width:1500px){
.header-cabinet .container-fluid {
max-width: 1330px;
}
}
.header-row {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -10px;
}
.header-col {
padding: 0 10px;
width: 20%;
}
@media screen and (max-width:1719px){
.header-col {
width: 22%;
}
}
@media screen and (max-width:1024px){
.header-col {
width: auto;
}
}
.header-col--center {
width: 60%;
}
@media screen and (max-width:1719px){
.header-col--center {
width: 56%;
}
}
@media screen and (max-width:1024px){
.header-col--center {
padding: 0;
width: auto;
}
}
.header-col--last {
text-align: right;
}
.header-col .btn-menu {
display: none;
}
@media screen and (max-width:1024px){
.header-col .btn-menu {
display: inline-block;
z-index: 2;
}
}
@media screen and (max-width:1024px){
.header-col .btn-log {
display: none;
}
}
.image-menu {
width: 220px;
height: 290px;
position: absolute;
z-index: 2;
bottom: 90px;
left: 60%;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
display: none;
}
.image-menu .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
}
@media screen and (max-width:575px){
.image-menu {
width: 123px;
height: 163px;
left: 50%;
bottom: 70px;
}
}
@media screen and (max-width:1024px){
.image-menu {
display: block;
}
}
.image-menu img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.image-menu .sticker {
position: absolute;
top: 0;
left: 50%;
height: 86px;
width: 49px;
margin-left: -25px;
margin-top: -43px;
-webkit-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
z-index: 2;
}
@media screen and (max-width:575px){
.image-menu .sticker {
width: 27px;
height: 47px;
margin-left: -14px;
margin-top: -24px;
}
}
.image-menu .sticker svg {
width: 100%;
height: 100%;
background-size: contain;
-webkit-transform: scaleY(.4);
-ms-transform: scaleY(.4);
transform: scaleY(.4);
}
.header-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width:1024px){
.header-button {
display: none;
}
}
.header-button .btn {
margin-left: 20px;
}
@media screen and (max-width:1719px){
.header-button .btn {
margin-left: 30px;
}
}
@media screen and (max-width:1299px){
.header-button .btn {
margin-left: 18px;
}
}
.header-button .btn:first-child {
margin-left: 0;
}
@media screen and (max-width:1719px){
.header-button .btn-log {
font-size: 16px;
}
}
.header-button .btn-start {
min-width: 172px;
line-height: 1;
font-weight: 700;
}
@media screen and (max-width:1719px){
.header-button .btn-start {
min-width: 92px;
}
}
@media screen and (max-width:1299px){
.header-button .btn-start {
min-width: 50px;
font-size: 16px;
font-weight: 500;
padding: 10px 18px;
}
}
@media screen and (max-width:1024px){
.header-button .btn-start {
font-size: 14px;
}
}
@media screen and (max-width:1024px){
.menu-block {
display: block;
background: #f8f5f2;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
opacity: 0;
}
.menu-block:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
background-color: #f8f5f2;
z-index: 4;
}
.menu-block.open {
visibility: visible;
opacity: 1;
left: 0;
}
}
.menu-block .button-header {
display: none;
position: relative;
z-index: 2;
margin-bottom: 40px;
padding-bottom: 27px;
}
@media screen and (max-width:1024px){
.menu-block .button-header {
display: block;
text-align: center;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
opacity: 0;
}
.menu-block .button-header .btn {
width: 100%;
text-align: center;
}
.menu-block .button-header .btn-forward {
margin-top: 30px;
font-size: 30px;
}
}
.menu-block .arrow-down {
width: 108px;
height: 143px;
position: absolute;
display: none;
left: 50%;
margin-left: -45px;
top: 100%;
margin-top: -60px;
}
@media screen and (max-width:1024px){
.menu-block .arrow-down {
display: block;
}
}
@media screen and (max-width:575px){
.menu-block .arrow-down {
width: 66px;
height: 88px;
margin-left: -24px;
margin-top: -35px;
}
}
.menu-block .arrow-down svg {
width: 100%;
height: 100%;
stroke-dasharray: 300;
stroke-dashoffset: 300;
}
@media screen and (max-width:1024px){
.menu-block__inner {
width: 100%;
height: 100%;
padding: 150px 30px 60px;
position: relative;
}
}
@media screen and (max-width:575px){
.menu-block__inner {
padding: 140px 20px 36px;
}
}
@media screen and (max-width:479px){
.menu-block__inner {
padding: 100px 20px 36px;
}
}
@media screen and (max-width:1024px){
.main-menu {
position: relative;
margin-bottom: 138px;
min-height: 394px;
}
}
@media screen and (max-width:575px){
.main-menu {
margin-bottom: 78px;
min-height: 254px;
}
}
.main-menu ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
position: relative;
z-index: 2;
}
@media screen and (max-width:1024px){
.main-menu ul {
display: block;
}
}
.main-menu li {
text-align: center;
padding: 5px 20px;
}
@media screen and (max-width:1024px){
.main-menu li {
text-align: left;
margin-bottom: 50px;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
}
}
@media screen and (max-width:575px){
.main-menu li {
margin-bottom: 34px;
}
}
.main-menu a {
display: inline-block;
line-height: 1.5;
color: #3f3f3f;
font-size: 16px;
text-decoration: none;
font-weight: 500;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
@media screen and (max-width:1024px){
.main-menu a {
font-size: 34px;
font-weight: 500;
}
}
@media screen and (max-width:575px){
.main-menu a {
font-size: 24px;
}
}
@media screen and (min-width:1081px){
.main-menu a:hover {
color: #d99374;
}
}
.logo-wrap {
width: 102px;
height: 22px;
}
.logo-wrap .logo {
position: relative;
z-index: 3;
width: 100%;
height: 100%;
display: block;
}
.logo-wrap .img-logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.logo-wrap .img-logo--light {
opacity: 0;
}
.logo-wrap .img-logo--dark {
opacity: 1;
}
@media screen and (max-height:620px){
.logo-wrap {
bottom: 25px;
}
}
@media screen and (max-width:1440px){
.logo-wrap {
bottom: 35px;
}
}
@media screen and (max-width:1229px){
.logo-wrap {
bottom: 20px;
}
}
@media screen and (max-width:1024px){
.logo-wrap {
position: relative;
bottom: auto;
}
}
.logo {
display: inline-block;
}
.header-nav-panels {
display: none;
pointer-events: none;
}
@media screen and (max-width:1024px){
.header-nav-panels {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 30px 104px 30px 0;
border-bottom: 1px solid #c5c5c5;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
}
@media screen and (max-width:767px){
.header-nav-panels {
padding: 20px 60px 20px 0;
}
}
.header-nav-panels .btn-direction {
width: 64px;
position: absolute;
top: 50%;
margin-top: -20px;
}
@media screen and (max-width:767px){
.header-nav-panels .btn-direction {
width: 39px;
}
}
.header-nav-panels .btn-direction svg {
width: 64px;
height: 32px;
margin: 0;
}
@media screen and (max-width:767px){
.header-nav-panels .btn-direction svg {
width: 39px;
height: 20px;
}
}
.header-nav-panels .btn-direction--back {
margin-right: 40px;
visibility: hidden;
left: 0;
}
@media screen and (max-width:767px){
.header-nav-panels .btn-direction--back {
margin-right: 20px;
}
}
.header-nav-panels .btn-direction--forwrad {
right: 0;
}
@media screen and (max-width:1024px){
.header-nav-panels.open {
padding-left: 104px;
padding-right: 0;
}
}
@media screen and (max-width:767px){
.header-nav-panels.open {
padding-left: 60px;
padding-right: 0;
}
}
.header-nav-panels.open .btn-direction--back {
visibility: visible;
}
.header-nav-panels.open .btn-direction--forwrad {
visibility: hidden;
}
@media screen and (max-width:1024px){
.js-panels.active .main-menu li {
-webkit-transition-delay: 0s!important;
-o-transition-delay: 0s!important;
transition-delay: 0s!important;
}
}
.header-panels {
position: relative;
}
@media screen and (max-width:1024px){
.header-panels {
padding-bottom: 60px;
}
}
.header-panels .panel {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
height: 0;
width: 100%;
overflow: hidden;
}
@media screen and (max-width:1024px){
.header-panels .panel {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding-top: 50px;
pointer-events: none;
}
}
@media screen and (max-width:767px){
.header-panels .panel {
padding-top: 32px;
}
}
.header-panels .panel--right {
display: none;
}
@media screen and (max-width:1024px){
.header-panels .panel--right {
display: block;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
}
@media screen and (max-width:1024px){
.header-panels .panel--left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.header-panels .panel.active {
visibility: visible;
height: auto;
position: relative;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.header-panels .user-account-info {
font-size: 34px;
}
@media screen and (max-width:575px){
.header-panels .user-account-info {
font-size: 24px;
}
}
.header-panels .user-account-info__header {
padding: 20px 0;
}
.header-panels .user-account-info__body {
padding: 5px 0 0;
}
.header-panels .user-account-info__footer {
padding: 20px 0;
}
.header-panels .user-subscribe__title {
font-size: 16px;
padding: 10px 0;
}
@media screen and (max-width:575px){
.header-panels .user-subscribe__title {
font-size: 14px;
padding: 10px 0 0;
}
}
.header-panels .user-subscribe__list li {
padding: 20px 0;
}
.header-panels .subscribe-link__label {
padding-right: 10px;
min-width: 80px;
}
.header-panels .subscribe-link__status {
font-size: 18px;
padding: 5px 10px;
}
.header-panels .btn-logout {
font-size: 34px;
}
@media screen and (max-width:575px){
.header-panels .btn-logout {
font-size: 24px;
}
}
.user-line-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 100%;
}
.user-line-info__avatar {
width: 66px;
height: 66px;
min-width: 66px;
overflow: hidden;
background-color: transparent;
position: relative;
z-index: 2;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 0;
margin-right: 20px;
}
@media screen and (max-width:767px){
.user-line-info__avatar {
width: 48px;
height: 48px;
min-width: 48px;
margin-right: 10px;
}
}
.user-line-info__avatar .name-letter {
text-transform: uppercase;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
font-size: 34px;
text-align: center;
position: absolute;
top: 0;
left: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #d99374;
background-color: transparent;
border: 2px solid #d99374;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width:767px){
.user-line-info__avatar .name-letter {
font-size: 20px;
}
}
.user-line-info__avatar img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
display: block;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
border: 2px solid #fff;
}
.user-line-info__text {
font-size: 34px;
font-weight: 500;
color: #3f3f3f;
padding-right: 40px;
width: -webkit-calc(100% - 66px);
width: calc(100% - 66px);
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
@media screen and (max-width:767px){
.user-line-info__text {
font-size: 24px;
padding-right: 20px;
width: -webkit-calc(100% - 48px);
width: calc(100% - 48px);
}
}
.footer-main {
background-color: #d99374;
color: #fff;
position: relative;
padding: 120px 80px 35px;
}
@media screen and (max-width:1440px){
.footer-main {
padding: 90px 80px 35px;
}
}
@media screen and (max-width:1299px){
.footer-main {
padding: 70px 30px 30px;
}
}
@media screen and (max-width:575px){
.footer-main {
padding: 40px 20px 25px;
}
}
.footer-main__top {
position: relative;
z-index: 3;
}
.footer-main__top .logo-block {
display: none;
}
@media screen and (max-width:479px){
.footer-main__top .logo-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
}
}
.footer-main__middle {
position: relative;
z-index: 2;
padding: 40px 0;
}
@media screen and (max-width:1919px){
.footer-main__middle {
padding-top: 2.08333333vw;
padding-bottom: 2.08333333vw;
}
}
@media screen and (max-width:1229px){
.footer-main__middle {
padding: 40px 0;
}
}
.footer-main__bottom {
padding: 30px 0 0;
}
@media screen and (max-width:1919px){
.footer-main__bottom {
padding-top: 1.5625vw;
}
}
@media screen and (max-width:1229px){
.footer-main__bottom {
padding-top: 0;
}
}
.footer-main__content {
max-width: 1760px;
width: 100%;
margin: 0 auto;
}
.footer-main .separate-line {
width: 100%;
height: 2px;
background-color: #f8f5f2;
opacity: .2;
}
.footer-title {
font-size: 160px;
line-height: 1;
text-transform: uppercase;
font-weight: 500;
color: #f8f5f2;
}
@media screen and (max-width:1919px){
.footer-title {
font-size: 8.33333333vw;
}
}
@media screen and (max-width:1024px){
.footer-title {
font-size: 13.02083333vw;
margin-bottom: 34px;
}
}
@media screen and (max-width:479px){
.footer-title {
line-height: 1.2;
margin-bottom: 28px;
font-size: 55px;
padding-right: 46px;
}
}
@media screen and (max-width:374px){
.footer-title {
font-size: 50px;
padding-right: 0;
}
}
.footer-title span {
margin-bottom: 34px;
display: block;
}
@media screen and (max-width:1919px){
.footer-title span {
margin-bottom: 1.77083333vw;
}
}
@media screen and (max-width:1024px){
.footer-title span {
margin-bottom: 0;
display: inline;
}
}
.ft-button {
position: absolute;
top: 70px;
left: 80%;
}
@media screen and (max-width:1919px){
.ft-button {
top: 3.64583333vw;
}
}
@media screen and (max-width:1719px){
.ft-button {
top: 2.60416667vw;
}
}
@media screen and (max-width:1229px){
.ft-button {
top: 2.08333333vw;
left: 75%;
}
}
@media screen and (max-width:1024px){
.ft-button {
position: relative;
top: auto;
left: auto;
}
}
@media screen and (max-width:479px){
.ft-button {
width: 100%;
}
.ft-button .btn {
width: 100%;
}
}
.ft-image {
position: absolute;
top: 95px;
left: 192px;
width: 180px;
height: 180px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
@media screen and (max-width:1919px){
.ft-image {
width: 9.375vw;
height: 9.375vw;
top: 4.94791667vw;
left: 10vw;
}
}
@media screen and (max-width:1024px){
.ft-image {
width: 102px;
height: 102px;
top: auto;
bottom: 80px;
left: 73%;
}
}
@media screen and (max-width:767px){
.ft-image {
left: 77%;
bottom: 70px;
}
}
@media screen and (max-width:479px){
.ft-image {
width: 138px;
height: 138px;
bottom: 50%;
margin-bottom: -46px;
left: auto;
right: 0;
}
}
@media screen and (max-width:374px){
.ft-image {
width: 102px;
height: 102px;
margin-bottom: -40px;
}
}
.ft-image img {
-webkit-border-radius: 50%;
border-radius: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
.fm-image {
width: 556px;
height: 602px;
position: absolute;
z-index: 2;
top: -68px;
left: 50%;
margin-left: -300px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
@media screen and (max-width:1919px){
.fm-image {
top: -3.54166667vw;
margin-left: -15.625vw;
width: 28.95833333vw;
height: 31.35416667vw;
}
}
@media screen and (max-width:1719px){
.fm-image {
top: -3.33333333vw;
}
}
@media screen and (max-width:1440px){
.fm-image {
top: -3.125vw;
}
}
@media screen and (max-width:1299px){
.fm-image {
width: 207px;
height: 224px;
margin-left: 0;
top: auto;
bottom: 0;
left: 20%;
}
}
@media screen and (max-width:767px){
.fm-image {
position: relative;
left: 0;
margin: 20px auto 0;
display: block;
width: 300px;
height: 325px;
}
}
.fm-image .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
}
.fm-image img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.fm-image .sticker {
position: absolute;
top: 0;
left: 50%;
height: 139px;
width: 79px;
margin-left: -58px;
margin-top: -90px;
-webkit-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
z-index: 2;
}
@media screen and (max-width:1919px){
.fm-image .sticker {
width: 4.11458333vw;
height: 7.23958333vw;
margin-left: -3.02083333vw;
margin-top: -4.6875vw;
}
}
@media screen and (max-width:1299px){
.fm-image .sticker {
width: 29px;
height: 52px;
margin-left: -16px;
margin-top: -34px;
}
}
@media screen and (max-width:767px){
.fm-image .sticker {
width: 45px;
height: 75px;
margin-top: -40px;
margin-left: -20px;
}
}
.fm-image .sticker svg {
width: 100%;
height: 100%;
background-size: contain;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.fm-image.animation .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .6s ease-in-out;
transition: -webkit-clip-path .6s ease-in-out;
-o-transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out,-webkit-clip-path .6s ease-in-out;
}
.fm-image.animation .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
}
.fm-gallery {
display: none;
position: absolute;
right: 0;
top: 0;
height: -webkit-calc(100% - 325px);
height: calc(100% - 325px);
width: 130px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width:575px){
.fm-gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: -50px;
}
}
.fm-gallery__item {
padding: 25px 0;
}
@media screen and (max-width:575px){
.fm-gallery__item:nth-child(2) {
margin-left: -150px;
}
}
@media screen and (max-width:575px){
.fm-gallery__item:nth-child(3) {
margin-right: -40px;
}
}
.fm-gallery .icon-image {
width: 98px;
height: 98px;
-webkit-transform: rotate(11deg);
-ms-transform: rotate(11deg);
transform: rotate(11deg);
}
.fm-gallery .icon-image--star {
width: 129px;
height: 129px;
}
.fm-gallery .icon-image img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.footer-widgets-block {
position: relative;
min-height: 512px;
}
@media screen and (max-width:1919px){
.footer-widgets-block {
min-height: 26.66666667vw;
}
}
@media screen and (max-width:1299px){
.footer-widgets-block {
min-height: 460px;
padding-bottom: 140px;
}
}
@media screen and (max-width:767px){
.footer-widgets-block {
padding-bottom: 0;
}
}
.footer-widgets {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 -15px;
position: relative;
z-index: 2;
}
@media screen and (max-width:767px){
.footer-widgets {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 25px;
}
}
.footer-widgets__item {
width: 25%;
padding: 15px;
}
@media screen and (max-width:767px){
.footer-widgets__item {
width: 50%;
padding: 10px 15px;
}
}
@media screen and (max-width:479px){
.footer-widgets__item {
width: 100%;
}
}
@media screen and (max-width:479px){
.footer-widgets__item:first-child {
width: 50%;
}
}
.footer-widgets__item:nth-child(2) {
margin-right: 20%;
}
@media screen and (max-width:1299px){
.footer-widgets__item:nth-child(2) {
margin-right: 0;
}
}
@media screen and (max-width:479px){
.footer-widgets__item:nth-child(2) {
width: 50%;
}
}
.footer-widgets__item:nth-child(3) {
margin-left: 20%;
}
@media screen and (max-width:1299px){
.footer-widgets__item:nth-child(3) {
margin-left: 0;
}
}
.widget-links {
padding-top: 25px;
}
@media screen and (max-width:1919px){
.widget-links {
padding-top: 1.30208333vw;
}
}
@media screen and (max-width:1229px){
.widget-links {
padding-top: 0;
}
}
.widget-links .widget-title {
font-weight: 700;
font-size: 20px;
line-height: 1.5;
margin-bottom: 50px;
}
@media screen and (max-width:1719px){
.widget-links .widget-title {
margin-bottom: 2.60416667vw;
}
}
@media screen and (max-width:1600px){
.widget-links .widget-title {
font-size: 18px;
}
}
@media screen and (max-width:1440px){
.widget-links .widget-title {
font-size: 24px;
margin-bottom: 30px;
}
}
.widget-links ul {
list-style: none;
}
.widget-links li {
margin-bottom: 50px;
}
@media screen and (max-width:1719px){
.widget-links li {
margin-bottom: 2.60416667vw;
}
}
@media screen and (max-width:1440px){
.widget-links li {
margin-bottom: 40px;
}
}
@media screen and (max-width:1299px){
.widget-links li {
margin-bottom: 30px;
}
}
.widget-links a {
position: relative;
color: #fff;
font-size: 20px;
line-height: 1.4;
text-decoration: none;
display: inline;
word-wrap: break-word;
overflow-wrap: break-word;
max-width: 100%;
}
.widget-links a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
white-space: inherit;
background-color: #fff;
color: #d99374;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
overflow: hidden;
}
.widget-links a:hover {
color: #fff;
}
@media screen and (min-width:1081px){
.widget-links a:hover:before {
width: 100%;
}
}
@media screen and (max-width:1600px){
.widget-links a {
font-size: 18px;
line-height: 1.2;
}
}
.f-socials {
padding: 60px 0;
}
@media screen and (max-width:1919px){
.f-socials {
padding-top: 3.125vw;
padding-bottom: 3.125vw;
}
}
@media screen and (max-width:1440px){
.f-socials {
padding: 43px 0;
}
}
@media screen and (max-width:767px){
.f-socials {
padding-top: 40px;
padding-bottom: 0;
}
}
.widget-socials ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -10px;
padding-right: 106px;
}
@media screen and (max-width:1440px){
.widget-socials ul {
padding-right: 68px;
}
}
@media screen and (max-width:767px){
.widget-socials ul {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-right: 0;
}
}
.widget-socials ul li {
padding: 5px 10px;
}
@media screen and (max-width:767px){
.widget-socials ul li {
width: 50%;
padding: 0 10px;
margin-bottom: 40px;
}
}
.widget-socials ul a {
text-transform: uppercase;
color: #fff;
text-decoration: none;
position: relative;
display: inline-block;
font-weight: 500;
font-size: 24px;
line-height: 1.2;
white-space: nowrap;
}
@media screen and (max-width:1600px){
.widget-socials ul a {
font-size: 18px;
}
}
.widget-socials ul a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
white-space: inherit;
background-color: #fff;
color: #d99374;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
overflow: hidden;
}
.widget-socials ul a:hover {
color: #fff;
}
@media screen and (min-width:1081px){
.widget-socials ul a:hover:before {
width: 100%;
}
}
.footer-bottom-line {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -15px;
}
@media screen and (max-width:1229px){
.footer-bottom-line {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.footer-bottom-line__col {
padding: 15px;
}
@media screen and (max-width:1229px){
.footer-bottom-line__col {
width: 100%;
padding: 10px 15px;
text-align: center;
}
}
@media screen and (max-width:479px){
.footer-bottom-line__col {
text-align: left;
padding: 0 15px;
}
}
@media screen and (max-width:479px){
.footer-bottom-line .logo-block {
display: none;
}
}
@media screen and (max-width:1229px){
.footer-nav {
padding: 10px 0 20px;
}
}
@media screen and (max-width:479px){
.footer-nav {
padding: 0;
}
}
.footer-nav ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -26px;
}
@media screen and (max-width:1024px){
.footer-nav ul {
margin: 0 -20px;
}
}
.footer-nav li {
padding: 0 26px;
text-align: center;
}
@media screen and (max-width:1024px){
.footer-nav li {
padding: 0 20px 6px;
}
}
@media screen and (max-width:479px){
.footer-nav li {
width: 100%;
text-align: left;
margin-bottom: 28px;
}
}
.footer-nav a {
color: #fff;
font-size: 18px;
text-decoration: none;
display: inline-block;
line-height: 1.5;
position: relative;
}
.footer-nav a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 0;
background-color: #fff;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}
@media screen and (max-width:1719px){
.footer-nav a {
font-size: 14px;
}
}
@media screen and (max-width:479px){
.footer-nav a {
font-size: 18px;
}
}
@media screen and (min-width:1081px){
.footer-nav a:hover {
color: #fff;
}
.footer-nav a:hover:before {
width: 100%;
}
}
.logo-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -26px;
}
@media screen and (max-width:1229px){
.logo-block {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width:479px){
.logo-block {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.logo-block__item {
padding: 0 26px;
}
.logo-block .logo {
max-width: 135px;
}
@media screen and (max-width:1440px){
.logo-block .logo {
max-width: 102px;
}
}
@media screen and (max-width:479px){
.logo-block .logo {
max-width: 134px;
}
}
.logo-block .logo--sm {
max-width: 85px;
}
@media screen and (max-width:1440px){
.logo-block .logo--sm {
max-width: 64px;
}
}
.logo-design {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 235px;
}
@media screen and (max-width:1440px){
.logo-design {
width: 165px;
}
}
@media screen and (max-width:1299px){
.logo-design {
width: auto;
}
}
.logo-design span {
margin-right: 13px;
font-size: 18px;
}
@media screen and (max-width:1440px){
.logo-design span {
font-size: 14px;
}
}
.logo-design .logo {
max-width: 153px;
}
@media screen and (max-width:1440px){
.logo-design .logo {
max-width: 115px;
}
}
.tabs-content {
position: relative;
}
.tabs-content__item {
visibility: hidden;
position: absolute;
height: 0;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}
.tabs-content__item.active {
visibility: visible;
position: relative;
height: auto;
overflow: visible;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
opacity: 1;
}
.tabs-link {
letter-spacing: 7.79px;
text-decoration: none;
padding-bottom: 70px;
display: block;
color: transparent;
-webkit-text-stroke: 2px #d99374;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
white-space: nowrap;
}
@media screen and (max-width:1229px){
.tabs-link {
padding-bottom: 40px;
}
}
@media screen and (max-width:767px){
.tabs-link {
-webkit-text-stroke: 1px #d99374;
padding-bottom: 30px;
}
}
@media screen and (max-width:575px){
.tabs-link {
padding-bottom: 5px;
line-height: .8;
}
}
.tabs-link:after,
.tabs-link:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 16px;
width: 100%;
}
@media screen and (max-width:1440px){
.tabs-link:after,
.tabs-link:before {
height: 12px;
}
}
@media screen and (max-width:1299px){
.tabs-link:after,
.tabs-link:before {
height: 10px;
}
}
@media screen and (max-width:1229px){
.tabs-link:after,
.tabs-link:before {
height: 8px;
}
}
@media screen and (max-width:767px){
.tabs-link:after,
.tabs-link:before {
height: 6px;
}
}
@media screen and (max-width:575px){
.tabs-link:after,
.tabs-link:before {
height: 5px;
}
}
.tabs-link:before {
background-color: rgba(255,255,255,.25);
}
.tabs-link:after {
background-color: #fff;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.tabs-link:hover {
-webkit-text-stroke: 2px #fff;
}
@media screen and (max-width:767px){
.tabs-link:hover {
-webkit-text-stroke: 1px #fff;
}
}
.tabs-link.active {
color: #fff;
-webkit-text-stroke: 2px #fff;
}
@media screen and (max-width:767px){
.tabs-link.active {
-webkit-text-stroke: 1px #fff;
}
}
.tabs-link.active:after {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.tabs-link.active:hover {
-webkit-text-stroke: 2px #fff;
}
@media screen and (max-width:767px){
.tabs-link.active:hover {
-webkit-text-stroke: 1px #fff;
}
}
.tabs {
position: relative;
}
.tabs-nav {
position: relative;
height: 280px;
width: 660px;
margin-bottom: 114px;
}
@media screen and (max-width:1719px){
.tabs-nav {
margin-bottom: 80px;
height: 265px;
}
}
@media screen and (max-width:1440px){
.tabs-nav {
width: 500px;
margin-bottom: 60px;
height: 235px;
}
}
@media screen and (max-width:1299px){
.tabs-nav {
height: 205px;
}
}
@media screen and (max-width:1229px){
.tabs-nav {
height: 175px;
}
}
@media screen and (max-width:1024px){
.tabs-nav {
height: 160px;
}
}
@media screen and (max-width:767px){
.tabs-nav {
width: 400px;
margin-bottom: 36px;
height: 105px;
}
}
@media screen and (max-width:575px){
.tabs-nav {
width: 240px;
height: 80px;
}
}
@media screen and (max-width:479px){
.tabs-nav {
width: 200px;
margin-bottom: 24px;
height: 65px;
}
}
@media screen and (max-width:374px){
.tabs-nav {
width: 160px;
height: 56px;
}
}
.slider-tabs {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.slider-tabs .swiper-container {
overflow: visible;
}
.slider-tabs .swiper-slide {
width: auto!important;
}
.support-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0 -20px;
}
@media screen and (max-width:1024px){
.support-block {
margin: 0 -15px;
}
}
.support-block__item {
padding: 0 20px 40px;
width: 33.3333%;
}
@media screen and (max-width:1229px){
.support-block__item {
width: 50%;
}
}
@media screen and (max-width:1024px){
.support-block__item {
padding: 0 15px 40px;
}
}
@media screen and (max-width:767px){
.support-block__item {
width: 100%;
}
}
.support-card {
padding: 40px 40px 30px;
width: 100%;
background-color: #fff;
height: 100%;
-webkit-box-shadow: 0 4px 20px rgba(35,32,53,.09);
box-shadow: 0 4px 20px rgba(35,32,53,.09);
-webkit-border-radius: 5px;
border-radius: 5px;
min-height: 200px;
}
@media screen and (max-width:1024px){
.support-card {
padding: 30px;
}
}
.support-card__title {
font-size: 30px;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.5;
}
@media screen and (max-width:1440px){
.support-card__title {
font-size: 25px;
}
}
.support-card__text {
font-size: 20px;
margin-bottom: 15px;
}
@media screen and (max-width:1440px){
.support-card__text {
font-size: 18px;
}
}
.support-card__text--light {
color: #9e9e9e;
}
.support-card__separate {
width: 100%;
height: 28px;
margin-bottom: 15px;
}
@media screen and (max-width:1024px){
.support-card__separate {
height: 5px;
}
}
.support-card__link {
padding: 15px 0;
}
@media screen and (max-width:1024px){
.support-card__link {
padding: 0;
}
}
.support-card__link a {
color: #d99374;
font-size: 20px;
text-decoration: none;
border-bottom: 1px solid #d99374;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width:1440px){
.support-card__link a {
font-size: 18px;
}
}
@media screen and (min-width:1081px){
.support-card__link a:hover {
color: #3f3f3f;
border-color: #3f3f3f;
}
}
.support-card__link a:active {
color: #3f3f3f;
}
.slider-category .swiper-container {
overflow: visible;
}
.slider-category .swiper-slide {
width: auto;
}
.category-block {
margin-bottom: 50px;
position: relative;
z-index: 2;
}
.category-link {
border: 1px solid #d99374;
color: #d99374;
padding: 9px 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: center;
font-weight: 500;
font-size: 20px;
text-shadow: 0 0 6px rgba(0,0,0,.1);
text-transform: uppercase;
text-decoration: none;
-webkit-border-radius: 24px;
border-radius: 24px;
line-height: 1.3;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width:1440px){
.category-link {
font-size: 16px;
}
}
@media screen and (min-width:1081px){
.category-link:hover {
background-color: #d99374;
color: #fff;
border-color: #d99374;
}
}
.category-link.active {
background-color: #d99374;
color: #fff;
}
.blog-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.blog-header__descr {
margin-left: auto;
position: relative;
}
@media screen and (max-width:1024px){
.blog-header__descr {
display: none;
}
}
.blog-header__descr span {
font-weight: 500;
font-size: 40px;
text-transform: uppercase;
}
.blog-header__descr svg {
position: absolute;
top: 50%;
right: 100%;
margin-right: 24px;
}
.blog-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -56px;
}
@media screen and (max-width:1440px){
.blog-grid {
margin: 0 -35px;
}
}
@media screen and (max-width:1299px){
.blog-grid {
margin: 0 -19px;
}
}
.blog-grid__item {
padding: 0 56px 70px;
width: 33.3333%;
}
@media screen and (max-width:1440px){
.blog-grid__item {
padding: 0 35px 70px;
}
}
@media screen and (max-width:1299px){
.blog-grid__item {
padding: 0 19px 30px;
}
}
@media screen and (max-width:1229px){
.blog-grid__item {
width: 50%;
}
}
@media screen and (max-width:767px){
.blog-grid__item {
width: 100%;
}
}
.article-card {
position: relative;
max-width: 380px;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-box-shadow: 0 4px 20px rgba(35,32,53,.09);
box-shadow: 0 4px 20px rgba(35,32,53,.09);
-webkit-border-radius: 4px;
border-radius: 4px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
-o-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;
}
@media screen and (min-width:1081px){
.article-card:hover {
background-color: #fff;
-webkit-box-shadow: 0 10px 20px rgba(217,147,116,.2);
box-shadow: 0 10px 20px rgba(217,147,116,.2);
}
}
.article-card:active {
background-color: #fff;
-webkit-box-shadow: 0 10px 20px rgba(217,147,116,.2);
box-shadow: 0 10px 20px rgba(217,147,116,.2);
}
@media screen and (max-width:1024px){
.article-card {
text-align: center;
}
}
@media screen and (max-width:767px){
.article-card {
margin: 0 auto;
}
}
.article-card__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.article-card__header {
height: 190px;
width: 100%;
}
.article-card__body {
width: 100%;
padding: 20px;
}
@media screen and (max-width:1024px){
.article-card__body {
padding: 20px 20px 10px;
}
}
.article-card__footer {
width: 100%;
margin-top: auto;
padding: 20px;
}
@media screen and (max-width:1024px){
.article-card__footer {
padding: 10px 20px 20px;
}
}
.article-card__image {
width: 100%;
height: 100%;
overflow: hidden;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
}
.article-card__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
.article-card .card-title {
font-size: 20px;
line-height: 1.5;
margin-bottom: 20px;
}
@media screen and (max-width:1024px){
.article-card .card-title {
margin-bottom: 6px;
}
}
.article-card .card-title a {
text-decoration: none;
color: #3f3f3f;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
@media screen and (min-width:1081px){
.article-card .card-title a:hover {
color: #d99374;
}
}
.article-card .card-categories {
position: absolute;
top: 0;
left: 0;
padding: 14px;
}
.card-date {
font-size: 10px;
letter-spacing: .1em;
text-transform: uppercase;
line-height: 1.3;
font-weight: 700;
}
.card-views {
font-size: 10px;
letter-spacing: .1em;
text-transform: uppercase;
line-height: 1.3;
font-weight: 700;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.card-views svg {
margin-right: 4px;
}
.card-categories {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 2;
}
.cat-link {
font-weight: 600;
font-size: 10px;
line-height: 1.3;
color: #3f3f3f;
text-transform: uppercase;
text-decoration: none;
padding: 4px 8px;
background: rgba(255,255,255,.8);
-webkit-backdrop-filter: blur(8.25px);
backdrop-filter: blur(8.25px);
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 14px;
margin-bottom: 10px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width:1024px){
.cat-link {
margin-right: 10px;
margin-bottom: 10px;
font-size: 9px;
}
}
@media screen and (min-width:1081px){
.cat-link:hover {
color: #fff;
background-color: #d99374;
}
}
.article-card-large {
position: relative;
overflow: hidden;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 40px;
color: #fff;
background-color: #9e9e9e;
min-height: 518px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 100px;
}
@media screen and (max-width:1440px){
.article-card-large {
margin-bottom: 80px;
}
}
@media screen and (max-width:1229px){
.article-card-large {
display: none;
}
}
.article-card-large__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.article-card-large__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
display: block;
}
.article-card-large__image:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(217,147,116,.2);
opacity: 0;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.article-card-large__image:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear,left bottom,left top,from(rgba(217,147,116,.3)),to(rgba(217,147,116,.3))) rgba(217,147,116,.3);
background: -o-linear-gradient(bottom,rgba(217,147,116,.3),rgba(217,147,116,.3)) rgba(217,147,116,.3);
background: linear-gradient(0deg,rgba(217,147,116,.3),rgba(217,147,116,.3)) rgba(217,147,116,.3);
opacity: 0;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.article-card-large__body {
position: relative;
width: 40%;
padding-bottom: 40px;
}
.article-card-large__footer {
position: relative;
width: 100%;
margin-top: auto;
}
.article-card-large .card-categories {
margin-bottom: 30px;
}
.article-card-large .card-title {
font-weight: 700;
font-size: 35px;
line-height: 1.3;
margin-bottom: 20px;
}
.article-card-large .card-title a {
color: #fff;
text-decoration: none;
}
.article-card-large .card-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.article-card-large .card-info .card-date {
margin-right: 10px;
}
@media screen and (min-width:1081px){
.article-card-large:hover .article-card-large__image:before {
opacity: 1;
}
}
.article-card-large:active .article-card-large__image:before {
opacity: 0;
}
.article-card-large:active .article-card-large__image:after {
opacity: 1;
}
.block-articles {
padding-top: 120px;
padding-bottom: 16px;
}
@media screen and (max-width:1440px){
.block-articles {
padding-top: 170px;
}
}
@media screen and (max-width:1024px){
.block-articles {
padding-top: 74px;
}
.block-articles .h1 {
font-size: 30px;
margin-bottom: 20px;
}
}
.slider-articles {
margin-bottom: 30px;
}
@media screen and (max-width:767px){
.slider-articles {
margin-bottom: 0;
}
}
.slider-articles .swiper-container {
padding: 20px 10px 30px;
margin: 0 -10px;
}
@media screen and (max-width:1024px){
.slider-articles .swiper-container {
max-width: 564px;
overflow: visible;
padding-top: 5px;
}
}
@media screen and (max-width:767px){
.slider-articles .swiper-container {
max-width: 380px;
}
}
@media screen and (max-width:479px){
.slider-articles .swiper-container {
max-width: 272px;
}
}
.slider-articles .swiper-wrapper {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.slider-articles .swiper-slide {
height: auto;
}
.slider-articles .article-card {
text-align: left;
}
.article-content {
max-width: 1920px;
padding: 0 80px;
margin: 0 auto;
}
@media screen and (max-width:1299px){
.article-content {
padding: 0 30px;
}
}
@media screen and (max-width:1024px){
.article-content {
padding: 0 30px;
}
}
@media screen and (max-width:767px){
.article-content {
padding: 0 20px;
}
}
.article-content__header {
margin-bottom: 70px;
}
@media screen and (max-width:1024px){
.article-content__header {
margin-bottom: 60px;
}
}
@media screen and (max-width:767px){
.article-content__header {
margin-bottom: 40px;
}
}
.article-content__main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px;
}
.article-content__main .article-sidebar {
padding: 0 20px;
width: 24%;
}
@media screen and (max-width:1440px){
.article-content__main .article-sidebar {
width: 22.5%;
}
}
@media screen and (max-width:1229px){
.article-content__main .article-sidebar {
width: 100%;
max-width: 680px;
margin: 0 auto -40px;
}
}
.article-content__main .article-wrap {
padding: 0 20px;
width: 52%;
}
@media screen and (max-width:1440px){
.article-content__main .article-wrap {
width: 53%;
}
}
@media screen and (max-width:1229px){
.article-content__main .article-wrap {
width: 100%;
max-width: 680px;
margin: 0 auto;
}
.article-content__main .article-wrap .breadcrumb {
display: none;
}
}
.article-content__main .article-wrap .separate-line {
width: 100%;
height: 1px;
background-color: #f7e9e3;
}
.post-top {
min-height: 662px;
position: relative;
width: 100%;
color: #fff;
-webkit-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width:1440px){
.post-top {
min-height: 518px;
}
}
@media screen and (max-width:1024px){
.post-top {
min-height: 370px;
}
}
.post-top__image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.post-top__image:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(217,147,116,.3);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.post-top__image img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.post-top__content {
padding: 133px 20px;
width: 100%;
position: relative;
z-index: 2;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media screen and (max-width:1440px){
.post-top__content {
padding: 104px 20px;
}
}
@media screen and (max-width:1024px){
.post-top__content {
padding: 75px 20px;
}
}
@media screen and (max-width:767px){
.post-top__content {
padding: 40px 0;
}
}
.post-top .card-categories {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
}
@media screen and (max-width:1440px){
.post-top .card-categories {
margin-bottom: 20px;
}
}
.post-top .card-title {
font-size: 60px;
font-weight: 700;
line-height: 1.16;
max-width: 780px;
width: 100%;
margin: 0 auto 30px;
}
@media screen and (max-width:1440px){
.post-top .card-title {
font-size: 50px;
line-height: 1.3;
}
}
@media screen and (max-width:1024px){
.post-top .card-title {
font-size: 30px;
max-width: 515px;
}
}
@media screen and (max-width:374px){
.post-top .card-title {
font-size: 26px;
}
}
@media screen and (max-width:1229px){
.post-sidebar-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
}
}
.post-sidebar-top .button-back {
margin-bottom: 60px;
}
@media screen and (max-width:1229px){
.post-sidebar-top .button-back {
margin-bottom: 0;
}
}
.post-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 0 10px;
}
@media screen and (max-width:575px){
.post-bottom {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.share-links-post {
margin-bottom: 13px;
}
@media screen and (max-width:575px){
.share-links-post {
width: 100%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
.share-links-post ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -7px;
}
@media screen and (max-width:1024px){
.share-links-post ul {
margin: 0 -11px;
}
}
.share-links-post li {
padding: 7px;
}
@media screen and (max-width:1024px){
.share-links-post li {
padding: 8px 11px;
}
}
.social-link {
position: relative;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #f8f5f2;
padding: 0;
}
@media screen and (max-width:1024px){
.social-link {
width: 44px;
height: 44px;
}
}
.social-link img {
max-width: 30px;
max-height: 30px;
height: auto;
}
@media screen and (max-width:1024px){
.social-link img {
width: 44px;
max-width: 44px;
max-height: 44px;
}
}
@media screen and (min-width:1081px){
.social-link:hover {
color: #fff;
background-color: #d99374;
}
.social-link:hover img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
}
.social-link .tooltip {
position: absolute;
top: 100%;
left: 0;
margin-top: 8px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 10px;
line-height: 1;
color: #fff;
background-color: #d99374;
white-space: nowrap;
padding: 6px 10px;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
@media screen and (max-width:575px){
.social-link .tooltip {
left: auto;
right: 0;
}
}
.social-link .tooltip.show {
visibility: visible;
opacity: 1;
}
.tags-post {
margin-bottom: 13px;
}
@media screen and (max-width:575px){
.tags-post {
width: 100%;
}
}
.tags-post ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -7px;
}
.tags-post li {
padding: 7px;
}
.tags-post a {
font-weight: 600;
font-size: 10px;
line-height: 1.3;
color: #3f3f3f;
text-transform: uppercase;
text-decoration: none;
padding: 4px 6px;
background-color: #f8f5f2;
-webkit-border-radius: 3px;
border-radius: 3px;
letter-spacing: .1em;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width:1024px){
.tags-post a {
font-size: 10px;
}
}
@media screen and (min-width:1081px){
.tags-post a:hover {
color: #fff;
background-color: #d99374;
}
}
.share-block {
width: 60px;
margin-left: 80px;
position: relative;
z-index: 3;
}
@media screen and (max-width:1229px){
.share-block {
margin-left: 20px;
}
}
.share-block .btn-share .btn-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
z-index: 2;
background-color: transparent;
}
.share-block .btn-share .btn-click {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
z-index: 2;
background-color: transparent;
}
@media screen and (min-width:1081px){
.share-block .btn-share .btn-click {
display: none;
}
}
@media screen and (min-width:1081px){
.share-block:hover .share-block__dropdown {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.share-block:hover .btn-share .icon-default {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.share-block:hover .btn-share .icon-active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.share-block.active .share-block__dropdown {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.share-block.active .btn-share .icon-default {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.share-block.active .btn-share .icon-active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.share-block__dropdown {
position: absolute;
top: 100%;
left: 0;
padding-top: 10px;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .4s ease,-webkit-transform .4s ease;
transition: opacity .4s ease,-webkit-transform .4s ease;
-o-transition: opacity .4s ease,transform .4s ease;
transition: opacity .4s ease,transform .4s ease;
transition: opacity .4s ease,transform .4s ease,-webkit-transform .4s ease;
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.share-block__dropdown ul {
margin: 0;
background-color: #f8f5f2;
-webkit-border-radius: 30px;
border-radius: 30px;
padding: 8px;
}
@media screen and (max-width:1024px){
.share-block__dropdown ul {
padding: 1px;
}
}
.share-block__dropdown li {
padding: 7px;
}
@media screen and (min-width:1081px){
.share-block .social-link:hover {
color: #fff;
background-color: #fff;
}
.share-block .social-link:hover img {
-webkit-filter: none;
filter: none;
}
}
.pmpro_content_message {
margin: 40px 0 30px;
}
.pmpro_btn,
.pmpro_btn:link,
.pmpro_content_message a,
.pmpro_content_message a:link {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
cursor: pointer;
text-decoration: none;
font-size: 18px;
white-space: normal;
background-color: transparent;
color: #3f3f3f;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
position: relative;
border: 2px solid #3f3f3f;
font-weight: 600;
padding: 7px 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
line-height: 1.12;
margin: 10px 10px 0 0;
}
@media screen and (min-width:1081px){
.pmpro_btn:hover,
.pmpro_btn:link:hover,
.pmpro_content_message a:hover,
.pmpro_content_message a:link:hover {
background-color: transparent;
color: #d99374;
border-color: #d99374;
}
}
.pmpro_btn:active,
.pmpro_btn:link:active,
.pmpro_content_message a:active,
.pmpro_content_message a:link:active {
background-color: #d99374;
color: #fff;
border-color: #d99374;
}
.pmpro_btn:disabled,
.pmpro_btn:link:disabled,
.pmpro_content_message a:disabled,
.pmpro_content_message a:link:disabled {
opacity: .8;
pointer-events: none;
}
.main-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
min-height: 700px;
}
@media screen and (max-width:1080px){
.main-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: none;
}
}
.mobileMain {
background-color: #f8f5f2;
min-height: 100vh;
padding-top: 14.322vw;
padding-bottom: 6.51vw;
}
@media (max-width:640px){
.mobileMain {
padding-top: 24vw;
padding-bottom: 20vw;
}
}
.mobileMain .container {
max-width: 100%;
padding: 0 2.604vw;
}
@media (min-width:1080px){
.mobileMain {
display: none;
}
}
.mobileMain .hero {
color: #d99374;
margin-bottom: 5.2vw;
text-shadow: none;
}
.mobileMain .hero__line:nth-child(1) .hero__value {
color: #3f3f3f;
}
.mobileMain .hero__value {
visibility: visible;
}
@media (max-width:1080px){
.mobileMain .hero {
font-size: 9.114vw;
margin-bottom: 5.208vw;
}
.mobileMain .hero .arrow-right {
width: 10.156vw;
height: 9.635vw;
margin-right: 2.213vw;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media (max-width:640px){
.mobileMain .hero {
font-size: 13.3333vw;
margin-bottom: 9.06vw;
}
.mobileMain .hero .arrow-right {
width: 11.733vw;
height: 14.933vw;
margin-right: 1.6vw;
margin-left: 1.6vw;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media (max-width:1080px){
.mobileMain__slider {
margin-bottom: 5.6vw;
}
.mobileMain__slider h3 {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 130%;
margin-bottom: 26px;
}
.mobileMain__slider .slider-plans {
padding-top: 0;
padding-bottom: 0;
}
.mobileMain__slider .slider-plans .swiper-container {
margin: 0 -.7vw;
}
.mobileMain__slider .slider-plans .swiper-slide {
width: 35.3vw;
padding: 0 1.04vw;
}
.mobileMain__slider .slider-plans .swiper-slide:first-child .plans-card {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.mobileMain__slider .slider-plans .plans-card {
height: 31.6vw;
}
.mobileMain__slider .slider-plans .plans-card .plan-name {
font-size: 3.255vw;
padding: 3.385vw 2.604vw;
line-height: 3.38vw;
}
.mobileMain__slider .slider-plans .plans-card .plan-name .arrow-icon {
min-width: 2.86vw;
width: 2.86vw;
height: 2.86vw;
margin-left: 1.43vw;
-webkit-transform: translateY(.5vw);
-ms-transform: translateY(.5vw);
transform: translateY(.5vw);
}
.mobileMain__slider .femaleMale .swiper-slide:nth-child(2n) .plans-card {
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.mobileMain__slider .femaleSlider .swiper-slide:nth-child(2n) .plans-card {
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
}
@media (max-width:640px){
.mobileMain__slider {
margin-bottom: 36px;
}
.mobileMain__slider h3 {
font-size: 6.4vw;
font-style: normal;
font-weight: 700;
line-height: 130%;
margin-bottom: 4vw;
}
.mobileMain__slider .slider-plans {
padding-top: 0;
padding-bottom: 0;
}
.mobileMain__slider .slider-plans .swiper-container {
margin: 0 -2.133vw;
}
.mobileMain__slider .slider-plans .swiper-slide {
width: 42vw;
padding: 0 2.133vw;
}
.mobileMain__slider .slider-plans .plans-card {
height: 37.6vw;
}
.mobileMain__slider .slider-plans .plans-card .plan-name {
font-size: 4.8vw;
padding: 2.6vw 2.2vw;
}
.mobileMain__slider .slider-plans .plans-card .plan-name .arrow-icon {
min-width: 3.75vw;
width: 3.75vw;
height: 4vw;
margin-left: 2vw;
-webkit-transform: translateY(.5vw);
-ms-transform: translateY(.5vw);
transform: translateY(.5vw);
}
}
.mobileMain .marquee-header {
position: fixed;
}
.main-col {
position: relative;
width: 50%;
-webkit-transition: width .7s ease;
-o-transition: width .7s ease;
transition: width .7s ease;
overflow: hidden;
}
@media screen and (max-width:1080px){
.main-col {
width: 100%;
}
}
.main-col .bg-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.main-col .bg-image img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.main-col .bg-image:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,.4);
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){
.main-col .bg-image:before {
background-color: rgba(0,0,0,.4);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
}
.main-col__title {
font-weight: 600;
font-size: 66px;
color: #fff;
position: absolute;
left: 107px;
bottom: 68px;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
}
@media screen and (max-width:1440px){
.main-col__title {
font-size: 50px;
}
}
@media screen and (max-width:1080px){
.main-col__title {
bottom: auto;
left: 30px;
top: 40px;
font-weight: 500;
}
}
@media screen and (max-width:767px){
.main-col__title {
left: 20px;
top: 15px;
}
}
@media screen and (max-width:575px){
.main-col__title {
font-size: 25px;
font-weight: 700;
}
}
@media screen and (min-width:1081px){
.main-col__title.hidden {
opacity: 0;
}
}
@media screen and (max-width:1080px){
.main-col--left .main-col__title {
top: 91px;
color: #3f3f3f;
}
}
@media screen and (max-width:767px){
.main-col--left .main-col__title {
top: 93px;
}
}
@media screen and (max-width:1229px){
.main-col--left .bg-image img {
-o-object-position: 50% 100%;
object-position: 50% 100%;
}
}
.main-col__nav {
position: absolute;
z-index: 10;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
@media screen and (max-width:1080px){
.main-col__nav {
visibility: visible;
display: block;
top: auto;
bottom: 0;
padding: 35px 40px;
height: auto;
}
}
@media screen and (max-width:767px){
.main-col__nav {
padding: 25px 20px;
}
}
@media screen and (min-width:1081px){
.main-col.hover {
width: 90%;
}
.main-col.hover .bg-image:before {
opacity: 1;
}
.main-col.hover .main-col__nav {
visibility: visible;
}
.main-col.hover .main-col__nav .menu-list li {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: opacity .5s ease,-webkit-transform .5s ease;
transition: opacity .5s ease,-webkit-transform .5s ease;
-o-transition: transform .5s ease,opacity .5s ease;
transition: transform .5s ease,opacity .5s ease;
transition: transform .5s ease,opacity .5s ease,-webkit-transform .5s ease;
}
.main-col.hover .main-col__nav .menu-list li:first-child {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.main-col.hover .main-col__nav .menu-list li:nth-child(2) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.main-col.hover .main-col__nav .menu-list li:nth-child(3) {
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.main-col.hover .main-col__nav .menu-list li:nth-child(4) {
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s;
}
.main-col.hover .main-col__nav .menu-list li:nth-child(5) {
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.main-col.hover .main-col__nav .menu-list li:nth-child(6) {
-webkit-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.main-col.hover .main-col__nav .menu-list li:nth-child(7) {
-webkit-transition-delay: 1.4s;
-o-transition-delay: 1.4s;
transition-delay: 1.4s;
}
}
.sm-image {
position: absolute;
opacity: 0;
top: 50%;
margin-top: -135px;
pointer-events: none;
}
@media screen and (max-width:1080px){
.sm-image {
display: none;
}
}
.sm-image .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
}
.sm-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
.sm-image .sticker {
width: 40px;
height: 71px;
position: absolute;
-webkit-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
top: -35px;
left: 50%;
margin-left: -20px;
z-index: 2;
}
.sm-image .sticker>svg {
width: 100%;
height: 100%;
background-size: contain;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.sm-image--left {
width: 206px;
height: 272px;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
top: 20%;
right: 60%;
}
@media screen and (max-width:1440px){
.sm-image--left {
right: 63%;
}
}
.sm-image--left .sticker {
top: -25px;
}
.sm-image--right {
width: 198px;
height: 262px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
top: 30%;
left: 60%;
}
@media screen and (max-width:1440px){
.sm-image--right {
left: 63%;
}
}
.sm-image--right .sticker {
margin: 0;
left: 60%;
}
.menu-list {
text-align: center;
position: relative;
}
@media screen and (max-width:1080px){
.menu-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
}
@media screen and (max-width:575px){
.menu-list {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.menu-list li {
margin-bottom: 10px;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
will-change: initial;
}
@media screen and (max-width:1080px){
.menu-list li {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 5px;
margin-bottom: 0;
}
}
.menu-list li:nth-child(2n) a .sm-image {
right: auto;
left: 100%;
margin-left: -20px;
width: 198px;
height: 262px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.menu-list li:nth-child(2n) a .sm-image .sticker {
margin: 0;
left: 60%;
}
.menu-list a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
white-space: nowrap;
font-weight: 500;
font-size: 70px;
line-height: 1.2;
text-decoration: none;
position: relative;
padding: 10px;
width: 288px;
height: 124px;
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease;
}
@media screen and (max-width:1080px){
.menu-list a {
font-size: 36px;
padding: 9px 30px;
line-height: 1;
width: auto;
height: auto;
border: 1px solid #fff;
-webkit-border-radius: 30px;
border-radius: 30px;
}
}
@media screen and (max-width:767px){
.menu-list a {
font-size: 18px;
padding: 5px 20px;
}
}
.menu-list a>span {
display: block;
position: relative;
z-index: 2;
}
.menu-list a>svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
fill: none;
-o-object-fit: contain;
object-fit: contain;
z-index: 2;
}
@media screen and (max-width:1080px){
.menu-list a>svg {
display: none;
}
}
.menu-list a>svg path {
stroke: #d99374;
stroke-width: 3;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
stroke-dasharray: 800;
stroke-dashoffset: 800;
}
.menu-list a .sm-image {
right: 100%;
margin-right: -20px;
width: 206px;
height: 272px;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.menu-list a .sm-image .sticker {
top: -25px;
}
@media screen and (min-width:1081px){
.menu-list a:hover {
color: #d99374;
}
.menu-list a:hover svg path {
stroke-dashoffset: 0;
}
.menu-list a:hover .sm-image {
opacity: 1;
}
.menu-list a:hover .sm-image .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .6s ease-in-out;
transition: -webkit-clip-path .6s ease-in-out;
-o-transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out,-webkit-clip-path .6s ease-in-out;
}
.menu-list a:hover .sm-image .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
}
@media screen and (max-width:1080px){
.menu-list a:focus {
color: #3f3f3f;
background-color: #fff;
}
}
.menu-list a:active {
color: #fff;
}
@media screen and (max-width:1080px){
.menu-list a:active {
color: #3f3f3f;
background-color: #fff;
}
}
.menu-list a:active svg path {
fill: #d99374;
stroke-dashoffset: 0;
}
.section-reg {
padding: 28px 0;
}
@media screen and (max-width:1500px){
.section-reg {
padding: 28px 30px;
}
}
@media screen and (max-width:767px){
.section-reg {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width:1500px){
.section-reg .container-fluid {
max-width: 1330px;
padding: 0;
}
}
.reg-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
@media screen and (max-width:1500px){
.reg-row {
margin: 0 -10px;
}
}
@media screen and (max-width:1299px){
.reg-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.reg-col {
-webkit-box-flex: 1;
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
padding: 0 20px;
}
@media screen and (max-width:1500px){
.reg-col {
padding: 0 10px;
}
}
@media screen and (max-width:1299px){
.reg-col {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.reg-col--center {
min-width: 680px;
width: 680px;
}
@media screen and (max-width:1299px){
.reg-col--center {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
min-width: 100px;
}
}
.registration-menu {
padding: 50px 20px 50px 40px;
}
@media screen and (max-width:1500px){
.registration-menu {
padding-left: 0;
margin-left: -20px;
}
}
@media screen and (max-width:1299px){
.registration-menu {
display: none;
}
}
.registration-menu li {
margin-bottom: 20px;
}
.registration-menu li span {
color: #9b9a98;
padding: 10px 20px;
font-size: 20px;
line-height: 1.4;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-border-radius: 30px;
border-radius: 30px;
}
@media screen and (max-width:1440px){
.registration-menu li span {
font-size: 18px;
}
}
.registration-menu li.active span {
color: #d99374;
background-color: #fff;
font-weight: 700;
}
.registration-label-m {
max-width: 640px;
width: 100%;
margin: 0 auto 30px;
display: none;
}
@media screen and (max-width:1299px){
.registration-label-m {
display: block;
}
}
@media screen and (max-width:1024px){
.registration-label-m {
max-width: 100%;
}
}
.registration-label-m__value {
font-size: 18px;
color: #3f3f3f;
margin-bottom: 16px;
}
@media screen and (max-width:575px){
.registration-label-m__value {
font-size: 14px;
line-height: 1;
}
}
.registration-label-m__value .number {
color: #d99374;
padding-right: 20px;
font-size: 18px;
}
.registration-label-m__value .number b {
font-weight: 600;
}
.registration-label-m__value .number span {
opacity: .5;
}
.progress-line {
position: relative;
width: 100%;
height: 2px;
background-color: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.progress-line__value {
position: absolute;
top: 0;
left: 0;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
width: 0;
height: 2px;
background-color: #d99374;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.payment-cards {
padding: 15px 0 50px;
}
.payment-cards__title {
font-size: 25px;
font-weight: 700;
margin-bottom: 20px;
}
@media screen and (max-width:1440px){
.payment-cards__title {
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
}
}
.payment-cards__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -7px;
}
.payment-cards__list li {
padding: 7px;
}
.payment-cards__list li img {
max-width: 69px;
height: auto;
display: block;
}
@media screen and (max-width:575px){
.payment-cards__list li img {
max-width: 100%;
}
}
.plan-card {
padding: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
border: 2px solid #f8f5f2;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.plan-card .card-label {
position: absolute;
top: -41px;
right: -31px;
width: 140px;
height: 140px;
}
.plan-card .card-label img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50%;
object-position: 50%;
display: block;
}
.plan-card__name {
color: #9e9e9e;
text-transform: uppercase;
line-height: 1.5;
margin-bottom: 15px;
width: 100%;
}
.plan-card__name b {
font-weight: 700;
color: #d99374;
}
.plan-card__subscribe {
color: #d99374;
margin-bottom: 20px;
font-size: 15px;
}
.plan-card .separate-line {
margin-bottom: 20px;
width: 100%;
height: 1px;
background-color: #f7e9e3;
}
.plan-card__price {
width: 100%;
padding-bottom: 14px;
font-size: 35px;
line-height: 1.3;
}
.plan-card__price span {
font-size: 18px;
}
.plan-card__list {
width: 100%;
}
.plan-card__list ol {
counter-reset: item;
margin-bottom: 20px;
}
.plan-card__list ol li {
position: relative;
padding-left: 30px;
font-size: 16px;
line-height: 1.4;
font-weight: 500;
margin-bottom: 10px;
}
@media screen and (max-width:1440px){
.plan-card__list ol li {
font-size: 18px;
}
}
.plan-card__list ol li:before {
position: absolute;
left: 0;
top: 0;
content: "0" counter(item);
counter-increment: item;
font-size: inherit;
max-width: 28px;
line-height: inherit;
overflow: hidden;
color: #d99374;
font-weight: 500;
-webkit-box-sizing: inherit;
box-sizing: inherit;
display: block;
}
.plan-card__form {
width: 100%;
margin-top: auto;
}
.plan-card .card-price {
font-size: 20px;
line-height: 150%;
color: #3f3f3f;
margin-right: 10px;
display: block;
}
.plan-card .card-price--discount {
margin-right: 0;
color: #9e9e9e;
}
.plan-card .card-price--discount span {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.plan-card .card-price span {
font-weight: 700;
font-size: 35px;
line-height: 130%;
}
@media screen and (max-width:767px){
.plan-card .card-price span {
font-size: 30px;
}
}
.plan-card .prices {
margin-bottom: 20px;
margin-top: 5px;
}
@media screen and (max-width:767px){
.plan-card .prices {
margin-bottom: 10px;
}
}
.plan-card .discount-label {
position: absolute;
top: 10px;
right: 35px;
}
@media screen and (max-width:1299px){
.plan-card .discount-label {
top: 10px;
right: 10px;
}
}
.plan-card--promotional {
border: 3px solid #f5d9b8;
-webkit-box-shadow: 0 20px 36px rgba(110,80,64,.16);
box-shadow: 0 20px 36px rgba(110,80,64,.16);
}
.plan-card--t .plan-card__list ol li {
font-size: 18px;
}
@media screen and (max-width:1024px){
.plan-card--t .plan-card__list ol li {
font-size: 16px;
}
}
.order-box {
background-color: #fff;
padding: 20px 10px 10px;
margin-bottom: 30px;
max-width: 300px;
width: 100%;
}
@media screen and (max-width:1500px){
.order-box {
max-width: 100%;
}
}
@media screen and (max-width:1299px){
.order-box {
max-width: 640px;
margin: 0 auto 30px;
}
}
@media screen and (max-width:1024px){
.order-box {
padding: 40px 30px 10px;
max-width: 100%;
}
}
@media screen and (max-width:767px){
.order-box {
padding: 20px 20px 10px;
margin-bottom: 10px;
}
}
.order-box__title {
font-size: 30px;
font-weight: 700;
padding: 0 20px 10px;
position: relative;
}
.order-box__title:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #f8f5f2;
}
@media screen and (max-width:1024px){
.order-box__title:before {
left: -20px;
width: -webkit-calc(100% + 40px);
width: calc(100% + 40px);
}
}
@media screen and (max-width:767px){
.order-box__title:before {
left: -20px;
width: -webkit-calc(100% + 40px);
width: calc(100% + 40px);
}
}
@media screen and (max-width:1024px){
.order-box__title {
font-size: 24px;
padding: 0 0 10px;
}
}
.order-box__field {
padding-top: 20px;
}
.order-box__field .input-form {
text-align: left;
}
.order-box__body {
padding: 20px;
}
@media screen and (max-width:1024px){
.order-box__body {
padding: 20px 0;
}
}
.order-box__descr {
padding: 20px;
background: #f8f5f2;
font-size: 18px;
color: #3f3f3f;
}
@media screen and (max-width:1299px){
.order-box__descr {
font-size: 14px;
max-width: -webkit-calc(100% - 40px);
max-width: calc(100% - 40px);
width: 100%;
margin: 0 auto 30px;
}
}
@media screen and (max-width:1024px){
.order-box__descr {
max-width: 100%;
}
}
@media screen and (max-width:1024px){
.order-box__descr {
margin-bottom: 20px;
}
}
.order-box .plan-name {
margin-bottom: 5px;
font-weight: 700;
font-size: 20px;
}
.order-box .plan-price {
font-size: 20px;
}
@media screen and (max-width:1299px){
.order-box .plan-price {
font-size: 18px;
}
}
.order-description-table__row {
margin-bottom: 14px;
}
@media screen and (max-width:1229px){
.order-description-table__row {
margin-bottom: 10px;
}
}
@media screen and (max-width:1229px){
.order-description-table__grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px;
}
}
@media screen and (max-width:1229px){
.order-description-table__top {
padding: 0 20px;
width: 50%;
}
}
@media screen and (max-width:575px){
.order-description-table__top {
width: 100%;
}
}
@media screen and (max-width:1229px){
.order-description-table__top .order-description-table__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
}
@media screen and (max-width:575px){
.order-description-table__top .order-description-table__row {
display: block;
height: auto;
}
}
@media screen and (max-width:1229px){
.order-description-table__bottom {
padding: 0 20px;
width: 50%;
}
}
@media screen and (max-width:575px){
.order-description-table__bottom {
width: 100%;
}
}
.order-description-table .total-result {
margin-top: 15px;
padding: 15px 0 0;
position: relative;
}
.order-description-table .total-result:before {
content: '';
display: block;
position: absolute;
height: 1px;
width: -webkit-calc(100% + 40px);
width: calc(100% + 40px);
left: -20px;
top: 0;
background-color: #f8f5f2;
}
@media screen and (max-width:767px){
.order-description-table .total-result:before {
height: 2px;
}
}
.order-descr-card__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-descr-card__title {
font-size: 20px;
}
.order-descr-card__title b {
font-size: 20px;
}
@media screen and (max-width:1229px){
.order-descr-card__title {
font-size: 18px;
}
}
.order-descr-card__value {
margin-left: auto;
font-size: 20px;
text-align: right;
white-space: nowrap;
}
.order-descr-card__value b {
font-size: 20px;
}
@media screen and (max-width:1229px){
.order-descr-card__value {
font-size: 18px;
}
}
.order-descr-card__description {
font-size: 16px;
line-height: 1.5;
color: #d99374;
margin-top: 10px;
}
.total-result {
color: #d99374;
padding: 20px 0;
}
@media screen and (max-width:1229px){
.total-result {
padding: 10px 0;
}
}
@media screen and (max-width:1229px){
.total-result .order-descr-card__title b {
font-size: 18px;
}
}
.orders-list {
margin-bottom: 30px;
}
@media screen and (max-width:1229px){
.orders-list {
margin-bottom: 4px;
}
}
@media screen and (max-width:575px){
.orders-list {
margin-bottom: 30px;
}
}
.orders-list .item {
margin-top: 16px;
}
.orders-list .item:first-child {
margin-top: 0;
}
.order-card-small {
text-decoration: none;
color: #3f3f3f;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
.order-card-small__image {
width: 56px;
height: 54px;
min-width: 56px;
}
.order-card-small__image img {
-webkit-border-radius: 5px;
border-radius: 5px;
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.order-card-small__title {
font-weight: 700;
font-size: 18px;
line-height: 1.5;
width: -webkit-calc(100% - 56px);
width: calc(100% - 56px);
padding-left: 15px;
}
.order-annotation {
font-size: 18px;
line-height: 1.4;
}
@media screen and (max-width:1440px){
.order-annotation {
font-size: 14px;
padding-top: 10px;
}
}
.order-annotation span {
display: block;
}
@media screen and (max-width:1440px){
.order-annotation span {
display: inline;
}
}
.form-promocode .button-form {
padding: 30px 0 0;
}
@media screen and (max-width:1229px){
.form-promocode .button-form {
padding: 30px 0 10px;
}
}
.form-promocode .button-form .btn {
font-weight: 700;
color: #d99374;
border: 2px solid #d99374;
padding: 17px 20px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
@media screen and (min-width:1081px){
.form-promocode .button-form .btn:hover {
background-color: #d99374;
color: #fff;
border-color: #d99374;
}
}
.form-promocode .button-form .btn:active {
background-color: #d99374;
color: #fff;
border-color: #d99374;
}
.price-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
background: #fff;
border: 2px solid #f8f5f2;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.price-card__name {
color: #9e9e9e;
text-transform: uppercase;
line-height: 1.5;
margin-bottom: 10px;
width: 100%;
font-size: 20px;
}
@media screen and (max-width:1440px){
.price-card__name {
font-size: 16px;
}
}
.price-card__name b {
font-weight: 600;
color: #d99374;
}
.price-card .select-wrap {
margin-top: 10px;
}
.price-card .select-wrap input {
display: none!important;
}
.price-card .separate-line {
width: 100%;
height: 1px;
background-color: #f7e9e3;
}
.price-card__subscribe {
color: #d99374;
margin-bottom: 24px;
font-size: 26px;
padding-bottom: 20px;
border-bottom: 1px solid #f7e9e3;
}
@media screen and (max-width:1440px){
.price-card__subscribe {
font-size: 20px;
}
}
@media screen and (max-width:1024px){
.price-card__subscribe {
font-size: 16px;
}
}
@media screen and (max-width:767px){
.price-card__subscribe {
margin-bottom: 20px;
padding-bottom: 16px;
}
}
.price-card__list {
width: 100%;
}
.price-card__list ol {
counter-reset: item;
margin-bottom: 20px;
}
.price-card__list ol li {
position: relative;
line-height: 1.4;
font-weight: 500;
margin-bottom: 20px;
padding-left: 40px;
font-size: 26px;
}
@media screen and (max-width:1440px){
.price-card__list ol li {
margin-bottom: 20px;
padding-left: 34px;
font-size: 20px;
}
}
@media screen and (max-width:1024px){
.price-card__list ol li {
font-size: 18px;
}
}
@media screen and (max-width:767px){
.price-card__list ol li {
margin-bottom: 12px;
}
}
.price-card__list ol li:before {
position: absolute;
left: 0;
top: 0;
content: "0" counter(item);
counter-increment: item;
font-size: inherit;
max-width: 40px;
line-height: inherit;
overflow: hidden;
color: #d99374;
font-weight: 500;
-webkit-box-sizing: inherit;
box-sizing: inherit;
display: block;
}
.price-card__header {
padding: 50px 60px 30px;
}
@media screen and (max-width:1919px){
.price-card__header {
padding: 50px 60px 30px;
}
}
@media screen and (max-width:1440px){
.price-card__header {
padding: 50px 50px 30px;
}
}
@media screen and (max-width:1024px){
.price-card__header {
padding: 40px 38px 30px;
}
}
@media screen and (max-width:767px){
.price-card__header {
padding: 20px;
}
}
.price-card__body {
padding: 40px 60px 10px;
}
@media screen and (max-width:1919px){
.price-card__body {
padding: 50px 60px 10px;
}
}
@media screen and (max-width:1440px){
.price-card__body {
padding: 50px 50px 30px;
}
}
@media screen and (max-width:1024px){
.price-card__body {
padding: 40px 38px 10px;
}
}
@media screen and (max-width:767px){
.price-card__body {
padding: 20px 20px 10px;
}
}
.price-card__footer {
width: 100%;
margin-top: auto;
padding: 10px 60px 50px;
}
@media screen and (max-width:1440px){
.price-card__footer {
padding: 10px 50px 50px;
}
}
@media screen and (max-width:1024px){
.price-card__footer {
padding: 0 38px 40px;
}
}
@media screen and (max-width:767px){
.price-card__footer {
padding: 0 20px 30px;
}
}
.price-card__footer .button-form {
padding: 0;
}
.price-card .card-price {
font-size: 40px;
line-height: 130%;
color: #3f3f3f;
display: block;
font-weight: 500;
}
@media screen and (max-width:1440px){
.price-card .card-price {
font-size: 30px;
}
}
@media screen and (max-width:1024px){
.price-card .card-price {
font-size: 24px;
}
}
@media screen and (max-width:767px){
.price-card .card-price {
font-size: 20px;
}
}
.price-card .card-price--discount {
margin-right: 0;
color: #9e9e9e;
}
.price-card .card-price--discount span {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.price-card .card-price span {
font-weight: 600;
font-size: 60px;
line-height: 120%;
}
@media screen and (max-width:1024px){
.price-card .card-price span {
font-weight: 500;
font-size: 48px;
}
}
@media screen and (max-width:767px){
.price-card .card-price span {
font-size: 34px;
}
}
.price-card .discount-label {
position: absolute;
top: 10px;
right: 35px;
}
.price-card .btn {
padding: 13px 20px;
-webkit-border-radius: 38px;
border-radius: 38px;
line-height: 1.2;
font-size: 30px;
font-weight: 500;
}
@media screen and (max-width:1024px){
.price-card .btn {
font-size: 18px;
}
}
.t-card {
width: 100%;
height: 100%;
background: #f8f5f2;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
padding: 25px;
}
@media screen and (max-width:767px){
.t-card {
height: auto;
margin: 0 0 10px;
}
}
.t-card__name {
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #d99374;
margin-bottom: 15px;
text-transform: uppercase;
}
.t-card__price {
font-weight: 700;
font-size: 35px;
line-height: 130%;
margin-bottom: 10px;
}
.folder-card {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
padding: 40px;
background: #fff;
-webkit-box-shadow: 0 4px 40px rgba(35,32,53,.12);
box-shadow: 0 4px 40px rgba(35,32,53,.12);
-webkit-border-radius: 10px;
border-radius: 10px;
}
@media screen and (max-width:767px){
.folder-card {
padding: 30px;
}
}
.folder-card__header {
width: 100%;
padding-bottom: 20px;
}
@media screen and (max-width:767px){
.folder-card__header {
padding-bottom: 10px;
}
}
.folder-card__body {
width: 100%;
margin-top: auto;
border-top: 1px solid #d99374;
padding-top: 20px;
}
@media screen and (max-width:767px){
.folder-card__body {
padding-top: 10px;
}
}
.folder-card .card-title {
font-weight: 700;
font-size: 30px;
line-height: 150%;
color: #3f3f3f;
width: 100%;
}
@media screen and (max-width:767px){
.folder-card .card-title {
font-size: 25px;
}
}
.folder-card .card-subtitle {
font-weight: 700;
font-size: 16px;
line-height: 130%;
letter-spacing: .06em;
text-transform: uppercase;
color: #3f3f3f;
opacity: .8;
margin-bottom: 10px;
}
@media screen and (max-width:767px){
.folder-card .card-subtitle {
font-size: 12px;
}
}
.folder-card .card-label {
font-size: 20px;
line-height: 150%;
color: #d99374;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 5px 10px;
background: #f8f5f2;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 8px;
}
.folder-card .card-price {
font-size: 20px;
line-height: 150%;
color: #3f3f3f;
margin-right: 10px;
}
.folder-card .card-price--discount {
margin-right: 0;
color: #9e9e9e;
}
.folder-card .card-price--discount span {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
.folder-card .card-price span {
font-weight: 700;
font-size: 35px;
line-height: 130%;
}
@media screen and (max-width:767px){
.folder-card .card-price span {
font-size: 30px;
}
}
.folder-card .prices {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 20px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width:767px){
.folder-card .prices {
margin-bottom: 10px;
}
}
.folder-card .discount-label {
position: absolute;
top: 18px;
right: 18px;
}
@media screen and (max-width:767px){
.folder-card .discount-label {
top: 8px;
right: 8px;
}
}
.folder-card .btn {
font-weight: 600;
}
.folder-card--invert {
background: #f8f5f2;
border: 2px solid #d99374;
}
.folder-card--invert .card-label {
background: #fff;
-webkit-box-shadow: 0 4px 20px rgba(35,32,53,.09);
box-shadow: 0 4px 20px rgba(35,32,53,.09);
}
.discount-label {
-webkit-border-radius: 50%;
border-radius: 50%;
width: 80px;
height: 80px;
color: #fff;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #d99374;
}
.discount-label__text {
font-weight: 700;
font-size: 10px;
line-height: 130%;
letter-spacing: .1em;
text-transform: uppercase;
}
.discount-label__value {
font-weight: 700;
font-size: 20px;
line-height: 150%;
text-transform: uppercase;
}
.cab-section-header {
margin-bottom: 36px;
}
.cab-section-header .breadcrumb {
margin-bottom: 30px;
}
.cab-section-header .h1,
.cab-section-header .h2 {
margin-bottom: 15px;
}
.cab-section-header .text-section {
max-width: 880px;
}
.block-cab {
position: relative;
padding: 50px 0;
}
@media screen and (max-width:1024px){
.block-cab {
padding: 30px 0;
}
}
.block-cab .separate-line {
width: 100%;
height: 1px;
background-color: #ecc9b9;
}
.block-cab .slider-subscribe {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 40px;
}
@media screen and (max-width:1024px){
.block-cab .slider-subscribe {
margin-top: 20px;
}
}
.block-cab .slider-subscribe .layer {
height: -webkit-calc(100% - 10px);
height: calc(100% - 10px);
}
.cab-button {
padding: 50px 0;
}
@media screen and (max-width:1024px){
.cab-button {
padding: 10px 0;
}
}
.cab-button .btn {
min-width: 320px;
}
@media screen and (max-width:479px){
.cab-button .btn {
min-width: 200px;
}
}
.cab-table-wrap {
position: relative;
}
@media screen and (max-width:767px){
.cab-table-wrap .table-responsive .links-group {
visibility: hidden;
}
}
.table-mobile-overlay {
position: absolute;
right: 0;
bottom: 23px;
display: none;
background: #fff;
-webkit-box-shadow: -10px 4px 30px rgba(169,169,169,.16);
box-shadow: -10px 4px 30px rgba(169,169,169,.16);
z-index: 2;
}
@media screen and (max-width:767px){
.table-mobile-overlay {
display: block;
}
}
.table-mobile-overlay .item {
padding: 10px;
border-bottom: 1px solid #f7e9e3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.drop-block {
position: relative;
}
.drop-block .drop-list {
position: absolute;
bottom: 26px;
right: 34px;
background: #fff;
-webkit-box-shadow: 0 0 40px rgba(169,169,169,.5);
box-shadow: 0 0 40px rgba(169,169,169,.5);
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
visibility: hidden;
opacity: 0;
}
.drop-block .drop-list a {
display: block;
color: #3f3f3f;
padding: 10px 30px;
font-size: 20px;
line-height: 150%;
text-decoration: none;
border-bottom: 1px solid #f7e9e3;
}
.drop-block .drop-list a:last-child {
border-bottom: 0;
}
.drop-block .drop-list.open {
visibility: visible;
opacity: 1;
}
.table-responsive {
overflow-x: auto;
width: 100%;
}
@media screen and (max-width:767px){
.table-responsive {
margin-bottom: 15px;
}
}
.table-responsive .mCSB_scrollTools {
border: none;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
width: auto;
}
.table-responsive .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 8px;
margin: 7px 0;
}
.table-responsive .mCSB_scrollTools .mCSB_draggerRail {
background-color: #f8f5f2;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
width: auto;
}
.table-responsive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(217,147,116,.5);
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
-webkit-border-radius: 4px;
border-radius: 4px;
}
.table-responsive .mCSB_inside>.mCSB_container {
padding: 3px 2px;
}
.table-responsive .mCSB_horizontal.mCSB_inside>.mCSB_container {
margin-bottom: 20px;
}
.table-responsive .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 8px;
width: auto;
}
.table-responsive table {
width: 100%;
min-width: 667px;
border-collapse: collapse;
}
.table-responsive table tr.bd-orange td {
border-color: #d99374;
}
.table-responsive table tr.bd-none td {
border: 0;
}
.table-responsive table tr.bg-light td {
background-color: #f8f5f2;
}
.table-responsive table th {
border: 0;
border-bottom: 1px solid #d99374;
}
.table-responsive table td {
border: 0;
border-bottom: 1px solid #f7e9e3;
}
.table-responsive table td,
.table-responsive table th {
padding: 20px 10px;
text-align: left;
font-weight: 400;
font-size: 20px;
color: #3f3f3f;
}
.table-responsive table td:first-child,
.table-responsive table th:first-child {
padding: 20px 10px 20px 0;
width: 60px;
}
@media screen and (max-width:575px){
.table-responsive table td:first-child,
.table-responsive table th:first-child {
width: auto;
}
}
.table-responsive table td:last-child,
.table-responsive table th:last-child {
padding: 20px 0 20px 10px;
}
@media screen and (max-width:1440px){
.table-responsive table td,
.table-responsive table th {
font-size: 18px;
}
}
.table-responsive table a {
color: #3f3f3f;
text-decoration: none;
border-bottom: 1px solid #3f3f3f;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.table-responsive table a:hover {
color: #d99374;
border-color: #d99374;
}
.table-responsive .btn-close {
width: 24px;
height: 24px;
border: 0;
}
.table-responsive .btn-close svg {
width: 14px;
height: 14px;
fill: #d99374;
}
.table-responsive--descr table {
min-width: 200px;
}
.table-responsive--descr table td,
.table-responsive--descr table th {
width: 50%;
}
.table-responsive--descr table td:first-child,
.table-responsive--descr table th:first-child {
width: auto;
}
.table-responsive .links-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.table-responsive .links-group .btn {
margin-left: 10px;
}
.table-responsive .links-group .btn:first-child {
margin-left: 0;
}
.label-green {
color: #07a420;
padding: 5px 10px;
display: inline-block;
background: rgba(73,220,97,.1);
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
}
.label-orange {
color: #f38f19;
padding: 5px 10px;
display: inline-block;
background: rgba(243,143,25,.1);
-webkit-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
}
.address-block {
margin: 0 -16px;
}
@media screen and (max-width:1024px){
.address-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.address-block__item {
margin-bottom: 50px;
padding: 0 16px;
}
@media screen and (max-width:1024px){
.address-block__item {
width: 50%;
margin-bottom: 30px;
}
}
@media screen and (max-width:575px){
.address-block__item {
width: 100%;
}
}
.address-card {
width: 100%;
max-width: 255px;
}
@media screen and (max-width:1024px){
.address-card {
max-width: 100%;
}
}
.address-card__title {
font-size: 30px;
font-weight: 700;
margin-bottom: 5px;
line-height: 1.5;
}
@media screen and (max-width:1440px){
.address-card__title {
font-size: 25px;
}
}
.address-card__text {
font-size: 20px;
margin-bottom: 15px;
}
@media screen and (max-width:1440px){
.address-card__text {
font-size: 18px;
}
}
.address-card__text--light {
color: #9e9e9e;
}
.address-card__separate {
width: 100%;
height: 28px;
margin-bottom: 15px;
}
@media screen and (max-width:1024px){
.address-card__separate {
height: 5px;
}
}
.address-card__link {
padding: 15px 0;
}
@media screen and (max-width:1024px){
.address-card__link {
padding: 0;
}
}
.address-card__link a {
color: #d99374;
font-size: 20px;
text-decoration: none;
border-bottom: 1px solid #d99374;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width:1440px){
.address-card__link a {
font-size: 18px;
}
}
@media screen and (min-width:1081px){
.address-card__link a:hover {
color: #3f3f3f;
border-color: #3f3f3f;
}
}
.address-card__link a:active {
color: #3f3f3f;
}
.subscribe-descr {
margin-bottom: 50px;
}
@media screen and (max-width:1024px){
.subscribe-descr {
margin-bottom: 30px;
}
}
.edit-form-wrap {
max-width: 660px;
width: 100%;
}
@media screen and (max-width:1440px){
.edit-form-wrap {
max-width: 640px;
}
}
@media screen and (max-width:1024px){
.edit-form-wrap {
max-width: 100%;
}
}
@media screen and (max-width:1024px){
.edit-form-wrap .col-form--w50 {
width: 50%;
}
}
@media screen and (max-width:767px){
.edit-form-wrap .col-form--w50 {
width: 100%;
}
}
.chat-button-wrap {
position: absolute;
bottom: 100px;
right: 0;
}
@media screen and (max-width:1440px){
.chat-button-wrap {
bottom: 76px;
right: -68px;
}
}
@media screen and (max-width:1299px){
.chat-button-wrap {
right: 0;
}
}
@media screen and (max-width:1024px){
.chat-button-wrap {
position: relative;
bottom: auto;
right: auto;
text-align: right;
}
}
.cab-edit-content .chat-button-wrap {
padding-top: 30px;
bottom: 0;
}
.promo-block {
padding: 50px 0;
}
@media screen and (max-width:1229px){
.promo-block {
padding: 10px 0;
margin-bottom: 30px;
}
}
.promo-block__inner {
position: relative;
background: #fff;
-webkit-box-shadow: 0 4px 20px rgba(35,32,53,.09);
box-shadow: 0 4px 20px rgba(35,32,53,.09);
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 50px 400px 50px 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
min-height: 190px;
}
@media screen and (max-width:1229px){
.promo-block__inner {
display: block;
padding: 40px 50% 40px 40px;
}
}
@media screen and (max-width:767px){
.promo-block__inner {
padding: 30px;
}
}
@media screen and (max-width:374px){
.promo-block__inner {
padding: 20px;
}
}
.promo-block__title {
font-weight: 700;
font-size: 35px;
max-width: 310px;
}
@media screen and (max-width:1229px){
.promo-block__title {
font-size: 30px;
}
}
@media screen and (max-width:767px){
.promo-block__title {
font-weight: 400;
}
}
.promo-block__title span {
color: #d99374;
font-style: italic;
font-weight: 600;
}
@media screen and (max-width:767px){
.promo-block__title span {
font-weight: 400;
}
}
.promo-block__icon {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 16px;
}
@media screen and (max-width:1229px){
.promo-block__icon {
height: 80px;
width: 100%;
max-width: 240px;
margin-right: 0;
margin-top: 10px;
}
.promo-block__icon svg {
margin-left: auto;
}
}
@media screen and (max-width:575px){
.promo-block__icon svg {
margin-left: 40px;
}
}
.promo-block__icon .arrow1 {
display: block;
}
@media screen and (max-width:1229px){
.promo-block__icon .arrow1 {
display: none;
}
}
.promo-block__icon .arrow2 {
display: none;
}
@media screen and (max-width:1229px){
.promo-block__icon .arrow2 {
display: block;
}
}
@media screen and (max-width:575px){
.promo-block__icon .arrow2 {
display: none;
}
}
.promo-block__icon .arrow3 {
display: none;
}
@media screen and (max-width:575px){
.promo-block__icon .arrow3 {
display: block;
}
}
.promo-block__button {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 10px;
}
@media screen and (max-width:479px){
.promo-block__button .btn {
width: auto;
}
}
.promo-block__image {
position: absolute;
right: 50px;
top: 50%;
margin-top: -122px;
width: 227px;
height: 245px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
@media screen and (max-width:1229px){
.promo-block__image {
width: 278px;
height: 302px;
}
}
@media screen and (max-width:767px){
.promo-block__image {
right: auto;
left: 70%;
width: 176px;
height: 190px;
margin-top: 0;
top: 90px;
}
}
@media screen and (max-width:575px){
.promo-block__image {
top: 110px;
}
}
@media screen and (max-width:374px){
.promo-block__image {
display: none;
}
}
.promo-block__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
display: block;
}
.promo-block__image .sticker {
-webkit-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
position: absolute;
top: -30px;
left: 50%;
width: 30px;
height: 53px;
margin-left: -15px;
}
@media screen and (max-width:1229px){
.promo-block__image .sticker {
width: 37px;
height: 66px;
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
margin-left: 0;
left: 70px;
}
}
@media screen and (max-width:767px){
.promo-block__image .sticker {
width: 23px;
height: 41px;
left: 40px;
top: -20px;
}
}
.promo-block__image .sticker svg {
width: 100%;
height: 100%;
background-size: contain;
display: block;
}
.page-404 {
text-align: center;
}
.page-404__top {
position: relative;
}
.page-404__title {
font-weight: 500;
color: #d99374;
font-size: 600px;
line-height: 1;
margin-bottom: 80px;
}
@media screen and (max-width:1299px){
.page-404__title {
font-size: 400px;
margin-bottom: 72px;
}
}
@media screen and (max-width:767px){
.page-404__title {
font-size: 190px;
margin-bottom: 40px;
}
}
@media screen and (max-width:374px){
.page-404__title {
font-size: 154px;
}
}
.page-404__text {
font-size: 20px;
margin-bottom: 40px;
}
@media screen and (max-width:767px){
.page-404__text {
font-size: 18px;
margin-bottom: 30px;
}
}
.image-sm {
width: 215px;
height: 285px;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
position: absolute;
top: 50%;
left: 50%;
margin: -164px 0 0 -107px;
}
@media screen and (max-width:1299px){
.image-sm {
width: 143px;
height: 190px;
margin: -105px 0 0 -72px;
}
}
@media screen and (max-width:767px){
.image-sm {
width: 79px;
height: 104px;
margin: -52px 0 0 -40px;
}
}
.image-sm img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
display: block;
}
.image-sm .sticker {
width: 42px;
height: 74px;
position: absolute;
-webkit-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
top: -30px;
left: 50%;
margin-left: -21px;
}
.image-sm .sticker svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width:1299px){
.image-sm .sticker {
width: 28px;
height: 50px;
margin-left: -14px;
top: -24px;
}
}
@media screen and (max-width:767px){
.image-sm .sticker {
width: 15px;
height: 27px;
margin-left: -7px;
top: -14px;
}
}
.info-card {
font-size: 20px;
}
@media screen and (max-width:1299px){
.info-card {
font-size: 18px;
}
}
.info-card__title {
color: #d99374;
margin-bottom: 5px;
}
.info-card__text span {
display: block;
}
.info-card__text a {
color: #3f3f3f;
text-decoration: none;
}
@media screen and (max-width:1299px){
.message-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -10px;
}
}
@media screen and (max-width:767px){
.message-info {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.message-info__item {
margin-bottom: 20px;
}
@media screen and (max-width:1299px){
.message-info__item {
padding: 0 10px;
max-width: 33.3333%;
margin-bottom: 30px;
}
}
@media screen and (max-width:767px){
.message-info__item {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
}
.message-content {
max-width: 1170px;
width: 100%;
margin: 0 auto;
}
.message-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width:1299px){
.message-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.message-col {
width: 50%;
}
@media screen and (max-width:1299px){
.message-col {
width: 100%;
}
}
.message-col--first {
width: 654px;
position: relative;
z-index: 2;
}
@media screen and (max-width:1299px){
.message-col--first {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
max-width: 708px;
}
}
.message-col--second {
width: 587px;
margin-left: -78px;
}
@media screen and (max-width:1299px){
.message-col--second {
margin-left: 0;
max-width: 602px;
width: 100%;
margin-bottom: -30px;
}
}
@media screen and (max-width:767px){
.message-col--second {
display: none;
}
}
.message-card {
padding: 52px 40px 40px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 100%;
width: 100%;
position: relative;
}
@media screen and (max-width:1440px){
.message-card {
padding: 40px;
}
}
@media screen and (max-width:1024px){
.message-card {
padding: 40px 40px 55px;
}
}
@media screen and (max-width:767px){
.message-card {
padding: 20px 20px 74px;
}
}
.message-card__header {
padding-bottom: 5px;
position: relative;
}
@media screen and (max-width:1299px){
.message-card__header {
padding-bottom: 0;
}
}
.message-card__header .h1 {
font-size: 50px;
margin-bottom: 10px;
}
@media screen and (max-width:1024px){
.message-card__header .h1 {
font-size: 25px;
font-weight: 400;
}
}
.message-card__header .h1 span {
color: #d99374;
font-style: italic;
}
.message-card__header .arrow-bottom {
position: relative;
width: 100%;
height: 0;
pointer-events: none;
}
.message-card__header .arrow-bottom svg {
position: absolute;
top: 100%;
right: 40px;
margin-top: -30px;
}
@media screen and (max-width:1299px){
.message-card__header .arrow-bottom svg {
width: 48px;
height: 64px;
margin-top: -40px;
right: 20%;
}
}
@media screen and (max-width:767px){
.message-card__header .arrow-bottom svg {
width: 60px;
height: 78px;
margin-top: -20px;
right: 16px;
}
}
.message-card__body {
padding-top: 30px;
}
@media screen and (max-width:1299px){
.message-card__body {
padding-top: 25px;
}
}
.message-card__footer {
padding: 10px 0 0;
}
.message-card .sticker {
width: 72px;
height: 127px;
position: absolute;
top: -80px;
left: 34px;
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
@media screen and (max-width:1440px){
.message-card .sticker {
width: 55px;
height: 96px;
top: -62px;
}
}
@media screen and (max-width:1299px){
.message-card .sticker {
width: 44px;
height: 78px;
left: 50%;
margin-left: -22px;
top: -40px;
}
}
@media screen and (max-width:767px){
.message-card .sticker {
display: none;
}
}
.message-card .separate-line {
width: 100%;
height: 2px;
background-color: #f7e9e3;
display: block;
}
.message-image img {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
@media screen and (max-width:1299px){
.message-image .image-a {
display: none;
}
}
.message-image .image-b {
display: none;
}
@media screen and (max-width:1299px){
.message-image .image-b {
display: block;
}
}
.buttons-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
.buttons-group__item {
padding: 0 5px;
}
@media screen and (max-width:1299px){
.buttons-group__item {
width: 50%;
}
.buttons-group__item .btn {
width: 100%;
}
}
@media screen and (max-width:575px){
.buttons-group__item {
width: 100%;
margin-top: 20px;
}
}
.title-ld-section__line {
overflow: hidden;
white-space: nowrap;
}
.title-ld-section__line>div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.title-ld-section__line em {
color: #d99374;
font-style: italic;
margin-right: 26px;
}
@media screen and (max-width:1919px){
.title-ld-section__line em {
margin-right: 1.35416667vw;
}
}
@media screen and (max-width:1440px){
.title-ld-section__line em {
margin-right: 1.80555556vw;
}
}
@media screen and (max-width:1024px){
.title-ld-section__line em {
margin-right: 1.30208333vw;
}
}
@media screen and (max-width:575px){
.title-ld-section__line em {
margin-right: 2.66666667vw;
}
}
.title-ld-section__line .icon-image {
margin: 0 21px;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
@media screen and (max-width:1919px){
.title-ld-section__line .icon-image {
margin: 0 1.09375vw;
}
}
@media screen and (max-width:1440px){
.title-ld-section__line .icon-image {
margin: 0 1.45833333vw;
}
}
@media screen and (max-width:575px){
.title-ld-section__line .icon-image {
margin: 0 2.66666667vw;
}
}
.ld-content .btn.btn-large {
font-size: 30px;
line-height: 1.2;
padding: 23px 70px;
border-width: 2px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
@media screen and (max-width:1919px){
.ld-content .btn.btn-large {
font-size: 1.5625vw;
padding: 1.19791667vw 3.64583333vw;
-webkit-border-radius: 2.60416667vw;
border-radius: 2.60416667vw;
}
}
@media screen and (max-width:1024px){
.ld-content .btn.btn-large {
font-size: 30px;
padding: 13px 40px;
-webkit-border-radius: 33px;
border-radius: 33px;
}
}
@media screen and (max-width:374px){
.ld-content .btn.btn-large {
font-size: 26px;
padding: 13px 30px;
}
}
.icon-image--around img {
-webkit-border-radius: 50%;
border-radius: 50%;
}
.icon-image--star img {
-webkit-mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask: url('data:image/svg+xml;utf8,') center/contain no-repeat;
}
.section-ld-top {
width: 100%;
height: 100vh;
min-height: -webkit-calc((100vw + 100vh)/3.3);
min-height: calc((100vw + 100vh)/3.3);
position: relative;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
overflow: hidden;
}
@media screen and (max-width:1440px){
.section-ld-top {
height: 60.41666667vw;
max-height: 100vh;
}
}
@media screen and (max-width:1024px){
.section-ld-top {
height: 133.33333333vw;
max-height: 100%;
}
}
@media screen and (max-width:575px){
.section-ld-top {
height: 177.86666667vw;
}
}
.section-ld-top .section-content {
padding: 77px 80px;
position: relative;
z-index: 2;
width: 100%;
}
@media screen and (max-width:1919px){
.section-ld-top .section-content {
padding: 4.01041667vw 4.16666667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-top .section-content {
padding: 16.66666667vw 9.11458333vw;
}
}
@media screen and (max-width:575px){
.section-ld-top .section-content {
padding: 22.93333333vw 4.26666667vw;
}
}
.section-ld-top .row-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-ld-top .col-section {
padding-right: 15px;
max-width: 100%;
}
@media screen and (max-width:1024px){
.section-ld-top .col-section {
padding-right: 0;
width: 100%;
}
}
.section-ld-top .button-section {
display: none;
}
@media screen and (max-width:1024px){
.section-ld-top .button-section {
display: block;
}
}
.section-ld-top .btn-play {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
visibility: hidden;
}
.text-anim-container {
position: relative;
height: 141px;
}
@media screen and (max-width:1919px){
.text-anim-container {
height: 7.34375vw;
}
}
@media screen and (max-width:1024px){
.text-anim-container {
height: 15.625vw;
}
}
@media screen and (max-width:575px){
.text-anim-container {
height: 16.53333333vw;
}
}
.text-anim-container:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.text-anim-container .slider-text {
width: 100%;
height: 100%;
font-style: italic;
}
.text-anim-container .slider-text .swiper-container {
width: 100%;
height: 100%;
}
.text-anim-container .slider-text .swiper-slide {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.bg-video {
position: absolute;
width: 102%;
height: 102%;
min-width: -webkit-calc(100vh * 16/9);
min-width: calc(100vh * 16/9);
min-height: -webkit-calc(100vw * 9/16);
min-height: calc(100vw * 9/16);
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #fff;
}
@media screen and (max-width:1024px){
.bg-video {
min-width: 100%;
min-height: 100px;
}
}
.bg-video__image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.bg-video__video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: opacity .8s ease;
-o-transition: opacity .8s ease;
transition: opacity .8s ease;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
z-index: 3;
opacity: 1;
}
.bg-video img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
display: block!important;
position: absolute;
top: 0;
left: 0;
}
.bg-video video {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
background-image: none;
border: 0;
}
.marquee-header {
background-color: #f5d9b8;
width: 100%;
height: 47px;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
color: #3f3f3f;
overflow: hidden;
display: none;
}
@media screen and (max-width:1024px){
.marquee-header {
display: block;
}
}
.marquee-header .marquee-line {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
padding: 10px 20px;
white-space: nowrap;
}
.marquee-header .marquee-line__item {
font-size: 18px;
line-height: 1.44;
}
.hero-description {
max-width: 246px;
padding-left: 26px;
position: relative;
}
@media screen and (max-width:1919px){
.hero-description {
max-width: 12.8125vw;
padding-left: 1.35416667vw;
}
}
@media screen and (max-width:1024px){
.hero-description {
display: none;
}
}
.hero-description__line {
margin-bottom: 14px;
overflow: hidden;
font-size: 20px;
font-weight: 500;
visibility: hidden;
}
.hero-description__line.js-animate {
visibility: visible;
}
@media screen and (max-width:1919px){
.hero-description__line {
margin-bottom: .72916667vw;
font-size: 1.04166667vw;
}
}
.hero-description__line:last-child {
margin-bottom: 0;
}
.hero-description .v-line {
width: 2px;
height: 100%;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
visibility: hidden;
}
.hero-description .v-line.js-animate {
visibility: visible;
}
@media screen and (max-width:1919px){
.hero-description .v-line {
width: .10416667vw;
}
}
.hero {
color: #fff;
font-weight: 500;
font-size: 132px;
line-height: 1;
text-shadow: 0 0 10px rgba(63,63,63,.3);
}
@media screen and (max-width:1919px){
.hero {
font-size: 6.875vw;
}
}
@media screen and (max-width:1024px){
.hero {
font-size: 13.02083333vw;
margin-bottom: 6.51041667vw;
}
}
@media screen and (max-width:575px){
.hero {
font-size: 14.66666667vw;
margin-bottom: 9.06666667vw;
}
}
@media screen and (max-width:1024px){
.hero .swiper-slide.text-small {
font-size: 11.19791667vw;
}
}
@media screen and (max-width:575px){
.hero .swiper-slide.text-small {
font-size: 12.8vw;
}
}
.hero__line {
overflow: hidden;
white-space: nowrap;
margin-bottom: 9px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width:1919px){
.hero__line {
margin-bottom: .46875vw;
}
}
@media screen and (max-width:1440px){
.hero__line {
margin-bottom: 0;
}
}
@media screen and (max-width:575px){
.hero__line {
margin-bottom: .26666667vw;
}
}
.hero__value {
visibility: hidden;
}
.hero__value.js-animate {
visibility: visible;
}
.hero .arrow-right {
margin-right: 25px;
margin-left: 10px;
}
@media screen and (max-width:1919px){
.hero .arrow-right {
margin-right: 1.30208333vw;
width: 6.25vw;
height: 8.33333333vw;
}
}
@media screen and (max-width:1440px){
.hero .arrow-right {
width: 6.25vw;
height: 8.33333333vw;
margin-right: 1.38888889vw;
}
}
@media screen and (max-width:1024px){
.hero .arrow-right {
width: 11.71875vw;
height: 15.625vw;
margin-right: 3.25520833vw;
}
}
.hero .arrow-right svg {
width: 100%;
height: 100%;
stroke-dasharray: 400;
stroke-dashoffset: 400;
}
.hero .arrow-right.active svg {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s;
}
.section-ld-horizontal {
padding: 140px 0;
}
@media screen and (max-width:1919px){
.section-ld-horizontal {
padding: 7.29166667vw 0;
}
}
@media screen and (max-width:1440px){
.section-ld-horizontal {
padding: 11.59722222vw 0 10.41666667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-horizontal {
padding: 13.41145833vw 0 0;
}
}
@media screen and (max-width:575px){
.section-ld-horizontal {
padding: 100px 0 0;
}
}
.section-ld-horizontal .title-ld-section {
font-size: 120px;
line-height: 1.1;
font-weight: 500;
}
@media screen and (max-width:1919px){
.section-ld-horizontal .title-ld-section {
font-size: 6.25vw;
}
}
@media screen and (max-width:1440px){
.section-ld-horizontal .title-ld-section {
font-size: 6.25vw;
}
}
@media screen and (max-width:1024px){
.section-ld-horizontal .title-ld-section {
font-size: 9.11458333vw;
}
}
@media screen and (max-width:575px){
.section-ld-horizontal .title-ld-section {
font-size: 12vw;
}
}
.section-ld-horizontal .header-section {
padding: 0 80px;
margin-bottom: 105px;
}
@media screen and (max-width:1919px){
.section-ld-horizontal .header-section {
padding: 0 4.16666667vw;
margin-bottom: 5.46875vw;
}
}
@media screen and (max-width:1440px){
.section-ld-horizontal .header-section {
padding: 0 5.55555556vw;
margin-bottom: 12.08333333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-horizontal .header-section {
padding: 0 3.90625vw;
margin-bottom: 10.28645833vw;
}
}
@media screen and (max-width:575px){
.section-ld-horizontal .header-section {
padding: 0 20px;
margin-bottom: 60px;
}
}
.h-slider {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 300%;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
.h-slider__item {
width: 100%;
will-change: transform;
}
@media screen and (max-width:767px){
.h-slider--desktop {
display: none;
}
}
.h-slider--mobile {
display: none;
}
@media screen and (max-width:767px){
.h-slider--mobile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.h-slider-card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-width: 1920px;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
@media screen and (max-width:1024px){
.h-slider-card {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width:767px){
.h-slider-card {
display: block;
height: 100vh;
}
}
.h-slider-card__header {
width: 50%;
position: relative;
}
@media screen and (max-width:1024px){
.h-slider-card__header {
height: 50vh;
width: 100%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
@media screen and (max-width:767px){
.h-slider-card__header {
height: 100vh;
}
}
.h-slider-card__header .image {
position: absolute;
bottom: 24px;
left: 24px;
width: 79%;
}
.h-slider-card__header .image.animation .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .8s ease-in-out;
transition: -webkit-clip-path .8s ease-in-out;
-o-transition: clip-path .8s ease-in-out;
transition: clip-path .8s ease-in-out;
transition: clip-path .8s ease-in-out,-webkit-clip-path .8s ease-in-out;
}
.h-slider-card__header .image.animation .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: -webkit-transform .8s ease-in-out;
-o-transition: transform .8s ease-in-out;
transition: transform .8s ease-in-out;
transition: transform .8s ease-in-out,-webkit-transform .8s ease-in-out;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.h-slider-card__header .image .sticker {
position: absolute;
left: 50%;
-webkit-transform: translate(-72%,-50%) rotate(10deg);
-ms-transform: translate(-72%,-50%) rotate(10deg);
transform: translate(-72%,-50%) rotate(10deg);
z-index: 2;
width: 15.8%;
}
.h-slider-card__header .image .sticker svg {
width: 100%;
height: auto;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.h-slider-card__header .image .image-mask {
position: relative;
-webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.h-slider-card__header .image .image-mask:before {
content: '';
display: block;
padding-top: 60%;
}
.h-slider-card__header .image .image-mask img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width:1024px){
.h-slider-card__header .image {
width: 40%;
}
}
@media screen and (max-width:767px){
.h-slider-card__header .image {
width: 60%;
}
}
@media screen and (max-width:575px){
.h-slider-card__header .image {
width: 70%;
}
}
.h-slider-card__image {
width: 100%;
height: 100vh;
min-height: 700px;
}
@media screen and (max-width:1919px){
.h-slider-card__image {
min-height: 36.45833333vw;
}
}
@media screen and (max-width:1024px){
.h-slider-card__image {
min-height: 50vh;
height: 100%;
}
}
@media screen and (max-width:767px){
.h-slider-card__image {
min-height: 100vh;
height: 100vh;
}
}
.h-slider-card__image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.h-slider-card--second .h-slider-card__image img {
width: 130%;
}
@media screen and (max-width:767px){
.h-slider-card--second .h-slider-card__image img {
width: 100%;
}
}
.h-slider-card__body {
width: 50%;
background-color: #fff;
position: relative;
z-index: 2;
will-change: transform;
}
@media screen and (max-width:1024px){
.h-slider-card__body {
width: 100%;
height: 50vh;
}
}
@media screen and (max-width:767px){
.h-slider-card__body {
height: 100vh;
}
}
.h-slider-card .body-inner {
width: 100%;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 80px;
}
@media screen and (max-width:1919px){
.h-slider-card .body-inner {
padding: 2.60416667vw 4.16666667vw;
}
}
@media screen and (max-width:1440px){
.h-slider-card .body-inner {
padding: 2.77777778vw 4.16666667vw;
}
}
@media screen and (max-width:1024px){
.h-slider-card .body-inner {
padding: 6.51041667vw 3.90625vw;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%;
}
}
@media screen and (max-width:575px){
.h-slider-card .body-inner {
padding: 90px 20px 30px;
}
}
.h-slider-card .card-content {
max-width: 472px;
width: 100%;
}
@media screen and (max-width:1919px){
.h-slider-card .card-content {
max-width: 24.58333333vw;
}
}
@media screen and (max-width:1440px){
.h-slider-card .card-content {
max-width: 354px;
}
}
@media screen and (max-width:1024px){
.h-slider-card .card-content {
max-width: 100%;
}
}
@media screen and (max-width:575px){
.h-slider-card .card-content {
padding-bottom: 30px;
}
}
@media (max-width:575px) and (max-height:740px){
.h-slider-card .card-content {
padding-bottom: 10px;
}
}
.h-slider-card .card-title {
font-weight: 500;
font-size: 52px;
margin-bottom: 20px;
line-height: 1.28;
}
@media screen and (max-width:1919px){
.h-slider-card .card-title {
font-size: 2.70833333vw;
margin-bottom: 1.04166667vw;
}
}
@media screen and (max-width:1440px){
.h-slider-card .card-title {
font-size: 40px;
margin-bottom: 15px;
line-height: 1.3;
}
}
@media screen and (max-width:1024px){
.h-slider-card .card-title {
font-size: 34px;
}
}
@media (max-width:575px) and (max-height:740px){
.h-slider-card .card-title {
font-size: 26px;
margin-bottom: 10px;
}
}
.h-slider-card .card-text {
font-size: 20px;
font-weight: 500;
}
@media screen and (max-width:1919px){
.h-slider-card .card-text {
font-size: 1.04166667vw;
}
}
@media screen and (max-width:1440px){
.h-slider-card .card-text {
font-size: 18px;
margin-bottom: 20px;
}
}
@media (max-width:575px) and (max-height:740px){
.h-slider-card .card-text {
font-size: 14px;
margin-bottom: 10px;
}
}
.h-slider-card .card-number {
color: #d99374;
font-weight: 600;
font-size: 26px;
}
@media screen and (max-width:1919px){
.h-slider-card .card-number {
font-size: 1.35416667vw;
}
}
@media screen and (max-width:1440px){
.h-slider-card .card-number {
margin-bottom: 40px;
font-size: 20px;
}
}
@media (max-width:575px) and (max-height:740px){
.h-slider-card .card-number {
font-size: 14px;
margin-bottom: 16px;
}
}
@media screen and (max-width:1024px){
.h-slider-card .card-icon {
margin-top: auto;
}
}
.h-slider-card .label-scroll {
color: #d99374;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 26px;
text-decoration: none;
}
@media screen and (max-width:1919px){
.h-slider-card .label-scroll {
font-size: 1.35416667vw;
}
}
@media screen and (max-width:1440px){
.h-slider-card .label-scroll {
font-size: 20px;
}
}
.h-slider-card .label-scroll span {
margin-right: 20px;
}
@media screen and (max-width:1919px){
.h-slider-card .label-scroll span {
margin-right: 1.04166667vw;
}
}
@media screen and (max-width:1440px){
.h-slider-card .label-scroll span {
margin-right: 10px;
}
}
.h-slider-card .label-scroll .arrow-right {
width: 52px;
height: 27px;
}
@media screen and (max-width:1919px){
.h-slider-card .label-scroll .arrow-right {
width: 2.70833333vw;
height: 1.40625vw;
}
}
@media screen and (max-width:1440px){
.h-slider-card .label-scroll .arrow-right {
width: 39px;
height: 20px;
}
}
.h-slider-card .label-scroll .arrow-right svg {
width: 100%;
height: 100%;
stroke-dasharray: 100;
stroke-dashoffset: 100;
}
.h-slider-card .label-scroll .arrow-right.active svg {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.section-ld-questions {
padding: 60px 0 216px;
}
@media screen and (max-width:1919px){
.section-ld-questions {
padding: 3.125vw 0 11.25vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions {
padding: 14.19270833vw 0 15.625vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions {
padding: 37.33333333vw 0 21.33333333vw;
}
}
.section-ld-questions .title-ld-section {
position: relative;
z-index: 2;
font-size: 178px;
line-height: 1.1;
font-weight: 500;
margin-left: auto;
max-width: 1284px;
width: 100%;
text-transform: uppercase;
}
@media screen and (max-width:1919px){
.section-ld-questions .title-ld-section {
font-size: 9.27083333vw;
max-width: 66.875vw;
margin-right: 1.04166667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .title-ld-section {
font-size: 9.63541667vw;
max-width: 68.22916667vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .title-ld-section {
font-size: 13.33333333vw;
max-width: 100%;
}
}
@media screen and (max-width:575px){
.section-ld-questions .title-ld-section.desktop-title {
display: none;
}
}
.section-ld-questions .title-ld-section.mobile-title {
display: none;
}
@media screen and (max-width:575px){
.section-ld-questions .title-ld-section.mobile-title {
display: block;
}
}
.section-ld-questions .title-ld-section em {
margin-left: 30px;
}
@media screen and (max-width:1919px){
.section-ld-questions .title-ld-section em {
margin-left: 1.5625vw;
}
}
@media screen and (max-width:1440px){
.section-ld-questions .title-ld-section em {
margin-left: 1.38888889vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .title-ld-section em {
margin-left: 2.60416667vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .title-ld-section em {
margin-left: 0;
}
}
.section-ld-questions .title-ld-section span {
color: #fff;
margin-right: 30px;
}
@media screen and (max-width:1919px){
.section-ld-questions .title-ld-section span {
margin-right: 1.5625vw;
}
}
@media screen and (max-width:1440px){
.section-ld-questions .title-ld-section span {
margin-right: 2.08333333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .title-ld-section span {
margin-right: 2.60416667vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .title-ld-section span {
margin-right: 5.33333333vw;
}
}
.section-ld-questions .title-ld-section--h3 {
font-size: 91px;
line-height: 1.5;
max-width: 100%;
text-align: center;
margin: 0;
}
@media screen and (max-width:1919px){
.section-ld-questions .title-ld-section--h3 {
font-size: 4.73958333vw;
}
}
@media screen and (max-width:1440px){
.section-ld-questions .title-ld-section--h3 {
font-size: 4.72222222vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .title-ld-section--h3 {
font-size: 10.13333333vw;
line-height: 1.4;
}
}
.section-ld-questions .title-ld-section--h3 .title-ld-section__line>div {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-ld-questions .title-ld-section--h3 .icon-image {
width: 85px;
height: 85px;
}
@media screen and (max-width:1919px){
.section-ld-questions .title-ld-section--h3 .icon-image {
width: 4.42708333vw;
height: 4.42708333vw;
}
}
@media screen and (max-width:1440px){
.section-ld-questions .title-ld-section--h3 .icon-image {
width: 4.44444444vw;
height: 4.44444444vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .title-ld-section--h3 .icon-image {
width: 12vw;
height: 12vw;
}
}
.section-ld-questions .title-ld-section--h3 img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
.section-ld-questions .header-section {
margin-bottom: 185px;
padding: 0 100px 0 50px;
position: relative;
max-width: 1920px;
width: 100%;
margin: 0 auto 185px;
}
@media screen and (max-width:1919px){
.section-ld-questions .header-section {
margin-bottom: 9.63541667vw;
padding: 0 5.20833333vw 0 2.60416667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .header-section {
margin-bottom: 6.51041667vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .header-section {
margin-bottom: 9.6vw;
min-height: 72vw;
}
}
.section-ld-questions .header-section .image {
position: absolute;
width: 728px;
height: 963px;
top: 194px;
left: 110px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
@media screen and (max-width:1919px){
.section-ld-questions .header-section .image {
width: 37.91666667vw;
height: 50.15625vw;
top: 10.10416667vw;
left: 5.72916667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .header-section .image {
width: 47.78645833vw;
height: 63.15104167vw;
top: 9.89583333vw;
left: -5.20833333vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .header-section .image {
width: 64vw;
height: 83.73333333vw;
top: -16vw;
left: 41.86666667vw;
}
}
.section-ld-questions .header-section .image .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
}
.section-ld-questions .header-section .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
.section-ld-questions .header-section .image .image-text {
color: #fff;
position: absolute;
bottom: 0;
right: 0;
text-align: right;
font-size: 52px;
line-height: 1.5;
font-weight: 500;
padding: 30px;
text-transform: uppercase;
font-style: italic;
width: 100%;
z-index: 3;
}
@media screen and (max-width:1919px){
.section-ld-questions .header-section .image .image-text {
font-size: 2.70833333vw;
padding: 1.5625vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .header-section .image .image-text {
font-size: 3.90625vw;
padding: 3.90625vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .header-section .image .image-text {
text-align: left;
font-size: 5.33333333vw;
}
}
.section-ld-questions .header-section .image .sticker {
width: 78px;
height: 138px;
position: absolute;
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
top: -72px;
left: 20%;
z-index: 2;
}
@media screen and (max-width:1919px){
.section-ld-questions .header-section .image .sticker {
width: 4.0625vw;
height: 7.1875vw;
top: -3.75vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .header-section .image .sticker {
width: 6.640625vw;
height: 11.84895833vw;
top: -6.25vw;
left: 18%;
}
}
@media screen and (max-width:575px){
.section-ld-questions .header-section .image .sticker {
width: 11.2vw;
height: 20vw;
top: -10.4vw;
}
}
.section-ld-questions .header-section .image .sticker svg {
width: 100%;
height: 100%;
background-size: contain;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.section-ld-questions .header-section .image.animation .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .6s ease-in-out;
transition: -webkit-clip-path .6s ease-in-out;
-o-transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out,-webkit-clip-path .6s ease-in-out;
}
.section-ld-questions .header-section .image.animation .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.section-ld-questions .header-section--medium .title-ld-section {
font-size: 120px;
}
@media screen and (max-width:1919px){
.section-ld-questions .header-section--medium .title-ld-section {
font-size: 6.25vw;
}
}
@media screen and (max-width:1440px){
.section-ld-questions .header-section--medium .title-ld-section {
font-size: 6.25vw;
margin-right: 1.38888889vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .header-section--medium .title-ld-section {
font-size: 6.77083333vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .header-section--medium .title-ld-section {
font-size: 13.33333333vw;
}
}
.section-ld-questions .header-section--medium .image {
top: 114px;
}
@media screen and (max-width:1919px){
.section-ld-questions .header-section--medium .image {
top: 5.9375vw;
}
}
@media screen and (max-width:1440px){
.section-ld-questions .header-section--medium .image {
top: 5.97222222vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .header-section--medium .image {
top: 6.25vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .header-section--medium .image {
top: -16vw;
}
}
.section-ld-questions .body-section {
padding: 0 80px;
text-align: center;
max-width: 1920px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width:1919px){
.section-ld-questions .body-section {
padding: 0 4.16666667vw;
max-width: 100vw;
}
}
.section-ld-questions .body-section .image {
position: relative;
width: 400px;
height: 529px;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
margin: 120px auto 53px;
}
@media screen and (max-width:1919px){
.section-ld-questions .body-section .image {
width: 20.83333333vw;
height: 27.55208333vw;
margin: 6.25vw auto 2.76041667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .body-section .image {
width: 33.07291667vw;
height: 43.75vw;
margin: -2.60416667vw auto 6.77083333vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .body-section .image {
width: 57.06666667vw;
height: 75.46666667vw;
margin: -5.33333333vw auto 13.33333333vw;
}
}
.section-ld-questions .body-section .image .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
}
.section-ld-questions .body-section .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
.section-ld-questions .body-section .image .sticker {
width: 78px;
height: 138px;
position: absolute;
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
top: -60px;
left: 50%;
margin-left: -30px;
z-index: 2;
}
@media screen and (max-width:1919px){
.section-ld-questions .body-section .image .sticker {
width: 4.0625vw;
height: 7.1875vw;
top: -3.75vw;
margin-left: -1.5625vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .body-section .image .sticker {
width: 4.6875vw;
height: 8.33333333vw;
top: -3.90625vw;
margin-left: -2.34375vw;
}
}
@media screen and (max-width:575px){
.section-ld-questions .body-section .image .sticker {
width: 8.26666667vw;
height: 14.4vw;
top: -7.2vw;
margin-left: -4.26666667vw;
}
}
.section-ld-questions .body-section .image .sticker svg {
width: 100%;
height: 100%;
background-size: contain;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.section-ld-questions .body-section .image.animation .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .6s ease-in-out;
transition: -webkit-clip-path .6s ease-in-out;
-o-transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out,-webkit-clip-path .6s ease-in-out;
}
.section-ld-questions .body-section .image.animation .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.section-ld-questions .button-section .arrow-down {
width: 27px;
height: 52px;
margin: 0 auto 50px;
}
@media screen and (max-width:1919px){
.section-ld-questions .button-section .arrow-down {
width: 1.40625vw;
height: 2.70833333vw;
margin-bottom: 2.60416667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-questions .button-section .arrow-down {
display: none;
}
}
.section-ld-questions .button-section .arrow-down svg {
width: 100%;
height: 100%;
stroke-dasharray: 300;
stroke-dashoffset: 300;
}
.section-ld-questions .button-section .arrow-down.active svg {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.questions-list {
padding: 0 80px 50px 50%;
min-height: 760px;
}
@media screen and (max-width:1919px){
.questions-list {
padding-bottom: 2.60416667vw;
padding-right: 4.16666667vw;
min-height: 39.58333333vw;
}
}
@media screen and (max-width:1440px){
.questions-list {
padding-bottom: 3.47222222vw;
padding-right: 5.55555556vw;
min-height: 45.13888889vw;
}
}
@media screen and (max-width:1024px){
.questions-list {
min-height: 52.08333333vw;
margin-bottom: 10.41666667vw;
}
}
@media screen and (max-width:575px){
.questions-list {
padding: 0 20px 60px;
}
}
.questions-list li {
width: 100%;
position: relative;
overflow: hidden;
}
.questions-list li .line {
position: absolute;
width: 100%;
height: 2px;
background-color: #d99374;
opacity: .2;
display: block;
bottom: 0;
left: 0;
}
@media screen and (max-width:1919px){
.questions-list li .line {
height: .10416667vw;
}
}
@media screen and (max-width:1440px){
.questions-list li .line {
height: .13888889vw;
}
}
@media screen and (max-width:575px){
.questions-list li .line {
height: 1px;
}
}
.questions-list li:last-child .line {
display: none;
}
.question-unit {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 0;
font-size: 34px;
line-height: 1.5;
}
@media screen and (max-width:1919px){
.question-unit {
padding: 2.08333333vw 0;
font-size: 1.77083333vw;
}
}
@media screen and (max-width:1024px){
.question-unit {
font-size: 2.60416667vw;
padding: 3.90625vw 0;
}
}
@media screen and (max-width:575px){
.question-unit {
font-size: 20px;
padding: 30px 0;
}
}
.question-unit .icon-image {
width: 83px;
height: 83px;
min-width: 83px;
overflow: hidden;
position: relative;
}
@media screen and (max-width:1919px){
.question-unit .icon-image {
width: 4.32291667vw;
height: 4.32291667vw;
min-width: 4.32291667vw;
}
}
@media screen and (max-width:1024px){
.question-unit .icon-image {
width: 8.984375vw;
height: 8.984375vw;
min-width: 8.984375vw;
}
}
@media screen and (max-width:575px){
.question-unit .icon-image {
width: 69px;
height: 69px;
min-width: 69px;
}
}
.question-unit img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
.question-unit span {
padding-left: 50px;
}
@media screen and (max-width:1919px){
.question-unit span {
padding-left: 2.60416667vw;
}
}
@media screen and (max-width:1440px){
.question-unit span {
padding-left: 1.31944444vw;
}
}
@media screen and (max-width:1024px){
.question-unit span {
padding-left: 2.47395833vw;
}
}
@media screen and (max-width:575px){
.question-unit span {
padding-left: 20px;
}
}
@media screen and (max-width:991px){
.block-ld-gallery {
display: none;
}
}
.ld-gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
max-width: 1920px;
width: 100%;
height: 1000px;
margin: 20px auto 36px;
}
@media screen and (max-width:1919px){
.ld-gallery {
height: 52.08333333vw;
margin: 1.04166667vw auto 1.875vw;
}
}
@media screen and (max-width:1440px){
.ld-gallery {
height: 45.13888889vw;
margin: 1.38888889vw auto 2.5vw;
}
}
@media screen and (max-width:1229px){
.ld-gallery {
height: 34.72222222vw;
}
}
.ld-gallery__item {
width: 660px;
height: 800px;
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (max-width:1919px){
.ld-gallery__item {
width: 34.375vw;
height: 41.66666667vw;
}
}
@media screen and (max-width:1440px){
.ld-gallery__item {
width: 34.72222222vw;
height: 41.66666667vw;
}
}
.ld-gallery__item:nth-child(2) {
left: 310px;
}
@media screen and (max-width:1919px){
.ld-gallery__item:nth-child(2) {
left: 16.14583333vw;
}
}
.ld-gallery__item:nth-child(2n) {
bottom: 194px;
z-index: 2;
}
@media screen and (max-width:1919px){
.ld-gallery__item:nth-child(2n) {
bottom: 10.10416667vw;
}
}
.ld-gallery__item:nth-child(3) {
left: 876px;
}
@media screen and (max-width:1919px){
.ld-gallery__item:nth-child(3) {
left: 45.625vw;
}
}
.ld-gallery__item:nth-child(4) {
left: 1260px;
}
@media screen and (max-width:1919px){
.ld-gallery__item:nth-child(4) {
left: 65.625vw;
}
}
.ld-gallery__item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
display: block;
}
.block-ld-image {
visibility: hidden;
position: relative;
z-index: 3;
}
.block-ld-image.js-animate {
visibility: visible;
}
.block-ld-image .bg-image {
width: 100%;
height: 925px;
margin: 0 auto;
-webkit-border-radius: 400px 400px 0 0;
border-radius: 400px 400px 0 0;
max-width: 852px;
overflow: hidden;
-webkit-transition: max-width 1.2s cubic-bezier(.675,0,0,1),-webkit-border-radius 1s cubic-bezier(.675,0,0,1),-webkit-transform .5s ease;
transition: max-width 1.2s cubic-bezier(.675,0,0,1),-webkit-border-radius 1s cubic-bezier(.675,0,0,1),-webkit-transform .5s ease;
-o-transition: max-width 1.2s cubic-bezier(.675,0,0,1),border-radius 1s cubic-bezier(.675,0,0,1),transform .5s ease;
transition: max-width 1.2s cubic-bezier(.675,0,0,1),border-radius 1s cubic-bezier(.675,0,0,1),transform .5s ease;
transition: max-width 1.2s cubic-bezier(.675,0,0,1),border-radius 1s cubic-bezier(.675,0,0,1),transform .5s ease,-webkit-border-radius 1s cubic-bezier(.675,0,0,1),-webkit-transform .5s ease;
-webkit-transform: translateY(150px);
-ms-transform: translateY(150px);
transform: translateY(150px);
}
@media screen and (max-width:1919px){
.block-ld-image .bg-image {
height: 48.17708333vw;
max-width: 44.375vw;
-webkit-border-radius: 26.04166667vw 26.04166667vw 0 0;
border-radius: 26.04166667vw 26.04166667vw 0 0;
-webkit-transform: translateY(7.8125vw);
-ms-transform: translateY(7.8125vw);
transform: translateY(7.8125vw);
}
}
@media screen and (max-width:1440px){
.block-ld-image .bg-image {
height: 48.61111111vw;
max-width: 44.375vw;
-webkit-border-radius: 27.77777778vw 27.77777778vw 0 0;
border-radius: 27.77777778vw 27.77777778vw 0 0;
-webkit-transform: translateY(10.41666667vw);
-ms-transform: translateY(10.41666667vw);
transform: translateY(10.41666667vw);
}
}
@media screen and (max-width:1024px){
.block-ld-image .bg-image {
height: 48.4375vw;
max-width: 44.27083333vw;
-webkit-border-radius: 26.04166667vw 26.04166667vw 0 0;
border-radius: 26.04166667vw 26.04166667vw 0 0;
-webkit-transform: translateY(13.02083333vw);
-ms-transform: translateY(13.02083333vw);
transform: translateY(13.02083333vw);
}
}
@media screen and (max-width:575px){
.block-ld-image .bg-image {
height: 48.53333333vw;
max-width: 44.26666667vw;
-webkit-border-radius: 53.33333333vw 53.33333333vw 0 0;
border-radius: 53.33333333vw 53.33333333vw 0 0;
-webkit-transform: translateY(13.33333333vw);
-ms-transform: translateY(13.33333333vw);
transform: translateY(13.33333333vw);
}
}
.block-ld-image .bg-image img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
display: block!important;
}
.block-ld-image .bg-image.animation {
max-width: 100%;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.section-ld-plans {
padding: 150px 0 138px;
max-width: 1920px;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
@media screen and (max-width:1919px){
.section-ld-plans {
padding: 7.8125vw 0;
}
}
@media screen and (max-width:1440px){
.section-ld-plans {
padding: 10.41666667vw 0 8.33333333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-plans {
padding: 10.41666667vw 0;
}
}
@media screen and (max-width:575px){
.section-ld-plans {
padding: 64px 0 54px;
}
}
.section-ld-plans .row-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-ld-plans .col-section {
width: 50%;
}
.section-ld-plans .content-section {
padding: 0 80px;
}
@media screen and (max-width:1919px){
.section-ld-plans .content-section {
padding: 0 4.16666667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-plans .content-section {
padding: 0 30px;
}
}
@media screen and (max-width:575px){
.section-ld-plans .content-section {
padding: 0 20px;
}
}
@media screen and (max-width:1024px){
.section-ld-plans .content-section__top .col-section {
width: 100%;
}
}
.section-ld-plans .content-section__bottom {
padding-top: 50px;
}
@media screen and (max-width:1919px){
.section-ld-plans .content-section__bottom {
padding-top: 2.60416667vw;
}
}
@media screen and (max-width:1440px){
.section-ld-plans .content-section__bottom {
padding-top: 2.36111111vw;
}
}
@media screen and (max-width:1024px){
.section-ld-plans .content-section__bottom {
padding: 0;
}
}
.section-ld-plans .section-link {
text-align: right;
position: relative;
}
@media screen and (max-width:1024px){
.section-ld-plans .section-link {
display: none;
}
}
.section-ld-plans .section-link .title-ld-section__line>div {
-webkit-box-pack: right;
-webkit-justify-content: right;
-ms-flex-pack: right;
justify-content: right;
font-weight: 500;
font-size: 54px;
text-transform: uppercase;
line-height: 1.5;
position: relative;
z-index: 2;
}
@media screen and (max-width:1919px){
.section-ld-plans .section-link .title-ld-section__line>div {
font-size: 2.8125vw;
}
}
@media screen and (max-width:1440px){
.section-ld-plans .section-link .title-ld-section__line>div {
font-size: 2.77777778vw;
}
}
.section-ld-plans .section-link .link-button {
font-weight: 500;
font-size: 54px;
text-transform: uppercase;
line-height: 1.5;
position: relative;
color: #3f3f3f;
border: none;
text-decoration: none;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
z-index: 2;
}
@media screen and (max-width:1919px){
.section-ld-plans .section-link .link-button {
font-size: 2.8125vw;
}
}
@media screen and (max-width:1440px){
.section-ld-plans .section-link .link-button {
font-size: 2.77777778vw;
}
}
@media screen and (min-width:992px){
.section-ld-plans .section-link .link-button:hover {
color: #d99374;
}
}
.section-ld-plans .section-link .arrow-down {
width: 523px;
height: 214px;
position: absolute;
top: 30px;
right: 280px;
pointer-events: none;
}
@media screen and (max-width:1919px){
.section-ld-plans .section-link .arrow-down {
width: 27.23958333vw;
height: 11.14583333vw;
top: 1.5625vw;
right: 14.58333333vw;
}
}
.section-ld-plans .section-link .arrow-down svg {
width: 100%;
height: 100%;
stroke-dasharray: 580;
stroke-dashoffset: 580;
display: block;
}
.section-ld-plans .section-link .arrow-down.active svg {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.section-ld-plans .title-ld {
margin-top: auto;
font-size: 120px;
line-height: 1;
font-weight: 500;
}
@media screen and (max-width:1919px){
.section-ld-plans .title-ld {
font-size: 6.25vw;
}
}
@media screen and (max-width:1440px){
.section-ld-plans .title-ld {
font-size: 6.25vw;
}
}
@media screen and (max-width:1024px){
.section-ld-plans .title-ld {
font-size: 9.11458333vw;
}
}
@media screen and (max-width:575px){
.section-ld-plans .title-ld {
font-size: 13.33333333vw;
}
}
@media screen and (max-width:575px){
.section-ld-plans .title-ld .title-ld-section__line>div {
display: block;
}
}
.section-ld-plans .title-ld em {
margin: 0 26px;
}
@media screen and (max-width:1919px){
.section-ld-plans .title-ld em {
margin: 0 1.35416667vw;
}
}
@media screen and (max-width:575px){
.section-ld-plans .title-ld em {
margin: 0;
display: block;
}
}
.section-ld-plans .top-wrap-title {
position: relative;
}
.slider-plans {
padding: 70px 0 52px;
}
@media screen and (max-width:1919px){
.slider-plans {
padding: 3.64583333vw 0 2.70833333vw;
}
}
@media screen and (max-width:1440px){
.slider-plans {
padding: 4.23611111vw 0 2.91666667vw;
}
}
@media screen and (max-width:1024px){
.slider-plans {
padding: 7.8125vw 0 18.88020833vw;
}
}
@media screen and (max-width:575px){
.slider-plans {
padding: 45px 0 68px;
}
}
.slider-plans .swiper-container {
overflow: visible;
margin: 0 -18px;
}
.slider-plans .swiper-wrapper {
position: relative;
}
.slider-plans .swiper-slide {
width: 530px;
height: auto;
padding: 0 18px;
}
@media screen and (max-width:1919px){
.slider-plans .swiper-slide {
width: 27.60416667vw;
}
}
@media screen and (max-width:1440px){
.slider-plans .swiper-slide {
width: 26.38888889vw;
}
}
@media screen and (max-width:1024px){
.slider-plans .swiper-slide {
width: 37.23958333vw;
}
}
@media screen and (max-width:575px){
.slider-plans .swiper-slide {
width: 66.66666667vw;
}
}
.slider-plans .swiper-slide .plans-card {
-webkit-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg);
}
.slider-plans .swiper-slide:nth-child(2n) .plans-card {
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.plans-card {
width: 100%;
height: 510px;
position: relative;
display: block;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
}
@media screen and (max-width:1919px){
.plans-card {
height: 26.5625vw;
}
}
@media screen and (max-width:1440px){
.plans-card {
height: 25.34722222vw;
}
}
@media screen and (max-width:1024px){
.plans-card {
height: 35.80729167vw;
}
}
@media screen and (max-width:575px){
.plans-card {
height: 66.66666667vw;
}
}
.plans-card__link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 3;
}
.plans-card__header {
position: relative;
color: #fff;
overflow: hidden;
}
.plans-card__header:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(67,61,61,.2)),color-stop(35.42%,rgba(67,67,67,0)));
background: -o-linear-gradient(top,rgba(67,61,61,.2) 0,rgba(67,67,67,0) 35.42%);
background: linear-gradient(180deg,rgba(67,61,61,.2) 0,rgba(67,67,67,0) 35.42%);
}
.plans-card__image {
width: 100%;
height: 100%;
overflow: hidden;
}
.plans-card__image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease,-webkit-transform .4s ease;
}
.plans-card .plan-name {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
padding: 30px;
font-size: 52px;
line-height: 1;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
@media screen and (max-width:1919px){
.plans-card .plan-name {
padding: 1.5625vw;
font-size: 2.70833333vw;
}
}
@media screen and (max-width:1024px){
.plans-card .plan-name {
font-size: 4.42708333vw;
padding: 3.90625vw 3.125vw;
}
}
@media screen and (max-width:767px){
.plans-card .plan-name {
padding: 2.60416667vw;
}
}
@media screen and (max-width:575px){
.plans-card .plan-name {
font-size: 6.2962963vw;
padding: 3.7037037vw;
}
}
@media screen and (max-width:479px){
.plans-card .plan-name {
font-size: 7.08333333vw;
padding: 4.16666667vw;
}
}
.plans-card .plan-name .arrow-icon {
min-width: 36px;
width: 36px;
height: 34px;
display: block;
margin-left: 14px;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease,-webkit-transform .4s ease;
}
@media screen and (max-width:1919px){
.plans-card .plan-name .arrow-icon {
min-width: 1.875vw;
width: 1.875vw;
height: 1.77083333vw;
margin-left: .72916667vw;
}
}
@media screen and (max-width:1024px){
.plans-card .plan-name .arrow-icon {
min-width: 2.60416667vw;
width: 2.60416667vw;
height: 2.734375vw;
margin-left: 1.953125vw;
}
}
@media screen and (max-width:575px){
.plans-card .plan-name .arrow-icon {
min-width: 3.7037037vw;
width: 3.7037037vw;
height: 3.88888889vw;
margin-left: 2.77777778vw;
}
}
@media screen and (max-width:479px){
.plans-card .plan-name .arrow-icon {
min-width: 4.16666667vw;
width: 4.16666667vw;
height: 4.375vw;
margin-left: 3.125vw;
}
}
.plans-card .plan-name .arrow-icon svg {
width: 100%;
height: 100%;
display: block;
}
@media screen and (min-width:992px){
.plans-card:hover .plan-name .arrow-icon {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.plans-card:hover .plans-card__image img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
}
.section-ld-faq .row-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1920px;
width: 100%;
margin: 0 auto;
}
.section-ld-faq .col-section {
width: 50%;
}
@media screen and (max-width:575px){
.section-ld-faq .content-section__top .col-section {
width: 100%;
}
}
@media screen and (max-width:575px){
.section-ld-faq .content-section__top .col-section:first-child {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
@media screen and (max-width:1024px){
.section-ld-faq .content-section__bottom .col-section {
width: 100%;
}
}
.section-ld-faq .subtitle-ld {
font-size: 50px;
text-transform: uppercase;
margin-bottom: 60px;
font-weight: 500;
}
@media screen and (max-width:1919px){
.section-ld-faq .subtitle-ld {
margin-bottom: 3.125vw;
font-size: 2.60416667vw;
}
}
@media screen and (max-width:1440px){
.section-ld-faq .subtitle-ld {
font-size: 2.77777778vw;
}
}
@media screen and (max-width:575px){
.section-ld-faq .subtitle-ld {
display: none;
}
}
.section-ld-faq .title-ld {
margin-top: auto;
font-size: 120px;
line-height: 1;
font-weight: 500;
}
@media screen and (max-width:1919px){
.section-ld-faq .title-ld {
font-size: 6.25vw;
}
}
@media screen and (max-width:1440px){
.section-ld-faq .title-ld {
font-size: 8.33333333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-faq .title-ld {
font-size: 9.11458333vw;
}
}
@media screen and (max-width:575px){
.section-ld-faq .title-ld {
font-size: 13.33333333vw;
}
}
.section-ld-faq .top-wrap-title {
padding: 80px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
position: relative;
}
@media screen and (max-width:1919px){
.section-ld-faq .top-wrap-title {
padding: 4.16666667vw;
}
}
@media screen and (max-width:1440px){
.section-ld-faq .top-wrap-title {
padding: 4.86111111vw 1.38888889vw 1.38888889vw 5.55555556vw;
}
}
@media screen and (max-width:1024px){
.section-ld-faq .top-wrap-title {
padding: 9.11458333vw 1.953125vw 2.60416667vw 3.90625vw;
}
}
@media screen and (max-width:575px){
.section-ld-faq .top-wrap-title {
padding: 78px 20px 50px;
}
}
.section-ld-faq .top-wrap-title .arrow-right {
position: absolute;
left: 80px;
top: 100%;
width: 224px;
height: 151px;
margin-top: -40px;
}
@media screen and (max-width:1919px){
.section-ld-faq .top-wrap-title .arrow-right {
left: 4.16666667vw;
width: 11.66666667vw;
height: 7.86458333vw;
margin-top: -2.08333333vw;
}
}
@media screen and (max-width:1440px){
.section-ld-faq .top-wrap-title .arrow-right {
left: 5.55555556vw;
width: 11.18055556vw;
height: 8.40277778vw;
margin-top: 2.77777778vw;
}
}
@media screen and (max-width:575px){
.section-ld-faq .top-wrap-title .arrow-right {
top: 58%;
margin: 0;
left: 69.33333333vw;
width: 19.73333333vw;
height: 26.13333333vw;
}
}
.section-ld-faq .top-wrap-title .arrow-right .icon-desktop {
width: 100%;
height: 100%;
stroke-dasharray: 400;
stroke-dashoffset: 400;
}
@media screen and (max-width:1024px){
.section-ld-faq .top-wrap-title .arrow-right .icon-desktop {
display: none;
}
}
.section-ld-faq .top-wrap-title .arrow-right .icon-mobile {
width: 100%;
height: 100%;
stroke-dasharray: 400;
stroke-dashoffset: 400;
display: none;
}
@media screen and (max-width:575px){
.section-ld-faq .top-wrap-title .arrow-right .icon-mobile {
display: block;
}
}
.section-ld-faq .top-wrap-title .arrow-right.active svg {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
}
.section-ld-faq .image {
width: 100%;
height: 1060px;
position: relative;
}
@media screen and (max-width:1919px){
.section-ld-faq .image {
height: 55.20833333vw;
}
}
@media screen and (max-width:1440px){
.section-ld-faq .image {
height: 55.20833333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-faq .image {
height: 63.80208333vw;
}
}
@media screen and (max-width:575px){
.section-ld-faq .image {
height: 130.66666667vw;
}
}
.section-ld-faq .image .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
}
.section-ld-faq .image img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
display: block!important;
}
.section-ld-faq .image .text-image {
display: none;
}
@media screen and (max-width:575px){
.section-ld-faq .image .text-image {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 25px 20px;
width: 100%;
z-index: 2;
}
}
@media screen and (max-width:575px){
.section-ld-faq .image .text-image .subtitle-ld {
display: block;
color: #fff;
font-size: 5.33333333vw;
}
.section-ld-faq .image .text-image .subtitle-ld em {
color: #fff;
}
}
.section-ld-faq .image.animation .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .6s ease-in-out;
transition: -webkit-clip-path .6s ease-in-out;
-o-transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out,-webkit-clip-path .6s ease-in-out;
}
.fq-image {
width: 100%;
height: 100%;
position: relative;
z-index: 2;
padding-top: 150px;
}
@media screen and (max-width:1440px){
.fq-image {
padding-top: 200px;
}
}
@media screen and (max-width:1024px){
.fq-image {
padding-top: 0;
}
}
.fqi-image {
width: 640px;
height: 693px;
position: relative;
z-index: 2;
bottom: -60px;
left: 50%;
margin-left: -320px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
@media screen and (max-width:1919px){
.fqi-image {
bottom: -3.125vw;
margin-left: -16.66666667vw;
width: 33.33333333vw;
height: 36.09375vw;
}
}
@media screen and (max-width:1440px){
.fqi-image {
width: 33.33333333vw;
height: 36.11111111vw;
bottom: -.69444444vw;
margin-left: -18.05555556vw;
}
}
@media screen and (max-width:1024px){
.fqi-image {
display: none;
}
}
.fqi-image .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
}
.fqi-image img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.fqi-image .sticker {
position: absolute;
top: 0;
left: 50%;
height: 139px;
width: 79px;
margin-left: -58px;
margin-top: -90px;
-webkit-transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
transform: rotate(-11deg);
z-index: 2;
}
@media screen and (max-width:1919px){
.fqi-image .sticker {
width: 4.11458333vw;
height: 7.23958333vw;
margin-left: -3.02083333vw;
margin-top: -4.6875vw;
}
}
@media screen and (max-width:1299px){
.fqi-image .sticker {
width: 29px;
height: 52px;
margin-left: -16px;
margin-top: -34px;
}
}
@media screen and (max-width:767px){
.fqi-image .sticker {
width: 45px;
height: 75px;
margin-top: -40px;
margin-left: -20px;
}
}
.fqi-image .sticker svg {
width: 100%;
height: 100%;
background-size: contain;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.fqi-image.animation .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .6s ease-in-out;
transition: -webkit-clip-path .6s ease-in-out;
-o-transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out,-webkit-clip-path .6s ease-in-out;
}
.fqi-image.animation .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.faq-accordion {
padding: 100px 80px 100px 0;
min-height: 828px;
}
@media screen and (max-width:1919px){
.faq-accordion {
padding: 5.20833333vw 4.16666667vw 5.20833333vw 0;
min-height: 43.125vw;
}
}
@media screen and (max-width:1440px){
.faq-accordion {
padding: 8.33333333vw 5.55555556vw 8.33333333vw 0;
min-height: 57.29166667vw;
}
}
@media screen and (max-width:1024px){
.faq-accordion {
padding: 8.72395833vw 3.90625vw 9.11458333vw;
min-height: 100px;
}
}
@media screen and (max-width:575px){
.faq-accordion {
padding: 20px 20px 78px;
}
}
.accordion-item {
border-bottom: 2px solid #f8f5f2;
}
@media screen and (max-width:1919px){
.accordion-item {
border-width: .10416667vw;
}
}
@media screen and (max-width:1440px){
.accordion-item {
border-width: 2px;
}
}
.accordion-item.open .accordion-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-item__head {
padding: 33px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
@media screen and (max-width:1919px){
.accordion-item__head {
padding: 1.71875vw 0;
}
}
@media screen and (max-width:1440px){
.accordion-item__head {
padding: 1.73611111vw 0;
}
}
@media screen and (max-width:1024px){
.accordion-item__head {
padding: 25px 0;
}
}
.accordion-item__head .middle-text {
text-transform: uppercase;
font-size: 24px;
line-height: 1.5;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
}
@media screen and (max-width:1919px){
.accordion-item__head .middle-text {
font-size: 1.25vw;
}
}
@media screen and (max-width:1440px){
.accordion-item__head .middle-text {
font-size: 1.25vw;
}
}
@media screen and (max-width:1024px){
.accordion-item__head .middle-text {
font-size: 18px;
}
}
.accordion-item__head .accordion-icon {
width: 16px;
height: 18px;
min-width: 18px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin-left: auto;
}
@media screen and (max-width:1919px){
.accordion-item__head .accordion-icon {
width: .9375vw;
min-width: .9375vw;
height: .83333333vw;
}
}
@media screen and (max-width:1440px){
.accordion-item__head .accordion-icon {
width: 12px;
height: 13px;
}
}
.accordion-item__head .accordion-icon svg {
width: 100%;
height: 100%;
display: block;
margin-left: auto;
}
.accordion-item__body {
display: none;
padding-right: 50px;
}
@media screen and (max-width:1919px){
.accordion-item__body {
padding-right: 2.60416667vw;
}
}
@media screen and (max-width:1440px){
.accordion-item__body {
padding-right: 3.47222222vw;
}
}
@media screen and (max-width:575px){
.accordion-item__body {
padding-right: 0;
}
}
.accordion-item__body .accordion-content {
padding-bottom: 10px;
}
@media screen and (max-width:1919px){
.accordion-item__body .accordion-content {
padding-bottom: .52083333vw;
}
}
@media screen and (max-width:1440px){
.accordion-item__body .accordion-content {
padding-bottom: .69444444vw;
}
}
@media screen and (max-width:1919px){
.accordion-item__body .text-section p {
font-size: 1.04166667vw;
margin-bottom: 1.04166667vw;
}
}
@media screen and (max-width:1919px){
.accordion-item__body .text-section p {
font-size: 18px;
margin-bottom: 20px;
}
}
.section-ld-promo {
position: relative;
color: #fff;
background-color: #d99374;
width: 100%;
height: 1214px;
}
@media screen and (max-width:1919px){
.section-ld-promo {
height: 63.22916667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-promo {
height: 124.47916667vw;
}
}
@media screen and (max-width:575px){
.section-ld-promo {
height: 177.86666667vw;
}
}
.section-ld-promo .bg-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.section-ld-promo .bg-image img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media screen and (max-width:575px){
.section-ld-promo .bg-image img {
-o-object-position: 24% 50%;
object-position: 24% 50%;
}
}
.section-ld-promo .content-section {
position: relative;
z-index: 2;
text-align: center;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 80px;
}
@media screen and (max-width:1919px){
.section-ld-promo .content-section {
padding: 4.16666667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-promo .content-section {
padding: 10.41666667vw 3.90625vw;
}
}
.section-ld-promo .content-section__top {
width: 100%;
margin-bottom: auto;
}
.section-ld-promo .content-section__top .title-ld-section {
margin-left: auto;
text-align: right;
font-size: 50px;
text-transform: uppercase;
line-height: 1.4;
font-weight: 500;
}
@media screen and (max-width:1919px){
.section-ld-promo .content-section__top .title-ld-section {
font-size: 2.60416667vw;
}
}
@media screen and (max-width:1440px){
.section-ld-promo .content-section__top .title-ld-section {
font-size: 2.77777778vw;
color: #f5d9b8;
}
}
@media screen and (max-width:1024px){
.section-ld-promo .content-section__top .title-ld-section {
font-size: 3.90625vw;
text-align: left;
margin-left: 0;
color: #fff;
}
}
@media screen and (max-width:575px){
.section-ld-promo .content-section__top .title-ld-section {
font-size: 5.33333333vw;
}
}
.section-ld-promo .content-section__top .title-ld-section__line>div {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width:1024px){
.section-ld-promo .content-section__top .title-ld-section__line>div {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.section-ld-promo .content-section__top .title-ld-section__line>div em {
color: #fff;
margin: 0 4px 0 10px;
}
@media screen and (max-width:1440px){
.section-ld-promo .content-section__top .title-ld-section__line>div em {
margin-left: 8px;
}
}
@media screen and (max-width:575px){
.section-ld-promo .content-section__top .title-ld-section__line>div em {
margin-left: 6px;
}
}
.section-ld-promo .content-section__bottom {
padding-top: 40px;
width: 100%;
text-align: center;
}
@media screen and (max-width:1919px){
.section-ld-promo .content-section__bottom {
padding-top: 2.08333333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-promo .content-section__bottom {
padding-top: 5.20833333vw;
}
}
.section-ld-promo .content-section__bottom .title-ld-section {
font-size: 160px;
line-height: 1.5;
letter-spacing: -.01em;
margin-bottom: 14px;
font-weight: 500;
}
@media screen and (max-width:1919px){
.section-ld-promo .content-section__bottom .title-ld-section {
font-size: 8.33333333vw;
margin-bottom: .72916667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-promo .content-section__bottom .title-ld-section {
font-size: 13.02083333vw;
margin-bottom: .91145833vw;
}
}
@media screen and (max-width:575px){
.section-ld-promo .content-section__bottom .title-ld-section {
line-height: 1.1;
margin-bottom: 34px;
font-size: 18.66666667vw;
}
}
.section-ld-promo .content-section__bottom .title-ld-section__line>div {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width:575px){
.section-ld-promo .content-section__bottom .title-ld-section__line>div {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.section-ld-promo .content-section__bottom .title-ld-section__line>div em {
color: #fff;
}
@media screen and (max-width:575px){
.section-ld-promo .content-section__bottom .title-ld-section.desktop-title {
display: none;
}
}
.section-ld-promo .content-section__bottom .title-ld-section.mobile-title {
display: none;
}
@media screen and (max-width:575px){
.section-ld-promo .content-section__bottom .title-ld-section.mobile-title {
display: block;
}
}
.section-ld-promo .button-section {
margin-bottom: 30px;
position: relative;
max-width: 1100px;
width: 100%;
margin: 0 auto 36px;
overflow: hidden;
}
@media screen and (max-width:1919px){
.section-ld-promo .button-section {
max-width: 57.29166667vw;
margin-bottom: 1.875vw;
}
}
@media screen and (max-width:1024px){
.section-ld-promo .button-section {
margin-bottom: 3.515625vw;
max-width: 90vw;
}
}
@media screen and (max-width:575px){
.section-ld-promo .button-section {
overflow: visible;
}
}
.section-ld-promo .button-section .arrow-right {
width: 225px;
height: 115px;
position: absolute;
left: 20px;
top: 50%;
margin-top: -70px;
}
@media screen and (max-width:1919px){
.section-ld-promo .button-section .arrow-right {
width: 11.71875vw;
height: 5.98958333vw;
left: 1.04166667vw;
margin-top: -3.64583333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-promo .button-section .arrow-right {
width: 15.36458333vw;
height: 11.58854167vw;
left: 2.60416667vw;
margin-top: -6.51041667vw;
}
}
@media screen and (max-width:575px){
.section-ld-promo .button-section .arrow-right {
width: 13.06666667vw;
height: 14.4vw;
left: 60%;
top: -17.33333333vw;
margin: 0;
}
}
.section-ld-promo .button-section .arrow-right svg {
width: 100%;
height: 100%;
stroke-dasharray: 300;
stroke-dashoffset: 300;
}
@media screen and (max-width:575px){
.section-ld-promo .button-section .arrow-right svg.icon-desktop {
display: none;
}
}
.section-ld-promo .button-section .arrow-right svg.icon-mobile {
display: none;
}
@media screen and (max-width:575px){
.section-ld-promo .button-section .arrow-right svg.icon-mobile {
display: block;
}
}
.section-ld-promo .button-section .arrow-right.active svg {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.section-ld-promo .button-section .btn {
font-size: 66px;
line-height: 1.5;
padding: 13px 74px;
-webkit-border-radius: 70px;
border-radius: 70px;
border-width: 3px;
}
@media screen and (max-width:1919px){
.section-ld-promo .button-section .btn {
font-size: 3.4375vw;
padding: .67708333vw 3.85416667vw;
-webkit-border-radius: 3.64583333vw;
border-radius: 3.64583333vw;
border-width: .15625vw;
}
}
@media screen and (max-width:1024px){
.section-ld-promo .button-section .btn {
font-size: 6.51041667vw;
padding: 1.30208333vw 5.20833333vw;
border-width: 3px;
-webkit-border-radius: 70px;
border-radius: 70px;
}
}
@media screen and (max-width:575px){
.section-ld-promo .button-section .btn {
font-size: 10.4vw;
padding: 2.66666667vw 10.66666667vw;
-webkit-border-radius: 70px;
border-radius: 70px;
}
}
.section-ld-promo .text-section p {
font-size: 30px;
line-height: 1.5;
margin-bottom: 0;
text-transform: capitalize;
}
@media screen and (max-width:1919px){
.section-ld-promo .text-section p {
font-size: 1.5625vw;
}
}
@media screen and (max-width:1024px){
.section-ld-promo .text-section p {
font-size: 2.86458333vw;
}
}
@media screen and (max-width:575px){
.section-ld-promo .text-section p {
font-size: 5.86666667vw;
}
}
.section-ld-price {
padding: 150px 80px 212px;
background: #f7f4ee;
}
@media screen and (max-width:1919px){
.section-ld-price {
padding: 7.8125vw 4.16666667vw 11.04166667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-price {
padding: 12.23958333vw 5.20833333vw 16.015625vw;
max-width: 100%;
}
}
@media screen and (max-width:575px){
.section-ld-price {
padding: 80px 20px 115px;
}
}
.section-ld-price .header-section {
text-align: center;
max-width: 816px;
width: 100%;
margin: 0 auto 60px;
}
@media screen and (max-width:1919px){
.section-ld-price .header-section {
max-width: 42.5vw;
margin: 0 auto 3.125vw;
}
}
@media screen and (max-width:1024px){
.section-ld-price .header-section {
margin-bottom: 15.10416667vw;
max-width: 80vw;
}
}
@media screen and (max-width:575px){
.section-ld-price .header-section {
margin-bottom: 40px;
}
}
.section-ld-price .header-section .text-section p {
font-size: 40px;
margin: 0;
}
@media screen and (max-width:1919px){
.section-ld-price .header-section .text-section p {
font-size: 2.08333333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-price .header-section .text-section p {
font-size: 3.38541667vw;
}
}
@media screen and (max-width:575px){
.section-ld-price .header-section .text-section p {
font-size: 18px;
}
}
.section-ld-price .title-ld-section {
font-size: 120px;
line-height: 1.2;
font-weight: 500;
margin-bottom: 30px;
}
@media screen and (max-width:1919px){
.section-ld-price .title-ld-section {
font-size: 6.25vw;
margin-bottom: 1.5625vw;
}
}
@media screen and (max-width:1024px){
.section-ld-price .title-ld-section {
font-size: 9.11458333vw;
margin-bottom: 20px;
}
}
@media screen and (max-width:575px){
.section-ld-price .title-ld-section {
font-size: 13.33333333vw;
}
}
.section-ld-price .title-ld-section__line>div {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-ld-price .section-button {
position: relative;
text-align: center;
z-index: 2;
}
.section-ld-price .section-button .arrow-down {
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -320px;
margin-bottom: 66px;
width: 420px;
height: 349px;
}
@media screen and (max-width:1919px){
.section-ld-price .section-button .arrow-down {
width: 21.875vw;
height: 18.17708333vw;
margin-left: -16.66666667vw;
margin-bottom: 3.4375vw;
}
}
@media screen and (max-width:1024px){
.section-ld-price .section-button .arrow-down {
display: none;
}
}
.section-ld-price .section-button .arrow-down svg {
width: 100%;
height: 100%;
stroke-dasharray: 700;
stroke-dashoffset: 700;
}
.section-ld-price .section-button .arrow-down.active svg {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
}
.section-ld-price--second {
background: #f8f5f2;
}
@media screen and (max-width:1024px){
.section-ld-price--second {
padding: 12.23958333vw 30px 16.015625vw;
}
}
@media screen and (max-width:575px){
.section-ld-price--second {
padding: 80px 20px 115px;
}
}
.section-ld-price--second .header-section {
text-align: center;
max-width: 816px;
width: 100%;
margin: 0 auto 60px;
}
@media screen and (max-width:1024px){
.section-ld-price--second .header-section {
margin-bottom: 60px;
}
}
@media screen and (max-width:575px){
.section-ld-price--second .header-section {
margin-bottom: 40px;
}
}
.price-box {
padding: 112px 110px 80px;
background-color: #fff;
position: relative;
z-index: 2;
width: 748px;
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
margin-left: -95px;
}
@media screen and (max-width:1919px){
.price-box {
padding: 5.83333333vw 5.72916667vw 4.16666667vw;
width: 38.95833333vw;
margin-left: -4.94791667vw;
}
}
@media screen and (max-width:1024px){
.price-box {
padding: 12.5vw 6.51041667vw 5.20833333vw;
width: 54.42708333vw;
min-width: 54.42708333vw;
margin-left: -9.11458333vw;
}
}
@media screen and (max-width:575px){
.price-box {
width: 100%;
max-width: 360px;
min-width: 200px;
margin: 0 auto;
padding: 85px 40px 35px;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
}
.price-box .sticker {
width: 78px;
height: 138px;
position: absolute;
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
top: -72px;
left: 42%;
}
@media screen and (max-width:1919px){
.price-box .sticker {
width: 4.0625vw;
height: 7.1875vw;
top: -3.75vw;
}
}
@media screen and (max-width:1024px){
.price-box .sticker {
width: 7.68229167vw;
height: 13.54166667vw;
top: -6.77083333vw;
}
}
@media screen and (max-width:575px){
.price-box .sticker {
width: 45px;
height: 82px;
top: -41px;
left: 50%;
margin-left: -22px;
}
}
.price-box .sticker svg {
width: 100%;
height: 100%;
background-size: contain;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
}
.price-box .card-label {
position: absolute;
top: -76px;
right: -58px;
width: 260px;
height: 264px;
}
@media screen and (max-width:1919px){
.price-box .card-label {
top: -3.95833333vw;
right: -3.02083333vw;
width: 13.54166667vw;
height: 13.75vw;
}
}
@media screen and (max-width:1440px){
.price-box .card-label {
top: -5.27777778vw;
right: -4.02777778vw;
width: 18.05555556vw;
height: 18.33333333vw;
}
}
@media screen and (max-width:1024px){
.price-box .card-label {
top: -6.51041667vw;
right: -4.94791667vw;
width: 22.65625vw;
height: 22.65625vw;
}
}
@media screen and (max-width:479px){
.price-box .card-label {
top: -11.73333333vw;
right: -9.06666667vw;
width: 40vw;
height: 40vw;
}
}
.price-box .card-label img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50%;
object-position: 50%;
display: block;
}
.price-box__plan {
text-align: center;
margin-bottom: 32px;
}
@media screen and (max-width:1919px){
.price-box__plan {
margin-bottom: 1.66666667vw;
}
}
@media screen and (max-width:1024px){
.price-box__plan {
margin-bottom: 3.90625vw;
margin-left: -3.90625vw;
margin-right: -3.90625vw;
}
}
@media screen and (max-width:575px){
.price-box__plan {
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
}
.price-box__plan span {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
color: #d99374;
border: 3px solid #d99374;
padding: 12px 27px;
-webkit-border-radius: 36px;
border-radius: 36px;
}
@media screen and (max-width:1919px){
.price-box__plan span {
font-size: 1.25vw;
border-width: .15625vw;
padding: .625vw 1.40625vw;
-webkit-border-radius: 1.875vw;
border-radius: 1.875vw;
}
}
@media screen and (max-width:1024px){
.price-box__plan span {
font-size: 2.34375vw;
border-width: .26041667vw;
padding: 1.30208333vw 2.60416667vw;
-webkit-border-radius: 4.6875vw;
border-radius: 4.6875vw;
}
}
@media screen and (max-width:575px){
.price-box__plan span {
font-size: 16px;
padding: 10px 20px;
-webkit-border-radius: 30px;
border-radius: 30px;
border-width: 2px;
}
}
.price-box__price {
text-align: center;
margin-bottom: 50px;
}
@media screen and (max-width:1919px){
.price-box__price {
margin-bottom: 2.60416667vw;
}
}
@media screen and (max-width:1024px){
.price-box__price {
margin-bottom: 5.20833333vw;
}
}
@media screen and (max-width:575px){
.price-box__price {
margin-bottom: 30px;
}
}
.price-box__price .price-value {
font-size: 100px;
line-height: 1.2;
display: block;
}
@media screen and (max-width:1919px){
.price-box__price .price-value {
font-size: 5.20833333vw;
}
}
@media screen and (max-width:1024px){
.price-box__price .price-value {
font-size: 10.41666667vw;
}
}
@media screen and (max-width:575px){
.price-box__price .price-value {
font-size: 60px;
}
}
.price-box__price .price-descr {
font-size: 40px;
display: block;
}
@media screen and (max-width:1919px){
.price-box__price .price-descr {
font-size: 2.08333333vw;
}
}
@media screen and (max-width:1024px){
.price-box__price .price-descr {
font-size: 3.90625vw;
}
}
@media screen and (max-width:575px){
.price-box__price .price-descr {
font-size: 20px;
}
}
.price-box__price .price-action {
font-size: 26px;
font-weight: 500;
line-height: 1.7;
display: block;
color: #d99374;
margin-top: 20px;
}
@media screen and (max-width:1919px){
.price-box__price .price-action {
font-size: 1.35416667vw;
margin-top: 1.04166667vw;
}
}
@media screen and (max-width:1024px){
.price-box__price .price-action {
font-size: 2.34375vw;
margin-top: 1.30208333vw;
}
}
@media screen and (max-width:575px){
.price-box__price .price-action {
font-size: 16px;
margin-top: 10px;
}
}
.price-box__list {
width: 100%;
}
.price-box__list ol {
counter-reset: item;
margin-bottom: 20px;
}
@media screen and (max-width:1919px){
.price-box__list ol {
margin-bottom: 1.04166667vw;
}
}
.price-box__list ol li {
position: relative;
padding-left: 55px;
font-size: 26px;
line-height: 1.4;
font-weight: 500;
margin-bottom: 26px;
}
@media screen and (max-width:1919px){
.price-box__list ol li {
padding-left: 2.86458333vw;
font-size: 1.35416667vw;
margin-bottom: 1.35416667vw;
}
}
@media screen and (max-width:1024px){
.price-box__list ol li {
padding-left: 5.20833333vw;
font-size: 2.34375vw;
margin-bottom: 3.38541667vw;
}
}
@media screen and (max-width:575px){
.price-box__list ol li {
font-size: 18px;
margin-bottom: 20px;
padding-left: 34px;
font-weight: 400;
}
}
.price-box__list ol li:before {
position: absolute;
left: 0;
top: 0;
content: "0" counter(item);
counter-increment: item;
font-size: inherit;
max-width: 50px;
line-height: inherit;
overflow: hidden;
color: #d99374;
font-weight: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
display: block;
}
@media screen and (max-width:1919px){
.price-box__list ol li:before {
max-width: 2.60416667vw;
}
}
@media screen and (max-width:1024px){
.price-box__list ol li:before {
max-width: 5.20833333vw;
}
}
@media screen and (max-width:575px){
.price-box__list ol li:before {
max-width: 30px;
}
}
.prises-list {
max-width: 1920px;
width: 100%;
padding-top: 50px;
margin: 0 auto 250px;
}
@media screen and (max-width:1919px){
.prises-list {
padding-top: 2.60416667vw;
margin-bottom: 13.02083333vw;
}
}
@media screen and (max-width:1024px){
.prises-list {
margin-bottom: 0;
}
}
@media screen and (max-width:575px){
.prises-list {
padding: 0;
margin: 0;
}
}
.price-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin-bottom: 100px;
-webkit-transform: translateY(15%);
-ms-transform: translateY(15%);
transform: translateY(15%);
}
@media screen and (max-width:1919px){
.price-item {
margin-bottom: 5.20833333vw;
}
}
@media screen and (max-width:1024px){
.price-item {
margin-bottom: 13.02083333vw;
}
}
@media screen and (max-width:575px){
.price-item {
margin-bottom: 72px;
}
}
.price-item__image {
width: 852px;
height: 933px;
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
@media screen and (max-width:1919px){
.price-item__image {
width: 44.375vw;
height: 48.59375vw;
}
}
@media screen and (max-width:1024px){
.price-item__image {
height: 66.015625vw;
width: 60.15625vw;
margin-left: -11.71875vw;
}
}
@media screen and (max-width:575px){
.price-item__image {
display: none;
}
}
.price-item__image .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
}
.price-item__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
}
@media screen and (max-width:1024px){
.price-item:first-child .price-item__image {
margin-bottom: -7.8125vw;
}
}
.price-item:nth-child(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width:1024px){
.price-item:nth-child(2n) {
margin-bottom: 7.8125vw;
}
}
@media screen and (max-width:575px){
.price-item:nth-child(2n) {
margin-bottom: 50px;
}
}
.price-item:nth-child(2n) .price-item__image {
width: 941px;
height: 1099px;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
@media screen and (max-width:1919px){
.price-item:nth-child(2n) .price-item__image {
width: 49.01041667vw;
height: 57.23958333vw;
}
}
@media screen and (max-width:1024px){
.price-item:nth-child(2n) .price-item__image {
height: 72.91666667vw;
width: 62.5vw;
margin-left: 0;
margin-right: -11.71875vw;
}
}
.price-item:nth-child(2n) .price-box {
margin-right: -130px;
margin-left: 0;
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
@media screen and (max-width:1919px){
.price-item:nth-child(2n) .price-box {
margin-right: -6.77083333vw;
}
}
@media screen and (max-width:575px){
.price-item:nth-child(2n) .price-box {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
margin-right: auto;
margin-left: auto;
}
}
.price-item:nth-child(2n) .price-box .sticker {
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
}
.price-item.animation {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .7s ease-in-out;
transition: -webkit-transform .7s ease-in-out;
-o-transition: transform .7s ease-in-out;
transition: transform .7s ease-in-out;
transition: transform .7s ease-in-out,-webkit-transform .7s ease-in-out;
}
.price-item.animation .price-item__image .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .6s ease-in-out;
transition: -webkit-clip-path .6s ease-in-out;
-o-transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out;
transition: clip-path .6s ease-in-out,-webkit-clip-path .6s ease-in-out;
}
.price-item.animation .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: -webkit-transform .6s ease-in-out;
-o-transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.price-item--promotional .price-box {
border: 3px solid #f5d9b8;
-webkit-box-shadow: 0 0 67px rgba(172,115,90,.16);
box-shadow: 0 0 67px rgba(172,115,90,.16);
}
.price-block .tabs__nav {
margin-bottom: 100px;
text-align: center;
overflow-y: hidden;
overflow-x: auto;
}
@media (max-width:1440px){
.price-block .tabs__nav {
margin-bottom: 60px;
}
}
@media (max-width:575px){
.price-block .tabs__nav {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 50px;
padding: 0;
scrollbar-width: none;
}
}
.price-block .tabs__nav .tabs-nav-list-wrap {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (max-width:575px){
.price-block .tabs__nav .tabs-nav-list-wrap {
margin: 0 20px;
}
}
.price-block .tabs__nav .nav-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-border-radius: 40px;
border-radius: 40px;
border: 1px solid rgba(217,147,116,.3);
background: #f7e9e3;
padding: 6px;
}
.price-block .tabs__nav .category-link {
border: 0;
color: #3f3f3f;
font-weight: 700;
text-shadow: none;
font-size: 24px;
padding: 12px 30px;
-webkit-border-radius: 40px;
border-radius: 40px;
white-space: nowrap;
}
@media (max-width:1440px){
.price-block .tabs__nav .category-link {
font-size: 20px;
padding: 12px 26px;
}
}
@media (max-width:992px){
.price-block .tabs__nav .category-link {
font-size: 18px;
}
}
@media (max-width:767px){
.price-block .tabs__nav .category-link {
font-size: 16px;
padding: 8px 18px;
}
}
.price-block .tabs__nav .category-link.active {
pointer-events: none;
color: #fff;
}
@media screen and (min-width:1081px){
.price-block .tabs__nav .category-link:hover {
background: #fff;
}
}
.price-block .tabs__content {
position: relative;
}
.price-block .tabs__content .tabs-item {
visibility: hidden;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
.price-block .tabs__content .tabs-item.active {
position: relative;
opacity: 1;
visibility: visible;
height: auto;
overflow: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .2s ease-in-out,-webkit-transform .4s ease-in-out;
transition: opacity .2s ease-in-out,-webkit-transform .4s ease-in-out;
-o-transition: opacity .2s ease-in-out,transform .4s ease-in-out;
transition: opacity .2s ease-in-out,transform .4s ease-in-out;
transition: opacity .2s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
}
.slider-prices {
position: relative;
margin-top: 100px;
}
@media (max-width:1440px){
.slider-prices {
margin-top: 60px;
}
}
@media (max-width:767px){
.slider-prices {
margin-top: 50px;
}
}
.slider-prices .swiper-wrapper {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.slider-prices .swiper-slide {
height: auto;
}
.slider-prices .swiper-slide:last-child:first-child {
margin: 0 auto!important;
}
@media (max-width:639px){
.slider-prices .swiper-slide {
width: 290px!important;
}
}
@media (max-width:1081px){
.slider-prices .slider-navigations {
top: 37%;
}
}
@media (max-width:480px){
.slider-prices .slider-navigations {
display: none;
}
}
.slider-prices .slider-navigations .buttons {
position: relative;
top: auto;
right: auto;
padding-bottom: 99px;
}
@media (max-width:1440px){
.slider-prices .slider-navigations .buttons {
padding-bottom: 67px;
}
}
@media (max-width:1080px){
.slider-prices .slider-navigations .buttons {
padding-bottom: 0;
}
}
.slider-prices .slider-navigations .button.swiper-button-disabled {
pointer-events: none;
}
.slider-prices .swiper-pagination {
padding-top: 79px;
}
@media (max-width:1440px){
.slider-prices .swiper-pagination {
padding-top: 52px;
}
}
.slider-prices .swiper-pagination-bullet {
width: 10px;
height: 10px;
padding: 0;
background-color: rgba(217,147,116,.5);
border: 0;
margin: 5px;
-webkit-border-radius: 110px;
border-radius: 110px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.slider-prices .swiper-pagination-bullet:before {
display: none;
}
.slider-prices .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
width: 34px;
}
.slider-prices .select-wrap {
margin-bottom: 30px;
}
.slider-prices .select-wrap .placeholder-text {
font-size: 18px;
opacity: 1;
font-weight: 700;
}
.slider-prices .select-wrap .placeholder-text.js-filled {
-webkit-transform: translateY(-26px);
-ms-transform: translateY(-26px);
transform: translateY(-26px);
opacity: 1;
}
.slider-prices .select-wrap .item {
font-weight: 500;
}
.slider-prices .layer {
position: absolute;
top: 0;
width: 70px;
height: 100%;
background-color: transparent;
z-index: 2;
pointer-events: none;
}
@media (max-width:1024px){
.slider-prices .layer {
width: 30px;
}
}
@media (max-width:640px){
.slider-prices .layer {
display: none;
}
}
.slider-prices .layer.left {
left: -80px;
background: -webkit-gradient(linear,left top,right top,color-stop(17.19%,#f8f5f2),color-stop(50%,rgba(248,245,242,.77)),to(rgba(248,245,242,0)));
background: -o-linear-gradient(left,#f8f5f2 17.19%,rgba(248,245,242,.77) 50%,rgba(248,245,242,0) 100%);
background: linear-gradient(90deg,#f8f5f2 17.19%,rgba(248,245,242,.77) 50%,rgba(248,245,242,0) 100%);
}
@media screen and (max-width:1919px){
.slider-prices .layer.left {
left: -4.16666667vw;
}
}
@media screen and (max-width:1024px){
.slider-prices .layer.left {
left: -30px;
}
}
@media screen and (max-width:575px){
.slider-prices .layer.left {
left: -20px;
}
}
.slider-prices .layer.right {
right: -80px;
background: -webkit-gradient(linear,right top,left top,color-stop(17.19%,#f8f5f2),color-stop(50%,rgba(248,245,242,.77)),to(rgba(248,245,242,0)));
background: -o-linear-gradient(right,#f8f5f2 17.19%,rgba(248,245,242,.77) 50%,rgba(248,245,242,0) 100%);
background: linear-gradient(270deg,#f8f5f2 17.19%,rgba(248,245,242,.77) 50%,rgba(248,245,242,0) 100%);
}
@media screen and (max-width:1919px){
.slider-prices .layer.right {
right: -4.16666667vw;
}
}
@media screen and (max-width:1024px){
.slider-prices .layer.right {
right: -30px;
}
}
@media screen and (max-width:575px){
.slider-prices .layer.right {
right: -20px;
}
}
.slider-prices .swiper-container {
overflow: visible;
}
.slider-prices--two .swiper-container {
margin-left: auto;
margin-right: auto;
max-width: 1321px;
width: 100%;
}
.section-ld-previews {
padding: 150px 0 188px;
max-width: 1920px;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.section-ld-previews .bg-section {
position: absolute;
top: 55%;
left: 50%;
margin-left: -115%;
width: 230%;
height: 230%;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #f8f5f2;
}
@media screen and (max-width:1440px){
.section-ld-previews .bg-section {
top: 50%;
margin-left: -1599px;
width: 3198px;
height: 3198px;
}
}
@media screen and (max-width:1024px){
.section-ld-previews .bg-section {
top: 57%;
}
}
@media screen and (max-width:1919px){
.section-ld-previews {
padding: 7.8125vw 0 9.79166667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-previews {
padding: 10.41666667vw 0 13.93229167vw;
}
}
@media screen and (max-width:575px){
.section-ld-previews {
padding: 17.06666667vw 0 20vw;
}
}
.section-ld-previews .content-section {
padding: 0 80px;
}
@media screen and (max-width:1919px){
.section-ld-previews .content-section {
padding: 0 4.16666667vw;
}
}
@media screen and (max-width:1024px){
.section-ld-previews .content-section {
padding: 0 30px;
}
}
@media screen and (max-width:575px){
.section-ld-previews .content-section {
padding: 0 20px;
}
}
.section-ld-previews .button-section {
padding: 0;
}
.section-ld-previews .header-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-ld-previews .left-block {
position: relative;
}
@media screen and (max-width:1024px){
.section-ld-previews .left-block {
display: none;
}
}
.section-ld-previews .left-block .arrow-down {
width: 402px;
height: 255px;
position: absolute;
top: 30px;
right: 280px;
}
@media screen and (max-width:1919px){
.section-ld-previews .left-block .arrow-down {
height: 13.28125vw;
width: 20.9375vw;
top: 1.5625vw;
right: 14.58333333vw;
}
}
.section-ld-previews .left-block .arrow-down svg {
width: 100%;
height: 100%;
stroke-dasharray: 460;
stroke-dashoffset: 460;
}
.section-ld-previews .left-block .arrow-down.active svg {
stroke-dashoffset: 0;
-webkit-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-o-transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
transition: stroke-dashoffset .85s cubic-bezier(.675,0,0,1);
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.section-ld-previews .ld-subtitle {
font-size: 50px;
line-height: 1.5;
text-transform: uppercase;
text-align: right;
}
@media screen and (max-width:1919px){
.section-ld-previews .ld-subtitle {
font-size: 2.60416667vw;
}
}
.section-ld-previews .title-ld-section {
font-size: 120px;
line-height: 1.15;
font-weight: 500;
margin-bottom: 67px;
position: relative;
z-index: 2;
}
@media screen and (max-width:1919px){
.section-ld-previews .title-ld-section {
font-size: 6.25vw;
margin-bottom: 3.48958333vw;
}
}
@media screen and (max-width:1024px){
.section-ld-previews .title-ld-section {
font-size: 9.11458333vw;
margin-bottom: 11.71875vw;
}
}
@media screen and (max-width:575px){
.section-ld-previews .title-ld-section {
font-size: 13.33333333vw;
margin-bottom: 13.33333333vw;
}
}
@media screen and (max-width:575px){
.section-ld-previews .title-ld-section.desktop-title {
display: none;
}
}
.section-ld-previews .title-ld-section.mobile-title {
display: none;
}
@media screen and (max-width:575px){
.section-ld-previews .title-ld-section.mobile-title {
display: block;
}
}
.slider-previews {
margin-bottom: 130px;
}
@media screen and (max-width:1919px){
.slider-previews {
margin-bottom: 6.77083333vw;
}
}
@media screen and (max-width:1024px){
.slider-previews {
margin-bottom: 40px;
}
}
.slider-previews .swiper-container {
padding: 20px 10px 30px;
margin: 0 -10px;
overflow: visible;
}
@media screen and (max-width:1919px){
.slider-previews .swiper-container {
padding: 1.04166667vw .52083333vw 1.5625vw;
margin: 0 -.52083333vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .swiper-container {
max-width: 585px;
padding-top: 5px;
}
}
@media screen and (max-width:767px){
.slider-previews .swiper-container {
max-width: 272px;
padding: 5px 0;
margin: 0;
}
}
@media screen and (max-width:479px){
.slider-previews .swiper-container {
max-width: 272px;
}
}
.slider-previews .swiper-wrapper {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.slider-previews .swiper-slide {
height: auto;
}
.slider-previews .swiper-slide.swiper-slide-active .article-card {
-webkit-transform: rotate(-10deg) translateY(60px);
-ms-transform: rotate(-10deg) translateY(60px);
transform: rotate(-10deg) translateY(60px);
}
@media screen and (max-width:1919px){
.slider-previews .swiper-slide.swiper-slide-active .article-card {
-webkit-transform: rotate(-10deg) translateY(3.125vw);
-ms-transform: rotate(-10deg) translateY(3.125vw);
transform: rotate(-10deg) translateY(3.125vw);
}
}
@media screen and (max-width:1024px){
.slider-previews .swiper-slide.swiper-slide-active .article-card {
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
}
.slider-previews .swiper-slide.swiper-slide-next+.swiper-slide .article-card {
-webkit-transform: rotate(10deg) translateY(60px);
-ms-transform: rotate(10deg) translateY(60px);
transform: rotate(10deg) translateY(60px);
}
@media screen and (max-width:1919px){
.slider-previews .swiper-slide.swiper-slide-next+.swiper-slide .article-card {
-webkit-transform: rotate(10deg) translateY(3.125vw);
-ms-transform: rotate(10deg) translateY(3.125vw);
transform: rotate(10deg) translateY(3.125vw);
}
}
@media screen and (max-width:1024px){
.slider-previews .swiper-slide.swiper-slide-next+.swiper-slide .article-card {
-webkit-transform: none!important;
-ms-transform: none!important;
transform: none!important;
}
}
.slider-previews .article-card {
text-align: left;
margin: 0 auto;
max-width: 503px;
-webkit-box-shadow: 0 5px 26px rgba(35,32,53,.09);
box-shadow: 0 5px 26px rgba(35,32,53,.09);
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@media screen and (max-width:1919px){
.slider-previews .article-card {
max-width: 26.19791667vw;
-webkit-border-radius: .26041667vw;
border-radius: .26041667vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .article-card {
max-width: 380px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
}
@media screen and (min-width:1081px){
.slider-previews .article-card:hover {
-webkit-box-shadow: 0 10px 30px rgba(217,147,116,.2);
box-shadow: 0 10px 30px rgba(217,147,116,.2);
}
}
.slider-previews .article-card:active {
-webkit-box-shadow: 0 10px 30px rgba(217,147,116,.2);
box-shadow: 0 10px 30px rgba(217,147,116,.2);
}
@media screen and (max-width:1024px){
.slider-previews .article-card {
text-align: left;
}
}
.slider-previews .article-card__header {
height: 252px;
}
@media screen and (max-width:1919px){
.slider-previews .article-card__header {
height: 13.125vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .article-card__header {
height: 190px;
}
}
.slider-previews .article-card__body {
padding: 26px;
}
@media screen and (max-width:1919px){
.slider-previews .article-card__body {
padding: 1.35416667vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .article-card__body {
padding: 20px 20px 10px;
}
}
.slider-previews .article-card__footer {
padding: 26px;
}
@media screen and (max-width:1919px){
.slider-previews .article-card__footer {
padding: 1.35416667vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .article-card__footer {
padding: 10px 20px 20px;
}
}
.slider-previews .article-card__image {
-webkit-border-radius: 5px;
border-radius: 5px;
}
@media screen and (max-width:1919px){
.slider-previews .article-card__image {
-webkit-border-radius: .26041667vw;
border-radius: .26041667vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .article-card__image {
-webkit-border-radius: 4px;
border-radius: 4px;
}
}
.slider-previews .article-card .card-title {
font-size: 26px;
margin-bottom: 20px;
font-weight: 500;
}
@media screen and (max-width:1919px){
.slider-previews .article-card .card-title {
font-size: 1.35416667vw;
margin-bottom: 1.04166667vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .article-card .card-title {
margin-bottom: 6px;
font-size: 20px;
}
}
.slider-previews .article-card .card-categories {
padding: 14px;
}
@media screen and (max-width:1919px){
.slider-previews .article-card .card-categories {
padding: .72916667vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .article-card .card-categories {
margin-bottom: 6px;
font-size: 10px;
padding: 14px;
}
}
.slider-previews .card-date {
font-size: 14px;
}
@media screen and (max-width:1919px){
.slider-previews .card-date {
font-size: .72916667vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .card-date {
font-size: 10px;
}
}
.slider-previews .cat-link {
font-size: 13px;
padding: 5px 11px;
-webkit-backdrop-filter: blur(8.25px);
backdrop-filter: blur(8.25px);
-webkit-border-radius: 4px;
border-radius: 4px;
margin-right: 18px;
margin-bottom: 12px;
}
@media screen and (max-width:1919px){
.slider-previews .cat-link {
font-size: .67708333vw;
padding: .26041667vw .57291667vw;
-webkit-border-radius: .20833333vw;
border-radius: .20833333vw;
margin-right: .9375vw;
margin-bottom: .625vw;
}
}
@media screen and (max-width:1024px){
.slider-previews .cat-link {
margin-right: 10px;
margin-bottom: 10px;
font-size: 9px;
padding: 4px 6px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
}
.section-ld-result {
background: #f8f5f2;
}
.section-ld-result .title-ld-section {
font-size: 80px;
line-height: 1.2;
font-weight: 500;
margin-bottom: 67px;
}
@media screen and (max-width:1919px){
.section-ld-result .title-ld-section {
font-size: 4.16666667vw;
margin-bottom: 3.48958333vw;
}
}
@media screen and (max-width:1440px){
.section-ld-result .title-ld-section {
font-size: 4.86111111vw;
margin-bottom: 5.27777778vw;
}
}
@media screen and (max-width:1024px){
.section-ld-result .title-ld-section {
font-size: 5.98958333vw;
margin-bottom: 30px;
}
}
@media screen and (max-width:575px){
.section-ld-result .title-ld-section {
font-size: 6.93333333vw;
margin-bottom: 24px;
}
}
@media screen and (max-width:1024px){
.section-ld-result .title-ld-section.desktop-title {
display: none;
}
}
.section-ld-result .title-ld-section.tablet-title {
display: none;
}
@media screen and (max-width:1024px){
.section-ld-result .title-ld-section.tablet-title {
display: block;
}
}
.section-ld-result .content-section {
padding: 100px 117px 100px 80px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
}
@media screen and (max-width:1919px){
.section-ld-result .content-section {
padding: 5.20833333vw 6.09375vw 5.20833333vw 4.16666667vw;
}
}
@media screen and (max-width:1440px){
.section-ld-result .content-section {
padding: 6.52777778vw 4.72222222vw 6.66666667vw 5.55555556vw;
}
}
@media screen and (max-width:1024px){
.section-ld-result .content-section {
padding: 7.55208333vw 3.90625vw 11.328125vw;
}
}
@media screen and (max-width:575px){
.section-ld-result .content-section {
padding: 67px 20px 74px;
}
}
.section-ld-result .button-section {
padding: 0;
margin-top: auto;
width: 100%;
}
.section-ld-result .header-section {
width: 100%;
}
.section-ld-result .row-section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-width: 1920px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width:1024px){
.section-ld-result .row-section {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.section-ld-result .col-section {
width: 50%;
}
@media screen and (max-width:1024px){
.section-ld-result .col-section {
width: 100%;
}
}
.result-description {
margin-bottom: 67px;
width: 100%;
position: relative;
}
@media screen and (max-width:1919px){
.result-description {
margin-bottom: 3.48958333vw;
}
}
@media screen and (max-width:1440px){
.result-description {
margin-bottom: 5.27777778vw;
}
}
@media screen and (max-width:1024px){
.result-description {
margin-bottom: 50px;
}
}
@media screen and (max-width:575px){
.result-description {
margin-bottom: 80px;
}
}
.result-description__item {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.result-description__item.active {
height: auto;
position: relative;
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.result-description .text-section {
padding-right: 125px;
}
@media screen and (max-width:1919px){
.result-description .text-section {
padding-right: 6.51041667vw;
}
}
@media screen and (max-width:1440px){
.result-description .text-section {
padding-right: 6.52777778vw;
}
}
@media screen and (max-width:1024px){
.result-description .text-section {
padding-right: 0;
}
}
.result-description .text-section p {
font-weight: 500;
margin-bottom: 0;
}
@media screen and (max-width:1919px){
.result-description .text-section p {
font-size: 1.04166667vw;
}
}
@media screen and (max-width:1440px){
.result-description .text-section p {
font-size: 18px;
}
}
.res-gallery-wrap {
width: 100%;
height: 100%;
position: relative;
min-height: 1080px;
}
@media screen and (max-width:1919px){
.res-gallery-wrap {
min-height: 56.25vw;
}
}
@media screen and (max-width:1440px){
.res-gallery-wrap {
min-height: 71.18055556vw;
}
}
@media screen and (max-width:1024px){
.res-gallery-wrap {
height: 42.70833333vw;
min-height: 100px;
}
}
@media screen and (max-width:575px){
.res-gallery-wrap {
height: 142.13333333vw;
}
}
@-webkit-keyframes slideUp{
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideUp{
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.res-gallery {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
-webkit-clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
clip-path: polygon(0 60%,100% 60%,100% 100%,0 100%);
}
.res-gallery.animation {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path .8s ease;
transition: -webkit-clip-path .8s ease;
-o-transition: clip-path .8s ease;
transition: clip-path .8s ease;
transition: clip-path .8s ease,-webkit-clip-path .8s ease;
}
.res-gallery__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: -webkit-transform .8s ease-in-out;
-o-transition: transform .8s ease-in-out;
transition: transform .8s ease-in-out;
transition: transform .8s ease-in-out,-webkit-transform .8s ease-in-out;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s;
}
.res-gallery__item.down:nth-child(2) {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.res-gallery__item.down:nth-child(3) {
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
transform: translateY(-200%);
}
.res-gallery__item.down:nth-child(4) {
-webkit-transform: translateY(-300%);
-ms-transform: translateY(-300%);
transform: translateY(-300%);
}
.res-gallery__item.down:nth-child(5) {
-webkit-transform: translateY(-400%);
-ms-transform: translateY(-400%);
transform: translateY(-400%);
}
.res-gallery__item.down:nth-child(6) {
-webkit-transform: translateY(-500%);
-ms-transform: translateY(-500%);
transform: translateY(-500%);
}
.res-gallery__item.down:nth-child(7) {
-webkit-transform: translateY(-600%);
-ms-transform: translateY(-600%);
transform: translateY(-600%);
}
.res-gallery__item.active {
z-index: 10;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: -webkit-transform .8s ease-in-out;
-o-transition: transform .8s ease-in-out;
transition: transform .8s ease-in-out;
transition: transform .8s ease-in-out,-webkit-transform .8s ease-in-out;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.res-gallery .image {
width: 100%;
height: 100%;
}
.res-gallery .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
display: block!important;
}
.result-nav-wrap {
position: relative;
margin-bottom: 122px;
}
@media screen and (max-width:1919px){
.result-nav-wrap {
margin-bottom: 6.35416667vw;
}
}
@media screen and (max-width:1440px){
.result-nav-wrap {
margin-bottom: 8.33333333vw;
}
}
@media screen and (max-width:1024px){
.result-nav-wrap {
margin-bottom: 50px;
}
}
@media screen and (max-width:575px){
.result-nav-wrap {
margin-bottom: 45px;
display: block;
}
}
.result-nav-wrap .progress-bar {
overflow: hidden;
width: 100%;
height: 2px;
background-color: rgba(63,63,63,.2);
}
.result-nav-wrap .progress-bar__line {
background-color: #3f3f3f;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
width: 0;
height: 100%;
}
.result-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.result-nav__item {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
min-width: 25%;
}
@media screen and (max-width:575px){
.result-nav__item {
min-width: 25%;
}
}
@media screen and (max-width:1024px){
.result-nav__item.active {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
.result-nav__item.active .result-nav__link span {
opacity: 1;
-webkit-transform: scale(3.5);
-ms-transform: scale(3.5);
transform: scale(3.5);
}
@media screen and (max-width:1024px){
.result-nav__item.active .result-nav__link {
font-size: 20px;
}
.result-nav__item.active .result-nav__link span {
-webkit-transform: scale(1.8);
-ms-transform: scale(1.8);
transform: scale(1.8);
}
}
@media screen and (max-width:575px){
.result-nav__item.active .result-nav__link span {
-webkit-transform: scale(1.6);
-ms-transform: scale(1.6);
transform: scale(1.6);
}
}
.result-nav__item.active .result-nav__descr {
opacity: 1;
}
.result-nav__link {
height: 110px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
line-height: 1.2;
font-size: 26px;
font-weight: 500;
color: #3f3f3f;
min-width: 4rem;
padding: 5px 0;
}
.result-nav__link span {
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
display: inline-block;
opacity: .4;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@media screen and (max-width:1919px){
.result-nav__link {
height: 5.72916667vw;
font-size: 1.35416667vw;
padding: .26041667vw 1.04166667vw;
}
}
@media screen and (max-width:1024px){
.result-nav__link {
font-size: 20px;
height: 60px;
padding: 5px;
}
}
@media screen and (max-width:575px){
.result-nav__link {
height: 45px;
}
}
.result-nav__glider {
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.result-nav__descr {
left: 0;
position: relative;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
padding-top: 15px;
font-size: 26px;
font-weight: 500;
-webkit-transition: left .6s ease-in-out;
-o-transition: left .6s ease-in-out;
transition: left .6s ease-in-out;
}
@media screen and (max-width:1919px){
.result-nav__descr {
padding-top: .78125vw;
font-size: 1.35416667vw;
}
}
@media screen and (max-width:575px){
.result-nav__descr {
font-size: 10px;
padding-top: 3px;
}
}
.image-sticker-list {
position: absolute;
z-index: 20;
width: 0;
height: 100%;
top: 0;
left: 0;
}
@media screen and (max-width:1024px){
.image-sticker-list {
left: 76%;
}
}
@media screen and (max-width:575px){
.image-sticker-list {
left: 55%;
}
}
.image-sticker-list__item {
position: absolute;
top: 40%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.image-sticker-list__item:nth-child(2) {
top: 10%;
}
@media screen and (max-width:1024px){
.image-sticker-list__item:nth-child(2) {
top: 70%;
}
}
@media screen and (max-width:575px){
.image-sticker-list__item:nth-child(2) {
top: 73%;
}
}
.image-sticker-list__item:nth-child(3) {
top: 50%;
}
@media screen and (max-width:1024px){
.image-sticker-list__item:nth-child(3) {
top: 70%;
}
}
@media screen and (max-width:575px){
.image-sticker-list__item:nth-child(3) {
top: 73%;
}
}
.image-sticker-list__item:nth-child(4) {
top: 70%;
}
@media screen and (max-width:1024px){
.image-sticker-list__item:nth-child(4) {
top: 70%;
}
}
@media screen and (max-width:575px){
.image-sticker-list__item:nth-child(4) {
top: 73%;
}
}
.image-sticker-list__item:nth-child(5) {
top: 40%;
}
@media screen and (max-width:1024px){
.image-sticker-list__item:nth-child(5) {
top: 70%;
}
}
@media screen and (max-width:575px){
.image-sticker-list__item:nth-child(5) {
top: 73%;
}
}
.image-sticker-list__item:nth-child(6) {
top: 30%;
}
@media screen and (max-width:1024px){
.image-sticker-list__item:nth-child(6) {
top: 70%;
}
}
@media screen and (max-width:575px){
.image-sticker-list__item:nth-child(6) {
top: 73%;
}
}
.image-sticker-list__item:nth-child(7) {
top: 50%;
}
@media screen and (max-width:1024px){
.image-sticker-list__item:nth-child(7) {
top: 70%;
}
}
@media screen and (max-width:575px){
.image-sticker-list__item:nth-child(7) {
top: 73%;
}
}
.image-sticker-list__item:nth-child(8) {
top: 40%;
}
@media screen and (max-width:1024px){
.image-sticker-list__item:nth-child(8) {
top: 70%;
}
}
@media screen and (max-width:575px){
.image-sticker-list__item:nth-child(8) {
top: 73%;
}
}
@media screen and (max-width:1440px){
.image-sticker-list__item {
top: 70%;
}
}
@media screen and (max-width:1024px){
.image-sticker-list__item {
top: 70%;
left: 80%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media screen and (max-width:575px){
.image-sticker-list__item {
top: 73%;
}
}
.image-sticker-list__item:nth-child(2n) .st-image {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.image-sticker-list__item:nth-child(2n) .st-image .sticker {
-webkit-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-9deg);
}
.image-sticker-list__item.active .st-image {
opacity: 1;
}
.image-sticker-list__item.active .st-image .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-transition: -webkit-clip-path 1s ease-in-out;
transition: -webkit-clip-path 1s ease-in-out;
-o-transition: clip-path 1s ease-in-out;
transition: clip-path 1s ease-in-out;
transition: clip-path 1s ease-in-out,-webkit-clip-path 1s ease-in-out;
}
.image-sticker-list__item.active .st-image .sticker svg {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease,-webkit-transform 1s ease;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.st-image {
width: 274px;
height: 363px;
position: relative;
z-index: 2;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
opacity: 0;
}
@media screen and (max-width:1919px){
.st-image {
width: 14.27083333vw;
height: 18.90625vw;
}
}
@media screen and (max-width:1440px){
.st-image {
width: 14.30555556vw;
height: 18.88888889vw;
}
}
@media screen and (max-width:1024px){
.st-image {
width: 17.83854167vw;
height: 23.56770833vw;
}
}
@media screen and (max-width:575px){
.st-image {
width: 137px;
height: 181px;
}
}
.st-image .image-mask {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
clip-path: polygon(0 90%,100% 90%,100% 100%,0 100%);
}
.st-image img {
width: 100%;
height: 100%;
-o-object-position: 50%;
object-position: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.st-image .sticker {
position: absolute;
top: 0;
left: 50%;
height: 95px;
width: 54px;
margin-left: -23px;
margin-top: -48px;
-webkit-transform: rotate(9deg);
-ms-transform: rotate(9deg);
transform: rotate(9deg);
z-index: 2;
}
@media screen and (max-width:1919px){
.st-image .sticker {
width: 2.8125vw;
height: 4.94791667vw;
margin-left: -1.19791667vw;
margin-top: -2.5vw;
}
}
@media screen and (max-width:1440px){
.st-image .sticker {
width: 2.77777778vw;
height: 4.93055556vw;
margin-left: -1.25vw;
margin-top: -2.43055556vw;
}
}
@media screen and (max-width:1024px){
.st-image .sticker {
width: 3.90625vw;
height: 6.90104167vw;
margin-left: -1.82291667vw;
margin-top: -3.38541667vw;
}
}
@media screen and (max-width:575px){
.st-image .sticker {
width: 30px;
height: 53px;
margin-left: -14px;
margin-top: -26px;
}
}
.st-image .sticker svg {
width: 100%;
height: 100%;
background-size: contain;
-webkit-transform: scaleY(.4);
-ms-transform: scaleY(.4);
transform: scaleY(.4);
}
.modal-block {
display: none;
}
.modal-block--message {
max-width: 640px;
width: 100%;
padding: 70px 83px 69px;
}
@media screen and (max-width:575px){
.modal-block--message {
padding: 72px 20px;
}
}
.modal-block .fancybox-button.fancybox-close-small {
width: 48px;
height: 48px;
padding: 6px;
}
.modal-block .fancybox-button.fancybox-close-small svg path {
fill: #d99374;
}
.fancybox-is-open .fancybox-bg {
opacity: .3;
background-color: #3f3f3f;
}
.title-modal {
margin-bottom: 0;
text-transform: capitalize;
}
@media screen and (max-width:1440px){
.title-modal br {
display: none;
}
}
@media screen and (max-width:479px){
.title-modal {
font-size: 24px;
}
}
.title-modal span {
color: #d99374;
}
.description-modal {
margin-top: 15px;
font-size: 18px;
opacity: .9;
}
@media screen and (max-width:1440px){
.description-modal {
font-size: 18px;
}
}
.description-modal-subscribe {
padding: 20px;
font-weight: 500;
font-size: 20px;
line-height: 1.4;
background: #f8f5f2;
margin-top: 40px;
color: #d99374;
text-align: center;
}
@media screen and (max-width:767px){
.description-modal-subscribe {
margin-top: 30px;
}
}
.button-modal {
margin-top: 40px;
}
@media screen and (max-width:767px){
.button-modal {
margin-top: 30px;
}
}
.button-modal .btn {
min-width: 470px;
}
@media screen and (max-width:767px){
.button-modal .btn {
min-width: 200px;
width: 100%;
}
}
.user-block {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 20px;
position: relative;
}
.user-block__field {
width: 48px;
height: 48px;
overflow: hidden;
background-color: transparent;
position: relative;
z-index: 2;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 0;
cursor: pointer;
}
.user-block__field .name-letter {
text-transform: uppercase;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
font-size: 20px;
text-align: center;
position: absolute;
top: 0;
left: 0;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #d99374;
background-color: transparent;
border: 2px solid #d99374;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.user-block__field img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50%;
object-position: 50%;
display: block;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
border: 2px solid #fff;
}
.user-block__body {
position: absolute;
top: 100%;
padding-top: 10px;
visibility: hidden;
width: 240px;
left: auto;
margin: 0;
right: -70px;
}
@media screen and (max-width:1299px){
.user-block__body {
margin-left: 0;
left: auto;
right: 0;
}
}
.user-block .user-account-info {
opacity: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.user-block:hover .user-block__field .name-letter {
background-color: #d99374;
color: #fff;
}
.user-block:hover .user-block__body {
visibility: visible;
}
.user-block:hover .user-account-info {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-main .header-button .user-account-info {
-webkit-box-shadow: 4px 4px 40px rgba(169,169,169,.2);
box-shadow: 4px 4px 40px rgba(169,169,169,.2);
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 12px 0;
overflow: hidden;
background-color: #fff;
}
.header-main .header-button .subscribe-link {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-main--second .header-button .user-block__field .name-letter {
color: #3f3f3f;
border: 2px solid #fff;
}
.header-main--second .header-button .user-block:hover .user-block__field .name-letter {
background-color: #fff;
color: #3f3f3f;
}
.header-main--second .header-button .user-account-info {
-webkit-box-shadow: 4px 4px 40px rgba(169,169,169,.1);
box-shadow: 4px 4px 40px rgba(169,169,169,.1);
}
.user-account-info {
width: 100%;
text-align: left;
color: #3f3f3f;
font-size: 20px;
}
@media screen and (max-width:1440px){
.user-account-info {
font-size: 18px;
}
}
.user-account-info a {
color: #3f3f3f;
text-decoration: none;
font-weight: 500;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
@media screen and (min-width:992px){
.user-account-info a:hover {
color: #d99374;
}
}
.user-account-info a:active {
color: #d99374;
}
.user-account-info__header {
border-bottom: 1px solid #c5c5c5;
padding: 15px 20px;
}
@media screen and (max-width:1440px){
.user-account-info__header {
padding: 10px 20px;
}
}
.user-account-info__body {
padding: 5px 20px 0;
}
.user-account-info__footer {
border-top: 1px solid #c5c5c5;
padding: 10px 20px;
}
@media screen and (max-width:1440px){
.user-account-info__footer {
padding: 5px 20px;
}
}
.user-subscribe__title {
text-transform: uppercase;
font-size: 14px;
line-height: 1.5;
color: rgba(63,63,63,.6);
padding: 10px 0;
}
@media screen and (max-width:1440px){
.user-subscribe__title {
font-size: 12px;
padding: 5px 0;
}
}
.user-subscribe__list li {
padding: 15px 0;
}
@media screen and (max-width:1440px){
.user-subscribe__list li {
padding: 10px 0;
}
}
.subscribe-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.subscribe-link__label {
padding-right: 10px;
}
.subscribe-link__status {
background: rgba(73,220,97,.1);
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px 10px;
color: #07a420;
}
.subscribe-link__status--orange {
color: #f38f19;
background: rgba(243,143,25,.1);
}
html.withRem img {
max-width: 100%;
height: auto;
}
html.withRem .container {
max-width: 100%;
padding-left: 5rem;
padding-right: 5rem;
}
@media (max-width:1024px){
html.withRem .container {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
}
@media (max-width:640px){
html.withRem .container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
html.withRem .js-need-anim:not(.splitText) {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity .4s ease,-webkit-transform .6s ease;
transition: opacity .4s ease,-webkit-transform .6s ease;
-o-transition: transform .6s ease,opacity .4s ease;
transition: transform .6s ease,opacity .4s ease;
transition: transform .6s ease,opacity .4s ease,-webkit-transform .6s ease;
}
html.withRem .js-need-anim:not(.splitText).animation {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.splitText.animation .line .word {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.splitText.animation .line img {
opacity: 1;
}
@media (min-width:1025px){
.splitText.animation .line img {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.splitText .line {
overflow: hidden;
}
.splitText .line .word {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: opacity 0s ease,-webkit-transform .8s ease;
transition: opacity 0s ease,-webkit-transform .8s ease;
-o-transition: transform .8s ease,opacity 0s ease;
transition: transform .8s ease,opacity 0s ease;
transition: transform .8s ease,opacity 0s ease,-webkit-transform .8s ease;
}
.splitText .line img {
-webkit-transition: opacity .6s ease,-webkit-transform .8s ease;
transition: opacity .6s ease,-webkit-transform .8s ease;
-o-transition: transform .8s ease,opacity .6s ease;
transition: transform .8s ease,opacity .6s ease;
transition: transform .8s ease,opacity .6s ease,-webkit-transform .8s ease;
}
@media (min-width:1025px){
.splitText .line img {
-webkit-transform: translateY(110%);
-ms-transform: translateY(110%);
transform: translateY(110%);
}
}
@media (max-width:1024px){
.splitText .line img {
opacity: 0;
}
}
@-webkit-keyframes rotate{
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate{
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.dragMain {
min-height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.dragMain .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (min-width:769px){
.dragMain .container {
padding: 0!important;
}
}
@media (max-width:1024px){
.dragMain .container {
display: block;
}
}
.dragMain__col {
text-align: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width:1025px){
.dragMain__col {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.dragMain__col:nth-child(1) {
background: #f8f5f2;
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}
@media (max-width:768px){
.dragMain__col:nth-child(1) {
padding-top: 3.625rem;
padding-bottom: 2.125rem;
margin-left: -1.875rem;
margin-right: -1.875rem;
}
}
.dragMain__col:nth-child(2) {
padding-top: 16vh;
padding-bottom: 3.125rem;
}
@media (max-width:1440){
.dragMain__col:nth-child(2) {
padding-top: 21vh;
}
}
@media (max-width:768px){
.dragMain__col:nth-child(2) {
padding-top: 2.125rem;
padding-bottom: 1.6875rem;
}
}
.dragMain .photo {
margin: auto;
}
.dragMain .photo img {
width: 100%;
}
@media (max-width:1024px){
.dragMain .photo {
max-width: 29.6875rem;
}
}
.dragMain .subtitle {
font-size: 1.25rem;
font-weight: 700;
line-height: 150%;
letter-spacing: .0375rem;
text-transform: uppercase;
color: #d99374;
margin-bottom: 2.25rem;
}
@media (max-width:768px){
.dragMain .subtitle {
margin-bottom: 1.625rem;
}
}
@media (max-width:640px){
.dragMain .subtitle {
margin-bottom: .9375rem;
font-size: 1rem;
}
}
.dragMain h1 {
max-width: 36rem;
margin: 0 auto;
margin-bottom: 1.625rem;
font-size: 3.75rem;
font-weight: 500;
line-height: 1;
}
@media (max-width:640px){
.dragMain h1 {
font-size: 2.1875rem;
margin-bottom: .9375rem;
line-height: 110%;
}
}
.dragMain .price {
font-size: 1.5625rem;
font-weight: 700;
line-height: 150%;
margin-bottom: 1.625rem;
}
@media (max-width:640px){
.dragMain .price {
font-size: 1.375rem;
}
}
.dragMain .btn {
-webkit-border-radius: 6.25rem;
border-radius: 6.25rem;
padding-top: .9375rem;
padding-bottom: .9375rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
font-size: 1.875rem;
-webkit-transition: all .3s ease!important;
-o-transition: all .3s ease!important;
transition: all .3s ease!important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
margin-bottom: .9375rem;
}
@media (max-width:768px){
.dragMain .btn {
margin-bottom: 5rem;
}
}
@media (max-width:1024px){
.dragMain .btn {
width: auto;
margin-bottom: 5rem;
}
}
@media (max-width:640px){
.dragMain .btn {
width: auto;
margin-bottom: 3.125rem;
}
}
.dragMain .list {
margin-top: auto;
}
.dragMain .list li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.25rem;
font-weight: 500;
line-height: 150%;
color: #5c5c5c;
}
.dragMain .list li .icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 1.125rem;
height: 1.125rem;
margin-right: .375rem;
}
.dragMain .list li svg {
width: 100%;
height: 100%;
}
@media (max-width:640px){
.dragMain .list li {
font-size: 1.125rem;
}
}
.getQuality {
min-height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.getQuality .container {
display: grid;
grid-template-columns: repeat(2,1fr);
}
@media (min-width:1025px){
.getQuality .container {
padding: 0!important;
}
}
@media (max-width:1024px){
.getQuality .container {
display: block;
}
}
.getQuality__col {
position: relative;
}
.getQuality__col:nth-child(1) {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
padding: 5rem;
padding-right: 6.625rem;
}
@media (max-width:1024px){
.getQuality__col:nth-child(1) {
padding: 0;
margin-bottom: 4.375rem;
}
}
@media (max-width:640px){
.getQuality__col:nth-child(1) {
margin-bottom: 3.125rem;
}
}
.getQuality__col:nth-child(2) {
background: var(--bg-url) 0 0/cover no-repeat;
padding: 7rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width:1024px){
.getQuality__col:nth-child(2) {
padding-top: 8.125rem;
padding-bottom: 8.125rem;
padding-left: 3.4375rem;
padding-right: 3.4375rem;
margin-left: -1.875rem;
margin-right: -1.875rem;
}
}
@media (max-width:640px){
.getQuality__col:nth-child(2) {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
margin-left: -1.25rem;
margin-right: -1.25rem;
}
}
.getQuality h2 {
font-size: 5.625rem;
margin-bottom: 2.25rem;
font-weight: 500;
line-height: 100%;
}
.getQuality h2 em {
color: #d99374;
}
@media (max-width:1024px){
.getQuality h2 {
font-size: 4.375rem;
margin-bottom: 2.5rem;
}
}
@media (max-width:640px){
.getQuality h2 {
font-size: 3.125rem;
margin-bottom: 1.5rem;
}
}
.getQuality .text {
font-size: 1.25rem;
font-weight: 500;
line-height: 150%;
}
.getQuality .text p:not(:last-child) {
margin-bottom: 1rem;
}
.getQuality .text a {
color: #3f3f3f;
-webkit-transition: -webkit-text-decoration .3s ease;
transition: -webkit-text-decoration .3s ease;
-o-transition: text-decoration .3s ease;
transition: text-decoration .3s ease;
transition: text-decoration .3s ease,-webkit-text-decoration .3s ease;
}
@media (any-hover:hover){
.getQuality .text a:hover {
text-decoration: none;
}
}
@media (max-width:640px){
.getQuality .text {
font-size: 1.125rem;
}
}
.getQuality .fqi-image {
position: absolute;
right: 100%;
left: auto;
width: 10.625rem;
margin-right: -5.3125rem;
height: 14.0625rem;
bottom: 2.5rem;
}
.getQuality .fqi-image.animation .image-mask {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}
.getQuality .fqi-image .sticker {
width: 2.375rem;
height: 4.25rem;
margin: 0;
left: 50%;
-webkit-transform: translate(-50%,-70%) rotate(-10deg);
-ms-transform: translate(-50%,-70%) rotate(-10deg);
transform: translate(-50%,-70%) rotate(-10deg);
}
.getQuality .fqi-image .image-mask {
-webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
}
@media (max-width:1024px){
.getQuality {
padding-top: 6.25rem;
}
}
.get-qual-accord {
width: 100%;
background-color: #fff;
padding-left: 1.875rem;
padding-right: 1.875rem;
position: relative;
}
.get-qual-accord .circle-dec {
width: 7rem;
height: 7rem;
position: absolute;
right: 0;
top: 0;
z-index: 2;
margin-top: -4.0625rem;
margin-right: -5rem;
}
.get-qual-accord .circle-dec img:nth-child(1) {
width: 100%;
-webkit-animation: rotate infinite 20s linear;
animation: rotate infinite 20s linear;
}
.get-qual-accord .circle-dec img:nth-child(2) {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 30%;
}
.get-qual-accord .circle-dec svg {
width: 100%;
height: 100%;
}
@media (max-width:1025px){
.get-qual-accord .circle-dec {
margin-top: -5.75rem;
margin-right: -2.25rem;
}
}
@media (max-width:640px){
.get-qual-accord .circle-dec {
width: 6.25rem;
height: 6.25rem;
margin-top: -5rem;
margin-right: -.625rem;
}
}
.get-qual-accord .accordion-item__head {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
.get-qual-accord .accordion-item__head .middle-text {
font-size: 1.5625rem;
font-weight: 700;
line-height: 150%;
text-transform: none;
width: auto;
margin-right: 2.25rem;
min-width: 8.875rem;
}
@media (max-width:640px){
.get-qual-accord .accordion-item__head .middle-text {
font-size: 1.125rem;
width: 8.625rem;
min-width: 0;
margin-right: 1.25rem;
}
}
.get-qual-accord .accordion-item__head .tag {
-webkit-border-radius: 1.75rem;
border-radius: 1.75rem;
padding-top: .3125rem;
padding-bottom: .3125rem;
padding-left: .3125rem;
padding-right: .625rem;
background: #deefe0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.get-qual-accord .accordion-item__head .tag svg {
width: 1.5rem;
height: 1.5rem;
margin-right: .375rem;
}
.get-qual-accord .accordion-item__head .tag span {
font-size: 1rem;
font-weight: 500;
line-height: 120%;
letter-spacing: -.325px;
color: #489336;
}
@media (max-width:640px){
.get-qual-accord .accordion-item__head .tag {
-webkit-border-radius: 1.375rem;
border-radius: 1.375rem;
padding-top: .1875rem;
padding-bottom: .1875rem;
padding-left: .1875rem;
padding-right: .625rem;
}
}
.get-qual-accord .accordion-item__head .accordion-icon {
width: 1rem;
height: 1.125rem;
}
@media (max-width:640px){
.get-qual-accord .accordion-item__head .accordion-icon {
width: .75rem;
height: .875rem;
margin-left: 1.5rem;
}
}
@media (max-width:640px){
.get-qual-accord .accordion-item__head {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.get-qual-accord .accordion-item__body .accordion-content {
padding-bottom: .625rem;
}
.get-qual-accord .accordion-item__body .text-section p {
font-size: 1.125rem;
margin-bottom: 1.25rem;
}
@media (max-width:640px){
.get-qual-accord .accordion-item__body .text-section p {
font-size: 1rem;
margin-bottom: 1rem;
}
}
@media (max-width:1024px){
.get-qual-accord .accordion-item:last-child {
border-bottom: none;
}
}
@media (max-width:640px){
.get-qual-accord {
padding: 1.25rem;
}
}
.drag-faq .container {
display: grid;
grid-template-columns: repeat(2,1fr);
}
@media (max-width:1024px){
.drag-faq .container {
display: block;
}
}
.drag-faq h2 {
font-size: 5.625rem;
margin-bottom: 2.25rem;
font-weight: 500;
line-height: 100%;
position: relative;
}
.drag-faq h2 em {
color: #d99374;
}
.drag-faq h2 img {
width: 1em;
margin-bottom: -.1em;
margin-left: .2em;
}
@media (max-width:1024px){
.drag-faq h2 img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: 10.125rem;
height: 10.125rem;
}
}
@media (max-width:640px){
.drag-faq h2 img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -2.8125rem;
width: 8.4375rem;
height: 8.4375rem;
z-index: -1;
}
}
@media (max-width:1024px){
.drag-faq h2 {
font-size: 4.375rem;
}
}
@media (max-width:640px){
.drag-faq h2 {
font-size: 3.125rem;
}
}
@media (min-width:1026px){
.drag-faq__col:nth-child(1) {
padding-top: 12.5rem;
padding-bottom: 6.25rem;
padding-right: 1.25rem;
}
}
@media (max-width:1024px){
.drag-faq__col:nth-child(1) {
margin-bottom: 5.75rem;
}
}
@media (max-width:640px){
.drag-faq__col:nth-child(1) {
margin-bottom: 4.375rem;
}
}
@media (min-width:1026px){
.drag-faq__col:nth-child(2) {
padding-top: 12.5rem;
padding-bottom: 6.25rem;
}
}
.drag-faq__col .faq-accordion {
min-height: 0;
padding: 0;
}
.drag-faq .accordion-item__head {
padding-top: 1.5625rem;
padding-bottom: 1.5625rem;
}
.drag-faq .accordion-item__head .middle-text {
font-size: 1.125rem;
}
.drag-faq .accordion-item__head .accordion-icon {
width: .75rem;
height: .8125rem;
}
.drag-faq .accordion-item__body .accordion-content {
padding-bottom: .625rem;
}
.drag-faq .accordion-item__body .text-section p {
font-size: 1.125rem;
margin-bottom: 1.25rem;
}
@media (max-width:1024px){
.drag-faq {
padding-top: 6.6875rem;
padding-bottom: 4.375rem;
}
}
@media (max-width:640px){
.drag-faq {
padding-top: 5.9375rem;
padding-bottom: 3.25rem;
}
}
.plans-block {
padding-bottom: 10.625rem;
}
.plans-block .slider-plans {
padding: 0;
}
.plans-block .slider-plans .swiper-slide {
width: 30vw;
}
@media (max-width:1024px){
.plans-block .slider-plans .swiper-slide {
width: 42vw;
}
}
@media (max-width:640px){
.plans-block .slider-plans .swiper-slide {
width: 77vw;
}
}
@media (max-width:640px){
.plans-block .plan-name {
font-size: 2.125rem;
}
}
.plans-block .content-section .title-ld {
margin-bottom: 4rem;
}
@media (max-width:640px){
.plans-block .content-section .title-ld {
margin-bottom: 2.5rem;
}
}
.plans-block .content-section .title-ld-section__line {
justify-self: flex-end;
}
.plans-block .content-section__bottom {
padding-top: 0;
}
.plans-block .tabs__nav {
margin-bottom: 2.75rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity .4s ease,-webkit-transform .6s ease;
transition: opacity .4s ease,-webkit-transform .6s ease;
-o-transition: transform .6s ease,opacity .4s ease;
transition: transform .6s ease,opacity .4s ease;
transition: transform .6s ease,opacity .4s ease,-webkit-transform .6s ease;
}
.plans-block .tabs__nav.animation {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.plans-block .tabs__nav .item:not(:last-child) {
margin-right: 3.125rem;
}
@media (max-width:1024px){
.plans-block .tabs__nav .item:not(:last-child) {
margin-right: 2.5rem;
}
}
.plans-block .tabs__nav .item a {
font-size: 2.1875rem;
font-weight: 700;
line-height: 130%;
color: #3f3f3f;
text-decoration: none;
padding-bottom: 1.25rem;
position: relative;
display: block;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
.plans-block .tabs__nav .item a:after {
content: '';
position: absolute;
background-color: #3f3f3f;
left: 0;
bottom: 0;
height: 2px;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
width: 0%;
}
@media (any-hover:hover){
.plans-block .tabs__nav .item a:hover {
color: #d99374;
}
}
.plans-block .tabs__nav .item a.active {
pointer-events: none;
}
.plans-block .tabs__nav .item a.active:after {
width: 100%;
}
@media (max-width:1024px){
.plans-block .tabs__nav .item a {
font-size: 1.875rem;
padding-bottom: .9375rem;
}
}
@media (max-width:640px){
.plans-block .tabs__nav .item a {
font-size: 1.5rem;
padding-bottom: .625rem;
}
}
@media (max-width:1024px){
.plans-block .tabs__nav {
margin-bottom: 4.5rem;
}
}
@media (max-width:640px){
.plans-block .tabs__nav {
margin-bottom: 2.875rem;
}
}
.plans-block .tabs__content {
position: relative;
}
.plans-block .tabs__content .tabs-item {
visibility: hidden;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
.plans-block .tabs__content .tabs-item.active {
position: relative;
opacity: 1;
visibility: visible;
height: auto;
overflow: visible;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .2s ease-in-out,-webkit-transform .4s ease-in-out;
transition: opacity .2s ease-in-out,-webkit-transform .4s ease-in-out;
-o-transition: opacity .2s ease-in-out,transform .4s ease-in-out;
transition: opacity .2s ease-in-out,transform .4s ease-in-out;
transition: opacity .2s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
}
@media (max-width:1024px){
.plans-block {
padding-bottom: 7.875rem;
}
}
.mb40 {
margin-bottom: 40px;
}
@media screen and (max-width:1440px){
.mb40 {
font-size: 30px;
}
}
.mb0 {
margin-bottom: 0;
}
.fw700 {
font-weight: 700;
}
.fw600 {
font-weight: 600;
}
.fw400 {
font-weight: 400;
}
.fw300 {
font-weight: 300;
}
.c-main {
color: #d99374;
}
.c-second {
color: #f5d9b8;
}
.c-base {
color: #3f3f3f;
}
.c-red {
color: #ff4d4d;
}
.c-white {
color: #fff;
}
.c-black {
color: #000;
}
.c-gray {
color: #9e9e9e;
}
.c-blue {
color: #113583;
}
.c-light {
color: #f8f5f2;
}
.bg-main {
background-color: #d99374;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-upper {
text-transform: uppercase;
}
.d-n-mobile {
display: block;
}
@media screen and (max-width:767px){
.d-n-mobile {
display: none;
}
}
.d-mobile {
display: none;
}
@media screen and (max-width:767px){
.d-mobile {
display: block;
}
}
.d-lg-tablet {
display: block;
}
@media screen and (min-width:1081px){
.d-lg-tablet {
display: none;
}
}
.d-n-tablet {
display: block;
}
@media screen and (max-width:1024px){
.d-n-tablet {
display: none;
}
}
.d-tablet {
display: none;
}
@media screen and (max-width:1024px){
.d-tablet {
display: block;
}
}
.p-relative {
position: relative;
}