@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}
.phuket-catalog .catalog__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.phuket-catalog .catalog__container {
margin-top: 5rem;
}
} .quiz__steps:has(input[value='$50.000-100.000']:checked)
.wpcf7-form-control-wrap:has([value='Villa']),
.quiz__steps:has(input[value='$50.000-100.000']:checked)
.wpcf7-form-control-wrap:has([value='Вилла']),
.quiz__steps:has(input[value='$100.000-150.000']:checked)
.wpcf7-form-control-wrap:has([value='Villa']),
.quiz__steps:has(input[value='$100.000-150.000']:checked)
.wpcf7-form-control-wrap:has([value='Вилла']) {
display: none !important;
}
.infrastructure-item__right img {
width: 100%;
transform: rotate(-90deg);
}

.horizontal-marquee {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: hidden;
gap: var(--_gap);
max-width: 100%;
}
.horizontal-marquee.smooth {
-webkit-mask: -webkit-gradient(
linear,
left top,
right top,
from(transparent),
color-stop(20%, #fff),
color-stop(80%, #fff),
to(transparent)
);
-webkit-mask: linear-gradient(
90deg,
transparent,
#fff 20%,
#fff 80%,
transparent
);
mask: -webkit-gradient(
linear,
left top,
right top,
from(transparent),
color-stop(20%, #fff),
color-stop(80%, #fff),
to(transparent)
);
mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}
.horizontal-marquee-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: var(--_gap);
white-space: nowrap;
}
.horizontal-marquee.paused .horizontal-marquee-inner {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.horizontal-marquee.full .horizontal-marquee-inner {
min-width: var(--_containerWidth);
}
[data-animate='true'] .horizontal-marquee-inner {
-webkit-animation: horizontal-marquee var(--_speed) linear infinite
var(--_direction);
animation: horizontal-marquee var(--_speed) linear infinite var(--_direction);
}
@-webkit-keyframes horizontal-marquee {
0% {
-webkit-transform: translate(calc(var(--_gap) * -1));
transform: translate(calc(var(--_gap) * -1));
}
100% {
-webkit-transform: translate(calc(-100% - var(--_gap) * 2));
transform: translate(calc(-100% - var(--_gap) * 2));
}
}
@keyframes horizontal-marquee {
0% {
-webkit-transform: translate(calc(var(--_gap) * -1));
transform: translate(calc(var(--_gap) * -1));
}
100% {
-webkit-transform: translate(calc(-100% - var(--_gap) * 2));
transform: translate(calc(-100% - var(--_gap) * 2));
}
}
.vertical-marquee {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: hidden;
margin-bottom: var(--_gap);
max-height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: calc((var(--_containerSize) - var(--_vGap)) / 1.2);
}
.vertical-marquee.smooth {
-webkit-mask: -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(20%, #fff),
color-stop(80%, #fff),
to(transparent)
);
-webkit-mask: linear-gradient(
180deg,
transparent,
#fff 20%,
#fff 80%,
transparent
);
mask: -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(20%, #fff),
color-stop(80%, #fff),
to(transparent)
);
mask: linear-gradient(180deg, transparent, #fff 20%, #fff 80%, transparent);
}
.vertical-marquee-inner {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: var(--_vGap);
}
.vertical-marquee.paused .vertical-marquee-inner {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
[data-animate='true'] .vertical-marquee-inner {
-webkit-animation: vertical-marquee var(--_speed) linear infinite
var(--_direction);
animation: vertical-marquee var(--_speed) linear infinite var(--_direction);
}
.vertical-marquee-inner > :not(:last-child) {
margin-right: var(--_hGap);
}
@-webkit-keyframes vertical-marquee {
0% {
-webkit-transform: translateY(calc(var(--_vGap) * -1));
transform: translateY(calc(var(--_vGap) * -1));
}
100% {
-webkit-transform: translateY(calc(-100% - var(--_vGap) * 2));
transform: translateY(calc(-100% - var(--_vGap) * 2));
}
}
@keyframes vertical-marquee {
0% {
-webkit-transform: translateY(calc(var(--_vGap) * -1));
transform: translateY(calc(var(--_vGap) * -1));
}
100% {
-webkit-transform: translateY(calc(-100% - var(--_vGap) * 2));
transform: translateY(calc(-100% - var(--_vGap) * 2));
}
}
[data-sal] {
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: var(--sal-duration, 0.7s);
transition-duration: var(--sal-duration, 0.7s);
-webkit-transition-delay: var(--sal-delay, 0s);
transition-delay: var(--sal-delay, 0s);
-webkit-transition-timing-function: var(--sal-easing, ease);
transition-timing-function: var(--sal-easing, ease);
}
[data-sal][data-sal-duration='200'] {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
[data-sal][data-sal-duration='250'] {
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
[data-sal][data-sal-duration='300'] {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
[data-sal][data-sal-duration='350'] {
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
[data-sal][data-sal-duration='400'] {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
[data-sal][data-sal-duration='450'] {
-webkit-transition-duration: 0.45s;
transition-duration: 0.45s;
}
[data-sal][data-sal-duration='500'] {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
[data-sal][data-sal-duration='550'] {
-webkit-transition-duration: 0.55s;
transition-duration: 0.55s;
}
[data-sal][data-sal-duration='600'] {
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
}
[data-sal][data-sal-duration='650'] {
-webkit-transition-duration: 0.65s;
transition-duration: 0.65s;
}
[data-sal][data-sal-duration='700'] {
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
}
[data-sal][data-sal-duration='750'] {
-webkit-transition-duration: 0.75s;
transition-duration: 0.75s;
}
[data-sal][data-sal-duration='800'] {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
[data-sal][data-sal-duration='850'] {
-webkit-transition-duration: 0.85s;
transition-duration: 0.85s;
}
[data-sal][data-sal-duration='900'] {
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;
}
[data-sal][data-sal-duration='950'] {
-webkit-transition-duration: 0.95s;
transition-duration: 0.95s;
}
[data-sal][data-sal-duration='1000'] {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
[data-sal][data-sal-duration='1050'] {
-webkit-transition-duration: 1.05s;
transition-duration: 1.05s;
}
[data-sal][data-sal-duration='1100'] {
-webkit-transition-duration: 1.1s;
transition-duration: 1.1s;
}
[data-sal][data-sal-duration='1150'] {
-webkit-transition-duration: 1.15s;
transition-duration: 1.15s;
}
[data-sal][data-sal-duration='1200'] {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
[data-sal][data-sal-duration='1250'] {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s;
}
[data-sal][data-sal-duration='1300'] {
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;
}
[data-sal][data-sal-duration='1350'] {
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s;
}
[data-sal][data-sal-duration='1400'] {
-webkit-transition-duration: 1.4s;
transition-duration: 1.4s;
}
[data-sal][data-sal-duration='1450'] {
-webkit-transition-duration: 1.45s;
transition-duration: 1.45s;
}
[data-sal][data-sal-duration='1500'] {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
}
[data-sal][data-sal-duration='1550'] {
-webkit-transition-duration: 1.55s;
transition-duration: 1.55s;
}
[data-sal][data-sal-duration='1600'] {
-webkit-transition-duration: 1.6s;
transition-duration: 1.6s;
}
[data-sal][data-sal-duration='1650'] {
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s;
}
[data-sal][data-sal-duration='1700'] {
-webkit-transition-duration: 1.7s;
transition-duration: 1.7s;
}
[data-sal][data-sal-duration='1750'] {
-webkit-transition-duration: 1.75s;
transition-duration: 1.75s;
}
[data-sal][data-sal-duration='1800'] {
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s;
}
[data-sal][data-sal-duration='1850'] {
-webkit-transition-duration: 1.85s;
transition-duration: 1.85s;
}
[data-sal][data-sal-duration='1900'] {
-webkit-transition-duration: 1.9s;
transition-duration: 1.9s;
}
[data-sal][data-sal-duration='1950'] {
-webkit-transition-duration: 1.95s;
transition-duration: 1.95s;
}
[data-sal][data-sal-duration='2000'] {
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
[data-sal][data-sal-delay='50'] {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
[data-sal][data-sal-delay='100'] {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
[data-sal][data-sal-delay='150'] {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
[data-sal][data-sal-delay='200'] {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
[data-sal][data-sal-delay='250'] {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
[data-sal][data-sal-delay='300'] {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
[data-sal][data-sal-delay='350'] {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[data-sal][data-sal-delay='400'] {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
[data-sal][data-sal-delay='450'] {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
[data-sal][data-sal-delay='500'] {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
[data-sal][data-sal-delay='550'] {
-webkit-transition-delay: 0.55s;
transition-delay: 0.55s;
}
[data-sal][data-sal-delay='600'] {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
[data-sal][data-sal-delay='650'] {
-webkit-transition-delay: 0.65s;
transition-delay: 0.65s;
}
[data-sal][data-sal-delay='700'] {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
[data-sal][data-sal-delay='750'] {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
[data-sal][data-sal-delay='800'] {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
[data-sal][data-sal-delay='850'] {
-webkit-transition-delay: 0.85s;
transition-delay: 0.85s;
}
[data-sal][data-sal-delay='900'] {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
[data-sal][data-sal-delay='950'] {
-webkit-transition-delay: 0.95s;
transition-delay: 0.95s;
}
[data-sal][data-sal-delay='1000'] {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
[data-sal][data-sal-easing='linear'] {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
[data-sal][data-sal-easing='ease'] {
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
[data-sal][data-sal-easing='ease-in'] {
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
[data-sal][data-sal-easing='ease-out'] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
[data-sal][data-sal-easing='ease-in-out'] {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
[data-sal][data-sal-easing='ease-in-cubic'] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
[data-sal][data-sal-easing='ease-out-cubic'] {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
[data-sal][data-sal-easing='ease-in-out-cubic'] {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
[data-sal][data-sal-easing='ease-in-circ'] {
-webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
[data-sal][data-sal-easing='ease-out-circ'] {
-webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
[data-sal][data-sal-easing='ease-in-out-circ'] {
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
[data-sal][data-sal-easing='ease-in-expo'] {
-webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
[data-sal][data-sal-easing='ease-out-expo'] {
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
[data-sal][data-sal-easing='ease-in-out-expo'] {
-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
[data-sal][data-sal-easing='ease-in-quad'] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-sal][data-sal-easing='ease-out-quad'] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-sal][data-sal-easing='ease-in-out-quad'] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-sal][data-sal-easing='ease-in-quart'] {
-webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
[data-sal][data-sal-easing='ease-out-quart'] {
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-sal][data-sal-easing='ease-in-out-quart'] {
-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
[data-sal][data-sal-easing='ease-in-quint'] {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
[data-sal][data-sal-easing='ease-out-quint'] {
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
[data-sal][data-sal-easing='ease-in-out-quint'] {
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
[data-sal][data-sal-easing='ease-in-sine'] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-sal][data-sal-easing='ease-out-sine'] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-sal][data-sal-easing='ease-in-out-sine'] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-sal][data-sal-easing='ease-in-back'] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-sal][data-sal-easing='ease-out-back'] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-sal][data-sal-easing='ease-in-out-back'] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-sal|='fade'] {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}
[data-sal|='fade'].sal-animate,
body.sal-disabled [data-sal|='fade'] {
opacity: 1;
}
[data-sal|='slide'] {
opacity: 0;
-webkit-transition-property:
opacity,
-webkit-transform;
transition-property:
opacity,
-webkit-transform;
transition-property: opacity, transform;
transition-property:
opacity,
transform,
-webkit-transform;
}
[data-sal='slide-up'] {
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
}
[data-sal='slide-down'] {
-webkit-transform: translateY(-20%);
-ms-transform: translateY(-20%);
transform: translateY(-20%);
}
[data-sal='slide-left'] {
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
}
[data-sal='slide-right'] {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
}
[data-sal|='slide'].sal-animate,
body.sal-disabled [data-sal|='slide'] {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
[data-sal|='zoom'] {
opacity: 0;
-webkit-transition-property:
opacity,
-webkit-transform;
transition-property:
opacity,
-webkit-transform;
transition-property: opacity, transform;
transition-property:
opacity,
transform,
-webkit-transform;
}
[data-sal='zoom-in'] {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
[data-sal='zoom-out'] {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
[data-sal|='zoom'].sal-animate,
body.sal-disabled [data-sal|='zoom'] {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
[data-sal|='flip'] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property:
transform,
-webkit-transform;
}
[data-sal='flip-left'] {
-webkit-transform: perspective(2000px) rotateY(-91deg);
transform: perspective(2000px) rotateY(-91deg);
}
[data-sal='flip-right'] {
-webkit-transform: perspective(2000px) rotateY(91deg);
transform: perspective(2000px) rotateY(91deg);
}
[data-sal='flip-up'] {
-webkit-transform: perspective(2000px) rotateX(-91deg);
transform: perspective(2000px) rotateX(-91deg);
}
[data-sal='flip-down'] {
-webkit-transform: perspective(2000px) rotateX(91deg);
transform: perspective(2000px) rotateX(91deg);
}
[data-sal|='flip'].sal-animate,
body.sal-disabled [data-sal|='flip'] {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@font-face {
font-family: 'Mazzard H';
src:
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-Regular.woff2) format('woff2'),
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-Regular.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mazzard H';
src:
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-Regular.woff2) format('woff2'),
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mazzard H';
src:
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-SemiBold.woff2) format('woff2'),
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-SemiBold.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mazzard H';
src:
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-SemiBold.woff2) format('woff2'),
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Mazzard H';
src:
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-SemiBold.woff2) format('woff2'),
url(//sunnydg.com/wp-content/themes/sdg/assets/fonts/MazzardH-SemiBold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
} :root {
--font-display: 'Mazzard H', Arial, sans-serif;
--font-body: 'Mazzard H', Arial, sans-serif;
--font-accent: 'Forum', Georgia, serif;
--accent: #006039;
--accent-rgb: 0, 96, 57;
--accent-hover: #004d2e;
--accent-active: #003d24;
--accent-dark: #002e1b;
}
* {
padding: 0;
margin: 0;
border: 0;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body,
html {
height: 100%;
min-width: 320px;
}
body {
color: rgba(17, 17, 17, 0.8);
line-height: 1;
font-family: var(--font-body);
font-size: 1.125rem;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 47.99875em) {
body {
font-size: 1rem;
}
}
button,
input,
textarea {
font-family: var(--font-body);
font-size: inherit;
line-height: inherit;
}
button {
cursor: pointer;
color: inherit;
background-color: transparent;
}
a {
color: inherit;
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
}
body {
background-color: #f5f5f5;
}
.lock body {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
@supports (overflow: clip) {
.wrapper {
overflow: clip;
}
}
.wrapper > main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.wrapper > * {
min-width: 0;
}
[class*='__container'] {
max-width: 85.625rem;
margin: 0 auto;
padding: 0 0.9375rem;
}
.checkbox {
position: relative;
}
.checkbox:not(:last-child) {
margin-bottom: 0.3125em;
}
.checkbox__input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.checkbox__input:focus-visible + .checkbox__label:before {
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
.checkbox__input:checked + .checkbox__label:before {
background: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 version=%271.1%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%27512%27 height=%27512%27 x=%270%27 y=%270%27 viewBox=%270 0 24 24%27 style=%27enable-background:new 0 0 512 512%27 xml:space=%27preserve%27 class=%27%27%3E%3Cg%3E%3Cpath fill=%27%23111111%27 fill-rule=%27evenodd%27 d=%27M20.707 6.293a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L10 15.586l9.293-9.293a1 1 0 0 1 1.414 0z%27 clip-rule=%27evenodd%27 opacity=%271%27 data-original=%27%23000000%27 class=%27%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E')
center/contain no-repeat;
}
.checkbox__label {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
gap: 10px;
}
.checkbox__label:before {
content: '';
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-ms-flex: 0 0 17px;
flex: 0 0 17px;
width: 17px;
height: 17px;
border: 1px solid #111;
border-radius: 0.3125rem;
}
.checkbox__text {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
body::after {
content: '';
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.8s ease 0s;
transition: opacity 0.8s ease 0s;
pointer-events: none;
z-index: 999;
}
.popup-show body::after {
opacity: 1;
}
.popup {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 30px 15px;
-webkit-transition: visibility 0.8s ease 0s;
transition: visibility 0.8s ease 0s;
visibility: hidden;
pointer-events: none;
}
.popup_show {
z-index: 1000;
visibility: visible;
overflow: auto;
pointer-events: auto;
}
.popup_show .popup__content {
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.popup__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
position: relative;
z-index: 20;
}
.popup__content {
visibility: hidden;
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-color: #f5f5f5;
padding: 3.125rem;
width: 100%;
max-width: 66.875rem;
border-radius: 20px;
position: relative;
opacity: 0;
}
.popup__content.v2 {
padding: 0 !important;
background-color: transparent;
}
@media (max-width: 61.99875em) {
.popup__content {
padding: 1.875rem 1.25rem;
}
}
.lock .popup__content {
visibility: visible;
}
.popup__close {
position: absolute;
top: 1.875rem;
right: 1.875rem;
width: 1.5625rem;
height: 1.5625rem;
z-index: 99999;
}
.popup__close::after,
.popup__close::before {
content: '';
position: absolute;
width: 120%;
height: 2px;
background-color: #111;
left: 0;
top: 50%;
}
@media (max-width: 47.99875em) {
.v2 .popup__close::after,
.v2 .popup__close::before {
background-color: #f5f5f5;
}
}
.popup__close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup__close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup__close svg {
width: 100%;
height: 100%;
display: none;
}
@media (max-width: 47.99875em) {
.v2 .popup__close svg path {
fill: #f5f5f5;
}
}
@media (max-width: 61.99875em) {
.popup__close {
width: 1.25rem;
height: 1.25rem;
top: 1.25rem;
right: 1.25rem;
}
}
.spollers {
display: -ms-grid;
display: grid;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
details > summary {
list-style: none;
}
details > summary::-webkit-details-marker {
display: none;
}
.spollers__title {
width: 100%;
cursor: default;
text-align: left;
padding: 1.875rem 0;
position: relative;
list-style: none;
border-top: 2px solid rgba(17, 17, 17, 0.1490196078);
padding-right: 3.75rem;
}
@media (max-width: 61.99875em) {
.spollers__title {
padding: 1.25rem 0;
padding-right: 2.5rem;
}
}
.spollers__title h3 {
font-size: 1.125rem;
}
@media (max-width: 61.99875em) {
.spollers__title h3 {
font-size: 1rem;
}
}
._spoller-init .spollers__title {
cursor: pointer;
}
._spoller-init .spollers__title::after,
._spoller-init .spollers__title::before {
content: '';
position: absolute;
right: 10px;
top: 50%;
background-color: #000;
height: 3px;
width: 14px;
-webkit-transition: -webkit-transform 0.5s ease 0s;
transition: -webkit-transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
transition:
transform 0.5s ease 0s,
-webkit-transform 0.5s ease 0s;
}
._spoller-init .spollers__title::before {
-webkit-transform: translate(0, 0) rotate(-90deg);
-ms-transform: translate(0, 0) rotate(-90deg);
transform: translate(0, 0) rotate(-90deg);
}
._spoller-init .spollers__title::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
._spoller-init .spollers__title._spoller-active::before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.spollers__body {
padding-bottom: 1.875rem;
line-height: 1.5;
color: #111;
font-size: 1.125rem;
}
.spollers__body h6:not(:first-child) {
font-size: inherit;
margin-top: 1.875rem;
}
.spollers__body p:not(:first-child) {
font-size: inherit;
margin-top: 0.3125rem;
line-height: 1.5;
}
[class*='-ibg'] {
position: relative;
}
[class*='-ibg'] img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
[class*='-ibg_contain'] img {
-o-object-fit: contain;
object-fit: contain;
}
h1 {
font-family: var(--font-display);
font-size: 2.5rem;
text-transform: uppercase;
line-height: 1.35;
font-weight: 300;
}
@media (max-width: 68.75em) {
h1 {
font-size: 2.1875rem;
}
}
@media (max-width: 61.99875em) {
h1 {
font-size: 1.875rem;
}
}
@media (max-width: 47.99875em) {
h1 {
font-size: 1.5625rem;
}
}
h2 {
text-align: center;
font-family: var(--font-display);
line-height: 1.4;
font-size: 2.1875rem;
color: #111;
text-transform: uppercase;
font-weight: 300;
}
@media (max-width: 47.99875em) {
h2 {
font-size: 1.5625rem;
}
}
h3 {
line-height: 1.4;
font-family: var(--font-display);
color: #111;
font-size: 1.5625rem;
}
@media (max-width: 47.99875em) {
h3 {
font-size: 1.125rem;
}
}
h3.star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.9375rem;
}
h3.star::before {
content: '';
width: 2.125rem;
height: 2.125rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star-orange.svg) center/contain no-repeat;
}
h4 {
line-height: 1.4;
font-family: var(--font-display);
color: #111;
font-size: 1.25rem;
}
h5 {
font-family: var(--font-display);
font-size: 1.125rem;
line-height: 1.4;
color: #111;
}
h6 {
font-weight: 600;
}
.bold {
font-weight: 700;
letter-spacing: -0.3px;
}
.subtitle {
line-height: 1.35;
font-size: 1.125rem;
max-width: 37rem;
margin-top: 0.625rem;
color: #111;
}
@media (max-width: 47.99875em) {
.subtitle {
font-size: 0.875rem;
}
}
.subtitle.center {
margin-inline: auto;
text-align: center;
}
.tag {
color: #f5f5f5;
padding: 0.625rem 0.9375rem;
border-radius: 0.625rem;
border: 1px solid rgba(245, 245, 245, 0.6);
font-size: 0.875rem;
font-family: var(--font-display);
}
.tag.star {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.3125rem;
color: #111;
border: 1px solid #111;
}
.tag.star::before {
content: '';
width: 1rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1rem;
flex: 0 0 1rem;
height: 1rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star2.svg) center/contain no-repeat;
}
.tag.geotag {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.3125rem;
}
.tag.geotag::before {
content: '';
width: 0.9375rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 0.9375rem;
flex: 0 0 0.9375rem;
height: 0.9375rem;
margin-bottom: 2px;
background: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 version=%271.1%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%27512%27 height=%27512%27 x=%270%27 y=%270%27 viewBox=%270 0 24 24%27 style=%27enable-background:new 0 0 512 512%27 xml:space=%27preserve%27 class=%27%27%3E%3Cg%3E%3Cpath d=%27M12 0C7.038 0 3 4.066 3 9.065c0 7.103 8.154 14.437 8.501 14.745a.749.749 0 0 0 .998.001C12.846 23.502 21 16.168 21 9.065 21 4.066 16.962 0 12 0zm0 14c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5z%27 fill=%27%23f5f5f5%27 opacity=%271%27 data-original=%27%23000000%27 class=%27%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E')
center/contain no-repeat;
}
.submitting .button {
background:
url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/loader.svg) center/3.125rem no-repeat,
var(--accent-dark) !important;
border-color: var(--accent-dark);
}
.button {
border-radius: 0.625rem;
padding: 1.1875rem 1.5625rem;
background-color: var(--accent);
color: #f5f5f5;
font-weight: 600;
font-family: var(--font-display);
-webkit-transition:
border-color 0.25s ease,
color 0.25s ease,
background-color 0.25s ease;
transition:
border-color 0.25s ease,
color 0.25s ease,
background-color 0.25s ease;
text-align: center;
border: 1px solid var(--accent);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0.625rem;
cursor: pointer;
}
.button-success {
border-color: #33b419;
color: #33b419 !important;
background-color: transparent !important;
}
.button-success::after {
content: '';
width: 1.125rem;
height: 1.125rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/check.svg) center/contain no-repeat;
}
@media (max-width: 47.99875em) {
.button-success::after {
width: 0.875rem;
height: 0.875rem;
}
}
.submitting .button {
background:
url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/loader.svg) center/3.125rem no-repeat,
var(--accent-dark) !important;
border-color: var(--accent-dark);
}
@media (max-width: 47.99875em) {
.button {
font-size: 0.875rem;
}
}
@media (max-width: 29.99875em) {
.button {
font-size: 0.75rem;
}
}
.button:hover {
background-color: var(--accent-hover);
}
.button:disabled {
background-color: var(--accent-hover) !important;
}
.button:active {
background-color: var(--accent-active);
}
.button.black {
padding: 0.875rem 1.875rem;
font-size: 0.875rem;
color: #f5f5f5;
background-color: #111;
border: 1px solid #111;
}
.arrow-button {
display: block;
position: absolute;
right: 0;
top: 0;
z-index: 2;
cursor: pointer;
}
.arrow-button:hover::after {
-webkit-transform: translate(0.375rem, -0.375rem);
-ms-transform: translate(0.375rem, -0.375rem);
transform: translate(0.375rem, -0.375rem);
}
@media (max-width: 47.99875em) {
.arrow-button:hover::after {
-webkit-transform: translate(0.1875rem, -0.1875rem);
-ms-transform: translate(0.1875rem, -0.1875rem);
transform: translate(0.1875rem, -0.1875rem);
}
}
.arrow-button::after {
aspect-ratio: 1/1;
width: 6.625rem;
content: '';
border-radius: 50%;
background:
url('data:image/svg+xml,%3Csvg width=%2713%27 height=%2713%27 viewBox=%270 0 13 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.6066 1.3934C12.6066 0.841113 12.1589 0.393398 11.6066 0.393398H2.6066C2.05432 0.393398 1.6066 0.841113 1.6066 1.3934C1.6066 1.94568 2.05432 2.3934 2.6066 2.3934H10.6066V10.3934C10.6066 10.9457 11.0543 11.3934 11.6066 11.3934C12.1589 11.3934 12.6066 10.9457 12.6066 10.3934V1.3934ZM1.70711 12.7071L12.3137 2.1005L10.8995 0.686291L0.292893 11.2929L1.70711 12.7071Z%27 fill=%27%23F5F5F5%27/%3E%3C/svg%3E%0A')
center/.9375rem no-repeat,
var(--accent);
position: absolute;
right: 0;
top: 0;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition:
transform 0.25s ease,
-webkit-transform 0.25s ease;
}
@media (max-width: 61.99875em) {
.arrow-button::after {
width: 3.75rem;
}
}
.arrow-button::before {
content: '';
position: absolute;
right: -2px;
top: -1px;
width: 8.0625rem;
height: 7.875rem;
z-index: -1;
pointer-events: none;
background: url('data:image/svg+xml,%3Csvg width=%27124%27 height=%27123%27 viewBox=%270 0 124 123%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_6041_75%29%27%3E%3Cpath d=%27M71.2253 118.163C107.248 118.163 136.451 88.801 136.451 52.5814C136.451 16.3618 107.248 -13 71.2253 -13C35.2023 -13 6 16.3618 6 52.5814C6 88.801 35.2023 118.163 71.2253 118.163Z%27 fill=%27%23F5F5F5%27/%3E%3Cpath d=%27M2.50017 0C20.4371 -0.327907 17 19.5 13 22.5L35.2923 -0.556152C18.0076 -0.556152 -15.4368 0.327907 2.50017 0Z%27 fill=%27%23F5F5F5%27/%3E%3Cpath d=%27M125 125.5C125.326 107.465 115.5 106 106.5 107.5L128 86C129.696 103.381 124.674 143.535 125 125.5Z%27 fill=%27%23F5F5F5%27/%3E%3Crect width=%2723%27 height=%2720%27 transform=%27translate%28103 -3%29%27 fill=%27%23F5F5F5%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_6041_75%27%3E%3Crect width=%27124%27 height=%27123%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A')
center/contain no-repeat;
}
@media (max-width: 61.99875em) {
.arrow-button::before {
width: 4.6875rem;
height: 4.5625rem;
}
}
.small {
font-size: 0.75rem !important;
position: relative;
display: inline-block;
-webkit-transform: translateY(-0.625rem);
-ms-transform: translateY(-0.625rem);
transform: translateY(-0.625rem);
}
.objects-item__list .small {
-webkit-transform: translateY(-0.3125rem);
-ms-transform: translateY(-0.3125rem);
transform: translateY(-0.3125rem);
}
.button-border {
margin-inline: auto;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
color: #111;
border: 1px solid rgba(17, 17, 17, 0.1490196078);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
.button-border:hover span::before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.button-border span {
position: relative;
}
.button-border span::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #111;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition:
transform 0.25s ease,
-webkit-transform 0.25s ease;
}
time {
border-radius: 0.625rem;
border: 1px solid #111;
padding: 0.3125rem 0.90625rem 0.25rem 0.90625rem;
color: #111;
line-height: 1;
display: inline-block;
}
@media (max-width: 61.99875em) {
time {
font-size: 1rem;
}
}
@media (max-width: 47.99875em) {
time {
font-size: 0.875rem;
}
}
.dropdown {
position: relative;
}
@media (max-width: 61.99875em) {
.dropdown {
font-size: 0.75rem;
}
}
.dropdown:hover .dropdown__body__wrapper,
.dropdown.open .dropdown__body__wrapper {
top: 100%;
opacity: 1;
pointer-events: all;
}
.dropdown__title {
text-transform: uppercase;
position: relative;
}
.dropdown__title::after {
content: '';
position: absolute;
top: 50%;
left: calc(100% + 0.21875rem);
width: 0.6875rem;
height: 0.40625rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url('data:image/svg+xml,%3Csvg width=%2712%27 height=%277%27 viewBox=%270 0 12 7%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M10.5 0L6.0025 4.0485L1.504 0L0.5 1.115L6.0025 6.0665L11.504 1.115L10.5 0Z%27 fill=%27%23111111%27/%3E%3C/svg%3E%0A')
center/contain no-repeat;
}
.home .header:not(.header--scrolled) .dropdown__title::after {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.menu-open .home .header .dropdown__title::after {
-webkit-filter: none;
filter: none;
}
.dropdown__body {
background-color: #f5f5f5;
color: #111;
display: -ms-grid;
display: grid;
gap: 0.625rem;
padding: 0.9375rem 0.625rem;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0.25rem 0.75rem;
box-shadow: rgba(0, 0, 0, 0.1) 0 0.25rem 0.75rem;
}
@media (max-width: 61.99875em) {
.dropdown__body {
gap: 0.3125rem;
}
}
.dropdown__body__wrapper {
position: absolute;
padding-top: 0.9375rem;
left: -0.3125rem;
width: calc(100% + 3.75rem);
min-width: 9.375rem;
top: 0;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
opacity: 0;
pointer-events: none;
}
@media (max-width: 85.625em) {
.dropdown__body__wrapper {
width: calc(100% + 1.25rem);
min-width: 5rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
font-size: 0.875rem;
}
}
@media (max-width: 68.75em) {
.dropdown__link {
padding-block: 0.3125rem;
}
}
.input-item {
position: relative;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.input-item:has(.iti) input::-webkit-input-placeholder {
opacity: 0;
}
.input-item:has(.iti) input::-moz-placeholder {
opacity: 0;
}
.input-item:has(.iti) input:-ms-input-placeholder {
opacity: 0;
}
.input-item:has(.iti) input::-ms-input-placeholder {
opacity: 0;
}
.input-item:has(.iti) input::placeholder {
opacity: 0;
}
@media (max-width: 61.99875em) {
.input-item:not(:has(input:-moz-placeholder-shown)) {
padding-top: 1.5625rem;
}
.input-item:not(:has(input:-ms-input-placeholder)) {
padding-top: 1.5625rem;
}
.input-item.active,
.input-item:has(.iti),
.input-item:not(:has(input:placeholder-shown)) {
padding-top: 1.5625rem;
}
}
.input-item:not(:has(input:-moz-placeholder-shown)) label {
color: rgba(17, 17, 17, 0.8);
font-size: 1.125rem;
bottom: 3.0625rem;
pointer-events: all;
left: 0 !important;
}
.input-item:not(:has(input:-ms-input-placeholder)) label {
color: rgba(17, 17, 17, 0.8);
font-size: 1.125rem;
bottom: 3.0625rem;
pointer-events: all;
left: 0 !important;
}
.input-item.active label,
.input-item:has(.iti) label,
.input-item:not(:has(input:placeholder-shown)) label {
color: rgba(17, 17, 17, 0.8);
font-size: 1.125rem;
bottom: 3.0625rem;
pointer-events: all;
left: 0 !important;
}
.input-item:not(:has(input:-moz-placeholder-shown)) label img,
.input-item:not(:has(input:-moz-placeholder-shown)) label svg {
height: 1.125rem;
}
.input-item:not(:has(input:-ms-input-placeholder)) label img,
.input-item:not(:has(input:-ms-input-placeholder)) label svg {
height: 1.125rem;
}
.input-item.active label img,
.input-item.active label svg,
.input-item:has(.iti) label img,
.input-item:has(.iti) label svg,
.input-item:not(:has(input:placeholder-shown)) label img,
.input-item:not(:has(input:placeholder-shown)) label svg {
height: 1.125rem;
}
.input-item:not(:has(input:-moz-placeholder-shown)) label:has(svg) {
gap: 0;
}
.input-item:not(:has(input:-ms-input-placeholder)) label:has(svg) {
gap: 0;
}
.input-item.active label:has(svg),
.input-item:has(.iti) label:has(svg),
.input-item:not(:has(input:placeholder-shown)) label:has(svg) {
gap: 0;
}
.input-item:not(:has(input:-moz-placeholder-shown)) label svg {
width: 0 !important;
max-width: 0;
}
.input-item:not(:has(input:-ms-input-placeholder)) label svg {
width: 0 !important;
max-width: 0;
}
.input-item.active label svg,
.input-item:has(.iti) label svg,
.input-item:not(:has(input:placeholder-shown)) label svg {
width: 0 !important;
max-width: 0;
}
@media (max-width: 61.99875em) {
.input-item:not(:has(input:-moz-placeholder-shown)) label {
font-size: 1rem;
}
.input-item:not(:has(input:-ms-input-placeholder)) label {
font-size: 1rem;
}
.input-item.active label,
.input-item:has(.iti) label,
.input-item:not(:has(input:placeholder-shown)) label {
font-size: 1rem;
}
}
@media (max-width: 47.99875em) {
.input-item:not(:has(input:-moz-placeholder-shown)) label {
font-size: 0.875rem;
bottom: 2.5rem;
}
.input-item:not(:has(input:-ms-input-placeholder)) label {
font-size: 0.875rem;
bottom: 2.5rem;
}
.input-item.active label,
.input-item:has(.iti) label,
.input-item:not(:has(input:placeholder-shown)) label {
font-size: 0.875rem;
bottom: 2.5rem;
}
}
.input-item:has(.phone-input) label {
left: 2.5rem;
}
.input-item label {
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
font-size: 1.5625rem;
position: absolute;
z-index: 1;
color: #111;
bottom: 0.625rem;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
.input-item label img,
.input-item label svg {
height: 1.5625rem;
width: 1.5625rem;
-webkit-transition: height 0.25s ease;
transition: height 0.25s ease;
}
@media (max-width: 61.99875em) {
.input-item label img,
.input-item label svg {
width: 1.5625rem;
height: 1.1875rem;
}
}
.input-item label svg {
width: 2.1875rem;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
@media (max-width: 61.99875em) {
.input-item label {
font-size: 1.375rem;
}
}
@media (max-width: 47.99875em) {
.input-item label {
font-size: 1.125rem;
}
}
.input-item input {
width: 100%;
}
.input-item::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0.25rem;
border-radius: 0.625rem;
background-color: #d3d3d3;
-webkit-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
}
.input-item:has(.wpcf7-not-valid-tip)::before {
background-color: #d32f2f;
}
.input-item:has(.wpcf7-not-valid-tip) label {
color: #d32f2f;
}
.info-block_v2 {
padding: 1.25rem;
border-radius: 0.625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.9375rem;
border: 1px solid rgba(17, 17, 17, 0.1490196078);
}
.info-block_v2::before {
content: '';
display: block;
width: 1.25rem;
height: 1.25rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star2.svg) center/contain no-repeat;
}
.iti__selected-dial-code,
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='text'] {
background: rgba(255, 255, 255, 0);
color: #111;
font-size: 1.5625rem;
padding-bottom: 0.5625rem;
outline: 0 !important;
}
@media (max-width: 61.99875em) {
.iti__selected-dial-code,
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='text'] {
font-size: 1.25rem;
}
}
@media (max-width: 47.99875em) {
.iti__selected-dial-code,
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='text'] {
font-size: 1.125rem;
}
}
.iti__selected-dial-code::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder {
color: #111;
}
.iti__selected-dial-code::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder {
color: #111;
}
.iti__selected-dial-code:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder {
color: #111;
}
.iti__selected-dial-code::-ms-input-placeholder,
input[type='email']::-ms-input-placeholder,
input[type='password']::-ms-input-placeholder,
input[type='tel']::-ms-input-placeholder,
input[type='text']::-ms-input-placeholder {
color: #111;
}
.iti__selected-dial-code::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder,
input[type='tel']::placeholder,
input[type='text']::placeholder {
color: #111;
}
input[type='tel']::-webkit-input-placeholder {
opacity: 0;
}
input[type='tel']::-moz-placeholder {
opacity: 0;
}
input[type='tel']:-ms-input-placeholder {
opacity: 0;
}
input[type='tel']::-ms-input-placeholder {
opacity: 0;
}
input[type='tel']::placeholder {
opacity: 0;
}
.hover-underline_reverse {
position: relative;
}
.hover-underline_reverse:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.hover-underline_reverse::after {
content: '';
position: absolute;
left: 0;
bottom: -0.25rem;
width: 100%;
height: 1px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: currentColor;
}
.hover-underline {
position: relative;
}
.hover-underline:hover::after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.hover-underline::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
background-color: currentColor;
}
.region-item__img {
position: relative;
}
.region-item__img img {
aspect-ratio: 63/30;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
border-radius: 0.625rem;
}
.v2 .region-item__img img {
aspect-ratio: 9/7;
}
@media (max-width: 47.99875em) {
.region-item__img img {
aspect-ratio: 7/6;
}
}
.region-item__tags {
position: absolute;
left: 0.9375rem;
right: 0.9375rem;
bottom: 0.9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 47.99875em) {
.region-item__tags {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 0.625rem;
}
}
.region-item__info {
margin-top: 0.625rem;
}
.region-item__info .subtitle {
line-height: 1.5;
max-width: 100%;
margin-top: 0.625rem;
}
@media (min-width: 61.99875em) {
.only-tablet {
display: none !important;
}
}
@media (max-width: 61.99875em) {
.only-tablet {
display: block;
}
}
@media (max-width: 61.99875em) {
.hide-tablet {
display: none !important;
}
}
@media (min-width: 47.99875em) {
.only-mobile {
display: none !important;
}
}
@media (max-width: 47.99875em) {
.only-mobile {
display: block;
}
}
@media (max-width: 47.99875em) {
.hide-mobile {
display: none !important;
}
}
@media (min-width: 29.99875em) {
.only-mobileSmall {
display: none;
}
}
@media (max-width: 29.99875em) {
.only-mobileSmall {
display: block;
}
}
@media (max-width: 29.99875em) {
.hide-mobileSmall {
display: none !important;
}
}
.hover-image {
position: absolute;
width: 6.5625rem;
height: 2.5rem;
pointer-events: none;
scale: 0;
-webkit-transition: scale 0.25s ease;
transition: scale 0.25s ease;
border-radius: 0.625rem;
overflow: hidden;
-webkit-backdrop-filter: blur(13.73px);
backdrop-filter: blur(13.73px);
z-index: 10;
}
.phone-input {
background-color: var(--text-inverse);
border-radius: 0.625rem;
position: relative;
}
.phone-input input {
width: 100%;
padding-left: 2.5rem !important;
}
.phone-input img {
width: 1.125rem;
height: 1.375rem;
-o-object-fit: contain;
object-fit: contain;
left: 0.625rem;
top: calc(50% - 0.3125rem);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
}
@-webkit-keyframes star {
from {
-webkit-transform: scale(0.8) rotate(-5deg);
transform: scale(0.8) rotate(-5deg);
}
to {
-webkit-transform: scale(1.1) rotate(25deg);
transform: scale(1.1) rotate(25deg);
}
}
@keyframes star {
from {
-webkit-transform: scale(0.8) rotate(-5deg);
transform: scale(0.8) rotate(-5deg);
}
to {
-webkit-transform: scale(1.1) rotate(25deg);
transform: scale(1.1) rotate(25deg);
}
}
@-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);
}
}
.iti__country-container {
-webkit-transform: translateY(-0.1875rem) translateX(-0.5rem);
-ms-transform: translateY(-0.1875rem) translateX(-0.5rem);
transform: translateY(-0.1875rem) translateX(-0.5rem);
}
.iti__country-container {
z-index: 500;
}
@media (max-width: 47.99875em) {
.iti__flag {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
}
.wpcf7-form-control-wrap:has(.checkbox) {
margin-top: -2.1875rem;
}
@media (max-width: 61.99875em) {
.wpcf7-form-control-wrap:has(.checkbox) {
margin-top: -0.625rem;
}
}
.wpcf7-list-item:has(.checkbox) {
font-size: 1rem;
margin: 0 !important;
}
@media (max-width: 47.99875em) {
.wpcf7-list-item:has(.checkbox) {
font-size: 0.875rem;
}
}
.wpcf7-list-item:has(.checkbox) label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
}
.wpcf7-list-item:has(.checkbox) .checkbox {
margin-bottom: 0;
}
#scroll-to-top {
position: fixed;
right: 1.5625rem;
bottom: 1.5625rem;
border-radius: 50%;
background-color: var(--accent);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 10;
-webkit-box-shadow: rgba(var(--accent-rgb), 0.4) 0 8px 16px;
box-shadow: rgba(var(--accent-rgb), 0.4) 0 8px 16px;
width: 3.125rem;
height: 3.125rem;
-webkit-transition:
-webkit-box-shadow 0.4s ease,
-webkit-transform 0.4s ease;
transition:
-webkit-box-shadow 0.4s ease,
-webkit-transform 0.4s ease;
transition:
box-shadow 0.4s ease,
transform 0.4s ease;
transition:
box-shadow 0.4s ease,
transform 0.4s ease,
-webkit-box-shadow 0.4s ease,
-webkit-transform 0.4s ease;
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%);
}
#scroll-to-top:hover {
-webkit-box-shadow: rgba(var(--accent-rgb), 0.4) 0 4px 10px;
box-shadow: rgba(var(--accent-rgb), 0.4) 0 4px 10px;
}
#scroll-to-top:active {
-webkit-box-shadow: rgba(var(--accent-rgb), 0.4) 0 0 0;
box-shadow: rgba(var(--accent-rgb), 0.4) 0 0 0;
}
#scroll-to-top.active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#scroll-to-top svg {
width: 50%;
height: 50%;
}
.cookie-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #111;
color: #f5f5f5;
padding: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 100000;
font-size: 1rem;
display: none;
line-height: 1.5;
}
@media (max-width: 47.99875em) {
.cookie-banner {
font-size: 0.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.875rem;
}
}
.cookie-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 2.5rem;
}
@media (max-width: 47.99875em) {
.cookie-content {
margin-right: 0;
}
}
.cookie-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
}
.cookie-accept-button,
.cookie-decline-button {
padding: 0.8125rem 1.875rem;
border: none;
font-size: 0.875rem;
cursor: pointer;
border-radius: 0.3125rem;
}
@media (max-width: 47.99875em) {
.cookie-accept-button,
.cookie-decline-button {
padding: 0.625rem 1.5625rem;
}
}
.cookie-accept-button {
background-color: #4caf50 !important;
color: #fff;
}
.cookie-accept-button:hover {
background-color: #45a049 !important;
}
.iti__selected-dial-code {
padding-bottom: 2px;
}
@media (max-width: 47.99875em) {
.iti__selected-dial-code {
padding-bottom: 3px;
}
}
.header {
color: #111;
font-family: var(--font-display);
position: sticky;
top: 0;
z-index: 999;
font-size: 1rem;
background-color: #f5f5f5;
}
.home .header {
position: fixed;
right: 0;
left: 0;
z-index: 10000;
background-color: transparent;
color: #f5f5f5;
-webkit-transition:
background-color 0.25s ease,
color 0.25s ease,
-webkit-box-shadow 0.25s ease;
transition:
background-color 0.25s ease,
color 0.25s ease,
box-shadow 0.25s ease;
}
.home .header.header--scrolled,
.menu-open .home .header {
background-color: #f5f5f5;
color: #111;
-webkit-box-shadow: 0 0.5rem 1.5rem rgba(17, 17, 17, 0.08);
box-shadow: 0 0.5rem 1.5rem rgba(17, 17, 17, 0.08);
}
.home .header .header__logo img {
-webkit-transition: -webkit-filter 0.25s ease;
transition: -webkit-filter 0.25s ease;
transition: filter 0.25s ease;
transition:
filter 0.25s ease,
-webkit-filter 0.25s ease;
}
.home .header:not(.header--scrolled) .header__logo img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.menu-open .home .header .header__logo img {
-webkit-filter: none;
filter: none;
}
.header__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 0.15fr 0.55fr 0.3fr;
grid-template-columns: 0.15fr 0.55fr 0.3fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-block: 1.25rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
-webkit-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
.home .header:not(.header--scrolled) .header__row {
border-bottom-color: rgba(245, 245, 245, 0.22);
}
.menu-open .home .header .header__row {
border-bottom-color: rgba(17, 17, 17, 0.1490196078);
}
@media (min-width: 68.75em) {
.hide-header-nav .header__row {
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
}
.hide-header-actions .header__row {
-ms-grid-columns: 0.15fr 0.65fr 0.2fr;
grid-template-columns: 0.15fr 0.65fr 0.2fr;
}
}
@media (max-width: 68.75em) {
.header__row {
background-color: #f5f5f5;
position: absolute;
left: 0;
top: -100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: #f5f5f5;
height: calc(100vh - 4rem);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
font-size: 1.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 0 0.9375rem 3.125rem 0.9375rem;
}
.header__row .header__logo {
display: none;
}
.menu-open .header__row {
top: 100%;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header__row .header__list::before {
display: none !important;
}
}
@media (max-width: 47.99875em) {
.header__logo img {
width: 6.75rem;
}
}
.header__contact .button {
padding: 0.8125rem 1.25rem;
font-size: 0.875rem;
margin-right: 1.875rem;
}
@media (max-width: 68.75em) {
.header__contact .button {
margin-right: 0;
}
}
@media (min-width: 68.75em) {
.hide-header-nav .header__nav {
display: none !important;
}
}
@media (max-width: 68.75em) {
.header__nav {
position: relative;
padding-bottom: 3.125rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
}
.header__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.5rem;
}
@media (max-width: 68.75em) {
.header__list {
text-align: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
padding-top: 3.125rem;
padding-bottom: 1.625rem;
position: relative;
}
.header__list::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 1.5625rem;
height: 2px;
background-color: rgba(17, 17, 17, 0.1490196078);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.header__link button {
font-family: var(--font-display);
} .header__link.has-submenu {
position: relative;
} @media (max-width: 61.99875em) {
.header__link.has-submenu.dropdown {
font-size: inherit;
}
}
.header__link.has-submenu > a .submenu-arrow {
display: inline-block;
width: 0.4rem;
height: 0.4rem;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
margin-left: 0.25rem;
margin-bottom: 0.15em;
}
.header__link.has-submenu:hover > a .submenu-arrow,
.header__link.has-submenu.submenu-open > a .submenu-arrow {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
} .header__link.has-submenu .dropdown__body__wrapper {
position: absolute;
top: 0;
opacity: 0;
pointer-events: none;
-webkit-transition:
opacity 0.25s ease,
top 0.25s ease;
transition:
opacity 0.25s ease,
top 0.25s ease;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
min-width: auto;
padding-top: 0.75rem;
z-index: 100;
}
.header__link.has-submenu:hover .dropdown__body__wrapper,
.header__link.has-submenu.submenu-open .dropdown__body__wrapper {
top: 100%;
opacity: 1;
pointer-events: all;
}
.header__link.has-submenu .header-submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
border-radius: 0.75rem;
overflow: hidden;
-webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
padding: 0;
gap: 0;
}
.header-submenu__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 1rem 1.25rem 1.25rem;
}
.header-submenu__group + .header-submenu__group {
border-left: 1px solid rgba(17, 17, 17, 0.08);
}
.header-submenu__label {
font-family: var(--font-display);
font-weight: 500;
font-size: 0.625rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #999;
margin-bottom: 0.625rem;
padding: 0 0.5rem;
}
.header__link.has-submenu .header-submenu .dropdown__link {
white-space: nowrap;
font-size: 0.8125rem;
color: #333;
padding: 0.375rem 0.5rem;
border-radius: 0.375rem;
-webkit-transition:
background-color 0.15s ease,
color 0.15s ease;
transition:
background-color 0.15s ease,
color 0.15s ease;
text-decoration: none;
display: block;
line-height: 1.4;
}
.header__link.has-submenu .header-submenu .dropdown__link:hover {
background-color: #f5f5f5;
color: #111;
text-decoration: none;
} @media (max-width: 68.75em) {
.header__link.has-submenu {
font-size: inherit;
}
.header__link.has-submenu .dropdown__body__wrapper {
display: none !important;
position: static !important;
opacity: 1 !important;
pointer-events: all !important;
padding-top: 0 !important;
top: auto !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
width: 100% !important;
left: auto !important;
min-width: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
.header__link.has-submenu.submenu-open .dropdown__body__wrapper {
display: block !important;
padding-top: 1rem !important;
}
.header__link.has-submenu .header-submenu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
border-radius: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
padding: 0;
}
.header-submenu__group {
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-submenu__group + .header-submenu__group {
border-left: none;
padding-left: 0;
padding-top: 1rem;
border-top: 1px solid rgba(17, 17, 17, 0.1);
}
.header-submenu__label {
font-size: 0.75rem;
margin-bottom: 0.5rem;
text-align: center;
}
.header__link.has-submenu .header-submenu .dropdown__link {
font-size: 1rem;
text-align: center;
color: #333;
padding: 0.25rem 0.5rem;
}
}
.header__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 68.75em) {
.header__actions {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
}
}
.header__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
padding-right: 1.875rem;
margin-right: 1.875rem;
position: relative;
}
@media (min-width: 68.75em) {
.hide-header-nav .header__socials li {
display: none !important;
}
}
@media (max-width: 68.75em) {
.header__socials {
padding-right: 0;
margin-right: 0;
gap: 1.125rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.header__socials::after {
content: '';
position: absolute;
right: 0;
top: 50%;
height: 1.5625rem;
width: 2px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(17, 17, 17, 0.1490196078);
}
.home .header:not(.header--scrolled) .header__socials::after {
background-color: rgba(245, 245, 245, 0.22);
}
.menu-open .home .header .header__socials::after {
background-color: rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 68.75em) {
.header__socials::after {
display: none;
}
}
.header__lang.mobile {
display: none;
}
.header__mobile {
padding-block: 0.9375rem;
display: none;
position: relative;
}
.header__mobile .dropdown {
margin-right: 2.1875rem;
}
.header__mobile::before {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background-color: rgba(17, 17, 17, 0.1490196078);
}
.home .header:not(.header--scrolled) .header__mobile::before {
background-color: rgba(245, 245, 245, 0.22);
}
.menu-open .home .header .header__mobile::before {
background-color: rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 68.75em) {
.header__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__mobile .header__logo {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
.icon-menu {
display: none;
}
@media (max-width: 68.75em) {
.icon-menu {
display: block;
position: relative;
width: 1.96875rem;
height: 1.40625rem;
z-index: 5;
}
}
@media (max-width: 68.75em) and (any-hover: none) {
.icon-menu {
cursor: default;
}
}
@media (max-width: 68.75em) {
.icon-menu span,
.icon-menu::after,
.icon-menu::before {
content: '';
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
right: 0;
position: absolute;
width: 100%;
height: 0.125rem;
background-color: #000;
border-radius: 0.3125rem;
}
.home .header:not(.header--scrolled) .icon-menu span,
.home .header:not(.header--scrolled) .icon-menu::after,
.home .header:not(.header--scrolled) .icon-menu::before {
background-color: #f5f5f5;
}
.menu-open .home .header .icon-menu span,
.menu-open .home .header .icon-menu::after,
.menu-open .home .header .icon-menu::before {
background-color: #000;
}
.icon-menu::before {
top: 0;
}
.icon-menu::after {
bottom: 0;
width: 57%;
}
.icon-menu span {
width: 85%;
top: calc(50% - 0.0625rem);
}
.menu-open .icon-menu span {
width: 0;
}
.menu-open .icon-menu::after,
.menu-open .icon-menu::before {
width: 100%;
}
.menu-open .icon-menu::before {
top: calc(50% - 0.0625rem);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-open .icon-menu::after {
bottom: calc(50% - 0.0625rem);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.footer {
margin-top: 8.125rem;
background: #111;
color: #f5f5f5;
font-size: 1rem;
border-radius: 0.625rem 0.625rem 0 0;
overflow: hidden;
}
@media (max-width: 47.99875em) {
.footer {
margin-top: 5.25rem;
}
}
.footer a {
font-size: inherit;
}
.footer__container {
padding-block: 3.75rem;
}
@media (max-width: 47.99875em) {
.footer__container {
padding-block: 2.5rem;
}
}
.footer__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (40%) [2];
grid-template-columns: repeat(2, 40%);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1.875rem;
}
@media (min-width: 61.99875em) {
.footer__row {
position: relative;
}
.footer__row::before {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 2px;
height: calc(100% - 2.625rem);
background-color: rgba(245, 245, 245, 0.1490196078);
}
}
@media (max-width: 61.99875em) {
.footer__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 2.5rem;
}
}
.footer__block-title {
text-transform: uppercase;
color: #f5f5f5;
padding-bottom: 1.25rem;
margin-bottom: 1.25rem;
border-bottom: 2px solid #f5f5f5;
}
@media (max-width: 47.99875em) {
.footer__block-title {
text-align: center;
padding-bottom: 0.9375rem;
margin-bottom: 0.9375rem;
}
}
.footer__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (auto) [2];
grid-template-columns: repeat(2, auto);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2.5rem;
}
@media (max-width: 61.99875em) {
.footer__top {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem 1.25rem;
}
}
@media (max-width: 47.99875em) {
.footer__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
.footer__top-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.footer__top-item h4 {
color: #f5f5f5;
text-transform: uppercase;
}
.footer__top-item a {
margin-top: 0.625rem;
display: block;
}
@media (max-width: 47.99875em) {
.footer__top-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.footer__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.875rem;
}
@media (max-width: 47.99875em) {
.footer__socials {
gap: 1.25rem;
}
}
.footer__info {
padding-block: 1.875rem;
border-top: 2px solid rgba(245, 245, 245, 0.1490196078);
border-bottom: 2px solid rgba(245, 245, 245, 0.1490196078);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
@media (max-width: 47.99875em) {
.footer__info {
padding-top: 1.25rem;
}
}
.footer__info small {
color: rgba(245, 245, 245, 0.5019607843);
font-size: 0.875rem;
line-height: 1.4;
max-width: 15.125rem;
margin-top: 0.625rem;
}
@media (max-width: 47.99875em) {
.footer__info small {
font-size: 0.75rem;
margin-top: 0.625rem;
max-width: 12.8125rem;
}
}
.footer__logo img {
width: 13.375rem;
}
.footer__nav button {
font-family: var(--font-display);
}
.footer__nav a {
position: relative;
}
.footer__nav a:hover::after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.footer__nav a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
background-color: currentColor;
}
.footer__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
margin-top: 1.875rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 47.99875em) {
.footer__list {
gap: 1.875rem;
margin-top: 1.25rem;
}
}
.footer__bottom {
color: rgba(245, 245, 245, 0.5019607843);
font-size: 0.875rem;
}
.footer__bottom .footer__list {
gap: 1.875rem;
}
.footer__bottom a {
position: relative;
}
.footer__bottom a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.footer__bottom a::after {
content: '';
position: absolute;
left: 0;
bottom: -0.25rem;
width: 100%;
height: 1px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: currentColor;
}
@media (max-width: 47.99875em) {
.footer__bottom .footer__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.75rem;
gap: 0.8125rem;
}
}
.footer_v2__container {
border-top: 2px solid rgba(17, 17, 17, 0.1490196078);
padding-top: 1.875rem;
padding-bottom: 1.875rem;
margin-top: 6.25rem;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 47.99875em) {
.footer_v2__container {
margin-top: 8.6875rem;
}
}
.footer_v2__socials {
margin-top: 0.625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer_v2__socials a {
font-size: 1rem;
}
.iti {
--iti-path-flags-1x: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/flags.webp);
--iti-path-flags-2x: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/flags@2x.webp);
--iti-path-globe-1x: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/globe.webp);
--iti-path-globe-2x: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/globe@2x.webp);
}
body:has(.hide-mouse) .hover-image,
body:has(.swiper-button-next:hover) .hover-image,
body:has(.swiper-button-prev:hover) .hover-image {
scale: 0 !important;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.index__container {
margin-top: 3.125rem;
}
.index ul {
display: -ms-grid;
display: grid;
gap: 0.625rem;
}
.index ul li:not(:first-child) {
margin-left: 1.25rem;
padding-left: 0.625rem;
list-style: disc;
}
.breadcrumbs__container {
margin-top: 1.25rem;
}
@media (max-width: 47.99875em) {
.breadcrumbs__container {
margin-top: 0.9375rem;
}
}
.breadcrumbs p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #111;
line-height: 1;
font-size: 0.875rem;
white-space: nowrap;
position: relative;
}
@media (max-width: 47.99875em) {
.breadcrumbs p {
font-size: 0.75rem;
}
}
.breadcrumbs p::before {
content: '';
display: inline-block;
width: 1rem;
height: 1rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/home.svg) center/contain no-repeat;
margin-right: 0.3125rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1rem;
flex: 0 0 1rem;
}
@media (max-width: 47.99875em) {
.breadcrumbs p::before {
margin-right: 0.4375rem;
width: 0.875rem;
height: 0.875rem;
}
}
@media (max-width: 29.99875em) {
.breadcrumbs p::after {
content: '';
position: absolute;
right: -0.9375rem;
top: 0;
bottom: 0;
width: 6.375rem;
pointer-events: none;
background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(245, 245, 245, 0.3)),
to(#f5f5f5)
);
background: linear-gradient(90deg, rgba(245, 245, 245, 0.3), #f5f5f5 100%);
}
}
.breadcrumbs p li:last-child {
color: rgba(17, 17, 17, 0.5019607843);
}
.breadcrumbs .separator {
display: inline-block;
margin-inline: 0.25rem;
}
@media (max-width: 47.99875em) {
.breadcrumbs .separator {
margin-inline: 0.1875rem;
}
}
.breadcrumbs .last {
color: rgba(17, 17, 17, 0.5019607843);
}
.hero {
color: #f5f5f5;
position: relative;
}
.hero__images {
display: -ms-grid;
display: grid;
-ms-grid-columns: 0.2fr 0.2fr 0.2fr 0.2fr 0.2fr;
grid-template-columns: 0.2fr 0.2fr 0.2fr 0.2fr 0.2fr;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-animation: 10s ease-in-out infinite both running hero-bg;
animation: 10s ease-in-out infinite both running hero-bg;
gap: 0.625rem;
pointer-events: none;
height: 39.375rem;
border-radius: 0.625rem;
overflow: hidden;
background-color: #111;
position: relative;
}
@media (max-width: 47.99875em) {
.hero__images {
height: 24.375rem;
}
}
.hero__images::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(17, 17, 17, 0.6)),
to(rgba(17, 17, 17, 0.3))
);
background: linear-gradient(
0deg,
rgba(17, 17, 17, 0.6) 0,
rgba(17, 17, 17, 0.3) 100%
);
z-index: 1;
pointer-events: none;
}
.hero__images:has(.hero__images-item:nth-child(1).active) {
-ms-grid-columns: 1fr 0.2fr 0.2fr 0.2fr 0.2fr;
grid-template-columns: 1fr 0.2fr 0.2fr 0.2fr 0.2fr;
}
.hero__images:has(.hero__images-item:nth-child(2).active) {
-ms-grid-columns: 0.2fr 1fr 0.2fr 0.2fr 0.2fr;
grid-template-columns: 0.2fr 1fr 0.2fr 0.2fr 0.2fr;
}
.hero__images:has(.hero__images-item:nth-child(3).active) {
-ms-grid-columns: 0.2fr 0.2fr 1fr 0.2fr 0.2fr;
grid-template-columns: 0.2fr 0.2fr 1fr 0.2fr 0.2fr;
}
.hero__images:has(.hero__images-item:nth-child(4).active) {
-ms-grid-columns: 0.2fr 0.2fr 0.2fr 1fr 0.2fr;
grid-template-columns: 0.2fr 0.2fr 0.2fr 1fr 0.2fr;
}
.hero__images:has(.hero__images-item:nth-child(5).active) {
-ms-grid-columns: 0.2fr 0.2fr 0.2fr 0.2fr 1fr;
grid-template-columns: 0.2fr 0.2fr 0.2fr 0.2fr 1fr;
}
@media (max-width: 47.99875em) {
.hero__images {
gap: 0;
}
.hero__images:has(.hero__images-item:nth-child(1).active) {
-ms-grid-columns: 100% 0 0 0 0;
grid-template-columns: 100% 0 0 0 0;
}
.hero__images:has(.hero__images-item:nth-child(2).active) {
-ms-grid-columns: 0 100% 0 0 0;
grid-template-columns: 0 100% 0 0 0;
}
.hero__images:has(.hero__images-item:nth-child(3).active) {
-ms-grid-columns: 0 0 100% 0 0;
grid-template-columns: 0 0 100% 0 0;
}
.hero__images:has(.hero__images-item:nth-child(4).active) {
-ms-grid-columns: 0 0 0 100% 0;
grid-template-columns: 0 0 0 100% 0;
}
.hero__images:has(.hero__images-item:nth-child(5).active) {
-ms-grid-columns: 0 0 0 0 100%;
grid-template-columns: 0 0 0 0 100%;
}
}
.hero__images img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 0;
}
.hero__bottom-text {
position: absolute;
left: 1.875rem;
bottom: 3.125rem;
width: 33.4375rem;
z-index: 1;
}
@media (min-width: 61.99875em) {
.for-investors-page .hero__bottom-text {
width: 47.75rem;
}
.for-investors-page .hero__bottom-text .hero__subtitle {
max-width: 29.125rem;
}
}
@media (max-width: 23.75em) {
.hero__bottom-text h1 {
font-size: 1.375rem;
}
}
@media (max-width: 61.99875em) {
.hero__bottom-text {
left: 0.9375rem;
bottom: 0.9375rem;
width: calc(100% - 1.875rem);
}
.hero__bottom-text .hero__subtitle {
max-width: 13.125rem;
}
}
.hero__bottom-text .hero__subtitle {
max-width: 100%;
}
.hero__container {
margin-top: 1.25rem;
}
@media (max-width: 47.99875em) {
.hero__container {
margin-top: 0.9375rem;
}
}
.hero__button {
margin-top: 0.625rem;
width: 100%;
}
@media (max-width: 29.99875em) {
.hero__button {
font-size: 0.75rem;
}
}
.hero__inner {
position: relative;
padding: 1.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 39.375rem;
}
@media (max-width: 68.75em) {
.hero__inner {
padding: 1.25rem;
}
}
.hero__inner:has(.hero__bottom-text) {
padding: 0;
}
@media (max-width: 61.99875em) {
.hero__inner {
min-height: 24.375rem;
padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
}
}
.hero__image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.hero__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.625rem;
}
.hero__image::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
border-radius: 0.625rem;
z-index: 1;
}
@media (min-width: 68.75em) {
.hero__text {
margin-top: 1.0625rem;
}
}
.hero__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: var(--font-display);
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.hero__place {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f5f5f5;
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
gap: 0.625rem;
color: #111;
font-size: 1rem;
}
@media (max-width: 47.99875em) {
.hero__place {
font-size: 0.875rem;
padding: 0.5rem 0.625rem;
gap: 0.3125rem;
}
}
.hero__place img {
width: 1.5rem;
height: 1.5rem;
}
@media (max-width: 47.99875em) {
.hero__place img {
width: 1rem;
height: 1.0625rem;
}
}
.hero__place span:not(:nth-child(2)) {
padding-left: 0.625rem;
border-left: rgba(17, 17, 17, 0.6) 2px solid;
}
@media (max-width: 47.99875em) {
.hero__place span:not(:nth-child(2)) {
padding-left: 0.3125rem;
}
}
.hero__name {
font-size: 1.25rem;
max-width: 11.625rem;
text-align: right;
display: none;
}
@media (max-width: 61.99875em) {
.hero__name {
font-size: 1rem;
}
}
@media (max-width: 47.99875em) {
.hero__name {
font-size: 0.875rem;
}
}
.hero__bottom {
display: -ms-grid;
display: grid;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 7.9375rem;
-ms-grid-columns: 1fr 20.625rem;
grid-template-columns: 1fr 20.625rem;
position: relative;
z-index: 2;
}
@media (max-width: 68.75em) {
.hero__bottom {
gap: 1.875rem;
-ms-grid-columns: 1fr 20.625rem;
grid-template-columns: 1fr 20.625rem;
}
}
@media (max-width: 61.99875em) {
.hero__bottom {
margin-top: 7.75rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 0;
}
}
.hero__subtitle {
margin-top: 0.625rem;
font-size: 1.125rem;
line-height: 1.5;
max-width: 75%;
}
@media (max-width: 61.99875em) {
.hero__subtitle {
font-size: 1rem;
max-width: 100%;
}
}
@media (max-width: 47.99875em) {
.hero__subtitle {
font-size: 0.875rem;
line-height: 1.4;
}
}
.hero__info .swiper-button-next:hover rect,
.hero__info .swiper-button-prev:hover rect {
fill: #d3d3d3;
}
@media (max-width: 61.99875em) {
.hero__info {
margin-top: 6.875rem;
}
.hero__info .swiper-button-next,
.hero__info .swiper-button-prev {
display: none;
}
}
@media (max-width: 47.99875em) {
.hero__info {
margin-top: 1.875rem;
}
}
.hero__numbers {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 0.625rem;
}
.hero__numbers-block {
padding: 0.9375rem 1.0625rem 0.9375rem 1.0625rem;
background-color: #f5f5f5;
border-radius: 0.625rem;
display: -ms-grid;
display: grid;
color: #111;
-ms-grid-rows: 1fr auto;
grid-template-rows: 1fr auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 0.9375rem;
}
.hero__numbers-block.smaller {
padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
}
@media (max-width: 61.99875em) {
.hero__numbers-block {
border: 1px solid rgba(17, 17, 17, 0.1490196078);
}
}
.hero__numbers-block span:nth-child(1) {
font-size: 0.6875rem;
line-height: 1.35;
}
.hero__numbers-block span:nth-child(2) {
margin-top: 0.3125rem;
font-size: 1.5625rem;
line-height: 1.16;
}
.hero__slider {
margin-top: 0.625rem;
position: relative;
margin-inline: 0 !important;
padding-inline: 0 !important;
border-radius: 0.625rem;
overflow: hidden !important;
}
.hero__slider .swiper-pagination {
font-size: 1.125rem;
position: absolute;
left: 0.625rem;
top: 0.625rem;
width: calc(100% - 4rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 47.99875em) {
.hero__slider .swiper-pagination {
font-size: 1rem;
}
}
.hero__slider .swiper-pagination-current {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.hero-slide {
position: relative;
font-family: var(--font-display);
}
.hero-slide__img {
height: 100%;
}
.hero-slide__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.625rem;
max-height: 12.5rem;
}
.hero-slide__name {
position: absolute;
left: 0.625rem;
bottom: 0.625rem;
border: 1px solid rgba(245, 245, 245, 0.6);
border-radius: 0.625rem;
padding: 0.625rem 0.9375rem;
font-size: 1rem;
}
@media (max-width: 61.99875em) {
.hero-slide__name {
left: 1.25rem;
bottom: 1.25rem;
font-size: 0.875rem;
}
}
.hero__circle {
position: absolute;
z-index: 1;
top: calc(100% - 3.75rem);
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
@media (max-width: 61.99875em) {
.hero__circle {
top: calc(100% - 3.25rem);
}
}
@media (max-width: 61.99875em) {
.hero__circle {
display: none;
}
}
.hero__circle-wrapper {
font-family: var(--font-display);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
aspect-ratio: 1/1;
background-color: var(--accent);
width: 10rem;
font-size: 0.875rem;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition:
transform 0.25s ease,
-webkit-transform 0.25s ease;
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
padding: 0.625rem;
}
@media (max-width: 61.99875em) {
.hero__circle-wrapper {
width: 8.75rem;
font-size: 0.75rem;
}
}
.hero__circle::before {
content: '';
position: absolute;
left: 50%;
top: -38%;
width: 140%;
height: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
background: url('data:image/svg+xml,%3Csvg width=%27219%27 height=%2782%27 viewBox=%270 0 219 82%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M206.5 72.5C214.5 111.5 159.705 142 109.999 142C65.9891 142 4.3017 113.522 0 82C6.5 80.5 8.29569 76.7398 9.49895 72.5C20.2835 34.5 60.2933 0 109.999 0C159.705 0 198.5 33.5 206.5 72.5Z%27 fill=%27%23f5f5f5%27/%3E%3Cpath d=%27M12.7832 72.5C4.7832 111.5 59.5786 142 109.284 142C153.294 142 214.981 113.522 219.283 82C212.783 80.5 210.988 76.7398 209.784 72.5C199 34.5 158.99 0 109.284 0C59.5786 0 20.7832 33.5 12.7832 72.5Z%27 fill=%27%23f5f5f5%27/%3E%3C/svg%3E%0A')
center/contain no-repeat;
}
.quiz-section__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.quiz-section__container {
margin-top: 5rem;
}
}
@media (min-width: 61.99875em) {
.quiz-section .wpcf7-form {
height: 100%;
}
.quiz-section .quiz {
height: 100%;
}
}
.quiz-section__top {
max-width: 48.6875rem;
}
.quiz-section__top h2 {
text-align: inherit;
}
.quiz-section__row {
margin-top: 3.125rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
.quiz-section .wpcf7,
.quiz-section .wpcf7-form,
.quiz-section .quiz {
width: 100%;
}
@media (max-width: 61.99875em) {
.quiz-section__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.875rem;
}
}
.quiz-section__expert .expert__name {
gap: 0.625rem;
padding: 1.5625rem 1.25rem;
}
.quiz-section__expert .subtitle {
font-size: 0.875rem;
}
@media (min-width: 61.99875em) {
.quiz-section .expert__image img {
height: 40.625rem;
}
}
.quiz {
background-color: #fff;
border-radius: 0.625rem;
padding: 1.875rem 3.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid var(--accent);
-webkit-box-shadow:
rgba(var(--accent-rgb), 0.16) 0 10px 36px 0,
rgba(var(--accent-rgb), 0.06) 0 0 0 1px;
box-shadow:
rgba(var(--accent-rgb), 0.16) 0 10px 36px 0,
rgba(var(--accent-rgb), 0.06) 0 0 0 1px;
}
@media (max-width: 61.99875em) {
.quiz {
padding: 1.875rem 1.25rem;
}
}
.quiz__top {
margin-bottom: 1.875rem;
}
.quiz__progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1.55;
font-size: 1rem;
color: #111;
}
@media (max-width: 47.99875em) {
.quiz__progress {
font-size: 0.875rem;
}
}
.quiz__progress-line {
border-radius: 6.25rem;
margin-top: 0.625rem;
height: 0.3125rem;
background-color: #e3e3e3;
position: relative;
}
@media (max-width: 47.99875em) {
.quiz__progress-line {
margin-top: 0.3125rem;
}
}
.quiz__progress-line span {
position: absolute;
left: 0;
top: 0;
width: 40%;
height: 100%;
border-radius: 6.25rem;
background-color: var(--accent);
}
.quiz__steps {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.quiz__step {
display: none;
min-height: 17.375rem;
}
@media (max-width: 61.99875em) {
.quiz__step {
height: 25rem;
}
.quiz__step .expert__form {
gap: 2.1875rem;
}
}
@media (max-width: 47.99875em) {
.quiz__step {
min-height: auto;
height: auto;
}
}
.quiz__step.active {
display: block;
}
.quiz__step h3 {
margin-bottom: 1.875rem;
}
.quiz__checkboxes {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (min-width: 61.99875em) {
.quiz__checkboxes {
min-height: 17.4375rem;
}
}
@media (max-width: 47.99875em) {
.quiz__checkboxes {
gap: 0.625rem;
}
}
.quiz__checkboxes .wpcf7-list-item-label {
display: none;
}
.quiz__checkboxes .wpcf7-form-control-wrap {
display: none;
}
.quiz__checkboxes.v2 {
gap: 1.875rem;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 47.99875em) {
.quiz__checkboxes.v2 {
-ms-grid-columns: (1fr) [1];
grid-template-columns: repeat(1, 1fr);
gap: 0.625rem;
}
}
.quiz__checkboxes.v2 .wpcf7-form-control-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 7.4375rem;
}
.quiz__checkboxes.v2 .wpcf7-form-control-wrap:hover label {
border-color: var(--accent);
}
.quiz__checkboxes.v2 .wpcf7-form-control-wrap:hover .wpcf7-list-item-label {
color: var(--accent);
}
@media (max-width: 47.99875em) {
.quiz__checkboxes.v2 .wpcf7-form-control-wrap {
min-height: 5.625rem;
}
}
.quiz__checkboxes.v2 .wpcf7-form-control-wrap label {
cursor: pointer;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1.1875rem 0.9375rem 0.9375rem 0.9375rem;
border: 1px solid #111;
border-radius: 0.625rem;
min-height: 7.4375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
-webkit-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
@media (max-width: 47.99875em) {
.quiz__checkboxes.v2 .wpcf7-form-control-wrap label {
min-height: 6.25rem;
}
}
.quiz__checkboxes.v2 .wpcf7-form-control-wrap label:has(input:checked) {
background-color: var(--accent);
border: 1px solid var(--accent);
}
.quiz__checkboxes.v2 .wpcf7-form-control-wrap label:has(input:checked)::before {
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/checkbox-checked.svg) center/contain no-repeat;
}
.quiz__checkboxes.v2
.wpcf7-form-control-wrap
label:has(input:checked)
.wpcf7-list-item-label {
color: #f5f5f5 !important;
}
.quiz__checkboxes.v2 .wpcf7-list-item {
margin: 0;
}
.quiz__checkboxes.v2 .wpcf7-form-control,
.quiz__checkboxes.v2 .wpcf7-list-item {
width: 100%;
}
.quiz__checkboxes.v2 input {
display: none;
}
.quiz__checkboxes.v2 .wpcf7-list-item-label {
display: block;
font-size: 1.5625rem;
text-align: center;
line-height: 1.1;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
@media (max-width: 61.99875em) {
.quiz__checkboxes.v2 .wpcf7-list-item-label {
font-size: 1.25rem;
}
}
@media (max-width: 47.99875em) {
.quiz__checkboxes.v2 .wpcf7-list-item-label {
font-size: 1.125rem;
}
}
.quiz__checkboxes.v2 label::before {
content: '';
position: absolute;
left: 0.9375rem;
bottom: 0.9375rem;
width: 1.5625rem;
height: 1.5625rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/checkbox.svg) center/contain no-repeat;
}
@media (max-width: 29.99875em) {
.quiz__checkboxes.v2 label::before {
width: 1.25rem;
height: 1.25rem;
left: 0.625rem;
bottom: 0.625rem;
}
}
@media (max-width: 47.99875em) {
.quiz__checkbox {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
.quiz__checkbox:hover {
color: var(--accent);
}
.quiz__checkbox:has(input:checked) .quiz__checkbox-icon {
background: url('data:image/svg+xml,%3Csvg width=%2725%27 height=%2725%27 viewBox=%270 0 25 25%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2712.5%27 cy=%2712.5%27 r=%2712.5%27 fill=%27%23F5F5F5%27/%3E%3Cpath d=%27M18.3625 8.3001C18.0125 7.9501 17.4875 7.9501 17.1375 8.3001L10.575 14.8626L7.8625 12.1501C7.5125 11.8001 6.9875 11.8001 6.6375 12.1501C6.2875 12.5001 6.2875 13.0251 6.6375 13.3751L9.9625 16.7001C10.1375 16.8751 10.3125 16.9626 10.575 16.9626C10.8375 16.9626 11.0125 16.8751 11.1875 16.7001L18.3625 9.5251C18.7125 9.1751 18.7125 8.6501 18.3625 8.3001Z%27 fill=%27%23111111%27/%3E%3C/svg%3E%0A')
center/contain no-repeat;
}
.v2 .quiz__checkbox:has(input:checked) .quiz__checkbox-icon {
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/checkbox-checked.svg) center/contain no-repeat;
}
.v2 .quiz__checkbox:has(input:checked) label {
background-color: var(--accent);
border: 1px solid var(--accent);
color: #f5f5f5;
}
.quiz__checkbox label {
cursor: pointer;
}
.quiz__checkbox-img {
position: relative;
}
.quiz__checkbox-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 29.99875em) {
.quiz__checkbox-img img {
aspect-ratio: 150/115;
}
}
.quiz__checkbox h4 {
font-family: var(--font-body);
padding-top: 0.625rem;
display: inline-block;
}
@media (max-width: 47.99875em) {
.quiz__checkbox h4 {
font-size: 1.125rem;
}
}
.quiz__checkbox input {
display: none;
}
.quiz__checkbox img {
border-radius: 0.625rem;
}
.quiz__end p {
max-width: 34.875rem;
color: #111;
line-height: 1.45;
}
.quiz__end h3 {
margin-bottom: 0.625rem;
}
.quiz__form {
margin-top: 2.375rem;
}
.quiz__bottom {
margin-top: 1.875rem;
}
.quiz__bottom:has(.hide) {
display: none;
}
.quiz__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.quiz__buttons.hide {
opacity: 0;
pointer-events: none;
}
.quiz-error {
position: absolute;
right: 0;
bottom: calc(100% + 0.625rem);
color: #c8484d;
font-size: 0.875rem;
display: none;
}
@media (max-width: 47.99875em) {
.quiz-error {
font-size: 0.75rem;
}
}
.quiz__button_back {
font-size: 1rem;
color: #111;
cursor: pointer;
}
.quiz__button_back:disabled {
color: #b5b5b5;
}
.quiz__button_next {
min-width: 11.25rem;
font-size: 0.875rem;
}
@media (max-width: 47.99875em) {
.quiz__button_next {
font-size: 0.75rem;
min-width: 7.0625rem;
}
}
.concept__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.concept__container {
margin-top: 5rem;
}
}
.concept__title span {
display: block;
}
@media (max-width: 47.99875em) {
.concept__title span {
display: inline;
}
}
.concept__subtitle {
text-align: center;
max-width: 39.375rem;
margin-inline: auto;
line-height: 1.45;
margin-top: 0.625rem;
}
@media (max-width: 47.99875em) {
.concept__subtitle {
font-size: 0.875rem;
}
}
.concept__numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.25rem;
gap: 0.625rem;
}
.concept-info__slider {
margin-top: 1.25rem;
}
.concept__blocks {
display: -ms-grid;
display: grid;
gap: 1.875rem;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
margin-top: 3.125rem;
}
.concept__blocks .hide {
width: 0.6875rem;
line-height: 1;
white-space: nowrap;
display: inline-block;
overflow: hidden;
}
.concept__blocks .hide::before {
display: inline-block;
height: 0.625rem;
content: '…';
-webkit-transform: translate(1px, 3px);
-ms-transform: translate(1px, 3px);
transform: translate(1px, 3px);
}
.concept__blocks .concept-block.active .hide {
line-height: 1.45;
width: auto;
white-space: normal;
display: inline;
}
.concept__blocks .concept-block.active .hide::before {
display: none;
}
.concept__blocks:has(.concept-block:nth-child(1).active) {
-ms-grid-columns: 0.75fr 0.25fr;
grid-template-columns: 0.75fr 0.25fr;
}
.concept__blocks:has(.concept-block:nth-child(2).active) {
-ms-grid-columns: 0.25fr 0.75fr;
grid-template-columns: 0.25fr 0.75fr;
}
.concept__blocks:has(.concept-block:nth-child(3)) .concept-block__subtitle {
max-width: 23.125rem;
}
.concept__blocks:has(.concept-block:nth-child(3)):has(
.concept-block:nth-child(1).active
) {
-ms-grid-columns: 0.525fr 0.25fr 0.25fr;
grid-template-columns: 0.525fr 0.25fr 0.25fr;
}
.concept__blocks:has(.concept-block:nth-child(3)):has(
.concept-block:nth-child(2).active
) {
-ms-grid-columns: 0.25fr 0.525fr 0.25fr;
grid-template-columns: 0.25fr 0.525fr 0.25fr;
}
.concept__blocks:has(.concept-block:nth-child(3)):has(
.concept-block:nth-child(3).active
) {
-ms-grid-columns: 0.25fr 0.25fr 0.525fr;
grid-template-columns: 0.25fr 0.25fr 0.525fr;
}
.concept__slider {
margin-top: 1.875rem;
}
.gallery__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.gallery__container {
margin-top: 5rem;
}
}
.gallery h2 {
text-align: left;
}
@media (max-width: 47.99875em) {
.gallery h2 {
font-size: 1.53125rem;
}
}
.gallery__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 3.125rem;
}
@media (max-width: 47.99875em) {
.gallery__top {
margin-bottom: 1.875rem;
}
}
.gallery__buttons {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
gap: 0.625rem;
}
.gallery__buttons .swiper-button-next,
.gallery__buttons .swiper-button-prev {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media (max-width: 47.99875em) {
.gallery__buttons {
display: none;
}
}
@media (max-width: 61.99875em) {
.gallery__wrapper {
min-height: 16.875rem;
}
}
.gallery__slide {
height: 100%;
max-height: 100%;
}
.gallery__slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.625rem;
aspect-ratio: 63/50;
}
@media (max-width: 47.99875em) {
.gallery__slide img {
aspect-ratio: 35/27;
}
}
.infrastructure .swiper-hide-left {
right: calc(100% + 1px);
}
.infrastructure__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.infrastructure__container {
margin-top: 5rem;
}
}
.infrastructure__inner {
position: relative;
}
.infrastructure__subtitle {
text-align: center;
max-width: 35.25rem;
margin-inline: auto;
}
.infrastructure__slider {
margin-top: 3.125rem;
}
.infrastructure__slider.sunny_ocean_view .infrastructure-item__logo {
max-width: 8.75rem;
}
@media (max-width: 47.99875em) {
.infrastructure__slider {
margin-top: 1.875rem;
}
.infrastructure__slider .swiper-button-next,
.infrastructure__slider .swiper-button-prev {
display: none;
}
.infrastructure__slider:has(.infrastructure-item.v2) .swiper-button-next,
.infrastructure__slider:has(.infrastructure-item.v2) .swiper-button-prev {
display: block;
}
}
.infrastructure-navigation {
position: relative;
margin-top: 1.875rem;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
color: #111;
}
@media (min-width: 61.99875em) {
.infrastructure-navigation:not(
:has(.infrastructure-navigation__slide:nth-child(6))
) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 47.99875em) {
.infrastructure-navigation {
margin-top: 1.25rem;
}
}
.infrastructure-navigation__slide {
text-transform: capitalize;
white-space: nowrap;
padding: 0.59375rem 0.8875rem;
border-radius: 0.625rem;
border: 1px solid #111;
-webkit-transition: all 0.25s ease !important;
transition: all 0.25s ease !important;
}
.infrastructure-navigation__slide.active {
color: var(--accent);
border-color: var(--accent);
}
.infrastructure.new .infrastructure-item .infrastructure-item__info {
top: 17.25rem;
}
.location__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.location__container {
margin-top: 5rem;
}
}
.location__container > h3 {
text-align: center;
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.location__container > h3 {
margin-top: 1.25rem;
}
}
.location__button {
text-align: center;
margin-top: 1.25rem;
}
.location__row {
margin-top: 3.125rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: 25.625rem 1fr;
grid-template-columns: 25.625rem 1fr;
gap: 1.875rem;
width: 100%;
position: relative;
max-width: 100%;
max-height: 100vh;
min-height: 0;
min-width: 0;
}
@media (max-width: 61.99875em) {
.location__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 47.99875em) {
.location__row {
gap: 1.25rem;
}
}
.location__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 2;
background-color: #f5f5f5;
}
@media (max-width: 61.99875em) {
.location__info h2 {
text-align: center;
}
}
.location__list {
margin-top: 1.875rem;
display: -ms-grid;
display: grid;
gap: 1.875rem;
}
@media (max-width: 47.99875em) {
.location__list {
gap: 1.25rem;
margin-top: 1.25rem;
}
}
.location__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.9375rem;
line-height: 1.35;
}
@media (max-width: 47.99875em) {
.location__list-item {
font-size: 0.875rem;
}
}
.location__list-item img {
width: 3.25rem;
height: 3.25rem;
}
.location__buttons {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 0.625rem;
}
.location__buttons .swiper-button-next,
.location__buttons .swiper-button-prev {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media (max-width: 61.99875em) {
.location__buttons {
display: none;
}
}
.location__slider {
width: 100%;
max-width: 100%;
max-height: 100%;
min-height: 0;
min-width: 0;
}
.location__slider-wrapper {
width: 100%;
max-width: 100%;
max-height: 100vh;
min-height: 0;
min-width: 0;
}
@media (max-width: 47.99875em) {
.location__slider {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
}
.location__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 61.99875em) {
.location__wrapper {
height: 31.25rem !important;
}
}
@media (max-width: 61.99875em) {
.location__wrapper {
height: 21.875rem !important;
}
}
@media (max-width: 47.99875em) {
.location__wrapper {
height: 16.875rem;
}
}
.location__slide {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
height: 100%;
}
@media (min-width: 61.99875em) {
.location__slide {
height: 31.25rem;
}
}
.location__slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.625rem;
}
@media (max-width: 61.99875em) {
.location__slide img {
min-height: 16.875rem;
}
}
.location__numbers {
text-align: center;
}
.location__numbers-list {
margin-top: 1.875rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (auto) [3];
grid-template-columns: repeat(3, auto);
padding: 2.0625rem 4.1875rem;
border-radius: 0.625rem;
border: 1px solid rgba(17, 17, 17, 0.1490196078);
gap: 3.125rem;
}
@media (max-width: 68.75em) {
.location__numbers-list {
gap: 2.5rem;
}
}
@media (max-width: 61.99875em) {
.location__numbers-list {
padding: 1.875rem 2.875rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
justify-items: center;
gap: 1.875rem;
}
}
@media (max-width: 47.99875em) {
.location__numbers-list {
margin-top: 1.25rem;
}
}
.location__numbers-item {
text-align: left;
display: -ms-grid;
display: grid;
gap: 0.625rem;
-ms-grid-columns: 1.25rem 1fr;
grid-template-columns: 1.25rem 1fr;
color: #111;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 61.99875em) {
.location__numbers-item {
width: 18.75rem;
max-width: 100%;
}
}
@media (max-width: 47.99875em) {
.location__numbers-item {
width: 16.125rem;
}
}
.location__numbers-item:not(:last-child) {
position: relative;
padding-right: 3.125rem;
}
@media (max-width: 68.75em) {
.location__numbers-item:not(:last-child) {
padding-right: 2.5rem;
}
}
@media (max-width: 61.99875em) {
.location__numbers-item:not(:last-child) {
padding-right: 0;
padding-bottom: 1.875rem;
}
}
.location__numbers-item:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 2px;
height: 4.375rem;
background-color: rgba(17, 17, 17, 0.1490196078);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 61.99875em) {
.location__numbers-item:not(:last-child)::after {
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
height: 2px;
width: 15rem;
top: 100%;
}
}
.location__numbers-item::before {
content: '';
-webkit-animation: star 1s ease infinite alternate;
animation: star 1s ease infinite alternate;
width: 1.25rem;
height: 1.25rem;
background: url('data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M10.2287 -5.72205e-06C10.2287 5.42981 14.5896 9.84109 20 9.92251V10.2301C14.6404 10.3108 10.3107 14.6404 10.2298 20H9.92251C9.84092 14.5897 5.42971 10.229 -2.86102e-06 10.229V9.92366C5.48069 9.92366 9.92366 5.48069 9.92366 -2.86102e-06L10.2287 -5.72205e-06Z%27 fill=%27%23009f50%27/%3E%3C/svg%3E%0A')
center/contain no-repeat;
}
.location__numbers-item span:nth-child(1) {
line-height: 1.35;
}
@media (max-width: 61.99875em) {
.location__numbers-item span:nth-child(1) {
font-size: 1rem;
}
}
@media (max-width: 47.99875em) {
.location__numbers-item span:nth-child(1) {
font-size: 0.875rem;
}
}
.location__numbers-item span:nth-child(2) {
-ms-grid-column: 2;
grid-column-start: 2;
font-size: 3.125rem;
}
.location__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 20.5625rem 23.0625rem;
gap: 1.875rem;
margin-top: 1.875rem;
}
@media (max-width: 61.99875em) {
.location__grid {
display: none;
}
}
.location__grid-item {
padding: 1.25rem 1.25rem 1.875rem 1.25rem;
border-radius: 0.625rem;
overflow: hidden;
background-color: #ededed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
line-height: 1.35;
}
@media (max-width: 61.99875em) {
.location__grid-item {
height: 100%;
padding: 0.9375rem;
font-size: 0.875rem;
}
}
@media (min-width: 61.99875em) {
.location__grid-item:nth-child(1) {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
}
.location__grid-item:nth-child(1) img {
max-height: 38.125rem;
}
.location__grid-item:nth-child(2) img {
max-height: 13.1875rem;
}
.location__grid-item:nth-child(4) {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 2;
grid-column-end: 4;
}
.location__grid-item:nth-child(4) img {
max-height: 15.6875rem;
}
}
.location__grid-item img {
border-radius: 0.3125rem;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 61.99875em) {
.location__grid-item img {
height: 27.25rem;
}
}
.location-mobile__slider {
margin-top: 1.875rem;
}
.location-mobile__slider .location__grid-item {
height: 100%;
}
.location-mobile__slider .location__grid-item img {
max-height: 39.25rem;
}
.promo {
color: #f5f5f5;
margin-top: 8.125rem;
border-radius: 0.625rem 0.625rem 0 0;
overflow: hidden;
position: relative;
}
.promo .bg-img {
position: absolute;
left: 0;
top: 0;
width: 100%;
border-radius: 0.625rem 0.625rem 0 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
@media (max-width: 47.99875em) {
.promo {
margin-top: 5rem;
}
}
.promo h2 {
color: #f5f5f5;
text-align: left;
max-width: 66.8125rem;
}
.promo__container {
padding-block: 3.75rem;
}
@media (max-width: 29.99875em) {
.promo__container {
padding-block: 2.5rem;
}
}
.promo__subtitle {
color: #f5f5f5;
font-size: 1.125rem;
margin-top: 10.625rem;
}
@media (max-width: 61.99875em) {
.promo__subtitle {
font-size: 1rem;
margin-top: 9.0625rem;
}
}
@media (max-width: 47.99875em) {
.promo__subtitle {
font-size: 0.875rem;
margin-top: 7.8125rem;
}
}
.promo__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
margin-top: 0.625rem;
gap: 1.875rem;
counter-reset: promo;
}
@media (max-width: 61.99875em) {
.promo__row {
gap: 0.625rem;
}
}
@media (max-width: 47.99875em) {
.promo__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
.promo__block {
border-radius: 0.625rem;
-webkit-backdrop-filter: blur(15.88px);
backdrop-filter: blur(15.88px);
background: rgba(255, 255, 255, 0.05);
padding: 1.5625rem 1.875rem;
font-size: 1.125rem;
line-height: 1.35;
}
@media (max-width: 61.99875em) {
.promo__block {
padding: 1.25rem;
font-size: 1rem;
}
}
@media (max-width: 47.99875em) {
.promo__block {
font-size: 0.875rem;
}
.promo__block span {
max-width: 15.6875rem;
display: block;
}
}
.promo__block-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0.9375rem;
}
.promo__block-top::before {
content: '';
width: 2.125rem;
height: 2.125rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star.svg) center/contain no-repeat;
}
@media (max-width: 47.99875em) {
.promo__block-top::before {
width: 1.75rem;
height: 1.75rem;
}
}
.promo__block-top::after {
counter-increment: promo;
content: '0' counter(promo);
}
.promo__form {
background-color: #f5f5f5;
border-radius: 0.625rem;
margin-top: 1.875rem;
padding: 4.125rem 1.875rem 2.1875rem 1.875rem;
}
@media (max-width: 47.99875em) {
.promo__form {
padding: 1.875rem 1.25rem;
margin-top: 0.625rem;
}
}
.promo__form-inputs {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
gap: 5.625rem;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
@media (max-width: 47.99875em) {
.promo__form-inputs {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.promo__form .wpcf7-form-control-wrap:has(.checkbox) {
margin-top: 2.5rem;
color: #111;
display: block;
}
@media (max-width: 47.99875em) {
.promo__form .wpcf7-form-control-wrap:has(.checkbox) {
margin-top: 1.875rem;
}
}
.promo__form-button {
width: 100%;
font-size: 0.875rem;
margin-top: 0.625rem;
}
.about__container {
margin-top: 8.125rem;
}
.about__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.875rem;
}
@media (max-width: 68.75em) {
.about__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 0.625rem;
}
}
.about__top h2 {
text-align: left;
}
.about__slider {
margin-top: 1.875rem;
counter-reset: about-slider;
}
.about__slider .about__item::before {
counter-increment: about-slider;
content: '0' counter(about-slider);
}
.about__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
gap: 1.875rem;
counter-reset: about;
margin-top: 3.125rem;
}
.about__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.875rem;
border: 1px solid rgba(17, 17, 17, 0.1490196078);
border-radius: 0.625rem;
padding: 3.125rem 2.1875rem;
}
@media (max-width: 68.75em) {
.about__item {
padding: 1.875rem;
}
}
@media (max-width: 61.99875em) {
.about__item {
gap: 1.25rem;
height: 100%;
}
}
.about__item:nth-child(3) .about__item-text {
max-width: 9.25rem;
}
.about__item::before {
counter-increment: about;
content: '0' counter(about);
color: var(--accent);
font-size: 2.1875rem;
aspect-ratio: 1/1;
width: 6.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
border: 2px solid var(--accent);
}
@media (max-width: 61.99875em) {
.about__item::before {
width: 5rem;
font-size: 1.5625rem;
}
}
.about__item-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.875rem;
font-size: 1.5625rem;
text-align: center;
line-height: 1.35;
color: #111;
}
@media (max-width: 61.99875em) {
.about__item-text {
font-size: 1.125rem;
max-width: 13.25rem;
}
}
.about__item-text::before {
content: '';
width: 2px;
display: block;
height: 8.125rem;
background-color: rgba(17, 17, 17, 0.1490196078);
}
.benefits__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.benefits__container {
margin-top: 5rem;
}
}
@media (max-width: 47.99875em) {
.management-company-page .benefits__container {
margin-top: 3.125rem;
}
}
.benefits .subtitle {
max-width: 100%;
}
@media (max-width: 61.99875em) {
.benefits .subtitle br {
display: none;
}
}
.benefits__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 40% calc(50% - 0.9375rem);
grid-template-columns: 40% calc(50% - 0.9375rem);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 61.99875em) {
.about-page .benefits__row,
.management-company-page .benefits__row {
-ms-grid-columns: 1fr 1.05fr;
grid-template-columns: 1fr 1.05fr;
gap: 1.875rem;
}
}
@media (max-width: 61.99875em) {
.benefits__row {
gap: 1.875rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
.about-page .benefits__row {
gap: 3.125rem;
}
}
.benefits__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.benefits__left h2 {
text-align: inherit;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media (max-width: 61.99875em) {
.about-page .benefits__left {
-ms-grid-row: 2;
grid-row-start: 2;
}
}
@media (max-width: 61.99875em) {
.management-company-page .benefits__left h3 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.management-company-page .benefits__left .benefits__reviews {
margin-top: 1.25rem;
}
}
.benefits__image {
position: relative;
max-width: 32.5rem;
max-height: 36.875rem;
}
@media (max-width: 61.99875em) {
.benefits__image {
max-width: 100%;
}
}
.benefits__image-element {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.625rem;
}
@media (min-width: 61.99875em) {
.benefits__image .benefits__review {
padding: 0.6875rem 1.4375rem 0.9375rem 0.875rem;
margin-top: 0;
z-index: 5;
}
.benefits__image .benefits__review img {
max-height: 1.1875rem;
}
.benefits__image .benefits__review:nth-child(1) {
position: absolute;
top: -1.875rem;
right: -3.8125rem;
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
z-index: 2;
}
}
@media (min-width: 61.99875em) and (max-width: 85.625em) {
.benefits__image .benefits__review:nth-child(1) {
-webkit-transform: rotate(-10deg) scale(0.8);
-ms-transform: rotate(-10deg) scale(0.8);
transform: rotate(-10deg) scale(0.8);
}
}
@media (min-width: 61.99875em) {
.benefits__image .benefits__review:nth-child(2) {
position: absolute;
top: 3.125rem;
right: -6.6875rem;
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@media (min-width: 61.99875em) and (max-width: 85.625em) {
.benefits__image .benefits__review:nth-child(2) {
top: 2.5rem;
-webkit-transform: rotate(-5deg) scale(0.8);
-ms-transform: rotate(-5deg) scale(0.8);
transform: rotate(-5deg) scale(0.8);
}
}
@media (min-width: 61.99875em) {
.benefits__image .benefits__review-subtitle {
font-size: 0.75rem;
}
.benefits__image .benefits__review-rating span:nth-child(1) {
font-size: 2.0625rem;
line-height: 0.9;
}
.benefits__image .benefits__review-rating span:nth-child(2) {
font-size: 0.75rem;
}
}
.benefits__reviews {
display: -ms-grid;
display: grid;
gap: 0.625rem;
margin-top: 1.875rem;
}
@media (max-width: 61.99875em) {
.about-page .benefits__reviews {
margin-top: 0;
}
}
.benefits__reviews-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.625rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
color: #111;
}
@media (max-width: 61.99875em) {
.benefits__reviews-top {
margin-bottom: 0.625rem;
}
}
.benefits__reviews-top img {
height: 2.625rem;
}
.benefits__review {
background-color: #71a2ee;
color: #f5f5f5;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
padding: 0.9375rem 2rem 0.9375rem 1.25rem;
margin-top: 0.625rem;
border-radius: 1.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 61.99875em) {
.benefits__review {
padding: 0.625rem 1.375rem 0.9375rem 0.8125rem;
-webkit-column-gap: 1.9375rem;
-moz-column-gap: 1.9375rem;
column-gap: 1.9375rem;
border-radius: 0.875rem;
margin-top: 0;
}
}
.benefits__review.red {
background-color: #c8484d;
}
@media (max-width: 61.99875em) {
.benefits__review-title img {
max-height: 1.0625rem;
}
}
.benefits__review-subtitle {
margin-top: 0.3125rem;
font-size: 1rem;
max-width: 20.875rem;
}
@media (max-width: 61.99875em) {
.benefits__review-subtitle {
font-size: 0.875rem;
}
}
@media (max-width: 47.99875em) {
.benefits__review-subtitle {
font-size: 0.6875rem;
margin-top: 0.25rem;
}
}
.benefits__review-rating {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
text-align: center;
}
.benefits__review-rating span {
display: block;
}
.benefits__review-rating span:nth-child(1) {
font-size: 2.8125rem;
font-weight: 600;
line-height: 1;
}
@media (max-width: 61.99875em) {
.benefits__review-rating span:nth-child(1) {
font-size: 1.9375rem;
}
}
.benefits__review-rating span:nth-child(2) {
line-height: 1.35;
font-size: 1rem;
}
@media (max-width: 61.99875em) {
.benefits__review-rating span:nth-child(2) {
font-size: 0.6875rem;
}
}
.benefits__right .subtitle {
line-height: 1.65;
margin-top: 1.25rem;
color: #111;
}
.benefits__right h2 {
text-align: left;
margin-bottom: 1.25rem;
}
.benefits__right .info-block_v2 {
margin-top: 4.5625rem;
}
@media (max-width: 61.99875em) {
.benefits__right .info-block_v2 {
margin-top: 1.875rem;
}
}
.benefits__right .info-block_v2 ~ .subtitle {
margin-top: 1.875rem;
}
.benefits__right .info-block_v2 ~ .arrow-link {
margin-top: 1.25rem;
}
.benefits__right .benefits__reviews-top {
margin-top: 6.25rem;
gap: 0;
}
@media (max-width: 61.99875em) {
.benefits__right .benefits__reviews-top {
margin-top: 1.875rem;
}
}
.benefits__right .benefits__reviews-top .subtitle {
max-width: 100%;
line-height: 1.35;
margin-top: 1.25rem;
}
.benefits__right .benefits__reviews-top .subtitle:nth-child(2) {
margin-top: 0.9375rem;
}
@media (max-width: 61.99875em) {
.benefits__right .benefits__reviews-top .subtitle:nth-child(2) {
margin-top: 0.625rem;
}
}
.benefits__highlights .benefits__highlight {
margin-bottom: 0;
margin-top: 1.875rem;
}
.benefits__highlights .benefits__highlight:not(:first-child) {
padding-top: 0;
border-top: none;
}
@media (max-width: 61.99875em) {
.benefits__highlights .benefits__highlight {
margin-top: 1.25rem;
}
.benefits__highlights .benefits__highlight:first-child {
margin-top: 0;
}
}
.benefits__highlight {
margin-block: 1.875rem;
padding-block: 1.875rem;
border-top: 2px solid rgba(17, 17, 17, 0.1490196078);
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #111;
line-height: 1.35;
}
@media (max-width: 61.99875em) {
.benefits__highlight {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-block: 1.25rem;
margin-block: 1.25rem;
}
}
.benefits__highlight span {
display: block;
max-width: 23.625rem;
}
.benefits__highlight span:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.9375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 3.125rem;
padding-right: 0.9375rem;
margin-right: 0.9375rem;
position: relative;
white-space: nowrap;
}
@media (max-width: 61.99875em) {
.benefits__highlight span:nth-child(1) {
font-size: 2.1875rem;
padding-right: 0;
margin-right: 0;
}
}
@media (max-width: 61.99875em) {
.benefits__highlight span:nth-child(1) img,
.benefits__highlight span:nth-child(1) svg {
width: 1.6875rem;
height: 1.6875rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.6875rem;
flex: 0 0 1.6875rem;
}
}
.benefits__highlight span:nth-child(1)::after {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 2px;
height: 2.5rem;
background-color: rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 61.99875em) {
.benefits__highlight span:nth-child(1)::after {
display: none;
}
}
.benefits__highlight span:nth-child(2) {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100000px;
padding-left: 0;
}
@media (max-width: 61.99875em) {
.benefits__highlight span:nth-child(2) {
padding-left: 2.625rem;
}
}
@media (min-width: 61.99875em) {
.charity__scrollbar {
display: none;
}
}
.charity h2 {
text-align: inherit;
}
@media (max-width: 61.99875em) {
.charity h2 img {
-webkit-transform: translateY(0.3125rem);
-ms-transform: translateY(0.3125rem);
transform: translateY(0.3125rem);
height: 1.5625rem;
}
}
.charity__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.charity__container {
margin-top: 5rem;
}
}
.charity__slider {
margin-top: 3.125rem;
position: relative;
}
@media (max-width: 61.99875em) {
.charity__slider {
margin-top: 1.875rem;
}
}
.charity__slider .__container {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 98.5vw;
}
@media (max-width: 61.99875em) {
.charity__slider .__container {
display: none;
}
}
.charity__slide img {
height: 21.875rem;
border-radius: 0.625rem;
}
@media (max-width: 47.99875em) {
.charity__slide img {
height: 12.5rem;
}
}
.charity__row {
margin-top: 3.125rem;
display: -ms-grid;
display: grid;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-grid-columns: calc(50% - 0.9375rem) 29.0625rem;
grid-template-columns: calc(50% - 0.9375rem) 29.0625rem;
}
@media (max-width: 61.99875em) {
.charity__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.875rem;
margin-top: 1.875rem;
}
}
.charity__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.charity__left .subtitle {
margin-top: 1.25rem;
line-height: 1.65;
color: #111;
max-width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.charity__block {
padding: 1.25rem;
border: 1px solid rgba(114, 93, 93, 0.1490196078);
border-radius: 0.625rem;
margin-top: 1.875rem;
color: #111;
}
@media (max-width: 61.99875em) {
.charity__block {
font-size: 0.875rem;
}
.charity__block img {
width: 2.1875rem;
height: 2.1875rem;
}
}
.charity__block p {
margin-top: 0.9375rem;
line-height: 1.35;
}
.charity__list {
display: -ms-grid;
display: grid;
gap: 3.125rem;
}
.charity__item h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
.charity__item h3::before {
content: '';
width: 1.25rem;
height: 1.25rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star2.svg) center/contain no-repeat;
}
.charity__item p {
color: #111;
margin-top: 0.625rem;
line-height: 1.65;
}
.numbers__container {
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.numbers__container {
margin-top: 1.875rem;
}
}
.numbers__info {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
margin-bottom: 3.125rem;
margin-top: 9.375rem;
}
@media (max-width: 61.99875em) {
.numbers__info {
gap: 1.25rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
margin-top: 3.125rem;
margin-bottom: 1.875rem;
}
}
.numbers__info .subtitle {
margin-top: 1.25rem;
}
.numbers__info_left h2 {
text-align: inherit;
}
@media (max-width: 61.99875em) {
.numbers__info_left h2 br {
display: none;
}
}
.numbers__image {
width: 100%;
margin-top: 3.125rem;
position: relative;
border-radius: 0.625rem 0.625rem 0 0;
overflow: hidden;
}
.numbers__image.v2 {
overflow: visible;
border-radius: 0;
}
@media (max-width: 47.99875em) {
.numbers__image.v2 > img,
.numbers__image.v2 > picture > img {
min-height: 19.375rem;
max-height: 19.375rem;
}
}
@media (max-width: 61.99875em) {
.numbers__image > img,
.numbers__image > picture > img {
min-height: 31.25rem;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (max-width: 47.99875em) {
.numbers__image {
margin-top: 1.875rem;
}
.numbers__image > img,
.numbers__image > picture > img {
min-height: 28.125rem;
}
}
.numbers__image img {
width: 100%;
}
.v2 .numbers__image img {
border-radius: 0.625rem;
}
.numbers__image-tags {
position: absolute;
left: 1.875rem;
bottom: 1.875rem;
width: calc(100% - 3.75rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 2;
}
@media (max-width: 47.99875em) {
.numbers__image-tags {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 0.625rem;
left: 0.625rem;
bottom: 0.625rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
width: calc(100% - 1.25rem);
}
}
.about-editorial .numbers__info {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-top: 9.375rem;
margin-bottom: 2.5rem;
}
.about-editorial .numbers__info_left h2 {
max-width: 57.5rem;
text-align: left;
white-space: nowrap;
}
.about-editorial .numbers__info_left h2 br {
display: none;
}
.about-editorial .numbers__image.v2 {
margin-top: 0;
overflow: visible;
border-radius: 0.625rem;
}
.about-editorial .numbers__image.v2 > img {
display: block;
width: 100%;
min-height: 33.75rem;
max-height: 45rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.625rem;
}
.about-editorial .numbers__image-tags {
top: 1.875rem;
bottom: auto;
}
.about-editorial .numbers__image-button {
z-index: 5;
}
.about-editorial .about__overlay {
position: absolute;
z-index: 4;
left: 50%;
right: auto;
bottom: 1.875rem;
width: calc(100% - 3.75rem);
max-width: 58.75rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 1.875rem;
border: 1px solid rgba(17, 17, 17, 0.1);
border-radius: 0.625rem;
background-color: rgba(245, 245, 245, 0.92);
-webkit-backdrop-filter: blur(1rem);
backdrop-filter: blur(1rem);
-webkit-box-shadow: 0 1.5rem 4rem rgba(17, 17, 17, 0.16);
box-shadow: 0 1.5rem 4rem rgba(17, 17, 17, 0.16);
}
.about-editorial .about__stats {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
gap: 1rem;
}
.about-editorial .about__stat {
min-width: 0;
padding-left: 1rem;
border-left: 1px solid rgba(17, 17, 17, 0.18);
color: #111;
}
.about-editorial .about__stat:first-child {
padding-left: 0;
border-left: 0;
}
.about-editorial .about__stat span {
display: block;
}
.about-editorial .about__stat span:first-child {
font-family: var(--font-display);
font-size: 2rem;
font-weight: 600;
line-height: 1;
}
.about-editorial .about__stat span:last-child {
margin-top: 0.4375rem;
font-size: 0.8125rem;
line-height: 1.35;
color: rgba(17, 17, 17, 0.66);
}
@media (max-width: 61.99875em) {
.about-editorial .numbers__info {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-top: 5rem;
margin-bottom: 1.875rem;
}
.about-editorial .about__overlay {
max-width: none;
}
}
@media (max-width: 47.99875em) {
.about-editorial .numbers__info {
margin-top: 5rem;
}
.about-editorial .numbers__image.v2 > img {
min-height: 28.125rem;
max-height: none;
}
.about-editorial .numbers__image-tags {
top: 0.625rem;
bottom: auto;
}
.about-editorial .about__overlay {
position: relative;
left: auto;
right: auto;
bottom: auto;
width: auto;
margin: -5rem 0.625rem 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 1.25rem;
}
.about-editorial .about__stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.875rem;
}
.about-editorial .about__stat {
padding-left: 0.75rem;
}
.about-editorial .about__stat span:first-child {
font-size: 1.5rem;
}
.about-editorial .about__stat span:last-child {
font-size: 0.75rem;
}
}
@media (max-width: 29.99875em) {
.about-editorial .about__stats {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
.numbers__awards {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.75rem;
top: 0;
right: 9.375rem;
height: 13.25rem;
}
@media (max-width: 61.99875em) {
.numbers__awards {
right: 50%;
height: 10.875rem;
gap: 0.625rem;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.numbers__awards > div img {
height: 100%;
}
}
.numbers__subtitle {
max-width: 39.3125rem;
}
.numbers__items {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(6.25rem, 1fr));
gap: 1.25rem;
margin-top: 3.125rem;
padding-block: 1.875rem;
border-block: 2px solid rgba(17, 17, 17, 0.1490196078);
}
.numbers__marquee {
padding-block: 1.875rem;
margin-left: -0.9375rem !important;
margin-right: -0.9375rem !important;
margin-top: 1.875rem;
border-block: 2px solid rgba(17, 17, 17, 0.1490196078);
}
.numbers__marquee-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
}
.numbers__marquee-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 61.99875em) {
.numbers__item {
width: 10.625rem;
display: inline-block;
position: relative;
}
}
.numbers__item .small {
font-size: 1.25rem !important;
}
.numbers__item span:nth-child(1) {
font-size: 2.1875rem;
color: #111;
}
.numbers__item span:nth-child(2) {
display: block;
line-height: 1.35;
font-size: 0.875rem;
max-width: 10.625rem;
white-space: normal;
}
.numbers__item:nth-child(1) span:nth-child(2) {
max-width: 13.125rem;
}
.expert {
scroll-margin-top: 60px;
}
.expert.v2 .expert__image {
-ms-grid-column-align: auto;
justify-self: auto;
aspect-ratio: auto;
}
.expert.v2 .expert__image img {
aspect-ratio: auto;
}
.expert__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.expert__container {
margin-top: 5rem;
}
}
.expert__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 32.5rem;
grid-template-columns: 1fr 32.5rem;
gap: 8.75rem;
}
.v2 .expert__row {
gap: 1.875rem;
}
@media (max-width: 68.75em) {
.expert__row {
gap: 3.125rem;
}
}
@media (max-width: 61.99875em) {
.expert__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.875rem;
}
}
.expert__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.expert__content h2 {
text-align: left;
}
.expert__subtitle {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: 39.375rem;
color: #111;
}
.expert__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.9375rem;
font-size: 1.5625rem;
line-height: 1.4;
max-width: 39.375rem;
color: #111;
margin-top: 3.875rem;
}
@media (max-width: 61.99875em) {
.expert__info {
font-size: 1.25rem;
margin-top: 3.125rem;
}
}
@media (max-width: 47.99875em) {
.expert__info {
gap: 0.625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1.125rem;
}
}
.expert__info::before {
content: '';
width: 2.125rem;
height: 2.125rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 2.125rem;
flex: 0 0 2.125rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star-orange.svg) center/contain no-repeat;
}
@media (max-width: 61.99875em) {
.expert__info::before {
width: 1.6875rem;
height: 1.6875rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.6875rem;
flex: 0 0 1.6875rem;
}
}
.expert__form {
display: -ms-grid;
display: grid;
gap: 3.125rem;
margin-top: 1.875rem;
}
.v2 .expert__form {
max-width: 39.375rem;
margin-top: 3.875rem;
}
@media (max-width: 61.99875em) {
.v2 .expert__form {
margin-top: 3.125rem;
}
}
@media (max-width: 61.99875em) {
.expert__form {
gap: 1.25rem;
}
}
.expert__button {
width: 100%;
}
@media (max-width: 61.99875em) {
.expert__button {
margin-top: 0.625rem;
}
}
@media (min-width: 61.99875em) {
.expert:has(.expert__frame) .expert__image img {
max-height: 27.8125rem;
}
}
.expert__image {
position: relative;
border-radius: 0.625rem;
overflow: hidden;
aspect-ratio: 130/211;
-ms-grid-column-align: right;
justify-self: right;
}
@media (min-width: 61.99875em) {
.expert__image {
max-height: 46.875rem;
}
}
.expert__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.625rem;
aspect-ratio: 130/211;
}
@media (max-width: 47.99875em) {
.expert__image img {
aspect-ratio: 35/31;
}
}
.expert__name {
position: absolute;
left: 0;
bottom: 0;
width: calc(100% - 2.5rem);
margin: 1.25rem;
color: #f5f5f5;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
display: -ms-grid;
display: grid;
-ms-grid-columns: 1.5rem 1fr;
grid-template-columns: 1.5rem 1fr;
gap: 0.625rem 0.9375rem;
padding: 2.25rem 1.875rem 1.875rem 1.875rem;
border-radius: 0.625rem;
background-color: rgba(0, 0, 0, 0.1490196078);
}
@media (max-width: 61.99875em) {
.expert__name {
padding: 1.25rem;
}
}
.expert__name .subtitle {
color: #f5f5f5;
margin-top: 0;
max-width: 20.625rem;
}
.expert__name h3 {
color: #f5f5f5;
}
.expert__name::before {
content: '';
display: block;
width: 1.5rem;
height: 1.5rem;
background: url('data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12.2752 0C12.2752 6.51552 17.5078 11.8089 24 11.907V12.2761C17.5688 12.3733 12.3735 17.5687 12.2766 24H11.907C11.8092 17.5076 6.51568 12.2747 0 12.2747V11.9084C6.57682 11.9084 11.9084 6.57683 11.9084 2.86102e-06L12.2752 0Z%27 fill=%27%23009f50%27/%3E%3C/svg%3E%0A')
center/contain no-repeat;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
}
.objects__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.objects__container {
margin-top: 5rem;
}
}
.objects.v2 h2 {
text-align: left;
}
.objects.v2 h2 em {
font-style: italic;
font-family: var(--font-accent);
font-weight: 400;
background: -webkit-linear-gradient(
135deg,
var(--accent),
var(--accent-hover)
);
background: linear-gradient(135deg, var(--accent), var(--accent-hover));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
padding-right: 0.15em;
}
.objects__subtitle {
text-align: left;
margin-top: 0.625rem;
max-width: 40rem;
color: #888;
font-size: 1rem;
line-height: 1.55;
}
@media (max-width: 47.99875em) {
.objects__subtitle {
font-size: 0.875rem;
}
}
.objects__slider {
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.objects__slider {
margin-top: 1.875rem;
}
.objects__slider .swiper-button-next,
.objects__slider .swiper-button-prev {
display: none;
}
}
.objects::before {
content: '';
position: absolute;
right: 100%;
top: 0;
height: 100%;
width: 100vw;
background-color: #f5f5f5;
z-index: 2;
}
@media (max-width: 47.99875em) {
.news .button {
margin-top: 1.25rem;
}
}
.news__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.news__container {
margin-top: 5rem;
}
}
.news__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news__slider {
padding-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.news__slider {
padding-top: 0.6875rem;
}
.news__slider .swiper-button-next,
.news__slider .swiper-button-prev {
display: none;
}
}
.news__item {
background-color: #ededed;
border-radius: 0.625rem;
padding: 1.25rem 1.25rem 1.875rem 1.25rem;
height: 100%;
}
.news__item p {
font-size: 1rem;
color: #111;
line-height: 1.55;
margin-top: 0.625rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.news__item.v2 {
padding: 0;
background-color: transparent;
}
@media (max-width: 47.99875em) {
.news__item {
padding: 0.9375rem;
}
}
.news__item-image {
aspect-ratio: 41/25;
position: relative;
}
@media (max-width: 47.99875em) {
.news__item-image {
aspect-ratio: 7/5;
}
}
.news__item-image .arrow-button:hover::after {
-webkit-transform: translate(0.1875rem, -0.1875rem);
-ms-transform: translate(0.1875rem, -0.1875rem);
transform: translate(0.1875rem, -0.1875rem);
}
.news__item-image .arrow-button::after {
width: 3.75rem;
}
.news__item-image .arrow-button::before {
width: 4.6875rem;
height: 4.5625rem;
}
.news img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
border-radius: 0.625rem;
aspect-ratio: 426/260;
}
.news__item-info {
margin-top: 1.25rem;
}
@media (max-width: 47.99875em) {
.news__item-info {
margin-top: 0.625rem;
}
}
.news__item-title {
margin-top: 0.625rem;
line-height: 1.4;
font-size: 1.125rem;
}
.show-more__container {
max-width: 68.75rem;
margin-top: 8.125rem;
}
.show-more__text {
position: relative;
max-height: 11.75rem;
overflow-y: hidden;
}
.show-more__text span.bold {
margin-bottom: 0.3125rem;
display: inline-block;
line-height: 1.65;
}
.show-more__text::after {
content: '';
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(245, 245, 245, 0.6)),
to(#f5f5f5)
);
background: linear-gradient(180deg, rgba(245, 245, 245, 0.6), #f5f5f5 100%);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: calc(100% - 2.5rem);
z-index: 1;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
@media (max-width: 47.99875em) {
.show-more__text::after {
height: calc(100% - 1.25rem);
}
}
.show-more__text.active {
overflow-y: auto;
}
.show-more__text.active::after {
opacity: 0;
pointer-events: none;
}
.show-more__button {
position: absolute;
z-index: 2;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0.6875rem;
width: 2.125rem;
height: 2.125rem;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.active .show-more__button {
opacity: 0;
}
.show-more__button img,
.show-more__button svg {
width: 100%;
height: 100%;
}
.object__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.object__container {
margin-top: 5rem;
}
}
@media (min-width: 61.99875em) {
.object .objects-item__image img {
aspect-ratio: auto;
}
}
.object h2 {
margin-bottom: 3.125rem;
}
@media (max-width: 61.99875em) {
.object h2 {
margin-bottom: 1.875rem;
}
}
@media (max-width: 47.99875em) {
.catalog-page .object h2 {
text-align: left;
}
} .advantages {
position: relative;
z-index: 10;
margin-top: 3rem;
}
@media (max-width: 47.99875em) {
.advantages {
margin-top: 2rem;
}
}
.advantages__bar {
background: -webkit-linear-gradient(
315deg,
rgba(10, 10, 10, 0.97),
rgba(20, 20, 20, 0.95)
);
background: linear-gradient(
135deg,
rgba(10, 10, 10, 0.97),
rgba(20, 20, 20, 0.95)
);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 0.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-shadow: 0 1.125rem 2.8125rem rgba(0, 0, 0, 0.18);
box-shadow: 0 1.125rem 2.8125rem rgba(0, 0, 0, 0.18);
}
@media (max-width: 61.99875em) {
.advantages__bar {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 47.99875em) {
.advantages__bar {
border-radius: 0.75rem;
}
}
.advantages__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0;
padding: 1.625rem 1.25rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.advantages__item--locations {
-webkit-box-flex: 1.45;
-ms-flex: 1.45 1 0%;
flex: 1.45 1 0%;
}
.advantages__item:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 22%;
height: 56%;
width: 1px;
background: rgba(255, 255, 255, 0.18);
}
@media (max-width: 61.99875em) {
.advantages__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 1.25rem 1.5rem 1.375rem;
}
.advantages__item:nth-child(2)::after {
display: none;
}
.advantages__item:nth-child(1)::before,
.advantages__item:nth-child(2)::before {
content: '';
position: absolute;
bottom: 0;
left: 10%;
width: 80%;
height: 1px;
background: rgba(255, 255, 255, 0.16);
}
}
@media (max-width: 47.99875em) {
.advantages__item {
padding: 1.125rem 1rem;
gap: 0.375rem;
}
}
.advantages__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 3rem;
flex: 0 0 3rem;
width: 3rem;
height: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #1a9a6c;
pointer-events: none;
}
.advantages__content {
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.4375rem;
}
.advantages__icon svg {
width: 100%;
height: 100%;
display: block;
}
@media (max-width: 47.99875em) {
.advantages__icon {
-ms-flex-preferred-size: 2.25rem;
flex-basis: 2.25rem;
width: 2.25rem;
height: 2.25rem;
}
.advantages__content {
gap: 0.375rem;
}
}
.advantages__num {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.375rem;
font-family: var(--font-accent);
font-size: 2.375rem;
font-weight: 400;
line-height: 1;
color: #fff;
}
.advantages__item:nth-child(2) .advantages__num {
font-size: 2rem;
}
.advantages__item--locations .advantages__num {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
}
@media (max-width: 47.99875em) {
.advantages__num {
font-size: 1.875rem;
gap: 0.25rem;
}
.advantages__item:nth-child(2) .advantages__num {
font-size: 1.5rem;
}
}
.advantages__dot {
color: rgba(255, 255, 255, 0.55);
margin: 0 0.125rem;
}
.advantages__suffix {
font-family: var(--font-accent);
font-size: 1.0625rem;
font-weight: 400;
color: rgba(255, 255, 255, 0.88);
}
@media (max-width: 47.99875em) {
.advantages__suffix {
font-size: 0.9375rem;
}
}
.advantages__label {
min-width: 0;
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.68);
line-height: 1.35;
}
@media (max-width: 47.99875em) {
.advantages__label {
font-size: 0.8125rem;
}
}
.advantages__locations {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0.3125rem;
min-width: 0;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: auto;
padding-right: 0.25rem;
scroll-padding-right: 0.25rem;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.advantages__locations::-webkit-scrollbar {
display: none;
}
.advantages__locations::after {
content: '';
-webkit-box-flex: 0;
-ms-flex: 0 0 0.125rem;
flex: 0 0 0.125rem;
}
.advantages__loc {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: var(--font-display);
font-size: 0.6875rem;
font-weight: 600;
padding: 0.1875rem 0.5625rem;
border-radius: 1.5rem;
background: rgba(255, 255, 255, 0.14);
border: 1px solid rgba(255, 255, 255, 0.22);
color: #fff;
white-space: nowrap;
letter-spacing: 0.02em;
}
@media (max-width: 47.99875em) {
.advantages__locations {
gap: 0.25rem;
padding-right: 0.375rem;
scroll-padding-right: 0.375rem;
}
.advantages__loc {
font-size: 0.5625rem;
padding: 0.15625rem 0.375rem;
}
} .objects-item {
position: relative;
background: #fff;
border-radius: 1rem;
-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
overflow: hidden;
-webkit-transition:
box-shadow 0.3s ease,
transform 0.3s ease;
transition:
box-shadow 0.3s ease,
transform 0.3s ease;
}
.objects-item:hover {
-webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}
.objects-item__image {
position: relative;
}
.objects-item__image > a:first-child {
display: block;
overflow: hidden;
}
.objects-item__image::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(0, 0, 0, 0.55)),
to(transparent)
);
background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent);
pointer-events: none;
z-index: 1;
}
.objects-item__image img {
border-radius: 0;
width: 100%;
aspect-ratio: 63/50;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.objects-item:hover .objects-item__image img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.v2 .objects-item__image img {
aspect-ratio: 63/38;
}
@media (max-width: 61.99875em) {
.v2 .objects-item__image img {
aspect-ratio: 175/139;
}
}
.objects-item__overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1.5rem 1.5rem;
z-index: 2;
pointer-events: none;
}
.objects-item__title {
font-family: var(--font-display);
font-size: 1.625rem;
font-weight: 700;
line-height: 1.2;
color: #fff;
margin: 0 0 0.375rem;
}
.objects-item__title a {
color: inherit;
pointer-events: auto;
}
.objects-item__overlay .objects-item__place {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.3125rem;
font-size: 0.8125rem;
color: rgba(255, 255, 255, 0.88);
letter-spacing: 0.03em;
font-weight: 400;
}
.objects-item__overlay .objects-item__place svg {
width: 0.8125rem;
height: 0.8125rem;
opacity: 0.85;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media (max-width: 47.99875em) {
.objects-item__overlay {
padding: 1.125rem;
}
.objects-item__title {
font-size: 1.1875rem;
margin-bottom: 0.25rem;
}
.objects-item__overlay .objects-item__place {
font-size: 0.6875rem;
}
.objects-item__overlay .objects-item__place svg {
width: 0.6875rem;
height: 0.6875rem;
}
}
.objects-item__status {
position: absolute;
left: 1rem;
top: 1rem;
z-index: 3;
padding: 0.4375rem 0.875rem;
font-family: var(--font-display);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 2rem;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.02em;
max-width: calc(100% - 8rem);
border: 1px solid rgba(255, 255, 255, 0.6);
}
@media (max-width: 61.99875em) {
.objects-item__status {
max-width: calc(100% - 5rem);
gap: 0.375rem;
font-size: 0.6875rem;
padding: 0.375rem 0.75rem;
}
}
.objects-item__status.yellow::before {
background-color: #ccb436;
}
.objects-item__status::before {
content: '';
width: 0.5rem;
height: 0.5rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 0.5rem;
flex: 0 0 0.5rem;
border-radius: 50%;
background-color: #33b419;
-webkit-box-shadow: 0 0 0 3px rgba(51, 180, 25, 0.2);
box-shadow: 0 0 0 3px rgba(51, 180, 25, 0.2);
}
.objects-item__status.yellow::before {
-webkit-box-shadow: 0 0 0 3px rgba(204, 180, 54, 0.2);
box-shadow: 0 0 0 3px rgba(204, 180, 54, 0.2);
}
.objects-item__info {
padding: 1.125rem 1.5rem 1.375rem;
margin-top: 0;
}
@media (max-width: 61.99875em) {
.objects-item__info {
padding: 1rem 1.125rem 1.25rem;
}
}
@media (max-width: 47.99875em) {
.objects-item__info {
padding: 0.875rem 1rem 1rem;
}
}
.objects-item__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
}
.objects-item__bottom {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0;
line-height: 1.4;
}
.objects-item__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.3125rem;
list-style: none;
}
.objects-item__list li {
font-size: 0.6875rem;
color: #444;
padding: 0.3125rem 0.625rem;
background: #f3f3f3;
border-radius: 1.25rem;
white-space: nowrap;
letter-spacing: 0.01em;
line-height: 1.3;
}
.objects-item__list li::before {
display: none;
}
.objects-item__price {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: var(--font-display);
font-size: 1.125rem;
font-weight: 700;
color: var(--accent);
letter-spacing: -0.02em;
white-space: nowrap;
line-height: 1.6;
}
@media (max-width: 47.99875em) {
.objects-item__price {
font-size: 0.9375rem;
}
.objects-item__list li {
font-size: 0.625rem;
padding: 0.25rem 0.5rem;
}
}
.objects-item__link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.375rem;
margin-top: 1rem;
padding-top: 0.875rem;
border-top: 1px solid rgba(0, 0, 0, 0.06);
width: 100%;
font-family: var(--font-display);
font-size: 0.8125rem;
font-weight: 600;
color: var(--accent);
-webkit-transition: gap 0.25s ease;
transition: gap 0.25s ease;
}
.objects-item__link:hover {
gap: 0.625rem;
}
.objects-item__link svg {
width: 1rem;
height: 1rem;
-webkit-transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
}
@media (max-width: 47.99875em) {
.objects-item__link {
font-size: 0.75rem;
margin-top: 0.75rem;
padding-top: 0.625rem;
}
}
.objects-item .numbers__image-button.arrow-button {
display: none;
}
.infrastructure-item {
position: relative;
height: 45.375rem;
color: #fff;
overflow: hidden;
border-radius: 0.625rem;
}
@media (max-width: 61.99875em) {
.infrastructure-item {
height: 37.5rem;
}
}
@media (max-width: 47.99875em) {
.infrastructure-item {
height: 28.125rem;
}
}
.infrastructure-item.v2 {
height: 36.25rem;
}
@media (max-width: 47.99875em) {
.infrastructure-item.v2 {
height: 28.125rem;
}
}
@media (min-width: 47.99875em) {
.infrastructure-item.left .infrastructure-item__info {
left: 3.125rem;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
text-align: left;
z-index: 2;
top: 13.5rem;
}
.infrastructure-item.left
.infrastructure-item__info:not(:has(.infrastructure-item__subtitle)) {
top: 15.125rem;
}
.infrastructure-item.left .infrastructure-item__subtitle::before {
left: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.infrastructure-item.left .infrastructure-item__socials {
left: 3.125rem;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
text-align: left;
}
.infrastructure-item.left h2 {
text-align: left;
}
.infrastructure-item.left.show-shadow::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 57.1875rem;
background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(17, 17, 17, 0.84)),
to(rgba(17, 17, 17, 0))
);
background: linear-gradient(
90deg,
rgba(17, 17, 17, 0.84),
rgba(17, 17, 17, 0) 100%
);
}
}
@media (min-width: 47.99875em) and (max-width: 47.99875em) {
.infrastructure-item.left.show-shadow::before {
background: 0 0;
width: 100%;
}
}
@media (max-width: 47.99875em) {
.infrastructure-item::after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
}
}
.infrastructure-item__img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
@media (max-width: 47.99875em) {
.infrastructure-item__img:not(:has(.only-mobile)) .hide-mobile {
display: block;
}
}
.infrastructure-item__img::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #111;
}
.infrastructure-item__img img {
width: 100%;
height: 100%;
border-radius: 0.625rem;
-o-object-fit: cover;
object-fit: cover;
position: relative;
}
.infrastructure-item__logo {
font-size: 0.625rem;
font-weight: 600;
position: absolute;
left: 3.125rem;
top: 3.125rem;
text-transform: uppercase;
letter-spacing: 0.3125rem;
max-width: 5.8125rem;
}
@media (max-width: 47.99875em) {
.infrastructure-item__logo {
display: none;
}
}
.infrastructure-item__right {
transform: translate(45%, 100%) scale(0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
position: absolute;
top: 3.125rem;
right: 0;
width: 400px;
height: 130px;
}
@media (max-width: 47.99875em) {
.infrastructure-item__right {
display: none;
}
}
.infrastructure-item__info {
text-align: center;
top: 7.8125rem;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 48.875rem;
}
.infrastructure-item__info:not(:has(.infrastructure-item__subtitle)) {
top: 17.25rem;
}
@media (max-width: 47.99875em) {
.infrastructure-item__info {
top: 1.875rem !important;
width: 100%;
max-width: calc(100% - 1.875rem) !important;
}
}
.infrastructure-item__left-bottom {
position: absolute;
left: 1.875rem;
bottom: 1.875rem;
right: 0.9375rem;
max-width: 51.8125rem;
width: 100%;
}
@media (max-width: 47.99875em) {
.infrastructure-item__left-bottom {
left: 0.9375rem;
bottom: 0.9375rem;
width: auto;
}
}
.infrastructure-item__left-bottom p {
max-width: 100% !important;
margin-top: 0.625rem;
padding-top: 0;
}
.infrastructure-item__left-bottom p::before {
display: none;
}
.infrastructure-item__name {
font-size: 0.875rem;
letter-spacing: 0.26875rem;
font-weight: 300;
text-transform: uppercase;
font-family: var(--font-display);
text-transform: uppercase;
}
@media (max-width: 47.99875em) {
.infrastructure-item__name {
font-size: 0.75rem;
}
}
.infrastructure-item__title {
margin-top: 2.5rem;
color: #fff;
line-height: 1.25;
}
@media (max-width: 47.99875em) {
.infrastructure-item__title {
margin-top: 2.25rem;
}
.new .infrastructure-item__title {
margin-top: 7.1875rem;
}
}
.infrastructure-item__subtitle {
padding-top: 1.25rem;
margin-top: 1.25rem;
position: relative;
line-height: 1.45;
}
@media (max-width: 47.99875em) {
.infrastructure-item__subtitle {
padding-top: 0.9375rem;
margin-top: 0.9375rem;
font-size: 0.875rem;
}
}
.infrastructure-item__subtitle::before {
content: '';
position: absolute;
left: 50%;
top: 0;
background-color: #f5f5f5;
opacity: 0.15;
height: 2px;
width: 25rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 47.99875em) {
.infrastructure-item__subtitle::before {
width: 11rem;
}
}
.infrastructure-item__socials {
color: #f5f5f5;
opacity: 0.6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.45;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 3.125rem;
text-align: center;
}
.infrastructure-item__socials span {
display: block;
}
@media (max-width: 47.99875em) {
.infrastructure-item__socials {
bottom: 1.875rem;
font-size: 0.75rem;
}
}
.info-block {
cursor: pointer;
border: 1px solid var(--accent);
border-radius: 0.625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.625rem 0.9375rem;
font-size: 1.5625rem;
gap: 0.625rem;
color: var(--accent);
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.info-block svg,
.info-block svg * {
-webkit-transition: fill 0.25s ease;
transition: fill 0.25s ease;
}
@media (max-width: 47.99875em) {
.info-block {
font-size: 1.125rem;
padding: 0.625rem 0.9375rem;
}
.info-block svg {
width: 1.125rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.125rem;
flex: 0 0 1.125rem;
height: 1.125rem;
}
}
.info-block:hover {
background-color: var(--accent);
color: #f5f5f5;
}
.info-block:hover svg,
.info-block:hover svg * {
fill: #f5f5f5;
}
.concept-block {
position: relative;
height: 35.625rem;
border-radius: 0.625rem;
overflow: hidden;
color: #f5f5f5;
padding: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
@media (max-width: 47.99875em) {
.concept-block {
height: 22.5rem;
padding: 0.9375rem;
}
}
.concept-block__image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.concept-block__image::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(17, 17, 17, 0)),
color-stop(124%, rgba(17, 17, 17, 0.6))
);
background: linear-gradient(
180deg,
rgba(17, 17, 17, 0),
rgba(17, 17, 17, 0.6) 124%
);
}
.concept-block__image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.concept-block__title {
font-size: 1.5625rem;
font-family: var(--font-display);
line-height: 1.15;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.active .concept-block__title {
font-size: 2.1875rem;
}
@media (max-width: 61.99875em) {
.concept-block__title {
font-size: 1.75rem;
}
}
@media (max-width: 47.99875em) {
.concept-block__title {
font-size: 1.25rem;
}
}
.concept-block__subtitle {
line-height: 1.45;
max-width: 23.125rem;
margin-top: 0.625rem;
}
.active .concept-block__subtitle {
max-width: 37.5625rem;
}
@media (max-width: 47.99875em) {
.concept-block__subtitle {
font-size: 0.875rem;
max-width: 100%;
}
}
.info__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.info__container {
margin-top: 5rem;
}
}
.info__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 61.99875em) {
.info__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
.info__image {
position: relative;
}
.info__image img {
border-radius: 0.625rem;
width: 100%;
height: 23.6875rem;
-o-object-fit: cover;
object-fit: cover;
}
.info__tags {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
left: 0.9375rem;
bottom: 0.9375rem;
width: calc(100% - 1.875rem);
z-index: 2;
}
@media (max-width: 47.99875em) {
.info__tags {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 0.625rem;
left: 0.625rem;
bottom: 0.625rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
width: calc(100% - 1.25rem);
}
}
@media (max-width: 61.99875em) {
.info__text {
-ms-grid-row: 1;
grid-row-start: 1;
}
}
.info__text h2 {
text-align: left;
}
.info__text h3 {
margin-top: 1.25rem;
}
.info__text .subtitle {
margin-top: 1.25rem;
}
.info__text .arrow-link {
margin-top: 1.25rem;
}
.arrow-link {
display: block;
font-family: var(--font-display);
color: var(--accent);
font-size: 0.875rem;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
}
.arrow-link:hover::after {
-webkit-transform: translate(0.1875rem, -0.1875rem);
-ms-transform: translate(0.1875rem, -0.1875rem);
transform: translate(0.1875rem, -0.1875rem);
}
.arrow-link::after {
content: '';
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
display: block;
width: 0.9375rem;
height: 0.9375rem;
background: url('data:image/svg+xml,%3Csvg width=%2713%27 height=%2713%27 viewBox=%270 0 13 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.6066 1.3934C12.6066 0.841113 12.1589 0.393398 11.6066 0.393398L2.6066 0.393398C2.05432 0.393398 1.6066 0.841113 1.6066 1.3934C1.6066 1.94568 2.05432 2.3934 2.6066 2.3934L10.6066 2.3934L10.6066 10.3934C10.6066 10.9457 11.0543 11.3934 11.6066 11.3934C12.1589 11.3934 12.6066 10.9457 12.6066 10.3934L12.6066 1.3934ZM1.70711 12.7071L12.3137 2.1005L10.8995 0.686291L0.292893 11.2929L1.70711 12.7071Z%27 fill=%27%23009f50%27/%3E%3C/svg%3E%0A')
center/contain no-repeat;
}
.popup:has(.popup__image-marquees) .popup__image {
max-height: 39.1rem;
}
.popup:has(.popup__image-marquees) .expert__form {
margin-top: 50px;
}
.popup:has(.popup__image-marquees) .popup__image-marquees {
top: 15.75rem;
}
@media (max-width: 47.99875em) {
.popup:has(.popup__image-marquees) .popup__image-marquees {
top: 8rem;
}
.popup:has(.popup__image-marquees) .popup__image {
height: 21.875rem;
}
}
.popup__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 31.25rem 22.375rem;
grid-template-columns: 31.25rem 22.375rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
border-radius: 20px;
}
@media (max-width: 61.99875em) {
.popup__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
.v2 .popup__row {
-webkit-box-pack: normal;
-ms-flex-pack: normal;
justify-content: normal;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 47.99875em) {
.v2 .popup__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
.popup__image {
position: relative;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 20px 0 0 20px;
}
@media (max-width: 47.99875em) {
.popup__image {
max-height: 31.25rem;
border-radius: 20px 20px 0 0;
}
}
.popup__image-reviews {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 0.4375rem;
text-transform: none;
margin-top: 1.25rem;
}
@media (max-width: 47.99875em) {
.popup__image-reviews {
margin-top: 0.625rem;
gap: 0.25rem;
}
}
.popup__image-reviews .benefits__review {
padding: 0.625rem 0.625rem 0.5rem 0.625rem;
border-radius: 0.75rem;
-ms-grid-rows: 0.8125rem auto;
grid-template-rows: 0.8125rem auto;
-webkit-column-gap: 1.5625rem;
-moz-column-gap: 1.5625rem;
column-gap: 1.5625rem;
}
@media (max-width: 29.99875em) {
.popup__image-reviews .benefits__review {
-ms-grid-rows: 0.5rem auto;
grid-template-rows: 0.5rem auto;
border-radius: 0.375rem;
padding: 0.25rem 0.625rem 0.25rem 0.40625rem;
-webkit-column-gap: 0.1875rem;
-moz-column-gap: 0.1875rem;
column-gap: 0.1875rem;
}
}
.popup__image-reviews .benefits__review-subtitle {
font-size: 0.5rem;
}
@media (max-width: 29.99875em) {
.popup__image-reviews .benefits__review-subtitle {
font-size: 0.425rem;
}
}
.popup__image-reviews .benefits__review-title {
height: 100%;
}
.popup__image-reviews .benefits__review-title img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: auto;
}
.popup__image-reviews .benefits__review-rating span:nth-child(1) {
font-size: 1.40625rem;
}
@media (max-width: 29.99875em) {
.popup__image-reviews .benefits__review-rating span:nth-child(1) {
font-size: 0.84375rem;
}
}
.popup__image-reviews .benefits__review-rating span:nth-child(2) {
font-size: 0.5rem;
}
@media (max-width: 29.99875em) {
.popup__image-reviews .benefits__review-rating span:nth-child(2) {
font-size: 0.3125rem;
}
}
.popup__image-marquees {
position: absolute;
left: -1.25rem;
right: -1.25rem;
top: 18.75rem;
font-size: 1.25rem;
font-family: var(--font-display);
color: #101010;
-webkit-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
transform: rotate(-6deg);
background-color: #f5f5f5;
padding: 0.625rem 0 0.625rem 0;
}
@media (max-width: 47.99875em) {
.popup__image-marquees {
top: 12.5rem;
padding: 0.5rem 0 0.5rem 0;
}
}
.popup__image-marquees .horizontal-marquee {
overflow: visible;
max-width: 200%;
}
.popup__image-marquee__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 600;
line-height: 1.3;
text-transform: uppercase;
gap: 0.625rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
}
@media (max-width: 47.99875em) {
.popup__image-marquee__item {
font-size: 0.8125rem;
}
.popup__image-marquee__item svg {
max-height: 0.8125rem;
max-width: 0.8125rem;
}
}
@media (max-width: 29.99875em) {
.popup__image-marquee__item {
font-size: 0.59375rem;
}
.popup__image-marquee__item svg {
max-width: 0.6875rem;
max-height: 0.6875rem;
}
}
.popup__image-content {
position: absolute;
left: 1.875rem;
right: 0.9375rem;
bottom: 1.875rem;
line-height: 1.4;
text-transform: uppercase;
}
@media (max-width: 47.99875em) {
.popup__image-content {
left: 1.25rem;
right: 1.25rem;
bottom: 1.25rem;
}
}
.popup__image-content h3 {
font-weight: 300;
color: #f5f5f5;
font-size: 1.5625rem;
}
@media (max-width: 85.625em) {
.popup__image-content h3 {
font-size: 1.25rem;
}
}
@media (max-width: 47.99875em) {
.popup__image-content h3 {
font-size: 1.125rem;
}
}
.popup__image-content h4 {
margin-top: 0.625rem;
font-weight: 300;
text-transform: uppercase;
line-height: 1.4;
font-size: 1.25rem;
color: #f5f5f5;
}
@media (max-width: 47.99875em) {
.popup__image-content h4 {
font-size: 1rem;
}
}
.popup__image-content b {
font-weight: 600;
}
.popup__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (max-width: 47.99875em) {
.popup__image img {
border-radius: 20px;
}
}
.popup__left h2,
.popup__left p {
text-align: left;
}
@media (min-width: 61.99875em) {
.popup__left h2,
.popup__left p {
width: 38.75rem;
}
}
@media (max-width: 29.99875em) {
.popup__left h2 {
font-size: 1.25rem;
}
.popup__left p {
font-size: 0.8125rem;
}
}
.popup__left .expert__form {
margin-top: 3.125rem;
}
@media (max-width: 61.99875em) {
.popup__left .expert__form {
margin-top: 1.875rem;
}
}
@media (max-width: 29.99875em) {
.popup__left .expert__form {
gap: 0.9375rem;
}
.popup__left .expert__form .input-item.active {
padding-top: 1.25rem;
}
}
@media (max-width: 29.99875em) and (max-width: 29.99875em) {
.popup__left .expert__form label {
font-size: 0.8125rem;
}
}
.popup__expert {
text-align: center;
}
@media (max-width: 61.99875em) {
.popup__expert {
text-align: left;
}
}
.popup__expert img {
width: 14.375rem;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
@media (max-width: 61.99875em) {
.popup__expert img {
width: 9.375rem;
margin-top: 1.875rem;
}
}
@media (max-width: 29.99875em) {
.popup__expert img {
margin-top: 1.25rem;
width: 8.125rem;
}
}
.popup__expert h3 {
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
margin-top: 0.625rem;
}
@media (max-width: 29.99875em) {
.popup__expert h3 {
font-size: 1rem;
}
}
.popup__expert h3::before {
content: '';
width: 1.5rem;
height: 1.5rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star2.svg) center/contain no-repeat;
}
@media (max-width: 29.99875em) {
.popup__expert h3::before {
width: 1.1875rem;
height: 1.1875rem;
}
}
.popup__expert p {
font-size: 1rem;
margin-top: 0.625rem;
}
@media (max-width: 29.99875em) {
.popup__expert p {
font-size: 0.8125rem;
margin-top: 0.3125rem;
}
}
.popup__right {
padding-right: 4rem;
margin-bottom: 1.0625rem;
background-color: #f5f5f5;
}
.popup__right h3 a {
position: relative;
display: inline-block;
}
.popup__right h3 a::before {
content: '';
position: absolute;
left: 0;
bottom: 3px;
width: 100%;
height: 1px;
background-color: currentColor;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition:
transform 0.4s ease,
-webkit-transform 0.4s ease;
}
.popup__right h3 a:hover::before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
}
.v2 .popup__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 3.125rem 2.8125rem 3.125rem 1.875rem;
border-radius: 0 20px 20px 0;
}
@media (max-width: 47.99875em) {
.v2 .popup__right {
padding: 1.875rem 1.25rem;
border-radius: 0 0 20px 20px;
}
}
.v2 .popup__right .subtitle {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.v2 .popup__right .button {
font-size: 0.875rem;
}
@media (max-width: 61.99875em) {
.popup__right {
display: none;
}
}
.catalog__container {
margin-top: 1.875rem;
}
@media (max-width: 47.99875em) {
.catalog__container {
margin-top: 0.9375rem;
}
}
.catalog h2 {
text-align: left;
}
@media (max-width: 47.99875em) {
.catalog h2 {
max-width: 18.75rem;
}
}
.catalog__items {
margin-top: 3.125rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 53.125em) {
.catalog__items {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
margin-top: 1.875rem;
}
}
.catalog__items .objects-item__image img {
aspect-ratio: 63/38;
}
@media (max-width: 47.99875em) {
.catalog__items .objects-item__image img {
aspect-ratio: 350/278;
}
}
.text {
color: #111;
line-height: 1.55;
}
.text .subtitle {
line-height: 1.55;
}
.text:has(.text__regions) img {
height: 18.75rem;
min-height: 18.75rem;
}
.text.full-width .text__container {
margin-top: 8.125rem;
}
.text.full-width .text__image {
margin-bottom: 1.875rem;
}
.text.full-width .text__image img {
min-height: 36.25rem;
}
.text.full-width .text__image-tags {
left: 1.25rem;
right: 1.25rem;
}
.text__container {
margin-top: 1.25rem;
}
@media (max-width: 47.99875em) {
.text__container {
margin-top: 0.9375rem;
}
}
.for-investors-page .text__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.for-investors-page .text__container {
margin-top: 5rem;
}
}
.text__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
margin-top: 9.375rem;
}
@media (max-width: 47.99875em) {
.text__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
margin-top: 3.125rem;
}
}
.text__row-text {
display: -ms-grid;
display: grid;
gap: 1.25rem;
}
.text__row-text .button {
width: 100%;
}
.text__row.border-bottom {
padding-bottom: 3.125rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
.text__presale {
text-align: center;
}
.text__presale__items {
margin-top: 1.875rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.625rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 61.99875em) {
.text__presale__items {
margin-top: 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.text__presale__items .tag {
text-align: left;
font-size: 0.8125rem;
padding-right: 1.875rem;
}
}
@media (min-width: 68.75em) {
.text__presale h1 {
font-size: 2.8125rem;
}
}
.text__presale .button {
font-size: 0.875rem;
padding: 1.25rem;
min-width: 17rem;
margin-top: 1.875rem;
line-height: 1.16;
}
@media (max-width: 47.99875em) {
.text__presale .button {
margin-top: 1.25rem;
width: 100%;
font-size: 0.75rem;
padding: 0.9375rem;
}
}
.text__title h2 {
text-align: left;
}
@media (max-width: 47.99875em) {
.text__info .subtitle {
margin-top: 1.25rem;
}
}
.text__image {
margin-block: 3.125rem;
position: relative;
}
@media (max-width: 47.99875em) {
.text__image {
margin-top: 1.875rem;
margin-bottom: 1.875rem;
}
}
.text__image img {
border-radius: 0.625rem 0.625rem 0 0;
width: 100%;
min-height: 28.125rem;
-o-object-fit: cover;
object-fit: cover;
}
.about-page .text__image img {
min-height: 18.75rem;
}
.for-investors-page .text__image img {
min-height: 21.875rem;
}
.text__image-tags {
position: absolute;
z-index: 2;
left: 6.25rem;
right: 6.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.text__image-tags:not(.top) {
bottom: 1.25rem;
}
.text__image-tags.top {
top: 1.25rem;
}
@media (max-width: 47.99875em) {
.text__image-tags {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 0.625rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
left: 0.9375rem;
right: 0.9375rem;
bottom: 0.9375rem;
}
}
.text__image-marquee {
background-color: var(--accent);
padding: 1.09375rem 0 0.96875rem 0;
position: absolute;
left: -0.625rem;
width: calc(100vw + 1.25rem);
bottom: 1.9375rem;
}
@media (max-width: 47.99875em) {
.text__image-marquee {
padding: 0.75rem 0;
}
}
@media (max-width: 47.99875em) {
.text__image-marquee {
bottom: 2.1875rem;
}
}
.text__image-marquee:nth-child(1) {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.text__image-marquee:nth-child(2) {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.text__image-marquee__item {
font-family: var(--font-display);
color: #f5f5f5;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
@media (max-width: 47.99875em) {
.text__image-marquee__item {
font-size: 0.64375rem;
gap: 0.46875rem;
}
}
.text__image-marquee img {
width: 1.25rem;
height: 1.25rem;
min-height: 1px;
}
@media (max-width: 47.99875em) {
.text__image-marquee img {
width: 0.875rem;
height: 0.875rem;
}
}
.text__image-marquees .horizontal-marquee {
overflow: visible;
max-width: 200%;
}
.text__items {
display: -ms-grid;
display: grid;
gap: 3.125rem;
}
@media (max-width: 47.99875em) {
.text__items {
gap: 1.875rem;
}
}
.text__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 47.99875em) {
.text__item {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.text__item:not(:last-child) {
padding-bottom: 3.125rem;
border-bottom: 1px solid rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 47.99875em) {
.text__item:not(:last-child) {
padding-bottom: 1.875rem;
}
}
.text__item-left h3 {
margin-top: 0.75rem;
}
@media (max-width: 47.99875em) {
.text__item-left h3 {
margin-top: 0.625rem;
}
}
.text__item-right {
margin-top: 3.0625rem;
line-height: 1.5;
}
@media (max-width: 47.99875em) {
.text__item-right {
margin-top: 0;
font-size: 0.875rem;
}
}
.text__regions {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
margin-top: 3.125rem;
padding-bottom: 3.125rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 47.99875em) {
.text__regions {
margin-top: 1.875rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
padding-bottom: 1.875rem;
}
}
.text__advice {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
margin-top: 1.875rem;
}
@media (max-width: 47.99875em) {
.text__advice {
font-size: 0.875rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
line-height: 1.55;
}
}
.text__advice p {
line-height: 1.5;
}
.text__advice-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.text__advice-bottom {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.text__advice-bottom .subtitle {
margin-top: 0.625rem;
}
@media (max-width: 47.99875em) {
.text__advice-right {
-ms-grid-row: 1;
grid-row-start: 1;
}
.text__advice-right h3 {
margin-bottom: 1.25rem;
}
}
.text__advice-img {
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.text__advice-img {
margin-top: 1.875rem;
}
}
.text__advice-img img {
width: 100%;
border-radius: 0.625rem;
}
.team__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.team__container {
margin-top: 5rem;
}
}
.team__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 47.99875em) {
.team__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.team__title h2 {
text-align: left;
}
.team__info {
color: #111;
}
.team__info .subtitle {
margin-top: 0;
}
.team__info:has(h3) .subtitle {
margin-top: 0.625rem;
}
.team__items {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [4];
grid-template-columns: repeat(4, 1fr);
gap: 1.875rem;
margin-top: 3.125rem;
}
@media (max-width: 61.99875em) {
.team__items {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
}
.team__slider {
margin-top: 1.875rem;
}
.team__slider2 {
margin-top: 1.875rem;
}
.team__item {
position: relative;
}
.team__item-img img {
width: 100%;
}
.team__item-name {
-ms-grid-columns: 0.75rem 1fr;
grid-template-columns: 0.75rem 1fr;
padding: 0.875rem 0.9375rem 0.625rem 0.9375rem;
gap: 0.125rem 0.3125rem;
margin: 0.9375rem;
width: calc(100% - 1.875rem);
}
.team__item-name h3 {
font-size: 0.875rem;
}
.team__item-name .subtitle {
font-size: 0.75rem;
}
.team__item-name::before {
width: 0.75rem;
height: 0.75rem;
margin-top: 0.1875rem;
}
.team__bottom {
margin-top: 6.25rem;
}
@media (max-width: 47.99875em) {
.team__bottom {
margin-top: 1.875rem;
}
}
.values__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.values__container {
margin-top: 5rem;
}
}
.values__title {
text-align: center;
}
.values__list {
margin-top: 3.125rem;
counter-reset: values;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
gap: 1.875rem;
}
@media (max-width: 61.99875em) {
.values__list {
gap: 1.25rem;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 47.99875em) {
.values__list {
margin-top: 1.875rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 0.625rem;
}
}
.values__item {
min-height: 12.5rem;
padding: 1.25rem;
border-radius: 0.625rem;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 47.99875em) {
.values__item {
min-height: 9.5rem;
padding: 0.9375rem;
}
}
.values__item-top {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.values__item-top::before {
content: '';
display: block;
width: 1.875rem;
height: 1.875rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star-orange.svg) center/contain no-repeat;
}
.values__item-top::after {
counter-increment: values;
content: '0' counter(values);
font-size: 1.125rem;
color: #111;
font-family: var(--font-display);
line-height: 1.4;
}
.values__item-text .subtitle {
margin-top: 0.3125rem;
font-size: 0.875rem;
}
.history__container {
margin-top: 8.125rem;
}
.history__slider {
margin-top: 6.875rem;
}
@media (max-width: 61.99875em) {
.history__slider {
margin-top: 5rem;
}
}
@media (max-width: 47.99875em) {
.history__slider {
margin-top: 2.5rem;
}
}
.history .history__slide:first-child .history__item::after {
background: url('data:image/svg+xml,%3Csvg width=%27220%27 height=%2710%27 viewBox=%270 0 220 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 5C0 2.23858 2.23858 0 5 0H220V10H5C2.23857 10 0 7.76142 0 5Z%27 fill=%27%23009f50%27/%3E%3C/svg%3E%0A')
center/cover no-repeat;
}
.history .history__slide:last-child {
position: relative;
}
.history .history__slide:last-child::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 5;
pointer-events: none;
background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(245, 245, 245, 0.3)),
to(#f5f5f5)
);
background: linear-gradient(90deg, rgba(245, 245, 245, 0.3), #f5f5f5 100%);
}
.history .history__scrollbar {
display: none;
}
.history__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.history__item::after {
content: '';
display: block;
height: 0.625rem;
width: 100%;
margin-top: 3.125rem;
background: url('data:image/svg+xml,%3Csvg width=%27220%27 height=%2710%27 viewBox=%270 0 220 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect width=%27220%27 height=%2710%27 fill=%27%23009f50%27/%3E%3C/svg%3E%0A')
center/cover no-repeat;
}
.history__item-date {
line-height: 1;
font-size: 2.1875rem;
color: #111;
}
.history__item-date b {
display: block;
}
@media (max-width: 47.99875em) {
.history__item-date {
font-size: 1.5625rem;
}
}
.history__item-info {
line-height: 1.5;
margin-top: 1.25rem;
color: #111;
padding-right: 1.875rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media (max-width: 29.99875em) {
.history__item-info {
padding-right: 0.9375rem;
margin-top: 0.625rem;
}
}
.history__years {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.25rem;
margin-top: 3.125rem;
}
.history__years-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5rem;
flex: 0 0 12.5rem;
}
.history__years-item::after {
content: '';
display: block;
height: 2px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
background-color: rgba(17, 17, 17, 0.1490196078);
}
.history__years-item.w2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 26.25rem;
flex: 0 0 26.25rem;
}
.regions__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.regions__container {
margin-top: 5rem;
}
}
.regions__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
.regions__top h2 {
text-align: left;
}
@media (max-width: 47.99875em) {
.regions__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.regions__items {
margin-top: 3.125rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 3.125rem 1.875rem;
}
.regions__slider {
margin-top: 1.875rem;
}
.regions__slider2 {
margin-top: 1.875rem;
}
.excursions__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.excursions__container {
margin-top: 5rem;
}
}
.excursions__grid {
margin-top: 3.125rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 3.125rem 1.875rem;
}
@media (max-width: 47.99875em) {
.excursions__grid {
margin-top: 1.875rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.875rem;
}
.excursions__grid .region-item__img img {
aspect-ratio: 7/6;
}
}
@media (min-width: 47.99875em) {
.excursions__grid .region-item:nth-child(1) {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
}
.excursions__grid .region-item:nth-child(1) .region-item__img img {
aspect-ratio: 129/58;
}
.excursions__grid .region-item:nth-child(1) .region-item__info {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
}
.excursions__grid .region-item__info {
margin-top: 1.875rem;
}
@media (max-width: 47.99875em) {
.excursions__grid .region-item__info {
margin-top: 0.625rem;
}
}
.blog-page__container {
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.blog-page__container {
margin-top: 0.9375rem;
}
}
.blog-page__top {
text-align: center;
}
.blog-page__title {
margin-top: 0.625rem;
}
.blog-page__image {
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.blog-page__image {
margin-top: 1.875rem;
}
}
.blog-page__image img {
width: 100%;
border-radius: 0.625rem 0.625rem 0 0;
-o-object-fit: cover;
object-fit: cover;
min-height: 28.125rem;
max-height: 34.375rem;
}
.article {
margin-top: 3.125rem;
max-width: 57.25rem;
margin-inline: auto;
padding: 1.875rem;
background-color: #fff;
border-radius: 0.625rem;
color: #111;
}
@media (max-width: 47.99875em) {
.article {
margin-top: 1.875rem;
padding: 0.9375rem;
}
}
.article img {
max-width: 100%;
margin-top: 1.875rem;
-o-object-fit: cover;
object-fit: cover;
min-height: 23.6875rem;
border-radius: 0.625rem;
}
@media (max-width: 47.99875em) {
.article img {
margin-top: 1.25rem;
}
}
.article h3:not(:first-child) {
margin-top: 3.125rem;
}
.article p {
margin-top: 1.875rem;
line-height: 1.55;
}
@media (max-width: 47.99875em) {
.article p {
margin-top: 1.25rem;
font-size: 0.875rem;
}
}
.article ul {
counter-reset: article-list;
display: -ms-grid;
display: grid;
gap: 3.125rem;
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.article ul {
gap: 1.875rem;
}
}
.article ul h3 {
position: relative;
padding-left: 6.75rem;
}
@media (max-width: 47.99875em) {
.article ul h3 {
padding-left: 4.0625rem;
font-size: 1rem;
}
}
.article ul h3::before {
counter-increment: article-list;
content: '0' counter(article-list);
position: absolute;
top: 3px;
left: 0;
color: var(--accent);
font-size: 1.25rem;
}
@media (max-width: 47.99875em) {
.article ul h3::before {
font-size: 1rem;
top: 0;
}
}
.article ul h3::after {
content: '';
position: absolute;
left: 3rem;
top: calc(50% - 1px);
height: 2px;
width: 2.8125rem;
background-color: rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 47.99875em) {
.article ul h3::after {
top: 0.8125rem;
width: 1.25rem;
left: 2.0625rem;
}
}
.promo2__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.promo2__container {
margin-top: 5rem;
}
}
.promo2__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
gap: 9.25rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-block: 1.875rem;
border-top: 2px rgba(17, 17, 17, 0.1490196078) solid;
border-bottom: 2px rgba(17, 17, 17, 0.1490196078) solid;
}
@media (max-width: 47.99875em) {
.promo2__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
padding-block: 1.25rem;
}
}
.promo2__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
aspect-ratio: 1/1;
width: 10rem;
font-family: var(--font-display);
font-size: 0.875rem;
color: #f5f5f5;
font-weight: 600;
border-radius: 50%;
background-color: var(--accent);
padding: 0.875rem;
}
@media (max-width: 47.99875em) {
.promo2__button {
padding: 0.9375rem;
aspect-ratio: auto;
width: 100%;
font-size: 0.75rem;
border-radius: 0.625rem;
}
}
.blog__container {
margin-top: 1.875rem;
}
@media (max-width: 47.99875em) {
.blog__container {
margin-top: 0.9375rem;
}
}
.blog__top h2 {
text-align: left;
}
.blog__top .subtitle {
margin-top: 0.625rem;
max-width: 31.1875rem;
}
.blog p {
margin-top: 0.625rem;
line-height: 1.55;
}
.blog__items_big {
margin-top: 3.125rem;
display: -ms-grid;
display: grid;
gap: 1.875rem;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 47.99875em) {
.blog__items_big {
margin-top: 1.875rem;
}
}
.blog__items_big p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.blog__items_big .news__item-image {
aspect-ratio: auto;
}
.blog__items_big .news__item-image img {
width: 100%;
}
@media (max-width: 47.99875em) {
.blog__items_big {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
@media (min-width: 47.99875em) {
.blog__items_big .arrow-button::before {
right: -2px;
top: -1px;
width: 8.0625rem;
height: 7.875rem;
}
.blog__items_big .arrow-button::after {
right: 0;
top: 0;
width: 6.625rem;
}
}
.blog__items_small {
margin-top: 5.3125rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
gap: 1.875rem 3.125rem;
}
@media (max-width: 47.99875em) {
.blog__items_small {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
margin-top: 1.875rem;
}
}
.blog__items_small .news__item-image {
aspect-ratio: auto;
}
.blog__items_small .news__item-image img {
width: 100%;
border-radius: 0.625rem;
aspect-ratio: 413/252;
-o-object-fit: cover;
object-fit: cover;
}
.blog__load-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 3.125rem;
}
.blog__load-more.submitting .button {
background: var(--accent) !important;
border-color: var(--accent) !important;
}
.blog__load-more.submitting .button svg {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
}
.blog__load-more .button {
min-width: 25.625rem;
}
@media (max-width: 47.99875em) {
.blog__load-more {
margin-top: 1.875rem;
}
.blog__load-more .button {
min-width: 1px;
width: 100%;
padding: 0.9375rem;
}
.blog__load-more .svg {
width: 0.875rem;
height: 0.875rem;
}
}
.secret {
color: #111;
}
.secret__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.secret__container {
margin-top: 5rem;
}
}
.secret__top .subtitle {
max-width: 43.125rem;
margin-top: 0.625rem;
margin-inline: auto;
}
@media (max-width: 47.99875em) {
.secret__top .subtitle {
text-align: center;
}
}
.secret__image {
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.secret__image {
margin-top: 1.875rem;
}
}
.secret__image img {
width: 100%;
}
.secret__info {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
margin-top: 1.875rem;
}
@media (max-width: 47.99875em) {
.secret__info {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.secret__items {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
position: relative;
margin-top: 1.875rem;
}
@media (max-width: 61.99875em) {
.secret__items {
gap: 0.625rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
.secret__items-sale {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) rotate(-12deg);
-ms-transform: translateX(-50%) rotate(-12deg);
transform: translateX(-50%) rotate(-12deg);
padding: 1.375rem 1.5625rem;
background-color: var(--accent);
border-radius: 0.9375rem;
color: #f5f5f5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.3125rem;
line-height: 1;
z-index: 3;
}
@media (max-width: 47.99875em) {
.secret__items-sale {
gap: 0.25rem;
padding: 0.8125rem 0.9375rem 0.8125rem 1.125rem;
}
}
@media (max-width: 61.99875em) {
.secret__items-sale {
-webkit-transform: translateX(-100%) rotate(-12deg);
-ms-transform: translateX(-100%) rotate(-12deg);
transform: translateX(-100%) rotate(-12deg);
left: calc(100% - 1.25rem);
}
}
.secret__items-sale::before {
content: '';
width: 1.25rem;
height: 1.25rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star2-white.svg) center/contain no-repeat;
}
@media (max-width: 47.99875em) {
.secret__items-sale::before {
width: 0.875rem;
height: 0.875rem;
}
}
.secret__items-sale span:nth-child(1) {
font-weight: 600;
font-size: 3.125rem;
}
@media (max-width: 47.99875em) {
.secret__items-sale span:nth-child(1) {
font-size: 2.1875rem;
}
}
.secret__items-sale span:nth-child(2) {
white-space: nowrap;
}
@media (max-width: 47.99875em) {
.secret__items-sale span:nth-child(2) {
font-size: 0.8125rem;
}
}
.image-with-tags {
position: relative;
}
.image-with-tags__image img {
width: 100%;
}
.image-with-tags__tags {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 2;
left: 0.9375rem;
right: 0.9375rem;
bottom: 0.9375rem;
}
@media (max-width: 47.99875em) {
.image-with-tags__tags {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 0.625rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
.image-with-tags .tag {
padding: 0;
border: none;
}
.about-project__image .tag,
.about2__row .tag,
.closed-presale__image .tag,
.info__image .tag,
.numbers__image .tag,
.quality__img .tag,
.region-item__tags .tag,
.text__image .tag {
padding: 0;
border: none;
}
.our-objects__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.our-objects__container {
margin-top: 5rem;
}
}
.our-objects__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
@media (max-width: 61.99875em) {
.our-objects__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.our-objects__top h2 {
text-align: left;
}
.our-objects__items {
margin-top: 3.125rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
@media (max-width: 61.99875em) {
.our-objects__items {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 3.125rem;
}
}
.our-objects__item .subtitle {
margin-top: 1.25rem;
max-width: 100%;
}
@media (max-width: 61.99875em) {
.our-objects__item .subtitle {
font-size: 1rem;
margin-top: 1.25rem;
}
}
@media (max-width: 47.99875em) {
.our-objects__item .subtitle {
font-size: 0.875rem;
}
}
.our-objects__item-img-info .benefits__highlight {
padding: 0;
margin: 0;
border-top: none;
border-bottom: none;
max-width: 26.6875rem;
}
@media (max-width: 61.99875em) {
.our-objects__item-img-info .benefits__highlight span:nth-child(2) {
font-size: 1rem;
}
.our-objects__item-img-info .benefits__highlight span:nth-child(2) br {
display: none;
}
}
.our-objects__item-img {
margin-top: 1.25rem;
}
.our-objects__item-img img {
width: 100%;
}
.metrics__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.metrics__container {
margin-top: 5rem;
}
}
.metrics__top {
max-width: 39.375rem;
text-align: center;
margin-inline: auto;
}
.metrics__top .subtitle {
margin-top: 0.625rem;
}
.metrics__list {
margin-top: 3.125rem;
counter-reset: metrics;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.875rem;
}
@media (max-width: 47.99875em) {
.metrics__list {
margin-top: 1.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
}
}
.metrics__item {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
padding: 1.25rem;
border: 2px solid rgba(17, 17, 17, 0.1490196078);
border-radius: 0.625rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #111;
}
@media (max-width: 85.625em) {
.metrics__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 33.3%;
flex: 1 1 33.3%;
}
}
@media (min-width: 85.625em) {
.metrics__item:nth-child(4) {
margin-left: 1.875rem;
}
}
@media (max-width: 47.99875em) {
.metrics__item {
padding: 0.9375rem;
}
}
.metrics__item span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-left: 0.3125rem;
font-family: var(--font-display);
}
.metrics__item span::before {
counter-increment: metrics;
content: '0' counter(metrics);
font-size: 2.1875rem;
padding-right: 0.9375rem;
margin-right: 0.9375rem;
line-height: 1.15;
font-family: var(--font-body);
}
.metrics__item span::after {
content: '';
position: absolute;
left: 3.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 2px;
height: 100%;
background-color: rgba(17, 17, 17, 0.1490196078);
}
.prices {
color: #111;
}
.prices__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.prices__container {
margin-top: 5rem;
}
}
.prices__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
padding-bottom: 3.125rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 61.99875em) {
.prices__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
padding-bottom: 1.875rem;
}
}
.prices__top h2 {
text-align: left;
}
.prices__location {
margin-top: 3.125rem;
padding-bottom: 3.125rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 61.99875em) {
.prices__location {
margin-top: 1.875rem;
padding-bottom: 1.875rem;
}
}
.prices__title {
font-family: var(--font-display);
padding: 0.625rem 0.9375rem;
border: 1px solid #111;
border-radius: 0.625rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.3125rem;
}
@media (max-width: 61.99875em) {
.prices__title {
font-size: 1rem;
}
}
@media (max-width: 47.99875em) {
.prices__title {
font-size: 0.875rem;
}
}
.prices__title::before {
content: '';
width: 1rem;
height: 1rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star2.svg) center/contain no-repeat;
}
.prices__block-top {
margin-top: 0.625rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 47.99875em) {
.prices__block-top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.prices__conception {
margin-top: 3.125rem;
padding-bottom: 3.125rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 61.99875em) {
.prices__conception {
margin-top: 1.875rem;
padding-bottom: 1.875rem;
}
}
.prices__conception-img {
margin-top: 3.125rem;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 61.99875em) {
.prices__conception-img {
margin-top: 1.875rem;
}
}
.prices__conception-img img,
.prices__conception-img svg {
max-width: 100%;
overflow: visible;
}
.prices__conception-img svg .circle {
-webkit-transform-origin: 169px 393px;
-ms-transform-origin: 169px 393px;
transform-origin: 169px 393px;
-webkit-animation: pulsate 2s infinite ease;
animation: pulsate 2s infinite ease;
}
.prices__block-text {
display: -ms-grid;
display: grid;
gap: 1.25rem;
line-height: 1.35;
}
@media (max-width: 61.99875em) {
.prices__block-text {
line-height: 1.55;
font-size: 1rem;
}
}
@media (max-width: 47.99875em) {
.prices__block-text {
font-size: 0.875rem;
}
}
.prices__availability {
margin-top: 3.125rem;
}
@media (max-width: 61.99875em) {
.prices__availability {
margin-top: 1.875rem;
}
}
.prices__availability-items {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
margin-top: 3.125rem;
}
@media (max-width: 61.99875em) {
.prices__availability-items {
margin-top: 1.875rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 0.625rem;
}
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.combination__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.combination__container {
margin-top: 5rem;
}
}
.combination__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 61.99875em) {
.combination__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.combination__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.combination__left h2 {
text-align: left;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.combination .info-block_v2 {
margin-top: 1.875rem;
}
.combination .info-block_v2::before {
content: '';
width: 3.125rem;
height: 3.125rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/combinations.svg) center/contain no-repeat;
}
@media (max-width: 47.99875em) {
.combination .info-block_v2::before {
width: 2.1875rem;
height: 2.1875rem;
}
}
@media (max-width: 61.99875em) {
.combination .info-block_v2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 61.99875em) {
.combination__right .benefits__highlights {
margin-top: 1.875rem;
}
}
.quality__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.quality__container {
margin-top: 5rem;
}
}
.quality__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 61.99875em) {
.quality__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.quality__top h2 {
text-align: left;
}
.quality__img {
position: relative;
margin-top: 3.125rem;
}
@media (max-width: 61.99875em) {
.quality__img {
margin-top: 1.875rem;
}
}
.quality__img > img,
.quality__img > picture > img {
min-height: 28.125rem;
width: 100%;
border-radius: 0.625rem;
-o-object-fit: cover;
object-fit: cover;
}
.quality__tags {
position: absolute;
top: 1.25rem;
left: 1.25rem;
right: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 2;
}
@media (max-width: 61.99875em) {
.quality__tags {
display: none;
}
}
.quality__info {
position: absolute;
max-width: 40rem;
left: 1.25rem;
bottom: 1.25rem;
color: #f5f5f5;
}
@media (max-width: 61.99875em) {
.quality__info {
width: 100%;
left: 0.9375rem;
right: 0.9375rem;
bottom: 4.25rem;
}
}
.quality__info h3 {
color: inherit;
}
.quality__info p {
margin-top: 0.625rem;
font-weight: 400;
line-height: 1.35;
}
@media (max-width: 47.99875em) {
.quality__info p {
line-height: 1.55;
font-size: 0.875rem;
}
}
.quality__companies {
position: absolute;
right: 1.25rem;
bottom: 1.25rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (auto) [2];
grid-template-columns: repeat(2, auto);
gap: 1.25rem;
}
@media (max-width: 61.99875em) {
.quality__companies {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.quality__companies img {
max-height: 3.625rem;
max-width: 9.0625rem;
}
@media (max-width: 61.99875em) {
.quality__companies img {
max-width: 100%;
max-height: 2.0625rem;
max-width: 5.625rem;
}
}
@media (max-width: 47.99875em) {
.quality__companies img {
max-width: 5.125rem;
max-height: 2rem;
}
.quality__companies img:nth-child(1) {
max-height: 1.75rem;
}
.quality__companies img:nth-child(4) {
max-height: 1rem;
}
}
@media (max-width: 61.99875em) {
.quality__companies {
right: 0.9375rem;
left: 0.9375rem;
bottom: 0.9375rem;
}
}
.units {
color: #111;
}
.units__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.units__container {
margin-top: 5rem;
}
}
.units__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 61.99875em) {
.units__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.units__top h2 {
text-align: left;
}
.units__slider {
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.units__slider {
margin-top: 1.875rem;
}
}
.units__slide img {
width: 100%;
border-radius: 0.625rem;
}
.units__bottom {
margin-top: 3.125rem;
padding-bottom: 3.125rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 61.99875em) {
.units__bottom {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 0.625rem;
margin-top: 1.875rem;
padding-bottom: 1.875rem;
}
}
.units__bottom-left h3 {
margin-top: 0.625rem;
}
.units__bottom-right {
line-height: 1.5;
}
.school__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.school__container {
margin-top: 5rem;
}
}
.school__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 61.99875em) {
.school__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
.for-investors-page .school__top {
gap: 0.625rem;
}
.school__top .subtitle {
margin-top: 1.25rem;
}
}
.school__top h2 {
text-align: left;
}
.school__top h3 {
max-width: 36.75rem;
}
.school .numbers__image {
margin-top: 3.125rem;
}
.for-investors-page .school .numbers__image > img {
min-height: 19.375rem;
}
@media (max-width: 61.99875em) {
.school .numbers__image {
margin-top: 1.875rem;
}
}
.school .numbers__image-tags {
left: 6.25rem;
right: 6.25rem;
width: auto;
}
@media (max-width: 61.99875em) {
.school .numbers__image-tags {
left: 0.9375rem;
bottom: 0.9375rem;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 0.625rem;
white-space: nowrap;
}
}
.school .small .numbers__image-tags {
left: 1.25rem;
right: 1.25rem;
bottom: 1.25rem;
width: auto;
}
.school__top-right .subtitle {
line-height: 1.5;
margin-top: 0;
}
.school__top-right:has(h3) .subtitle {
margin-top: 1.25rem;
}
.school__top-right .arrow-link {
margin-top: 1.25rem;
}
.perspective {
color: #111;
}
.perspective__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.perspective__container {
margin-top: 5rem;
}
}
.perspective__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
.perspective__top h2 {
text-align: left;
}
@media (max-width: 61.99875em) {
.perspective__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
.perspective__top .subtitle {
margin-top: 1.25rem;
max-width: 100%;
}
}
.perspective__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 3.125rem;
padding-block: 3.125rem;
border-top: 2px solid rgba(17, 17, 17, 0.1490196078);
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 61.99875em) {
.perspective__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1.875rem;
padding-block: 1.25rem;
padding-top: 0;
}
}
.perspective__list li {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2.125rem 1fr;
grid-template-columns: 2.125rem 1fr;
-webkit-column-gap: 0.9375rem;
-moz-column-gap: 0.9375rem;
column-gap: 0.9375rem;
}
@media (max-width: 61.99875em) {
.perspective__list li {
padding-top: 1.25rem;
}
}
@media (min-width: 61.99875em) {
.perspective__list li:not(:last-child) {
padding-right: 4.9375rem;
margin-right: 4.9375rem;
position: relative;
}
}
@media (min-width: 61.99875em) and (max-width: 85.625em) {
.perspective__list li:not(:last-child) {
padding-right: 2.1875rem;
margin-right: 2.1875rem;
}
}
@media (min-width: 61.99875em) {
.perspective__list li:not(:last-child)::after {
content: '';
position: absolute;
width: 2px;
height: 5rem;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(17, 17, 17, 0.1490196078);
}
}
@media (max-width: 61.99875em) {
.perspective__list li:not(:last-child) {
padding-bottom: 1.25rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
}
.perspective__list li span:nth-child(1) {
line-height: 1.09;
font-size: 3.125rem;
}
@media (max-width: 61.99875em) {
.perspective__list li span:nth-child(1) {
font-size: 2.1875rem;
}
}
.perspective__list li::before {
content: '';
width: 2.125rem;
height: 2.125rem;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
-ms-grid-column: 1;
grid-column-start: 1;
margin-top: 0.375rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star-orange.svg) center/contain no-repeat;
}
@media (max-width: 47.99875em) {
.perspective__list li::before {
width: 1.6875rem;
height: 1.6875rem;
}
}
.perspective__stats {
margin-top: 3.125rem;
}
.perspective__stats img,
.perspective__stats svg {
max-width: 100%;
height: auto;
}
.perspective__stats-text {
line-height: 1.5;
max-width: 44.125rem;
text-align: center;
margin-inline: auto;
margin-top: 1.875rem;
}
@media (max-width: 47.99875em) {
.perspective__stats-text {
font-size: 0.875rem;
line-height: 1.35;
margin-top: 1.25rem;
}
}
.perspective .numbers__image-tags {
left: 6.25rem;
right: 6.25rem;
width: auto;
}
@media (max-width: 61.99875em) {
.perspective .numbers__image-tags {
left: 0.9375rem;
bottom: 0.9375rem;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 0.625rem;
white-space: nowrap;
}
}
.process {
color: #111;
}
.process__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.process__container {
margin-top: 5rem;
}
}
.process__list {
margin-top: 3.125rem;
padding-top: 3.125rem;
border-top: 2px solid rgba(17, 17, 17, 0.1490196078);
counter-reset: process;
}
@media (max-width: 61.99875em) {
.process__list {
padding-top: 1.25rem;
margin-top: 1.875rem;
}
}
.process__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
padding-bottom: 3.125rem;
border-bottom: 2px solid rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 61.99875em) {
.process__item {
padding-bottom: 1.875rem;
}
}
@media (max-width: 61.99875em) {
.process__item {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
.process__item:not(:last-child) {
margin-bottom: 3.125rem;
}
@media (max-width: 61.99875em) {
.process__item:not(:last-child) {
margin-bottom: 1.875rem;
}
}
.process__item-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.9375rem;
font-family: var(--font-display);
font-size: 1.5625rem;
line-height: 1.4;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 61.99875em) {
.process__item-title {
font-size: 1.375rem;
}
}
@media (max-width: 47.99875em) {
.process__item-title {
font-size: 1.125rem;
}
}
.process__item-title span {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
font-size: 1.125rem;
font-family: var(--font-body);
}
@media (max-width: 61.99875em) {
.process__item-title span {
font-size: 1rem;
}
}
.process__item-title span p {
max-width: 26.25rem;
}
.process__item-title::after {
content: '';
width: 2.125rem;
height: 2.125rem;
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star-orange.svg) center/contain no-repeat;
position: absolute;
left: 0;
top: 0.5625rem;
}
@media (max-width: 47.99875em) {
.process__item-title::after {
width: 1.6875rem;
height: 1.6875rem;
top: 0.3125rem;
}
}
.process__item-title::before {
counter-increment: process;
content: '0' counter(process);
font-size: 3.125rem;
font-family: var(--font-body);
line-height: 1.09;
padding-left: 3.0625rem;
}
@media (max-width: 61.99875em) {
.process__item-title::before {
font-size: 2.5rem;
padding-left: 2.5rem;
}
}
@media (max-width: 47.99875em) {
.process__item-title::before {
font-size: 2.1875rem;
padding-left: 2.1875rem;
}
}
.process__item-content h6 {
font-weight: 600;
position: relative;
padding-left: 1.6875rem;
margin-bottom: 0.3125rem;
}
@media (max-width: 47.99875em) {
.process__item-content h6 {
font-size: 0.875rem;
margin-bottom: 0.625rem;
padding-left: 1.1875rem;
}
}
.process__item-content h6:not(:first-child) {
margin-top: 3.125rem;
}
@media (max-width: 47.99875em) {
.process__item-content h6:not(:first-child) {
margin-top: 1.875rem;
}
}
.process__item-content h6::before {
content: '';
position: absolute;
top: 50%;
left: 0.625rem;
width: 0.3125rem;
height: 0.3125rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #111;
border-radius: 50%;
}
@media (max-width: 47.99875em) {
.process__item-content h6::before {
left: 0.3125rem;
}
}
.process__item-content p {
line-height: 1.5;
}
@media (max-width: 47.99875em) {
.process__item-content p {
font-size: 0.875rem;
line-height: 1.35;
}
}
.faq__container {
margin-top: 8.125rem;
}
@media (max-width: 61.99875em) {
.faq__container {
margin-top: 5rem;
}
}
.faq__info h2 {
text-align: left;
}
.faq__info .subtitle {
margin-top: 0.625rem;
}
.faq__info .arrow-link {
margin-top: 1.25rem;
}
@media (min-width: 62em) {
.faq__info {
position: -webkit-sticky;
position: sticky;
top: 6.25rem;
align-self: start;
}
}
.faq__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 25.625rem 1fr;
grid-template-columns: 25.625rem 1fr;
gap: 1.875rem;
}
@media (max-width: 61.99875em) {
.faq__row {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.875rem;
}
}
.projects__container {
margin-top: 8.125rem;
}
@media (max-width: 47.99875em) {
.projects__container {
margin-top: 5rem;
}
}
.projects__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
@media (max-width: 61.99875em) {
.projects__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
.projects__top h2 {
text-align: left;
}
.projects__top-right .arrow-link {
margin-top: 1.25rem;
}
.projects__slider {
margin-top: 3.125rem;
}
@media (max-width: 61.99875em) {
.projects__slider {
margin-top: 1.875rem;
}
}
.projects__item-img img {
width: 100%;
height: 36.25rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.625rem;
}
@media (max-width: 61.99875em) {
.projects__item-img img {
height: 30rem;
}
}
.projects__item-text {
margin-top: 0.625rem;
color: #111;
}
.thank-you {
color: #111;
}
.thank-you__container {
margin-top: 6.25rem;
}
@media (max-width: 47.99875em) {
.thank-you__container {
margin-top: 10.625rem;
}
}
.thank-you__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
max-width: 31.75rem;
margin: 0 auto;
}
@media (max-width: 47.99875em) {
.thank-you__inner {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.thank-you__title {
margin-top: 1.25rem;
}
.thank-you__subtitle .subtitle {
font-size: 0.875rem;
max-width: 28.1875rem;
}
.thank-you__button {
margin-top: 1.25rem;
}
.thank-you__button .button {
font-size: 0.875rem;
min-width: 17rem;
}
@media (max-width: 47.99875em) {
.thank-you__button .button {
font-size: 0.75rem;
width: 100%;
}
}
.not-found__container {
margin-top: 4.8125rem;
}
@media (max-width: 61.99875em) {
.not-found__container {
margin-top: 8.125rem;
}
}
.not-found__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 3.125rem;
}
@media (max-width: 61.99875em) {
.not-found__inner {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 61.99875em) {
.not-found__icon {
text-align: center;
}
.not-found__icon svg {
width: 100%;
max-width: 37.125rem;
height: auto;
}
}
.not-found__info {
max-width: 26.6875rem;
}
@media (max-width: 61.99875em) {
.not-found__info {
width: 100%;
text-align: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
max-width: 37.125rem;
}
}
@media (max-width: 47.99875em) {
.not-found__info h4 {
font-size: 1.125rem;
}
}
.not-found__info .subtitle {
font-size: 0.875rem;
}
.not-found__info .button {
margin-top: 1.25rem;
font-size: 0.875rem;
min-width: 14.625rem;
}
@media (max-width: 61.99875em) {
.not-found__info .button {
width: 100%;
font-size: 0.75rem;
}
}
.closed-presale__container {
margin-top: 9.375rem;
}
@media (max-width: 61.99875em) {
.closed-presale__container {
margin-top: 7.5rem;
}
}
@media (max-width: 47.99875em) {
.closed-presale__container {
margin-top: 5rem;
}
}
.closed-presale__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr auto;
grid-template-columns: 1fr 1fr auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 3.125rem;
gap: 1.875rem;
}
@media (max-width: 61.99875em) {
.closed-presale__top {
margin-top: 1.875rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.closed-presale__top h3 {
margin-top: 0.625rem;
}
@media (max-width: 61.99875em) {
.closed-presale__top h3 {
font-size: 1.5625rem;
}
}
@media (min-width: 61.99875em) {
.closed-presale__top-item:not(:last-child) .closed-presale__top-tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.875rem;
position: relative;
}
.closed-presale__top-item:not(:last-child) .closed-presale__top-tag::after {
content: '';
display: block;
height: 2px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
background-color: rgba(17, 17, 17, 0.1490196078);
}
}
.closed-presale__image {
margin-top: 3.125rem;
position: relative;
}
.closed-presale__image .text__image-tags {
left: 1.25rem;
right: 1.25rem;
bottom: 1.25rem;
}
@media (max-width: 61.99875em) {
.closed-presale__image .text__image-tags {
left: 0.625rem;
bottom: 0.625rem;
}
}
.closed-presale__image img {
border-radius: 0.625rem;
width: 100%;
min-height: 18.75rem;
}
.closed-presale__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 4.125rem;
}
@media (min-width: 61.99875em) {
.closed-presale__row {
padding-top: 5.8125rem;
border-top: 2px solid rgba(17, 17, 17, 0.1490196078);
padding-left: 2.4375rem;
}
}
@media (max-width: 61.99875em) {
.closed-presale__row {
margin-top: 1.875rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: 1.875rem;
max-width: 18.125rem;
margin-inline: auto;
}
.closed-presale__row .tag {
text-align: left;
}
}
.closed-presale__item {
position: relative;
}
@media (min-width: 61.99875em) {
.closed-presale__item::before {
content: '';
position: absolute;
width: 0.125rem;
height: 3.5625rem;
left: 1rem;
bottom: calc(100% + 0.625rem);
background-color: rgba(17, 17, 17, 0.1490196078);
}
.closed-presale__item::after {
content: '';
position: absolute;
width: 2.125rem;
height: 2.125rem;
left: 0;
bottom: calc(100% + 4.8125rem);
border-radius: 50%;
background-color: #111;
}
.closed-presale__item.orange::after {
background-color: var(--accent);
}
}
.closed-presale__item.orange .tag {
background-color: var(--accent);
border-color: var(--accent);
}
.closed-presale__item .tag {
background-color: #111;
color: #f5f5f5;
line-height: 1.15;
}
.closed-presale__item .tag.star::before {
background: url(//sunnydg.com/wp-content/themes/sdg/assets/img/icons/star2-white.svg) center/contain no-repeat;
}
.closed-presale__item-price {
display: block;
margin-top: 0.625rem;
color: #111;
font-size: 3.125rem;
line-height: 1.18;
}
@media (max-width: 61.99875em) {
.closed-presale__item-price {
font-size: 2.5rem;
}
}
.closed-presale__bottom {
text-align: center;
border-radius: 0.625rem;
padding: 1.875rem;
border: 1px solid rgba(17, 17, 17, 0.1490196078);
margin-top: 3.125rem;
}
@media (max-width: 61.99875em) {
.closed-presale__bottom {
padding: 1.5625rem;
margin-top: 1.875rem;
}
}
.closed-presale__bottom .button {
margin-top: 1.25rem;
}
@media (max-width: 47.99875em) {
.closed-presale__bottom .button {
width: 100%;
font-size: 0.75rem;
padding: 0.9375rem;
}
}
.about2__container {
margin-top: 9.375rem;
}
@media (max-width: 61.99875em) {
.about2__container {
margin-top: 7.5rem;
}
}
@media (max-width: 47.99875em) {
.about2__container {
margin-top: 5rem;
}
}
.about2__top {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
}
.about2__top p {
color: #111;
font-size: 0.875rem;
}
.about2__top h2 {
text-align: left;
}
@media (max-width: 61.99875em) {
.about2__top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 1.25rem;
}
}
@media (max-width: 29.99875em) {
.about2__top {
gap: 0.9375rem;
}
}
.about2__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
gap: 1.875rem;
margin-top: 1.875rem;
}
@media (max-width: 61.99875em) {
.about2__row {
gap: 1.25rem;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
}
@media (max-width: 47.99875em) {
.about2__row {
margin-top: 1.25rem;
}
}
.about2__row img {
border-radius: 0.625rem;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.about2__left {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about2__left img {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.about2__left .tag {
position: absolute;
left: 1.25rem;
bottom: 1.25rem;
}
@media (max-width: 47.99875em) {
.about2__left .tag {
left: 0.625rem;
bottom: 0.625rem;
}
}
.about2__right {
position: relative;
}
.about2__right p {
line-height: 1.35;
margin-bottom: 1.875rem;
font-size: 1.125rem;
color: #111;
}
@media (max-width: 47.99875em) {
.about2__right p {
margin-bottom: 1.25rem;
}
}
.about2__right .tag {
position: absolute;
bottom: 1.25rem;
}
@media (min-width: 47.99875em) {
.about2__right .tag {
right: 1.25rem;
}
}
@media (max-width: 47.99875em) {
.about2__right .tag {
left: 0.9375rem;
bottom: 0.9375rem;
font-size: 0.75rem;
}
}
.about-project {
color: #111;
}
.about-project__container {
margin-top: 9.375rem;
}
@media (max-width: 61.99875em) {
.about-project__container {
margin-top: 7.5rem;
}
}
@media (max-width: 47.99875em) {
.about-project__container {
margin-top: 5rem;
}
}
.about-project__top {
max-width: 39.375rem;
text-align: center;
margin-inline: auto;
}
.about-project__top .subtitle {
max-width: 26.5rem;
margin-inline: auto;
line-height: 1.35;
}
.about-project__items {
padding-top: 3.125rem;
margin-top: 3.125rem;
border-top: 2px solid rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 61.99875em) {
.about-project__items {
margin-top: 1.875rem;
padding-top: 1.875rem;
}
}
.about-project__item-top {
margin-top: 0.625rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto 1fr;
grid-template-columns: auto auto 1fr;
gap: 1.875rem;
}
.about-project__item-top p {
font-size: 1.125rem;
line-height: 1.35;
}
@media (max-width: 47.99875em) {
.about-project__item-top {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 0.625rem;
}
.about-project__item-top h3 {
font-size: 1.125rem;
}
.about-project__item-top p {
font-size: 0.875rem;
}
}
.about-project__item-top .line {
height: 2px;
width: 14.4375rem;
margin-top: 1.3125rem;
background-color: rgba(17, 17, 17, 0.1490196078);
}
@media (max-width: 61.99875em) {
.about-project__item-top .line {
width: 11.875rem;
}
}
@media (max-width: 47.99875em) {
.about-project__item-top .line {
display: none;
}
}
.about-project__image {
position: relative;
margin-top: 3.125rem;
}
@media (max-width: 61.99875em) {
.about-project__image {
margin-top: 2.1875rem;
}
}
@media (max-width: 47.99875em) {
.about-project__image {
margin-top: 1.25rem;
}
}
.about-project__image img {
width: 100%;
border-radius: 0.625rem;
min-height: 18.75rem;
-o-object-fit: cover;
object-fit: cover;
}
.about-project__image .text__image-tags {
left: 1.25rem;
right: 1.25rem;
}
@media (max-width: 47.99875em) {
.about-project__image .text__image-tags {
left: 0.625rem;
right: 0.625rem;
}
}
@media (max-width: 47.99875em) {
.lp-wellness .text .text__image-tags {
display: none;
}
}
.text-section {
color: #111;
line-height: 1.25;
}
.text-section__container {
margin-top: 3.125rem;
}
.text-section p {
margin: 1em 0;
}
.text-section ul {
margin: 1em 0;
padding-left: 20px;
}
.text-section h1,
.text-section h2 {
font-weight: 600;
font-family: var(--font-body);
}
.text-section h2:not(:first-child) {
margin-top: 2.5rem;
}
.text-section li {
list-style-type: disc;
}
.text-section h2 {
text-align: left;
}
.sale {
color: #f5f5f5;
position: relative;
margin-top: 8.125rem;
overflow: hidden;
}
@media (max-width: 61.99875em) {
.sale {
margin-top: 5.625rem;
}
}
@media (max-width: 47.99875em) {
.sale {
margin-top: 3.75rem;
}
}
.sale__container {
padding-bottom: 10.25rem;
padding-top: 18.125rem;
overflow: hidden;
}
@media (max-width: 47.99875em) {
.sale__container {
padding-top: 1.875rem;
padding-bottom: 19.375rem;
}
}
.sale__inner {
position: relative;
}
.sale__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.sale__background img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 0.625rem 0.625rem 0 0;
}
.sale__marquee {
position: absolute;
left: 0;
top: 3.9375rem;
padding: 0.625rem 0;
background-color: var(--accent);
-webkit-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
transform: rotate(-6deg);
min-width: 120%;
left: -5%;
}
@media (max-width: 47.99875em) {
.sale__marquee {
top: calc(100% - 3.5625rem);
padding: 0.4375rem 0;
}
.sale__marquee img {
height: 0.75rem;
}
}
.sale__marquee-item {
font-size: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
text-transform: uppercase;
font-weight: 600;
font-family: var(--font-display);
}
@media (max-width: 47.99875em) {
.sale__marquee-item {
font-size: 0.5625rem;
gap: 0.625rem;
}
}
.sale__content {
max-width: 41.25rem;
}
.sale__content h2 {
text-align: left;
color: inherit;
}
.sale__bottom {
margin-top: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
}
@media (max-width: 47.99875em) {
.sale__bottom {
margin-top: 0.625rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.sale__bottom a,
.sale__bottom button {
aspect-ratio: 1/1;
width: 10rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
background-color: var(--accent);
padding: 1.875rem;
text-align: center;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.2;
font-family: var(--font-display);
}
@media (max-width: 47.99875em) {
.sale__bottom a,
.sale__bottom button {
font-size: 0.75rem;
width: 8.125rem;
}
}
.sale__bottom p {
max-width: 23.875rem;
}
.wpcf7-response-output {
border: none;
padding: 0;
margin: 15px 0 0 0;
font-size: 14px;
color: rgba(17, 17, 17, 0.1490196078);
}
.wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7-spinner {
display: none !important;
}
.wpcf7-response-output {
display: none;
}
.swiper-padding {
position: relative;
padding-inline: 1.3125rem;
margin-inline: -1.3125rem;
}
.swiper-padding .swiper {
position: static;
}
.swiper-padding .swiper-pagination {
margin-inline: 1.3125rem;
}
.swiper-hide-left {
position: absolute;
right: 100%;
top: 0;
height: 100%;
width: 100vw;
background-color: #f5f5f5;
z-index: 2;
}
.swiper {
overflow: hidden;
position: relative;
margin-left: -1.3125rem;
margin-right: -1.3125rem;
padding-left: 1.3125rem;
padding-right: 1.3125rem;
}
@media (min-width: em(991)) {
.swiper:has(.swiper-scrollbar) .swiper-button-next,
.swiper:has(.swiper-scrollbar) .swiper-button-prev {
position: absolute;
top: calc(50% - 0.9375rem);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 11;
}
}
.swiper.width-full {
overflow: visible;
}
.swiper.width-full::after,
.swiper.width-full::before {
display: none;
}
.swiper::after,
.swiper::before {
content: '';
position: absolute;
top: 0;
width: 1.3125rem;
height: 100%;
background-color: rgba(245, 245, 245, 0);
z-index: 9;
}
.swiper::before {
left: 0;
}
.swiper::after {
right: 0;
}
.swiper-initialized {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wrapper {
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.swiper-vertical .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.swiper-initialized .swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-button-lock {
display: none !important;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 11;
}
.swiper-button-next.swiper-button-disabled rect,
.swiper-button-prev.swiper-button-disabled rect {
fill: #e3e3e3 !important;
}
.swiper-button-next.swiper-button-disabled path,
.swiper-button-prev.swiper-button-disabled path {
fill: #bbb !important;
}
.swiper-button-next rect,
.swiper-button-prev rect {
-webkit-transition: fill 0.25s ease;
transition: fill 0.25s ease;
}
.swiper-button-next path,
.swiper-button-prev path {
-webkit-transition: fill 0.25s ease;
transition: fill 0.25s ease;
}
.swiper-button-next:hover rect,
.swiper-button-prev:hover rect {
fill: #2b2b2b;
}
.swiper-button-prev {
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-button-next {
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.swiper-scrollbar {
height: 0.625rem;
background-color: #eaeaea;
border-radius: 0.625rem;
margin-top: 1.25rem;
position: relative;
overflow: hidden;
}
.swiper-scrollbar-drag {
bora: 0.625rem;
height: 100%;
left: 0;
width: 100%;
position: absolute;
background-color: var(--accent);
border-radius: 0.625rem;
}
:root {
--iti-hover-color: rgba(0, 0, 0, 0.05);
--iti-border-color: #ccc;
--iti-dialcode-color: #999;
--iti-dropdown-bg: white;
--iti-spacer-horizontal: 8px;
--iti-flag-height: 15px;
--iti-flag-width: 20px;
--iti-border-width: 1px;
--iti-arrow-height: 4px;
--iti-arrow-width: 6px;
--iti-triangle-border: calc(var(--iti-arrow-width) / 2);
--iti-arrow-padding: 6px;
--iti-arrow-color: #555;
--iti-input-padding: 6px;
--iti-right-hand-selected-country-padding: calc(
var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) +
var(--iti-flag-width)
);
--iti-selected-country-arrow-padding: calc(
var(--iti-arrow-padding) + var(--iti-arrow-padding) +
var(--iti-flag-width) + var(--iti-spacer-horizontal) +
var(--iti-arrow-width) + var(--iti-input-padding)
);
--iti-path-flags-1x: url(//sunnydg.com/wp-content/themes/sdg/assets/img/flags.webp);
--iti-path-flags-2x: url(//sunnydg.com/wp-content/themes/sdg/assets/img/flags@2x.webp);
--iti-path-globe-1x: url(//sunnydg.com/wp-content/themes/sdg/assets/img/globe.webp);
--iti-path-globe-2x: url(//sunnydg.com/wp-content/themes/sdg/assets/img/globe@2x.webp);
--iti-flag-sprite-width: 5938px;
--iti-flag-sprite-height: 15px;
--iti-mobile-popup-margin: 30px;
}
.iti {
position: relative;
display: inline-block;
}
.iti * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti__a11y-text {
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type='tel'],
.iti input.iti__tel-input[type='text'] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: var(--iti-right-hand-selected-country-padding);
margin-right: 0;
}
.iti__country-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: var(--iti-border-width);
}
.iti__selected-country {
z-index: 1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
background: 0 0;
border: 0;
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
border-radius: 0;
font-weight: inherit;
line-height: inherit;
text-decoration: none;
}
.iti__selected-country-primary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
margin-left: var(--iti-arrow-padding);
width: 0;
height: 0;
border-left: var(--iti-triangle-border) solid transparent;
border-right: var(--iti-triangle-border) solid transparent;
border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir='rtl'] .iti__arrow {
margin-right: var(--iti-arrow-padding);
margin-left: 0;
}
.iti__arrow--up {
border-top: none;
border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
border-radius: 3px;
background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 2;
margin-top: 3px;
margin-left: calc(var(--iti-border-width) * -1);
border: var(--iti-border-width) solid var(--iti-border-color);
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
list-style: none;
padding: 0;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
@media (max-width: 500px) {
.iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: var(--iti-flag-width);
}
.iti__country {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px var(--iti-spacer-horizontal);
outline: 0;
}
.iti__dial-code {
color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
background-color: var(--iti-hover-color);
}
.iti__country-name,
.iti__flag-box {
margin-right: var(--iti-spacer-horizontal);
}
[dir='rtl'] .iti__country-name,
[dir='rtl'] .iti__flag-box {
margin-right: 0;
margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type='tel'],
.iti--allow-dropdown input.iti__tel-input[type='text'] {
padding-right: var(--iti-input-padding);
padding-left: var(--iti-selected-country-arrow-padding);
margin-left: 0;
}
[dir='rtl'] .iti--allow-dropdown input.iti__tel-input,
[dir='rtl'] .iti--allow-dropdown input.iti__tel-input[type='tel'],
[dir='rtl'] .iti--allow-dropdown input.iti__tel-input[type='text'] {
padding-right: var(--iti-selected-country-arrow-padding);
padding-left: var(--iti-input-padding);
margin-right: 0;
}
.iti--allow-dropdown .iti__country-container {
right: auto;
left: 0;
}
[dir='rtl'] .iti--allow-dropdown .iti__country-container {
right: 0;
left: auto;
}
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
):hover,
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
):hover
button {
cursor: pointer;
}
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
)
.iti__selected-country-primary:hover,
.iti--allow-dropdown
.iti__country-container:not(:has(+ input[disabled])):not(
:has(+ input[readonly])
)
.iti__selected-country:has(+ .iti__dropdown-content:hover)
.iti__selected-country-primary {
background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
margin-left: 4px;
}
[dir='rtl'] .iti .iti__selected-dial-code {
margin-left: 0;
margin-right: 4px;
}
.iti--container {
position: fixed;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: var(--iti-border-width);
}
.iti--container:hover {
cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
padding: var(--iti-mobile-popup-margin);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
position: relative;
}
.iti--fullscreen-popup .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
--iti-flag-offset: 100px;
--iti-flag-width: 20px;
--iti-flag-height: 15px;
height: var(--iti-flag-height);
width: var(--iti-flag-width);
-webkit-box-shadow: 0 0 1px 0 #888;
box-shadow: 0 0 1px 0 #888;
background-image: var(--iti-path-flags-1x);
background-repeat: no-repeat;
background-position: var(--iti-flag-offset) 0;
background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__ad {
--iti-flag-offset: 0px;
}
.iti__ae {
--iti-flag-offset: -22px;
}
.iti__af {
--iti-flag-offset: -44px;
}
.iti__ag {
--iti-flag-offset: -66px;
}
.iti__ai {
--iti-flag-offset: -88px;
}
.iti__al {
--iti-flag-offset: -110px;
}
.iti__am {
--iti-flag-offset: -132px;
}
.iti__ao {
--iti-flag-offset: -154px;
}
.iti__aq {
--iti-flag-offset: -176px;
}
.iti__ar {
--iti-flag-offset: -198px;
}
.iti__arab {
--iti-flag-offset: -220px;
}
.iti__as {
--iti-flag-offset: -242px;
}
.iti__at {
--iti-flag-offset: -264px;
}
.iti__au {
--iti-flag-offset: -286px;
}
.iti__aw {
--iti-flag-offset: -308px;
}
.iti__ax {
--iti-flag-offset: -330px;
}
.iti__az {
--iti-flag-offset: -352px;
}
.iti__ba {
--iti-flag-offset: -374px;
}
.iti__bb {
--iti-flag-offset: -396px;
}
.iti__bd {
--iti-flag-offset: -418px;
}
.iti__be {
--iti-flag-offset: -440px;
}
.iti__bf {
--iti-flag-offset: -462px;
}
.iti__bg {
--iti-flag-offset: -484px;
}
.iti__bh {
--iti-flag-offset: -506px;
}
.iti__bi {
--iti-flag-offset: -528px;
}
.iti__bj {
--iti-flag-offset: -550px;
}
.iti__bl {
--iti-flag-offset: -572px;
}
.iti__bm {
--iti-flag-offset: -594px;
}
.iti__bn {
--iti-flag-offset: -616px;
}
.iti__bo {
--iti-flag-offset: -638px;
}
.iti__bq {
--iti-flag-offset: -660px;
}
.iti__br {
--iti-flag-offset: -682px;
}
.iti__bs {
--iti-flag-offset: -704px;
}
.iti__bt {
--iti-flag-offset: -726px;
}
.iti__bv {
--iti-flag-offset: -748px;
}
.iti__bw {
--iti-flag-offset: -770px;
}
.iti__by {
--iti-flag-offset: -792px;
}
.iti__bz {
--iti-flag-offset: -814px;
}
.iti__ca {
--iti-flag-offset: -836px;
}
.iti__cc {
--iti-flag-offset: -858px;
}
.iti__cd {
--iti-flag-offset: -880px;
}
.iti__cefta {
--iti-flag-offset: -902px;
}
.iti__cf {
--iti-flag-offset: -924px;
}
.iti__cg {
--iti-flag-offset: -946px;
}
.iti__ch {
--iti-flag-offset: -968px;
}
.iti__ci {
--iti-flag-offset: -990px;
}
.iti__ck {
--iti-flag-offset: -1012px;
}
.iti__cl {
--iti-flag-offset: -1034px;
}
.iti__cm {
--iti-flag-offset: -1056px;
}
.iti__cn {
--iti-flag-offset: -1078px;
}
.iti__co {
--iti-flag-offset: -1100px;
}
.iti__cp {
--iti-flag-offset: -1122px;
}
.iti__cr {
--iti-flag-offset: -1144px;
}
.iti__cu {
--iti-flag-offset: -1166px;
}
.iti__cv {
--iti-flag-offset: -1188px;
}
.iti__cw {
--iti-flag-offset: -1210px;
}
.iti__cx {
--iti-flag-offset: -1232px;
}
.iti__cy {
--iti-flag-offset: -1254px;
}
.iti__cz {
--iti-flag-offset: -1276px;
}
.iti__de {
--iti-flag-offset: -1298px;
}
.iti__dg {
--iti-flag-offset: -1320px;
}
.iti__dj {
--iti-flag-offset: -1342px;
}
.iti__dk {
--iti-flag-offset: -1364px;
}
.iti__dm {
--iti-flag-offset: -1386px;
}
.iti__do {
--iti-flag-offset: -1408px;
}
.iti__dz {
--iti-flag-offset: -1430px;
}
.iti__eac {
--iti-flag-offset: -1452px;
}
.iti__ec {
--iti-flag-offset: -1474px;
}
.iti__ee {
--iti-flag-offset: -1496px;
}
.iti__eg {
--iti-flag-offset: -1518px;
}
.iti__eh {
--iti-flag-offset: -1540px;
}
.iti__er {
--iti-flag-offset: -1562px;
}
.iti__es-ct {
--iti-flag-offset: -1584px;
}
.iti__es-ga {
--iti-flag-offset: -1606px;
}
.iti__es-pv {
--iti-flag-offset: -1628px;
}
.iti__es {
--iti-flag-offset: -1650px;
}
.iti__et {
--iti-flag-offset: -1672px;
}
.iti__eu {
--iti-flag-offset: -1694px;
}
.iti__fi {
--iti-flag-offset: -1716px;
}
.iti__fj {
--iti-flag-offset: -1738px;
}
.iti__fk {
--iti-flag-offset: -1760px;
}
.iti__fm {
--iti-flag-offset: -1782px;
}
.iti__fo {
--iti-flag-offset: -1804px;
}
.iti__fr {
--iti-flag-offset: -1826px;
}
.iti__ga {
--iti-flag-offset: -1848px;
}
.iti__gb-eng {
--iti-flag-offset: -1870px;
}
.iti__gb-nir {
--iti-flag-offset: -1892px;
}
.iti__gb-sct {
--iti-flag-offset: -1914px;
}
.iti__gb-wls {
--iti-flag-offset: -1936px;
}
.iti__gb {
--iti-flag-offset: -1958px;
}
.iti__gd {
--iti-flag-offset: -1980px;
}
.iti__ge {
--iti-flag-offset: -2002px;
}
.iti__gf {
--iti-flag-offset: -2024px;
}
.iti__gg {
--iti-flag-offset: -2046px;
}
.iti__gh {
--iti-flag-offset: -2068px;
}
.iti__gi {
--iti-flag-offset: -2090px;
}
.iti__gl {
--iti-flag-offset: -2112px;
}
.iti__gm {
--iti-flag-offset: -2134px;
}
.iti__gn {
--iti-flag-offset: -2156px;
}
.iti__gp {
--iti-flag-offset: -2178px;
}
.iti__gq {
--iti-flag-offset: -2200px;
}
.iti__gr {
--iti-flag-offset: -2222px;
}
.iti__gs {
--iti-flag-offset: -2244px;
}
.iti__gt {
--iti-flag-offset: -2266px;
}
.iti__gu {
--iti-flag-offset: -2288px;
}
.iti__gw {
--iti-flag-offset: -2310px;
}
.iti__gy {
--iti-flag-offset: -2332px;
}
.iti__hk {
--iti-flag-offset: -2354px;
}
.iti__hm {
--iti-flag-offset: -2376px;
}
.iti__hn {
--iti-flag-offset: -2398px;
}
.iti__hr {
--iti-flag-offset: -2420px;
}
.iti__ht {
--iti-flag-offset: -2442px;
}
.iti__hu {
--iti-flag-offset: -2464px;
}
.iti__ic {
--iti-flag-offset: -2486px;
}
.iti__id {
--iti-flag-offset: -2508px;
}
.iti__ie {
--iti-flag-offset: -2530px;
}
.iti__il {
--iti-flag-offset: -2552px;
}
.iti__im {
--iti-flag-offset: -2574px;
}
.iti__in {
--iti-flag-offset: -2596px;
}
.iti__io {
--iti-flag-offset: -2618px;
}
.iti__iq {
--iti-flag-offset: -2640px;
}
.iti__ir {
--iti-flag-offset: -2662px;
}
.iti__is {
--iti-flag-offset: -2684px;
}
.iti__it {
--iti-flag-offset: -2706px;
}
.iti__je {
--iti-flag-offset: -2728px;
}
.iti__jm {
--iti-flag-offset: -2750px;
}
.iti__jo {
--iti-flag-offset: -2772px;
}
.iti__jp {
--iti-flag-offset: -2794px;
}
.iti__ke {
--iti-flag-offset: -2816px;
}
.iti__kg {
--iti-flag-offset: -2838px;
}
.iti__kh {
--iti-flag-offset: -2860px;
}
.iti__ki {
--iti-flag-offset: -2882px;
}
.iti__km {
--iti-flag-offset: -2904px;
}
.iti__kn {
--iti-flag-offset: -2926px;
}
.iti__kp {
--iti-flag-offset: -2948px;
}
.iti__kr {
--iti-flag-offset: -2970px;
}
.iti__kw {
--iti-flag-offset: -2992px;
}
.iti__ky {
--iti-flag-offset: -3014px;
}
.iti__kz {
--iti-flag-offset: -3036px;
}
.iti__la {
--iti-flag-offset: -3058px;
}
.iti__lb {
--iti-flag-offset: -3080px;
}
.iti__lc {
--iti-flag-offset: -3102px;
}
.iti__li {
--iti-flag-offset: -3124px;
}
.iti__lk {
--iti-flag-offset: -3146px;
}
.iti__lr {
--iti-flag-offset: -3168px;
}
.iti__ls {
--iti-flag-offset: -3190px;
}
.iti__lt {
--iti-flag-offset: -3212px;
}
.iti__lu {
--iti-flag-offset: -3234px;
}
.iti__lv {
--iti-flag-offset: -3256px;
}
.iti__ly {
--iti-flag-offset: -3278px;
}
.iti__ma {
--iti-flag-offset: -3300px;
}
.iti__mc {
--iti-flag-offset: -3322px;
}
.iti__md {
--iti-flag-offset: -3344px;
}
.iti__me {
--iti-flag-offset: -3366px;
}
.iti__mf {
--iti-flag-offset: -3388px;
}
.iti__mg {
--iti-flag-offset: -3410px;
}
.iti__mh {
--iti-flag-offset: -3432px;
}
.iti__mk {
--iti-flag-offset: -3454px;
}
.iti__ml {
--iti-flag-offset: -3476px;
}
.iti__mm {
--iti-flag-offset: -3498px;
}
.iti__mn {
--iti-flag-offset: -3520px;
}
.iti__mo {
--iti-flag-offset: -3542px;
}
.iti__mp {
--iti-flag-offset: -3564px;
}
.iti__mq {
--iti-flag-offset: -3586px;
}
.iti__mr {
--iti-flag-offset: -3608px;
}
.iti__ms {
--iti-flag-offset: -3630px;
}
.iti__mt {
--iti-flag-offset: -3652px;
}
.iti__mu {
--iti-flag-offset: -3674px;
}
.iti__mv {
--iti-flag-offset: -3696px;
}
.iti__mw {
--iti-flag-offset: -3718px;
}
.iti__mx {
--iti-flag-offset: -3740px;
}
.iti__my {
--iti-flag-offset: -3762px;
}
.iti__mz {
--iti-flag-offset: -3784px;
}
.iti__na {
--iti-flag-offset: -3806px;
}
.iti__nc {
--iti-flag-offset: -3828px;
}
.iti__ne {
--iti-flag-offset: -3850px;
}
.iti__nf {
--iti-flag-offset: -3872px;
}
.iti__ng {
--iti-flag-offset: -3894px;
}
.iti__ni {
--iti-flag-offset: -3916px;
}
.iti__nl {
--iti-flag-offset: -3938px;
}
.iti__no {
--iti-flag-offset: -3960px;
}
.iti__np {
--iti-flag-offset: -3982px;
}
.iti__nr {
--iti-flag-offset: -4004px;
}
.iti__nu {
--iti-flag-offset: -4026px;
}
.iti__nz {
--iti-flag-offset: -4048px;
}
.iti__om {
--iti-flag-offset: -4070px;
}
.iti__pa {
--iti-flag-offset: -4092px;
}
.iti__pc {
--iti-flag-offset: -4114px;
}
.iti__pe {
--iti-flag-offset: -4136px;
}
.iti__pf {
--iti-flag-offset: -4158px;
}
.iti__pg {
--iti-flag-offset: -4180px;
}
.iti__ph {
--iti-flag-offset: -4202px;
}
.iti__pk {
--iti-flag-offset: -4224px;
}
.iti__pl {
--iti-flag-offset: -4246px;
}
.iti__pm {
--iti-flag-offset: -4268px;
}
.iti__pn {
--iti-flag-offset: -4290px;
}
.iti__pr {
--iti-flag-offset: -4312px;
}
.iti__ps {
--iti-flag-offset: -4334px;
}
.iti__pt {
--iti-flag-offset: -4356px;
}
.iti__pw {
--iti-flag-offset: -4378px;
}
.iti__py {
--iti-flag-offset: -4400px;
}
.iti__qa {
--iti-flag-offset: -4422px;
}
.iti__re {
--iti-flag-offset: -4444px;
}
.iti__ro {
--iti-flag-offset: -4466px;
}
.iti__rs {
--iti-flag-offset: -4488px;
}
.iti__ru {
--iti-flag-offset: -4510px;
}
.iti__rw {
--iti-flag-offset: -4532px;
}
.iti__sa {
--iti-flag-offset: -4554px;
}
.iti__sb {
--iti-flag-offset: -4576px;
}
.iti__sc {
--iti-flag-offset: -4598px;
}
.iti__sd {
--iti-flag-offset: -4620px;
}
.iti__se {
--iti-flag-offset: -4642px;
}
.iti__sg {
--iti-flag-offset: -4664px;
}
.iti__ac {
--iti-flag-offset: -4686px;
}
.iti__sh-hl {
--iti-flag-offset: -4708px;
}
.iti__sh-ta {
--iti-flag-offset: -4730px;
}
.iti__sh {
--iti-flag-offset: -4752px;
}
.iti__si {
--iti-flag-offset: -4774px;
}
.iti__sj {
--iti-flag-offset: -4796px;
}
.iti__sk {
--iti-flag-offset: -4818px;
}
.iti__sl {
--iti-flag-offset: -4840px;
}
.iti__sm {
--iti-flag-offset: -4862px;
}
.iti__sn {
--iti-flag-offset: -4884px;
}
.iti__so {
--iti-flag-offset: -4906px;
}
.iti__sr {
--iti-flag-offset: -4928px;
}
.iti__ss {
--iti-flag-offset: -4950px;
}
.iti__st {
--iti-flag-offset: -4972px;
}
.iti__sv {
--iti-flag-offset: -4994px;
}
.iti__sx {
--iti-flag-offset: -5016px;
}
.iti__sy {
--iti-flag-offset: -5038px;
}
.iti__sz {
--iti-flag-offset: -5060px;
}
.iti__tc {
--iti-flag-offset: -5082px;
}
.iti__td {
--iti-flag-offset: -5104px;
}
.iti__tf {
--iti-flag-offset: -5126px;
}
.iti__tg {
--iti-flag-offset: -5148px;
}
.iti__th {
--iti-flag-offset: -5170px;
}
.iti__tj {
--iti-flag-offset: -5192px;
}
.iti__tk {
--iti-flag-offset: -5214px;
}
.iti__tl {
--iti-flag-offset: -5236px;
}
.iti__tm {
--iti-flag-offset: -5258px;
}
.iti__tn {
--iti-flag-offset: -5280px;
}
.iti__to {
--iti-flag-offset: -5302px;
}
.iti__tr {
--iti-flag-offset: -5324px;
}
.iti__tt {
--iti-flag-offset: -5346px;
}
.iti__tv {
--iti-flag-offset: -5368px;
}
.iti__tw {
--iti-flag-offset: -5390px;
}
.iti__tz {
--iti-flag-offset: -5412px;
}
.iti__ua {
--iti-flag-offset: -5434px;
}
.iti__ug {
--iti-flag-offset: -5456px;
}
.iti__um {
--iti-flag-offset: -5478px;
}
.iti__un {
--iti-flag-offset: -5500px;
}
.iti__us {
--iti-flag-offset: -5522px;
}
.iti__uy {
--iti-flag-offset: -5544px;
}
.iti__uz {
--iti-flag-offset: -5566px;
}
.iti__va {
--iti-flag-offset: -5588px;
}
.iti__vc {
--iti-flag-offset: -5610px;
}
.iti__ve {
--iti-flag-offset: -5632px;
}
.iti__vg {
--iti-flag-offset: -5654px;
}
.iti__vi {
--iti-flag-offset: -5676px;
}
.iti__vn {
--iti-flag-offset: -5698px;
}
.iti__vu {
--iti-flag-offset: -5720px;
}
.iti__wf {
--iti-flag-offset: -5742px;
}
.iti__ws {
--iti-flag-offset: -5764px;
}
.iti__xk {
--iti-flag-offset: -5786px;
}
.iti__xx {
--iti-flag-offset: -5808px;
}
.iti__ye {
--iti-flag-offset: -5830px;
}
.iti__yt {
--iti-flag-offset: -5852px;
}
.iti__za {
--iti-flag-offset: -5874px;
}
.iti__zm {
--iti-flag-offset: -5896px;
}
.iti__zw {
--iti-flag-offset: -5918px;
}
.iti__globe {
background-image: var(--iti-path-globe-1x);
background-size: contain;
background-position: right;
-webkit-box-shadow: none;
box-shadow: none;
height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
.iti__flag {
background-image: var(--iti-path-flags-2x);
}
.iti__globe {
background-image: var(--iti-path-globe-2x);
}
}
.input-item.new {
position: relative;
padding-top: 10px !important;
padding-left: 30px;
border: 1px solid #b6b8a5;
border-radius: 10px;
}
.input-item.new::before {
height: 0;
}
.input-item.new .wpcf7-tel,
.input-item.new .wpcf7-text,
.input-item.new label,
.input-item.new .iti__selected-dial-code {
font-size: 1.125rem;
}
.input-item.new .wpcf7-tel {
padding-left: 95px !important;
}
.popup__content-inner h2 {
font-family: var(--font-display);
font-style: normal;
font-weight: 500;
font-size: 1.5rem;
line-height: 1.25;
text-align: center;
color: #303030;
text-transform: none;
}
.popup__content-inner .subtitle {
font-family: var(--font-body);
font-style: normal;
font-weight: 400;
font-size: 1rem;
line-height: 1.25;
text-align: center;
color: #303030;
margin-top: 1.875rem;
max-width: none;
}
.popup__content-inner .whatsapp_button {
background-color: #66db4f;
border: 1px solid #66db4f;
}
.popup__content-inner .whatsapp_button span {
font-size: 1.125rem;
color: #303030;
font-weight: 400;
font-family: var(--font-display);
}
.popup__wrapper {
overflow: hidden;
}
.whatsapp-wrapper {
position: relative;
display: inline-block;
width: 32px;
height: 32px;
background-color: #25d366; border-radius: 50%;
} .whatsapp-wrapper::before {
content: '1'; position: absolute;
top: -8px;
right: -8px;
background-color: #e73b36;
color: white;
width: 20px;
height: 20px;
font-size: 9px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-display);
font-weight: 400;
}
.popup__content-inner .expert__form {
max-width: 28.125rem;
justify-self: center;
}
.popup__content-inner .expert__form {
gap: 1.25rem;
}
.popup__content.new-whatsapp {
max-width: 53.125rem;
}
.subtitle.bold {
font-weight: 700;
}
.popup__content.new-whatsapp.buck::before {
content: '';
position: absolute;
bottom: -120px;
right: -280px;
width: 600px;
height: 421px;
background-image: var(--image-url); background-size: cover;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
opacity: 1;
transition: opacity 0.3s ease;
}
@media (max-width: 61.9988rem) {
.input-item:has(.iti),
.input-item:has(input:placeholder-shown),
.input-item.active {
padding-top: 5px;
}
} @media (max-width: 1024px) {
.popup__content.new-whatsapp.buck::before {
opacity: 0;
visibility: hidden;
}
}
.popup-button-center {
display: flex;
justify-content: center;
align-items: center;
margin-top: 4.0625rem;
}
.popup-button-left {
display: flex;
justify-content: flex-start;
align-items: center;
}
.popup-button-left .button,
.popup-button-center .button {
padding: 15px 40px;
font-size: 14px;
}
.text__title {
display: flex;
flex-direction: column;
justify-content: space-between;
}  .popup.popup_show:has(.promo-installment) {
background: rgba(0, 0, 0, 0.6);
}
.promo-installment .popup__close {
width: 0.78125rem;
height: 0.78125rem;
}
.promo-installment {
background-color: #fff !important;
max-width: 83.75rem;
padding: 4.125rem 4.5rem !important;
border-radius: 10px;
overflow: hidden;
}
.promo-installment__row {
display: flex;
gap: 2rem;
align-items: stretch;
}
.promo-installment__left {
align-items: flex-start;
flex: 1 1 40%;
min-width: 0;
display: flex;
flex-direction: column;
}
.promo-installment__right {
flex: 1 1 60%;
min-width: 0;
display: flex;
justify-content: flex-end;
gap: 1.25rem;
}
.promo-installment__right img {
border-radius: 10px;
object-fit: cover;
height: 28rem;
width: 0;
flex: 1 1 0;
}
.promo-installment__label {
max-width: 80%;
border: 1px solid #000;
border-radius: 10px;
padding: 1rem 1.5rem;
font-family: var(--font-display);
font-weight: 500;
font-size: 0.875rem;
text-transform: uppercase;
line-height: 1.2;
width: fit-content;
margin-bottom: 1.5rem;
}
.promo-installment__title {
font-family: var(--font-display);
font-weight: 600;
font-size: 2.875rem;
text-align: left;
line-height: 1.06;
color: #000;
margin: 0 0 1.5rem;
}
.promo-installment__divider {
width: 100%;
height: 1px;
background: #000;
margin-bottom: 1.5rem;
}
.promo-installment__terms {
display: flex;
gap: 1.5rem;
margin-bottom: 1.5rem;
}
.promo-installment__term p {
font-size: 1rem;
line-height: 1.4;
color: #000;
margin: 0;
}
.promo-installment__term strong {
font-weight: 600;
}
.promo-popup__cta {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--accent);
color: #fff;
border: none;
border-radius: 15px;
padding: 1rem 2.5rem;
font-family: var(--font-body);
font-weight: 600;
font-size: 1.125rem;
line-height: 1.11;
text-decoration: none;
cursor: pointer;
width: fit-content;
transition: opacity 0.3s;
}
.promo-popup__cta:hover {
opacity: 0.85;
}
.promo-installment__disclaimer {
font-size: 0.75rem;
color: #696969;
margin-top: 1rem;
line-height: 1.3;
}
.promo-installment__mobile-img {
display: none;
} @media (max-width: 61.99875em) {
.promo-installment {
padding: 2.5rem 2rem !important;
max-height: 90vh;
overflow-y: auto;
}
.promo-installment__row {
flex-direction: column;
}
.promo-installment__left {
flex: none;
}
.promo-installment__right {
display: none;
}
.promo-installment__mobile-img {
display: flex;
gap: 0.75rem;
width: 100%;
margin-bottom: 1.5rem;
}
.promo-installment__mobile-img img {
flex: 1 1 50%;
min-width: 0;
height: 14rem;
object-fit: cover;
border-radius: 10px;
}
.promo-installment__title {
font-size: 2rem;
margin-bottom: 1rem;
}
.promo-installment__label {
font-size: 0.75rem;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
max-width: 80%;
}
.promo-installment__divider {
margin-bottom: 1rem;
}
.promo-installment__terms {
flex-direction: row;
flex-wrap: wrap;
gap: 0.75rem;
}
.promo-installment__term {
flex: 1 1 0;
min-width: 0;
}
.promo-installment__term p {
font-size: 0.875rem;
}
.promo-popup__cta {
font-size: 1rem;
padding: 0.875rem 2rem;
}
.promo-installment .popup__close {
top: 1rem;
right: 1rem;
}
} @media (max-width: 47.99875em) {
.promo-installment {
padding: 2.5rem 2rem !important;
}
.promo-installment__mobile-img img:last-child {
display: none;
}
.promo-installment__mobile-img img {
height: 12rem;
}
.promo-installment__title {
font-size: 1.5rem;
}
.promo-installment__label {
font-size: 0.625rem;
padding: 0.5rem 0.75rem;
}
}   .hero--v2 {
position: relative;
color: #f5f5f5;
--hero-display: var(--font-accent);
--hero-display-weight: 400;
--hero-display-size: 5.75rem;
--hero-display-tracking: 0.015em;
--hero-display-line: 0.98;
--hero-sub: var(--font-body);
--hero-sub-weight: 400;
--hero-sub-size: 1.375rem;
--hero-sub-tracking: 0.2em;
--hero-sub-opacity: 0.86;
--hero-sub-transform: uppercase;
--hero-sub-style: normal;
--hero-loc: var(--font-body);
--hero-loc-weight: 600;
--hero-loc-size: 1rem;
--hero-loc-tracking: 0.22em;
--hero-cta: var(--font-body);
--hero-cta-weight: 600;
}
.hero--v2 .hero__container {
max-width: none;
padding: 0;
margin-top: 0;
}
.hero--v2 .hero__inner {
position: relative;
min-height: 100vh;
min-height: 100svh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
} .hero--v2 .hero__inner::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
opacity: 0.03;
z-index: 1;
pointer-events: none;
mix-blend-mode: overlay;
} .hero--v2 .hero__images {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
border-radius: 0;
-webkit-animation: none;
animation: none;
z-index: 0;
}
.hero--v2 .hero__video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
overflow: hidden;
pointer-events: none;
background-color: transparent;
}
.hero--v2 .hero__video iframe,
.hero--v2 .hero__video video {
position: absolute;
top: 50%;
left: 50%;
width: max(100vw, 177.7778vh);
height: max(56.25vw, 100vh);
border: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
object-fit: cover;
}
.hero--v2 .hero__video::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background:
radial-gradient(
ellipse at center,
rgba(17, 17, 17, 0.25) 0%,
rgba(17, 17, 17, 0.58) 100%
),
linear-gradient(
to bottom,
rgba(17, 17, 17, 0.52) 0%,
rgba(17, 17, 17, 0.22) 42%,
rgba(17, 17, 17, 0.72) 100%
);
pointer-events: none;
}
.hero--has-video.hero--v2 .hero__inner::after {
z-index: 3;
}
.hero--has-video.hero--v2 .hero__content,
.hero--has-video.hero--v2 .hero__bottom-bar {
z-index: 4;
} .hero--v2 .hero__images-item img {
-webkit-transition: -webkit-transform 8s ease-out;
transition: transform 8s ease-out;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.hero--v2 .hero__images-item.active img {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.hero--v2 .hero__images::before {
background:
radial-gradient(
ellipse at center,
rgba(17, 17, 17, 0.35) 0%,
rgba(17, 17, 17, 0.65) 100%
),
-webkit-gradient(
linear,
left top,
left bottom,
from(rgba(17, 17, 17, 0.5)),
color-stop(35%, rgba(17, 17, 17, 0.25)),
color-stop(65%, rgba(17, 17, 17, 0.25)),
to(rgba(17, 17, 17, 0.7))
);
background:
radial-gradient(
ellipse at center,
rgba(17, 17, 17, 0.35) 0%,
rgba(17, 17, 17, 0.65) 100%
),
linear-gradient(
to bottom,
rgba(17, 17, 17, 0.5) 0%,
rgba(17, 17, 17, 0.25) 35%,
rgba(17, 17, 17, 0.25) 65%,
rgba(17, 17, 17, 0.7) 100%
);
} .hero--v2 .hero__content {
position: relative;
z-index: 2;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 2rem;
max-width: 62rem;
} .hero--v2 .hero__heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
margin: 0;
text-shadow: 0 2px 40px rgba(0, 0, 0, 0.3);
-webkit-animation: heroV2FadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) both;
animation: heroV2FadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.hero--v2 .hero__heading-main {
font-family: var(--hero-display);
font-weight: var(--hero-display-weight);
font-size: var(--hero-display-size);
text-transform: uppercase;
letter-spacing: var(--hero-display-tracking);
line-height: var(--hero-display-line);
}
.hero--v2 .hero__heading-sub {
font-family: var(--hero-sub);
font-weight: var(--hero-sub-weight);
font-size: var(--hero-sub-size);
text-transform: var(--hero-sub-transform);
font-style: var(--hero-sub-style);
letter-spacing: var(--hero-sub-tracking);
line-height: 1.4;
opacity: var(--hero-sub-opacity);
} .hero--v2 .hero__accent-line {
width: 0;
height: 2px;
background: -webkit-gradient(
linear,
left top,
right top,
from(transparent),
color-stop(var(--accent)),
to(transparent)
);
background: linear-gradient(90deg, transparent, var(--accent), transparent);
margin: 1.75rem 0;
-webkit-box-shadow:
0 0 20px rgba(var(--accent-rgb), 0.35),
0 0 50px rgba(var(--accent-rgb), 0.1);
box-shadow:
0 0 20px rgba(var(--accent-rgb), 0.35),
0 0 50px rgba(var(--accent-rgb), 0.1);
-webkit-animation: heroV2LineExpand 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.4s
both;
animation: heroV2LineExpand 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.4s both;
} .hero--v2 .hero__locations {
font-family: var(--hero-loc);
font-weight: var(--hero-loc-weight);
font-size: var(--hero-loc-size);
letter-spacing: var(--hero-loc-tracking);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0;
margin: 0;
text-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
-webkit-animation: heroV2FadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both;
animation: heroV2FadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both;
}
.hero--v2 .hero__locations span {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
} .hero--v2 .hero__locations span::before {
content: '';
position: absolute;
bottom: -0.25rem;
left: 0;
width: 0;
height: 1px;
background: var(--accent);
-webkit-transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.hero--v2 .hero__locations span:hover::before {
width: 100%;
}
.hero--v2 .hero__locations span:hover {
opacity: 0.85;
}
.hero--v2 .hero__locations span:not(:last-child)::after {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--accent);
margin: 0 1.25rem;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
} .hero--v2 .hero__bottom-bar {
position: absolute;
bottom: 2.5rem;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 0 2rem;
z-index: 2;
-webkit-animation: heroV2FadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.8s both;
animation: heroV2FadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) 0.8s both;
} .hero--v2 .hero__scroll-hint {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.375rem;
color: rgba(245, 245, 245, 0.5);
}
.hero--v2 .hero__scroll-hint span {
display: block;
width: 1px;
height: 2rem;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(245, 245, 245, 0.5)),
to(transparent)
);
background: linear-gradient(to bottom, rgba(245, 245, 245, 0.5), transparent);
}
.hero--v2 .hero__scroll-hint svg {
-webkit-animation: heroV2Bounce 2s ease-in-out infinite;
animation: heroV2Bounce 2s ease-in-out infinite;
} .hero--v2 .hero__cta-btn {
position: absolute;
right: 2rem;
bottom: 0;
font-family: var(--hero-cta);
font-size: 0.8125rem;
font-weight: var(--hero-cta-weight);
color: #f5f5f5;
background: var(--accent);
border: none;
border-radius: 3rem;
padding: 1.0625rem 2.25rem;
cursor: pointer;
letter-spacing: 0.04em;
-webkit-transition:
background-color 0.3s ease,
-webkit-transform 0.3s ease;
transition:
background-color 0.3s ease,
transform 0.3s ease;
white-space: nowrap;
-webkit-box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.4);
box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.4);
-webkit-animation: heroV2CtaPulse 3s ease-in-out 2s infinite;
animation: heroV2CtaPulse 3s ease-in-out 2s infinite;
}
.hero--v2 .hero__cta-btn:hover {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
background-color: var(--accent-active);
-webkit-animation: none;
animation: none;
-webkit-box-shadow: 0 4px 24px rgba(var(--accent-rgb), 0.35);
box-shadow: 0 4px 24px rgba(var(--accent-rgb), 0.35);
} @-webkit-keyframes heroV2FadeUp {
from {
opacity: 0;
-webkit-transform: translateY(1.5rem);
transform: translateY(1.5rem);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes heroV2FadeUp {
from {
opacity: 0;
transform: translateY(1.5rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes heroV2LineExpand {
from {
width: 0;
}
to {
width: min(22rem, 75vw);
}
}
@keyframes heroV2LineExpand {
from {
width: 0;
}
to {
width: min(22rem, 75vw);
}
}
@-webkit-keyframes heroV2Bounce {
0%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0.5;
}
50% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
opacity: 1;
}
}
@keyframes heroV2Bounce {
0%,
100% {
transform: translateY(0);
opacity: 0.5;
}
50% {
transform: translateY(0.375rem);
opacity: 1;
}
}
@-webkit-keyframes heroV2CtaPulse {
0%,
100% {
-webkit-box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.4);
box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.4);
}
50% {
-webkit-box-shadow: 0 0 24px 6px rgba(var(--accent-rgb), 0.15);
box-shadow: 0 0 24px 6px rgba(var(--accent-rgb), 0.15);
}
}
@keyframes heroV2CtaPulse {
0%,
100% {
box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.4);
}
50% {
box-shadow: 0 0 24px 6px rgba(var(--accent-rgb), 0.15);
}
}  @media (max-width: 68.75em) {
.hero--v2 {
--hero-display-size: 4.85rem;
--hero-sub-size: 1.25rem;
}
} @media (max-width: 61.99875em) {
.hero--v2 {
--hero-display-size: 3.85rem;
--hero-display-tracking: 0.01em;
--hero-sub-size: 1.125rem;
--hero-sub-tracking: 0.18em;
--hero-loc-size: 0.875rem;
--hero-loc-tracking: 0.2em;
}
.hero--v2 .hero__cta-btn {
position: relative;
right: auto;
}
.hero--v2 .hero__bottom-bar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
}
.hero--v2 .hero__scroll-hint {
position: relative;
left: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
} @media (max-width: 47.99875em) {
.hero--v2 {
--hero-display-size: 2.75rem;
--hero-display-tracking: 0;
--hero-sub-size: 1rem;
--hero-sub-tracking: 0.14em;
--hero-loc-size: 0.875rem;
--hero-loc-tracking: 0.14em;
}
.hero--v2 .hero__content {
padding: 0 1.25rem;
}
.hero--v2 .hero__heading {
gap: 0.25rem;
}
.hero--v2 .hero__accent-line {
margin: 1.25rem 0;
}
.hero--v2 .hero__locations {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.625rem;
}
.hero--v2 .hero__locations span:not(:last-child)::after {
display: none;
}
.hero--v2 .hero__locations span::before {
display: none;
}
.hero--v2 .hero__bottom-bar {
bottom: 1.75rem;
padding: 0 1.25rem;
}
.hero--v2 .hero__cta-btn {
font-size: 0.75rem;
padding: 0.9375rem 1.75rem;
width: 100%;
text-align: center;
}
} @media (max-width: 29.99875em) {
.hero--v2 {
--hero-display-size: 2.2rem;
--hero-sub-size: 0.875rem;
--hero-sub-tracking: 0.1em;
--hero-loc-size: 0.6875rem;
--hero-loc-tracking: 0.12em;
}
} @media (max-width: 23.75em) {
.hero--v2 {
--hero-display-size: 1.9rem;
--hero-sub-size: 0.8125rem;
--hero-sub-tracking: 0.08em;
--hero-loc-size: 0.625rem;
--hero-loc-tracking: 0.1em;
}
} .destination {
position: relative;
margin-top: 8.125rem;
max-width: 85.625rem;
margin-left: auto;
margin-right: auto;
border-radius: 1.25rem;
overflow: hidden;
min-height: 34rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.destination__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.destination__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.destination__bg::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0.4) 45%,
rgba(0, 0, 0, 0.1) 100%
);
z-index: 1;
}
.destination--bali .destination__bg::after {
background: linear-gradient(
270deg,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0.4) 45%,
rgba(0, 0, 0, 0.1) 100%
);
}
.destination__container {
position: relative;
z-index: 2;
width: 100%;
max-width: 75rem;
margin: 0 auto;
padding: 3.5rem 3rem;
}
.destination__card {
background: rgba(0, 0, 0, 0.55);
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 1rem;
padding: 2.5rem 2.75rem;
max-width: 28rem;
}
.destination__card--right {
margin-left: auto;
}
.destination__label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
font-family: var(--font-display);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #1a9a6c;
margin-bottom: 1.5rem;
}
.destination__label-line {
display: block;
width: 2rem;
height: 1px;
background: #1a9a6c;
}
.destination__title {
font-family: var(--font-accent);
font-size: clamp(2rem, 3.5vw, 2.75rem);
font-weight: 400;
line-height: 1.15;
color: #fff;
text-align: left;
}
.destination__title .bold,
.destination__title strong,
.destination__title b {
font-family: var(--font-accent);
font-weight: 400;
}
.destination__divider {
width: 3.75rem;
height: 2px;
background: linear-gradient(90deg, #1a9a6c, transparent);
margin: 1.25rem 0;
border-radius: 1px;
}
.destination__subtitle {
font-family: var(--font-display);
font-size: 1rem;
font-weight: 600;
color: rgba(255, 255, 255, 0.9);
line-height: 1.45;
margin-bottom: 0.75rem;
}
.destination__desc {
font-size: 0.9375rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 1.5rem;
}
.destination__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1.75rem;
}
.destination__tags .tag {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.18);
color: rgba(255, 255, 255, 0.85);
font-size: 0.75rem;
padding: 0.4375rem 0.875rem;
border-radius: 2rem;
}
.destination__tags .tag.geotag {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.18);
color: rgba(255, 255, 255, 0.85);
}
.destination__cta {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
font-family: var(--font-display);
font-size: 0.875rem;
font-weight: 600;
color: #1a9a6c;
-webkit-transition: gap 0.3s ease;
transition: gap 0.3s ease;
}
.destination__cta:hover {
gap: 0.875rem;
}
.destination__cta svg {
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
}
.destination__cta:hover svg {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
} @media (max-width: 61.99875em) {
.destination {
margin-top: 5rem;
min-height: 30rem;
}
.destination__container {
padding: 2.5rem 1.5rem;
}
.destination__card {
max-width: 24rem;
padding: 2rem 2.25rem;
}
}
@media (max-width: 47.99875em) {
.destination {
margin-top: 3.75rem;
min-height: auto;
aspect-ratio: 9 / 16;
border-radius: 0.875rem;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.destination__bg::after,
.destination--bali .destination__bg::after {
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.75) 0%,
rgba(0, 0, 0, 0.3) 40%,
rgba(0, 0, 0, 0.05) 100%
);
}
.destination__container {
padding: 0 1rem 1.5rem;
}
.destination__card,
.destination__card--right {
max-width: 100%;
margin-left: 0;
padding: 1.25rem 1.25rem;
background: rgba(0, 0, 0, 0.65);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.destination__label {
margin-bottom: 1rem;
}
.destination__title {
font-size: 1.75rem;
}
.destination__divider {
margin: 1rem 0;
}
.destination__subtitle {
font-size: 0.9375rem;
}
.destination__desc {
font-size: 0.875rem;
margin-bottom: 1.25rem;
}
.destination__tags {
margin-bottom: 1.25rem;
}
.destination__tags .tag {
font-size: 0.6875rem;
padding: 0.375rem 0.75rem;
}
.destination__counter {
bottom: auto;
top: 1rem;
right: 1rem;
left: auto;
width: auto;
height: auto;
-ms-flex-item-align: auto;
align-self: auto;
background: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
padding: 0;
}
} .destination__slider.swiper {
overflow: hidden;
}
.destination__slider .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
display: block;
-webkit-transform: none;
transform: none;
}
.destination__slider .swiper-slide {
position: absolute;
inset: 0;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
z-index: 0;
}
.destination__slider .swiper-slide:first-child {
opacity: 1;
z-index: 1;
}
.destination__slider .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.destination__counter {
position: absolute;
top: 1.5rem;
right: 1.5rem;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.125rem;
font-family: var(--font-display);
font-size: 0.8125rem;
font-weight: 600;
color: rgba(255, 255, 255, 0.85);
background: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
padding: 0.4375rem 0.875rem;
border-radius: 2rem;
letter-spacing: 0.05em;
}
.destination__counter-current {
color: #fff;
}
.soon-locations {
margin-top: 2rem;
}
.soon-locations__container {
max-width: 85.625rem;
margin: 0 auto;
padding: 0 1rem;
}
.soon-locations__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1.5rem 1fr;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
.soon-locations__card {
position: relative;
overflow: hidden;
min-height: 24rem;
border-radius: 1rem;
padding: 2.5rem 2.75rem;
background:
linear-gradient(135deg, rgba(17, 17, 17, 0.88), rgba(17, 17, 17, 0.68)),
linear-gradient(135deg, rgba(0, 159, 80, 0.26), rgba(255, 255, 255, 0.04));
background-position: center;
background-size: cover;
border: 1px solid rgba(255, 255, 255, 0.14);
color: #fff;
}
.soon-locations__card--has-bg {
background-image:
linear-gradient(135deg, rgba(17, 17, 17, 0.82), rgba(17, 17, 17, 0.52)),
var(--soon-location-bg);
}
.soon-locations__card::before {
content: '';
position: absolute;
inset: 1px;
border-radius: inherit;
background: linear-gradient(
120deg,
rgba(255, 255, 255, 0.1),
transparent 38%
);
pointer-events: none;
}
.soon-locations__card > * {
position: relative;
z-index: 1;
}
.soon-locations__label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
font-family: var(--font-display);
font-size: 0.6875rem;
font-weight: 400;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #1a9a6c;
margin-bottom: 1.5rem;
}
.soon-locations__label-line {
display: block;
width: 2rem;
height: 1px;
background: #1a9a6c;
}
.soon-locations__title {
max-width: 32rem;
font-family: var(--font-accent);
font-size: clamp(1.875rem, 3vw, 2.5rem);
font-weight: 400;
line-height: 1.15;
color: #fff;
text-align: left;
}
.soon-locations__divider {
width: 3.75rem;
height: 2px;
background: linear-gradient(90deg, #1a9a6c, transparent);
margin: 1.25rem 0;
border-radius: 1px;
}
.soon-locations__subtitle {
max-width: 34rem;
font-family: var(--font-display);
font-size: 1rem;
font-weight: 600;
color: rgba(255, 255, 255, 0.9);
line-height: 1.45;
margin-bottom: 0.875rem;
}
.soon-locations__desc {
max-width: 38rem;
font-size: 0.9375rem;
line-height: 1.65;
color: rgba(255, 255, 255, 0.68);
}
@media (max-width: 61.99875em) {
.soon-locations__grid {
grid-template-columns: 1fr;
}
.soon-locations__card {
min-height: auto;
padding: 2rem 2.25rem;
}
}
@media (max-width: 47.99875em) {
.soon-locations {
margin-top: 1.25rem;
}
.soon-locations__container {
padding: 0 0.625rem;
}
.soon-locations__grid {
gap: 1rem;
}
.soon-locations__card {
border-radius: 0.875rem;
padding: 1.5rem;
}
.soon-locations__label {
margin-bottom: 1rem;
}
.soon-locations__title {
font-size: 1.75rem;
}
.soon-locations__divider {
margin: 1rem 0;
}
.soon-locations__subtitle {
font-size: 0.9375rem;
}
.soon-locations__desc {
font-size: 0.875rem;
}
}.chaty *,.chaty-chat-view *,.chaty-outer-forms *{box-sizing:border-box}.chaty-agent-data,.chaty-whatsapp-field input[type=text],.chaty-whatsapp-message,.chaty-whatsapp-message p{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-agent-header,.chaty-channel,.chaty-channels,.chaty-form-body,.chaty-tooltip{position:relative}.chaty-tooltip .on-hover-text,.chaty-tooltip .on-hover-text:before,.chaty-tooltip:after,.chaty-tooltip:before{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}.on-hover-text{display:none}.on-hover-text p{white-space:nowrap}.on-hover-text img.emoji{max-width:none}.chaty-tooltip .on-hover-text:before,.chaty-tooltip:before{content:"";border:5px solid transparent;z-index:1001}.chaty-tooltip:after{content:attr(data-hover)}.chaty-tooltip .on-hover-text,.chaty-tooltip:after{text-align:center;min-width:1em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 15px;border-radius:10px;background:#fff;color:#333;z-index:1000;box-shadow:0 1.93465px 7.73859px rgb(0 0 0 / 15%);font-size:17px;line-height:21px}.chaty-animation-shockwave:after,.chaty-animation-shockwave:before{content:"";border-radius:50%;position:absolute;top:0;right:0;bottom:0}.chaty-tooltip .on-hover-text{overflow:visible;white-space:pre}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip:hover .on-hover-text,.chaty-tooltip:hover .on-hover-text:before,.chaty-tooltip:hover:after,.chaty-tooltip:hover:before{display:block;opacity:1}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip.pos-left:hover .on-hover-text,.chaty-tooltip.pos-left:hover .on-hover-text:before,.chaty-tooltip.pos-left:hover:after,.chaty-tooltip.pos-left:hover:before,.chaty-tooltip.pos-right:hover .on-hover-text,.chaty-tooltip.pos-right:hover .on-hover-text:before,.chaty-tooltip.pos-right:hover:after,.chaty-tooltip.pos-right:hover:before{animation:ease-out forwards tooltips-horz}.chaty-tooltip.has-on-hover:after,.chaty-tooltip.has-on-hover:before,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:before,.chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger,.on-hover-text:empty,[data-hover=""]:after,[data-hover=""]:before{display:none!important}.chaty-tooltip.pos-top .on-hover-text:before,.chaty-tooltip.pos-top:before{border-bottom-width:0;border-top-color:#fff;bottom:calc(100% + 5px)}.chaty-tooltip.pos-top .on-hover-text:after,.chaty-tooltip.pos-top:after{bottom:calc(100% + 10px)}.chaty-tooltip.pos-top .on-hover-text,.chaty-tooltip.pos-top:after,.chaty-tooltip.pos-top:before{left:50%;transform:translate(-50%,-.5em)}.chaty-tooltip.pos-down:before{top:100%;border-top-width:0;border-bottom-color:#fff}.chaty-tooltip.pos-down:after{top:calc(100% + 5px)}.chaty-tooltip.pos-down:after,.chaty-tooltip.pos-down:before{left:50%;transform:translate(-50%,.5em)}.chaty-tooltip.pos-left .on-hover-text:before,.chaty-tooltip.pos-left:before{top:50%;border-right-width:0;border-left-color:#fff;left:calc(0em - 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-left .on-hover-text:before{left:auto;right:calc(0em - 5px)}.chaty-tooltip.pos-left .on-hover-text,.chaty-tooltip.pos-left:after{top:50%;right:calc(100% + 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before,.chaty-tooltip.pos-right:before{top:50%;border-left-width:0;border-right-color:#fff;right:calc(0em - 10px);transform:translate(.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before{left:calc(0em - 5px);right:auto}.chaty-tooltip.pos-right .on-hover-text,.chaty-tooltip.pos-right:after{top:50%;left:calc(100% + 10px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:1;transform:translate(-50%,0)}}@keyframes tooltips-horz{to{opacity:1;transform:translate(0,-50%)}}.chaty-tooltip.pos-down:hover:after,.chaty-tooltip.pos-down:hover:before,.chaty-tooltip.pos-top:hover:after,.chaty-tooltip.pos-top:hover:before{animation:ease-out forwards tooltips-vert}@-webkit-keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@-webkit-keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@-webkit-keyframes chaty-animation-pulse{0%{transform:scale(1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:50%}100%{transform:scale(1.1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:45%}}@keyframes chaty-animation-pulse{0%{transform:scale(1);border-radius:50%}100%{transform:scale(1.1);border-radius:45%}}.chaty-animation-shockwave:after{left:0;-webkit-animation:2s ease-out 1.3s infinite chaty-animation-shockwave;animation:2s ease-out 1.3s infinite chaty-animation-shockwave}.chaty-animation-shockwave:before{left:0;-webkit-animation:2s ease-out .8s infinite chaty-animation-shockwave;animation:2s ease-out .8s infinite chaty-animation-shockwave}.chaty-animation-blink{-webkit-animation:1.33s ease-out infinite chaty-animation-blink;animation:1.33s ease-out infinite chaty-animation-blink}.chaty-animation-pulse,.chaty-animation-pulse-icon{-webkit-animation:.4s infinite alternate chaty-animation-pulse;animation:.4s infinite alternate chaty-animation-pulse}.chaty-animation-sheen{position:relative;overflow:hidden}.chaty-animation-sheen:after{animation:5s infinite chaty-animation-sheen;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5) 50%,transparent);transform:rotateZ(60deg) translate(0,5em)}@keyframes chaty-animation-sheen{100%,20%{transform:rotateZ(60deg) translate(0,-80px)}}.chaty-animation-fade{animation:5s infinite chaty-animation-fade}.chaty-animation-spin{animation:5s cubic-bezier(.56,-.35,.22,1.5) infinite chaty-animation-spin}@keyframes chaty-animation-fade{15%,5%{opacity:.25}10%,100%,20%{opacity:1}}@keyframes chaty-animation-spin{10%{transform:rotateZ(-20deg);animation-timing-function:ease}100%,20%{transform:rotateZ(360deg)}}.chaty-animation-bounce,.chaty-animation-jump{animation:5s cubic-bezier(.84,-.54,.31,1.19) infinite chaty-animation-bounce}@keyframes chaty-animation-bounce{0%,100%,20%{transform:none}10%{transform:translateY(-1em)}}@keyframes chaty-animation-waggle{0%{transform:none}10%{transform:rotateZ(-20deg) scale(1.2)}13%{transform:rotateZ(25deg) scale(1.2)}15%{transform:rotateZ(-15deg) scale(1.2)}17%{transform:rotateZ(15deg) scale(1.2)}20%{transform:rotateZ(-12deg) scale(1.2)}22%{transform:rotateZ(0) scale(1.2)}100%,24%{transform:rotateZ(0) scale(1)}}.chaty-animation-waggle{animation:5s infinite chaty-animation-waggle}.chaty-animation-floating{-webkit-animation:chaty-animation-floating 3s ease infinite;animation:chaty-animation-floating 3s ease infinite}@keyframes chaty-animation-floating{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.chaty{display:none;z-index:99999}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty.active,.chaty.form-open .chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger{display:block!important}.chaty *{margin:0;padding:0}.chaty .sr-only,.chaty-outer-forms .sr-only,.hide-cht-svg-bg{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;outline:0!important}.chaty a,.chaty a:focus,.chaty a:hover,.chaty button{border:none;text-decoration:none;outline:0;box-shadow:none}.chaty-widget{position:fixed;bottom:25px;right:25px;z-index:10001}.chaty-widget.left-position{left:25px;right:auto}.chaty-channel-list{display:flex;width:62px;height:124px;position:absolute;bottom:-4px;right:0;flex-direction:column;align-items:flex-start;pointer-events:none}.chaty-widget.left-position .chaty-channel-list{left:0;right:auto}.chaty-widget.chaty-open .chaty-channel-list,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:after,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:before{pointer-events:auto}.chaty-channel-list .chaty-channel,.chaty-channel.single .chaty-svg{display:inline-block;width:54px;height:54px;border-radius:50%;margin:4px;cursor:pointer;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%)}.chaty-channel-list .chaty-channel{position:absolute;bottom:0;opacity:0;transition:.5s;-webkit-transition:.5s}.chaty-channel.single .chaty-svg{margin:0}.chaty-widget.chaty-open .chaty-channel-list .chaty-channel{opacity:1}.chaty-channel a,.chaty-channel button,.chaty-svg{display:block;width:54px;height:54px;border-radius:50%;cursor:pointer;position:relative;outline:0;min-width:unset}* .chaty-channel button{min-width:unset;max-width:unset}.chaty-channel button{background:0 0;border-radius:50%}.chaty-channel a .chaty-custom-icon,.chaty-channel button .chaty-custom-icon,.chaty-svg .chaty-custom-icon{width:54px;height:54px;border-radius:50%;text-align:center;font-size:27px;line-height:54px;color:#fff}.chaty-channel a:focus,.chaty-channel button:focus,.chaty-contact-form-box button.chaty-submit-button{outline:0}.chaty-contact-form-box button.chaty-submit-button:disabled .chaty-loader{display:inline-block}.chaty-agent-icon svg,.chaty-channel svg,.chaty-view-channels .chaty-channel span svg{width:100%;height:100%}.chaty-channel img{width:54px;height:54px;object-fit:cover;border-radius:50%}.chaty-i-trigger .chaty-channel{position:absolute;bottom:0;right:4px;transition:.5s;border-radius:50%;cursor:pointer}.chaty-cta-button{transition:.5s;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%);border-radius:50%}.chaty-widget.left-position .chaty-i-trigger .chaty-channel{left:4px;right:auto}.chaty-widget .chaty-cta-main .chaty-cta-button{z-index:1099;opacity:1;position:relative}.chaty-widget.chaty-open .chaty-cta-main .chaty-cta-button{z-index:999;opacity:0;transform:rotate(540deg);visibility:hidden}.chaty-widget .chaty-i-trigger .chaty-cta-close{pointer-events:none}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close{pointer-events:auto;z-index:101}.chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:999;opacity:0;visibility:hidden}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:1099;opacity:1;transform:rotate(180deg);visibility:visible}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip{z-index:91}.chaty-channel button.open-chaty-channel,.chaty-widget.chaty-no-close-button:not(.has-single) .chaty-i-trigger:not(.single-channel),.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-channel button.open-chaty,.chaty.form-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-i-trigger .chaty-tooltip:after,.chaty.form-open .chaty-i-trigger .chaty-tooltip:before,.chaty.form-open .chaty-widget.has-single .chaty-i-trigger .on-hover-text{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger{display:block}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-main{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;pointer-events:auto}.chaty-widget .ch-pending-msg{position:absolute;right:-4px;top:-4px;width:16px;height:16px;text-align:center;background:red;color:#fff;font-size:10px;line-height:16px;border-radius:50%;z-index:1101}.chaty-widget.left-position.hor-mode .chaty-channel-list{width:136px;height:62px;left:0;bottom:0}.chaty-widget.right-position.hor-mode .chaty-channel-list{width:136px;height:62px;right:0;left:auto;bottom:0}.chaty-widget.hor-mode .chaty-channel-list .chaty-channel{margin-top:0;margin-bottom:0}.chaty-widget.hor-mode.left-position .chaty-channel-list .chaty-channel{left:0}.chaty-widget.hor-mode.right-position .chaty-channel-list .chaty-channel{right:0;left:auto}.chaty-chat-view,.chaty-outer-forms{vertical-align:bottom;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:fixed!important;bottom:-25px;left:25px;padding:0;width:320px;max-width:90%;-moz-transition:.5s linear;box-shadow:rgba(0,0,0,.16) 0 5px 40px;-webkit-box-shadow:rgba(0,0,0,.16) 0 5px 40px;-moz-box-shadow:rgba(0,0,0,.16) 0 5px 40px;opacity:0;visibility:hidden;pointer-events:none;z-index:-1;transition:.5s;-webkit-transition:.5s;animation-delay:-2s;-webkit-animation-delay:-2s}.chaty-chat-view.pos-left,.chaty-outer-forms.pos-left{left:25px}.chaty-chat-view.pos-right,.chaty-outer-forms.pos-right{right:25px;left:auto}.chaty-outer-forms.active,.chaty:not(.form-open) .chaty-widget.chaty-open+.chaty-chat-view{-webkit-transform:translateY(-93px);transform:translateY(-93px);opacity:1;z-index:999999;visibility:visible;bottom:0;pointer-events:auto}.chaty-whatsapp-body{padding:0;min-height:260px;position:relative;z-index:2}.chaty-whatsapp-content{padding:20px}.chaty-popup-whatsapp-form .chaty-whatsapp-body{height:260px;min-height:auto}.chaty-popup-whatsapp-form .chaty-whatsapp-content{display:flex;align-items:flex-start}.chaty-form-body{background:#fff;z-index:99999;min-height:75px;border-radius:10px}.chaty-form-body form{margin:0;padding:0}.qr-code-image{padding:10px;text-align:center;border:solid 1px silver;border-radius:4px}.qr-code-image img{max-width:100%;max-height:360px;margin:0 auto;display:block;width:100%;height:auto}.chaty-whatsapp-form{position:relative;background-color:#f0ede7;border-radius:8px;margin:0}.chaty-whatsapp-form:before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.035;background-image:url(//sunnydg.com/wp-content/plugins/chaty/images/whatsapp.png)}.chaty-popup-whatsapp-form .chaty-whatsapp-body:before,.chaty-popup-whatsapp-form .chaty-whatsapp-footer:before{background-image:url(//sunnydg.com/wp-content/plugins/chaty/images/whatsapp-welcome-popup.png);opacity:.7}.chaty-whatsapp-message{padding:7px 14px 6px;background-color:#fff;border-radius:0 10px 10px;position:relative;transform-origin:center top;z-index:2;margin-top:0;margin-left:0;max-width:calc(100% - 40px);font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:14px;line-height:18px;border:1px solid rgba(34,17,71,.08)}.chaty-whatsapp-message:before{content:"";display:none;width:0;height:0;border-top:0 solid transparent;border-bottom:10px solid transparent;border-right:12px solid #fff;position:absolute;left:-12px;top:0}.wp-profile-img+.chaty-whatsapp-message:before{display:block}.chaty-whatsapp-message p{margin:0;padding:0;color:#111b21;font-weight:400;word-wrap:break-word}.chaty-whatsapp-footer{position:relative;padding:20px 15px}.whatsapp-chaty-form{display:flex;margin:0;padding:0}button.chaty-whatsapp-button-button,button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{text-align:center!important;height:40px!important;width:40px!important;padding:0!important;background:#c6d7e3!important;border-radius:20px!important;outline:0!important;box-shadow:none!important;cursor:pointer!important;margin:0 0 0 10px!important;text-decoration:none!important;border:none!important;min-width:1px!important;flex:0 0 40px}button.chaty-whatsapp-button-button{background:#c6d7e3!important}button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button{background:#25d366!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:focus,.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:hover{background:#22bf5b!important}.chaty-whatsapp-data{display:flex;flex:1;z-index:1}.chaty-whatsapp-field{padding-right:0;flex:1;position:relative;display:flex;align-items:center}.chaty-whatsapp-button{flex:0 0 48px}.chaty-whatsapp-button svg{width:100%;height:100%;margin:0;padding:0}.chaty-whatsapp-field input[type=text]{height:40px!important;line-height:normal;padding:0 10px 0 15px;font-size:16px;resize:none;width:100%;border:none!important;border-radius:24px;outline:0;box-shadow:none!important;background:#fff!important;margin:0;color:#111b21;flex:1}.chaty-whatsapp-field input[type=text]:focus{outline:0!important;border:none!important;margin:0;color:#111b21;box-shadow:none!important}.chaty-whatsapp-button-button:active,.chaty-whatsapp-button-button:focus,.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty.form-open .chaty-channel button.open-chaty-channel,.chaty.form-open .chaty-no-close-button.has-single .chaty-i-trigger{display:block}.chaty-agent-data{font-size:16px}.chaty-agent-header{font-size:18px;padding:20px 15px;background:#22bf5b;color:#fff;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}.chaty-agent-data .close-chaty-form{right:10px;top:12px}.chaty-agent-data .chaty-agent{display:flex;align-items:center;padding:15px}.chaty-agent-data .chaty-agent a{color:#49687e;font-size:16px;text-decoration:none;display:flex;width:100%;align-items:center;outline:0;font-weight:400}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field,.chaty-contact-input textarea.chaty-textarea-field{color:#28303d;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-sans;margin:0;background:#fff;outline:0}.chaty-agent-data .chaty-agent+.chaty-agent{border-top:2px solid #f6f8f9}.chaty-agent-img{width:36px;height:36px;object-fit:cover;border-radius:50%}.chaty-agent-icon{width:48px;height:48px;margin:0 15px 0 0}.chaty-agent-data .chaty-custom-icon{width:48px;height:48px;text-align:center;display:block;line-height:48px;background:silver;border-radius:50%;color:#fff;font-size:28px}.chaty-close-agent-list{position:absolute;right:15px;top:10px;width:26px;height:26px;cursor:pointer;z-index:10;padding:0 0 10px 10px}.chaty-agent-icon img{width:48px;height:48px;object-fit:cover}.chaty-close-agent-list svg{fill:#ffffff}.agent-sub-header{font-size:14px;line-height:20px;font-weight:400}.agent-main-header{font-size:20px;line-height:32px;font-weight:700;position:relative}.chaty-agent-header:before,.chaty-view-header:before{content:"";background:url(//sunnydg.com/wp-content/plugins/chaty/images/header-top.png) no-repeat;width:215px;height:41px;position:absolute;top:0;left:0;z-index:1}.chaty-agent-header:after,.chaty-view-header:after{content:"";background:url(//sunnydg.com/wp-content/plugins/chaty/images/header-bottom.png) no-repeat;width:44px;height:41px;position:absolute;bottom:0;right:0;z-index:1}.chaty-custom-channel-icon{display:block;border-radius:50%;color:#fff;text-align:center;line-height:54px}.chaty-contact-form-title{padding:10px 15px;text-align:left;font-size:18px;color:#fff;border-radius:8px 8px 0 0;justify-content:space-between;display:flex}.chaty-contact-inputs{padding:15px}.chaty-contact-input{display:block}.chaty-contact-input label.chaty-form-label{font-size:14px;margin:0;padding:0 0 4px 0;line-height:20px;display:flex;color:#28303d}.chaty-contact-input+.chaty-contact-input{margin:10px 0 0}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field{width:100%;height:36px;line-height:36px;font-size:16px;padding:0 10px;border:1px solid #ccc;border-radius:4px}.chaty-contact-input .has-chaty-error:focus,.chaty-contact-input input.chaty-input-field:focus,.chaty-contact-input input[type=email].chaty-input-field:focus,.chaty-contact-input input[type=tel].chaty-input-field:focus,.chaty-contact-input input[type=text].chaty-input-field:focus,.chaty-contact-input select.chaty-input-field:focus,.chaty-contact-input textarea.chaty-textarea-field:focus{outline:0;box-shadow:none;border-color:#898989;background-color:#fff}.chaty-contact-input textarea.chaty-textarea-field{width:100%;height:100px;line-height:20px;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:4px;display:block}.chaty-contact-form-box .close-chaty-form{right:9px;top:9px}.chaty-contact-form-box button.chaty-submit-button[type=submit],button#chaty-submit-button-0{border:none;border-radius:4px;color:#fff;background:#a886cd;width:100%;height:36px;line-height:36px;font-size:18px;padding:0;margin:0;cursor:pointer;text-align:center;display:block}.chaty-contact-input input.chaty-input-field.has-chaty-error,.chaty-contact-input select.chaty-input-field.has-chaty-error,.chaty-contact-input textarea.has-chaty-error{border:1px solid #d20000}.chaty-contact-form-button{padding:15px}.chaty-ajax-error-message,.chaty-ajax-success-message{color:#00a700;padding:10px 0 0;text-align:center;font-size:16px}.chaty-ajax-error-message{color:#da0000}.chaty-view-header,.chaty-view-header a,.chaty-view-header a:focus,.chaty-view-header a:hover{font-weight:500;color:#fff;font-size:24px}.chaty-exit-intent{position:fixed;z-index:-1}.chaty-exit-intent:before{display:block;position:fixed;top:0;left:0;content:'';width:100vw;height:100vh;background:rgba(0,0,0,.8);visibility:hidden;z-index:100;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out}.chaty .chaty-widget.left-position .chaty-exit-intent:before{clip-path:circle(15px at 60px calc(100% - 60px))}.chaty .chaty-widget.right-position .chaty-exit-intent:before{clip-path:circle(15px at calc(100% - 60px) calc(100% - 60px))}.chaty .chaty-widget .chaty-exit-intent.animate:before{visibility:visible;clip-path:circle(100%)}.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:after,.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:before{pointer-events:inherit}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-wechat-form.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos{top:50%;left:0;right:0;margin:0 auto;transform:translate(0,-50%);bottom:auto}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos .chaty-agent-body{max-height:calc(100vh - 164px)!important}.chaty-whatsapp-message p+p{margin-top:10px}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos .chaty-whatsapp-content{max-height:calc(100vh - 122px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form:not(.custom-cht-pos) .chaty-whatsapp-content{overflow-y:auto}.chaty.has-custom-pos.form-open .chaty-i-trigger{opacity:0;visibility:hidden}body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos .chaty-contact-inputs{max-height:calc(100vh - 150px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms{max-width:calc(100vw - 50px)!important}.chaty-view-body{background:#fff;border-radius:8px}.chaty-view-header{background:#b78deb;border-radius:7px 7px 0 0;padding:10px 15px;position:relative;word-break:break-word}.chaty-top-content{padding:15px 15px 0;font-size:16px}.chaty-view-content p,.chaty-view-content p a,.chaty-view-content p a:focus,.chaty-view-content p a:hover{margin:0;padding:0;font-size:16px;line-height:150%;color:#49687e;word-break:break-word}.chaty-view-content p a{display:inline-block}.chaty-view-content p a:focus,.chaty-view-content p a:hover,.chaty-view-header a:focus,.chaty-view-header a:hover{outline:0;text-decoration:none}.chaty-view-content p+p{margin-top:10px}.chaty-close-view-list{position:absolute;right:15px;top:10px;width:12px;cursor:pointer;z-index:11}.chaty-close-view-list svg{fill:#ffffff;display:inline-block;width:100%}.chaty-view-channels .chaty-channel{height:48px;display:inline-block;margin:6px 0;width:20%;text-align:center;vertical-align:top}.chaty-view-channels .chaty-channel a,.chaty-view-channels .chaty-channel img,.chaty-view-channels .chaty-channel span:not(.on-hover-text){display:block;width:48px;height:48px;margin:0 auto}.chaty-view-channels{padding:10px 8px}.chaty-view-channels .chaty-custom-channel-icon{font-size:24px}.front-google-captcha{width:100%!important;overflow:hidden}.front-google-captcha>div{width:100%}.front-google-captcha iframe{transform:scaleX(.9);position:relative;left:-15px}.widget-fa-icon{width:100%;height:100%;display:inline-block;vertical-align:middle;color:#fff}span.chaty-loader{display:none;vertical-align:middle;color:#fff;animation:rotation 1s infinite linear;width:24px;height:24px;text-align:center;line-height:24px;margin-left:5px}span.chaty-loader span.dashicons{width:24px;height:24px;text-align:center;line-height:24px;font-size:24px}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}span.chaty-loader.active{display:inline-block;vertical-align:baseline}.chaty-i-trigger.single-channel>.chaty-channel>.on-hover-text{display:none!important}html[dir=rtl] .chaty-input-field,html[dir=rtl] .chaty-submit-button,html[dir=rtl] .chaty-tooltip,html[dir=rtl] .chaty-tooltip:after,html[dir=rtl] .chaty-whatsapp-message,html[dir=rtl] .on-hover-text{direction:rtl}.add-bg-blur-effect{background-color:rgba(0,0,0,.4);overflow-x:hidden}.add-bg-blur-effect>:not(.chaty,.chaty-outer-forms,.picmo__popupContainer){filter:blur(6px)}.email_suggestion,.wp_email_suggestion{margin:0;padding:0;font-size:14px;color:#970029}.email_suggestion i,.wp_email_suggestion i{color:#2596be;font-weight:700;cursor:pointer}.chaty-custom-whatsapp-form .eac-sugg,.chaty-form .eac-sugg{color:#c1c1c1;line-height:34px!important}.chaty-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-body:before{opacity:.05}.chaty-custom-whatsapp-form .chaty-whatsapp-body{border-radius:0}.chaty-custom-whatsapp-form .chaty-whatsapp-footer{border-top:1px solid #e1e1e1;min-height:70px}.chaty-custom-whatsapp-form .chaty-whatsapp-data{display:block;z-index:1}.chaty-custom-whatsapp-form .chaty-whatsapp-button-button{width:100%!important;z-index:1;position:relative}.chaty-custom-whatsapp-form .header-text{display:flex;align-items:center}.chaty-custom-whatsapp-form .header-text span{display:inline-block;vertical-align:super;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button svg{width:26px;height:26px;fill:#ffffff;margin-right:3px}.chaty-custom-whatsapp-form .chaty-whatsapp-button span{font-size:15px;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button{display:flex;align-items:center;justify-content:center;border-radius:6px!important}.chaty-custom-whatsapp-form .chaty-whatsapp-content{padding:15px;z-index:101111;position:relative}.chaty-custom-whatsapp-form .chaty-whatsapp-body{min-height:auto}.chaty-outer-forms input[type=number]::-webkit-inner-spin-button,.chaty-outer-forms input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.chaty-whatsapp-header{display:flex;align-items:center;background-color:#4aa485;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;box-shadow:0 16px 32px 0 #1a0E3529}.chaty-whatsapp-header .header-wp-icon{height:30px;width:30px;margin-right:7px}.chaty-whatsapp-header .header-wp-title{color:#fff;font-size:15px;flex:1;padding-right:8px}.whatsapp-form-close-btn{flex:0 0 16px;cursor:pointer}.whatsapp-form-close-btn svg{width:16px;height:16px}.chaty-form,.chaty-whatsapp-form{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-whatsapp-body .wp-profile-img{height:30px;width:30px;margin-right:15px}.chaty-whatsapp-body .wp-profile-img img{height:30px;width:30px;border-radius:50%;object-fit:cover}.chaty-whatsapp-message-nickname{color:#489d81;font-size:10px;font-weight:500;line-height:14px}.chaty-whatsapp-message-time{color:#a1a1a9;font-size:10px;line-height:12px}.chaty-whatsapp-input::placeholder{color:#83a1b7;opacity:40%}.chaty-whatsapp-input::-ms-input-placeholder{color:#83a1b7;opacity:40%}button[type=button].chaty-wp-emoji-input,button[type=button].chaty-wp-emoji-input:focus,button[type=button].chaty-wp-emoji-input:hover{position:absolute!important;top:9px;left:8px;background:0 0!important;border:none!important;cursor:pointer;height:24px!important;width:24px!important;padding:0!important;min-width:1px!important;margin:0!important;outline:0!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-wp-emoji-input{display:none!important}.chaty-whatsapp-input{padding-left:38px!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-whatsapp-input{padding-left:15px!important}.picmo__popupContainer{z-index:1000000}body .picmo__emojiButton span{font-size:24px;line-height:24px;display:inline-block;vertical-align:middle}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton{color:#8f8f8f;border:solid 1px transparent}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab.picmo__categoryTabActive .picmo__categoryButton{border:1px solid #a886cd;color:#a071d3;background:#fff}body .picmo__picker .picmo__emojiCategory .picmo__categoryName{display:flex;height:auto;padding:10px 17px;border-bottom:solid 1px #e2e8f0;font-weight:700;background:#f3f3f3}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton:hover{background:#fff}body .picmo__emojiButton{border-radius:4px}body .picmo__emojiButton:focus{outline:0;border-radius:5px}.chaty-channel span.chaty-icon{display:block}.chaty.form-open .chaty-widget.has-single .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;transform:rotate(360deg);z-index:999}.chaty-custom-whatsapp-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-button button{width:100%;border:none;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chaty-contact-input input[type=file].chaty-input-field{line-height:32px}.eac-cval:empty,.eac-sugg:empty{display:none!important}.qr-code-header{display:flex;align-items:center;background-color:#a886cd;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;color:#fff;box-shadow:0 16px 32px 0 #1a0E3529;z-index:999999}.chaty-close-button{cursor:pointer}.qr-code-title{line-height:1;padding:15px 15px 0;font-size:14px;color:#83a1b7}.qr-code-box{margin-top:10px;padding:0 15px 15px}.qr-code-head-title{display:inline-flex;align-items:center}.qr-code-head-title svg{margin-right:5px}.mce-error{border:1px solid #d00!important}.required_indicate{color:red;font-size:18px;margin-left:2px}.chaty-whatsapp-button-button svg{display:inline-block;vertical-align:sub}.chaty-wp-emoji-input:hover{background-color:transparent;border-color:transparent}.chaty-wp-emoji-input:focus{outline:0}.chaty-whatsapp-input[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:40%!important}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:1!important}.chaty-outer-forms form{margin:0}.chaty,.chaty *,.chaty-form,.chaty-form *,.chaty-whatsapp-form,.chaty-whatsapp-form *{-webkit-tap-highlight-color:transparent}body.csaas-has-chatway:not(.chatway-is-open) .chatway--trigger-container{display:none!important}body.csaas-has-chatway:not(.chatway-is-open) .chatway--frame-container{opacity:0;visibility:hidden}body.csaas-has-chatway.chatway-is-open .chaty{display:none!important}.chaty-widget.has-chatway .Chatway-channel-link{opacity:1;visibility:visible;pointer-events:auto}.has-chat-view.active .chaty-widget.has-chatway.chaty-open .chaty-channel-list{display:none!important}.chaty-channel.Chatway-channel-link.has-unread-message:after,.chaty-widget:not(.has-chatway):not(.chaty-open) .csaas-widget-trigger.has-unread-message:after{content:attr(data-unread-message);width:20px;height:20px;background:#ff4545;position:absolute;border-radius:50%;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;justify-content:center;bottom:44px;z-index:1111;right:-4px}body:not(.chatway--active) .chaty-widget.has-chatway.above-chaty .Chatway-channel-link{display:none!important}body:not(.chatway--active) .chaty-widget.inside-chaty .chaty-channels .Chatway-channel-link{display:none!important}body.csaas-has-chatway.has--chaty.chatway--active:not(.chatway--visible) .chatway--container{display:block}.chaty.chaty-has-chat-view .has-chatway.chaty-open .Chatway-channel-link{display:none!important}.chaty-view-channels .chaty-channel.Chatway-channel.has-unread-message:after{right:0;top:-8px;bottom:auto}html[dir=rtl] button[type=button].chaty-wp-emoji-input,html[dir=rtl] button[type=button].chaty-wp-emoji-input:focus,html[dir=rtl] button[type=button].chaty-wp-emoji-input:hover{right:8px}html[dir=rtl] .chaty-whatsapp-field input[type=text]{padding:0 35px 0 00px}html[dir=rtl] button.chaty-whatsapp-button-button,html[dir=rtl] button.chaty-whatsapp-button-button:focus,html[dir=rtl] button.chaty-whatsapp-button-button:hover{margin:0 10px 0 0!important}html[dir=rtl] button.chaty-whatsapp-button-button svg{transform:rotate(180deg)}