:root {
--wp--style--global--content-size: 1440px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
img,
fieldset,
a img {
border: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
-webkit-appearance: none;
}
input[type="submit"],
button {
cursor: pointer;
}
input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
input,
button {
margin: 0;
padding: 0;
border: 0;
}
div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus {
outline: none;
}
ul,
ol {
list-style-type: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active,
.mfp-close.nice-select.open {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active,
.mfp-arrow.nice-select.open {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos="fade-up"] {
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
-webkit-transform: translate3d(-100px, 100px, 0);
transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
-webkit-transform: translate3d(0, 100px, 0) scale(0.6);
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
-webkit-transform: translate3d(0, -100px, 0) scale(0.6);
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
-webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
-webkit-transform: translate3d(100px, 0, 0) scale(0.6);
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[data-aos="slide-up"] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
[data-aos="flip-left"] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0);
}
.nice-select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: #999;
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: "";
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-20px);
transform: scale(0.75) translateY(-20px);
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
transition: all 0.2s;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #f6f6f6;
}
.nice-select .option.selected {
font-weight: bold;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
body {
min-width: 375px;
font-family: "Poppins", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.no-scroll,
html.no-scroll {
height: calc(var(--vh, 1vh) * 100);
overflow: hidden;
}
a {
text-decoration: none;
}
button {
background: none;
}
button,
input,
textarea {
font-family: "Poppins", sans-serif;
}
svg,
img {
vertical-align: middle;
}
svg {
width: 24px;
height: 24px;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-uppercase {
text-transform: uppercase;
}
.m-auto {
margin: auto;
}
.ml-auto {
margin-left: auto;
}
.mr-auto {
margin-right: auto;
}
.align-baseline {
align-items: baseline;
}
@media only screen and (max-width: 1179px) {
.desktop-hide {
display: none !important;
}
}
.desktop-show {
display: none !important;
}
@media only screen and (max-width: 1179px) {
.desktop-show {
display: block !important;
}
}
@media only screen and (max-width: 1179px) {
.desktop-text-right {
text-align: right !important;
}
}
@media only screen and (max-width: 1023px) {
.tablet-hide {
display: none !important;
}
}
.tablet-show {
display: none !important;
}
@media only screen and (max-width: 1023px) {
.tablet-show {
display: block !important;
}
}
@media only screen and (max-width: 1023px) {
.tablet-text-right {
text-align: right !important;
}
}
@media only screen and (max-width: 767px) {
.mobile-hide {
display: none !important;
}
}
.mobile-show {
display: none !important;
}
@media only screen and (max-width: 767px) {
.mobile-show {
display: block !important;
}
}
@media only screen and (max-width: 767px) {
.mobile-text-right {
text-align: right !important;
}
}
.section {
margin-bottom: 100px;
}
@media only screen and (max-width: 1339px) {
.section {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1023px) {
.section {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 767px) {
.section {
margin-bottom: 64px;
}
}
.section-border,
.section-border-main {
position: relative;
padding-bottom: 138px;
}
@media only screen and (max-width: 1339px) {
.section-border,
.section-border-main {
padding-bottom: 114px;
}
}
@media only screen and (max-width: 1023px) {
.section-border,
.section-border-main {
padding-bottom: 98px;
}
}
@media only screen and (max-width: 767px) {
.section-border,
.section-border-main {
padding-bottom: 66px;
}
}
.section-border:after,
.section-border-main:after {
content: "";
position: absolute;
left: calc(50% - 592px);
bottom: 0;
width: 1184px;
height: 2px;
background: #eeeeee;
}
@media only screen and (max-width: 1408px) {
.section-border:after,
.section-border-main:after {
left: 112px;
right: 112px;
width: auto;
}
}
@media only screen and (max-width: 1179px) {
.section-border:after,
.section-border-main:after {
left: 80px;
right: 80px;
}
}
@media only screen and (max-width: 1023px) {
.section-border:after,
.section-border-main:after {
left: 40px;
right: 40px;
}
}
@media only screen and (max-width: 767px) {
.section-border:after,
.section-border-main:after {
left: 24px;
right: 24px;
}
}
.section-padding {
padding: 136px 0;
background: #f5f6f7;
}
@media only screen and (max-width: 1339px) {
.section-padding {
padding: 112px 0;
}
}
@media only screen and (max-width: 1179px) {
.section-padding {
padding: 96px 0;
}
}
@media only screen and (max-width: 767px) {
.section-padding {
padding: 64px 0;
}
}
.section-main,
.section-border-main {
padding-top: 176px;
}
@media only screen and (max-width: 767px) {
.section-main,
.section-border-main {
padding-top: 160px;
}
}
.container {
max-width: 1170px;
margin: 0 auto;
padding: 0 112px;
width: auto;
}
@media only screen and (max-width: 1179px) {
.container {
padding: 0 80px;
}
}
@media only screen and (max-width: 1023px) {
.container {
padding: 0 40px;
}
}
@media only screen and (max-width: 767px) {
.container {
padding: 0 24px;
}
}
.container_medium {
max-width: 1248px;
}
.button:not(.wp-block-button),
[class^="button"] a,
.button a,
a[class^="button"],
[type="submit"],
[type="reset"],
[type="button"]:not(.navbar-toggle),
.btn:not(p),
.nav-item.active a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
height: auto;
padding: 0 22px;
background: #002443;
border: 2px solid #002443;
border-radius: 3px;
text-align: center;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #fcfdfe;
transition: background 0.2s, border-color 0.2s, color 0.2s;
}
[class^="button"] a:hover,
.button a:hover,
.btn:not(p):hover,
.btn:not(p):focus,
.jot-quicksend-button button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #8ad4e0;
border-color: #002443;
border-radius: 3px;
color: #002443;
}
.btn.btn-light,
.btn-light .wp-element-button {
background: #8ad4e0;
border-color: #002443;
border-radius: 24px;
color: #002443;
}
.btn-light .wp-element-button:hover {
background: #002443;
border: 2px solid #002443;
color: #fcfdfe;
border-radius: 24px;
}
.btn.btn-light:active {
color: #fff;
background-color: #002443;
border-color: #002443;
}
[class^="button"]svg {
fill: #fcfdfe;
transition: fill 0.2s;
}
[class^="button"]svg:nth-child(1) {
margin-right: 10px;
}
[class^="button"]svg:last-child {
margin-left: 10px;
}
[class^="button"]span:not(:nth-child(1)) {
margin-left: 8px;
}
.button-gray,
.nav-item.active a {
background: #eeeeee !important;
border-color: #eeeeee !important;
color: #202225 !important;
}
.button-gray:hover,
.nav-item.active a:hover {
background: #202225 !important;
border-color: #202225 !important;
color: #fcfdfe !important;
}
.button-black {
background: #202225;
border-color: #202225;
color: #fcfdfe;
}
.button-black:hover {
background: #313336;
border-color: #313336;
}
.button-white {
background: #fcfdfe;
border-color: #fcfdfe;
color: #202225;
}
.button-white:hover {
background: #fcfdfe;
border-color: #fcfdfe;
color: #2377fc;
}
.button-stroke {
border-color: #eeeeee;
background: none;
color: #202225;
}
.button-stroke:hover {
background: none;
border-color: #202225;
}
.button-large {
height: 56px;
border-radius: 28px;
}
.button-wide {
width: 100%;
}
.hero,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
color: #002443;
}
.hero {
font-size: 88px;
line-height: 88px;
letter-spacing: -0.04em;
}
@media only screen and (max-width: 1179px) {
.hero {
font-size: 80px;
}
}
@media only screen and (max-width: 1023px) {
.hero {
font-size: 60px;
line-height: 64px;
}
}
.h1 {
font-size: 72px;
line-height: 75px;
letter-spacing: -0.03em;
}
@media only screen and (max-width: 1179px) {
.h1 {
font-size: 64px;
line-height: 72px;
}
}
@media only screen and (max-width: 767px) {
.h1 {
font-size: 48px;
line-height: 56px;
}
}
.h2 {
font-size: 48px;
line-height: 56px;
letter-spacing: -0.02em;
}
@media only screen and (max-width: 1179px) {
.h2 {
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (max-width: 767px) {
.h2 {
font-size: 28px;
line-height: 36px;
}
}
.h3 {
font-size: 32px;
line-height: 44px;
letter-spacing: -0.02em;
}
@media only screen and (max-width: 1179px) {
.h3 {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 767px) {
.h3 {
font-size: 24px;
line-height: 32px;
}
}
.h4,
.h4M {
font-size: 28px;
line-height: 36px;
letter-spacing: -0.03em;
}
.h5M,
.h5 {
font-size: 22px;
line-height: 32px;
letter-spacing: -0.01em;
}
.h6,
.h6M {
font-size: 16px;
line-height: 24px;
letter-spacing: -0.01em;
}
.h4M,
.h5M,
.h6M {
font-weight: 500;
}
.label {
display: inline-block;
padding: 6px 8px;
border-radius: 6px;
background: #202225;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 700;
text-transform: uppercase;
color: #fcfdfe;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
font-weight: 600;
}
.content h1:not(:last-child),
.content h2:not(:last-child),
.content h3:not(:last-child),
.content h4:not(:last-child),
.content h5:not(:last-child),
.content h6:not(:last-child) {
margin-bottom: 24px;
}
.content h1 {
font-size: 72px;
line-height: 75px;
letter-spacing: -0.03em;
}
@media only screen and (max-width: 767px) {
.content h1 {
font-size: 48px;
line-height: 56px;
}
}
.content h2 {
font-size: 48px;
line-height: 56px;
letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
.content h2 {
font-size: 36px;
line-height: 44px;
}
}
.content h3 {
font-size: 36px;
line-height: 44px;
letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
.content h3 {
font-size: 24px;
line-height: 32px;
}
}
.content h4 {
font-size: 28px;
line-height: 36px;
letter-spacing: -0.03em;
}
@media only screen and (max-width: 767px) {
.content h4 {
font-size: 22px;
line-height: 32px;
}
}
.content h5 {
font-size: 22px;
line-height: 32px;
letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
.content h5 {
font-size: 20px;
line-height: 28px;
}
}
.content h6 {
font-size: 16px;
line-height: 24px;
letter-spacing: -0.01em;
}
.content p {
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.content p:not(:last-child) {
margin-bottom: 24px;
}
.content figure img {
width: 100%;
border-radius: 16px;
}
@media only screen and (max-width: 767px) {
.content figure img {
min-height: 260px;
-o-object-fit: cover;
object-fit: cover;
}
}
.content figure:not(:nth-child(1)) {
margin-top: 48px;
}
.content figure:not(:last-child) {
margin-bottom: 48px;
}
.content ul li {
position: relative;
padding-left: 40px;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.content ul li:before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 24px;
height: 24px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23787f84' fill-rule='evenodd' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 0 0 16 8 8 0 1 0 0-16zM2 12a10 10 0 1 1 20 0 10 10 0 1 1-20 0zm13.707-2.707a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
}
.content ul li:not(:last-child) {
margin-bottom: 16px;
}
.content ul:not(:last-child) {
margin-bottom: 24px;
}
[data-aos="fadeIn"] {
opacity: 0;
transition-property: opacity;
}
[data-aos="fadeIn"].aos-animate {
opacity: 1;
}
[data-aos="fadeInDown"] {
-webkit-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
[data-aos="fadeInDown"].aos-animate {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.page {
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden;
}
body.page {
overflow: auto;
}
.page__container {
flex-grow: 1;
}
.page.no-scroll {
overflow: visible;
}
.popup {
width: 100%;
max-width: 512px;
margin: auto;
padding: 40px 32px;
background: #fcfdfe;
border-radius: 16px;
box-shadow: 0px 32px 32px -20px #dedede;
z-index: 2;
}
@media only screen and (max-width: 767px) {
.popup {
padding: 40px 24px;
}
}
.popup__title {
margin-bottom: 12px;
text-align: center;
}
.popup__info {
max-width: 408px;
margin: 0 auto 24px;
text-align: center;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.popup .field:not(:last-child) {
margin-bottom: 16px;
}
.popup__foot {
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.popup__foot {
flex-direction: column-reverse;
align-items: stretch;
}
}
.popup__foot .popup__button {
flex-shrink: 0;
min-width: 150px;
}
@media only screen and (max-width: 767px) {
.popup__foot .popup__button {
min-width: 100%;
}
}
.popup__note {
max-width: 210px;
margin-left: 16px;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 500;
color: #bcbec2;
}
@media only screen and (max-width: 767px) {
.popup__note {
margin: 0 auto 16px;
text-align: center;
}
}
.popup__btns {
text-align: center;
}
.popup__btns .popup__button {
min-width: 132px;
}
.popup .mfp-close {
position: absolute;
top: 16px;
right: 16px;
width: auto;
height: auto;
line-height: normal;
opacity: 1;
font-size: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.popup .mfp-close svg {
fill: #787f84;
transition: fill 0.2s;
}
.popup .mfp-close:hover svg {
fill: #202225;
}
.popup_sidebar {
display: flex;
height: 100vh;
margin: -32px -32px -32px auto;
overflow: auto;
border-radius: 0;
box-shadow: none;
}
@media only screen and (max-width: 767px) {
.popup_sidebar {
width: calc(100% + 32px);
height: calc(var(--vh, 1vh) * 100);
margin: -32px -16px;
}
}
.popup_sidebar .mfp-close {
top: 24px;
right: 24px;
}
@media only screen and (max-width: 767px) {
.popup_sidebar .mfp-close {
top: 16px;
right: 16px;
}
}
.popup_sidebar .mfp-close svg {
width: 32px;
height: 32px;
}
.popup_login {
max-width: 728px;
padding: 48px;
}
@media only screen and (max-width: 1419px) {
.popup_login {
max-width: 620px;
}
}
@media only screen and (max-width: 1179px) {
.popup_login {
max-width: 520px;
}
}
@media only screen and (max-width: 767px) {
.popup_login {
max-width: calc(100% + 32px);
padding: 40px 32px;
}
}
.popup_menu {
display: flex;
flex-direction: column;
max-width: 503px;
padding: 64px;
}
@media only screen and (max-width: 1339px) {
.popup_menu {
max-width: 460px;
}
}
@media only screen and (max-width: 1179px) {
.popup_menu {
max-width: 420px;
}
}
@media only screen and (max-width: 767px) {
.popup_menu {
max-width: calc(100% + 32px);
padding: 48px 40px;
}
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
top: -32px;
right: 0;
width: 24px;
height: 24px;
padding: 0;
text-align: center;
line-height: 24px;
font-size: 0;
}
.mfp-iframe-scaler {
overflow: visible;
}
.mfp-iframe-scaler iframe {
box-shadow: 0px 32px 32px -20px #dedede;
}
.mfp-container {
padding: 32px;
}
@media only screen and (max-width: 767px) {
.mfp-container {
padding: 32px 16px;
}
}
@media (max-width: 900px) {
.mfp-container {
padding: 32px 16px;
}
}
.mfp-bg {
background: rgba(238, 238, 238, 0.96);
}
.mfp-zoom-in .popup,
.mfp-zoom-in .mfp-iframe-scaler {
opacity: 0;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.2s ease-out;
}
.mfp-zoom-in.mfp-ready .popup,
.mfp-zoom-in.mfp-ready .mfp-iframe-scaler {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 1;
}
.mfp-zoom-in.mfp-removing .popup,
.mfp-zoom-in.mfp-removing .mfp-iframe-scaler {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-sidebar .popup {
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transform: translateX(100%) scale(1);
transform: translateX(100%) scale(1);
}
.mfp-sidebar.mfp-bg {
opacity: 0;
transition: all 0.2s ease-out;
}
.mfp-sidebar.mfp-ready .popup {
opacity: 1;
-webkit-transform: translateX(0) scale(1);
transform: translateX(0) scale(1);
}
.mfp-sidebar.mfp-ready.mfp-bg {
opacity: 1;
}
.mfp-sidebar.mfp-removing .popup {
-webkit-transform: translateX(100%) scale(1);
transform: translateX(100%) scale(1);
opacity: 0;
}
.mfp-sidebar.mfp-removing.mfp-bg {
opacity: 0;
}
.logo {
display: inline-flex;
align-items: center;
transition: opacity 0.2s;
}
.logo:hover {
opacity: 0.9;
}
.logo__title {
margin-left: 16px;
font-size: 22px;
color: #202225;
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 30;
padding: 24px 0;
transition: padding 0.2s, background 0.2s;
background-color: #fff;
}
.header:after {
content: "";
position: absolute;
left: 40px;
right: 40px;
bottom: 0;
height: 2px;
background: #eeeeee;
transition: all 0.2s;
}
@media only screen and (max-width: 767px) {
.header:after {
left: 24px;
right: 24px;
}
}
.header__container {
display: flex;
align-items: center;
padding: 0 40px;
}
@media only screen and (max-width: 767px) {
.header__container {
padding: 0 24px;
}
}
.header__button {
margin-right: 40px;
}
@media only screen and (max-width: 1339px) {
.header__button {
margin-right: 32px;
}
}
@media only screen and (max-width: 767px) {
.header__button {
margin-right: 24px;
}
}
.header .logo {
margin-right: auto;
}
.header__burger {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 40px;
height: 40px;
}
.header__burger:before,
.header__burger:after {
content: "";
width: 40px;
height: 2px;
margin: 4px auto;
background: #787f84;
transition: width 0.2s, background 0.2s;
}
.header__burger:hover:before,
.header__burger:hover:after {
width: 32px;
background: #202225;
}
.header.visible {
background: #fcfdfe;
}
@media only screen and (max-width: 1179px) {
.header.visible {
padding: 16px 0;
}
}
@media only screen and (max-width: 767px) {
.header.visible {
padding: 12px 0;
}
}
.header.visible:after {
left: 0;
right: 0;
}
.navigation {
display: flex;
flex-direction: column;
height: 100%;
}
.navigation__list {
display: flex;
flex-direction: column;
margin: auto 0;
padding: 40px 0;
}
.navigation__link {
display: flex;
align-items: center;
color: #787f84;
transition: color 0.2s;
}
.navigation__link svg {
margin-left: 12px;
fill: #787f84;
transition: fill 0.2s;
}
.navigation__link:hover,
.navigation__link.active {
color: #202225;
}
.navigation__link:hover svg,
.navigation__link.active svg {
fill: #202225;
}
.navigation__link:not(:last-child) {
margin-bottom: 40px;
}
.navigation__line {
display: flex;
align-items: center;
}
.navigation__text {
margin-bottom: 4px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.navigation__mail {
color: #202225;
}
.navigation__chat {
width: 52px;
height: 52px;
margin-left: auto;
background: #2377fc;
border-radius: 50%;
font-size: 0;
transition: background 0.2s;
}
.navigation__chat svg {
fill: #fcfdfe;
}
.navigation__chat:hover {
background: #0a67fc;
}
.select {
float: none;
width: 100%;
height: 56px;
padding: 0 46px 0 14px;
box-shadow: none;
background: #f5f6f7;
border-radius: 8px;
border: 2px solid transparent;
opacity: 1;
font-size: 14px;
line-height: 52px;
letter-spacing: -0.01em;
font-weight: 500;
color: #202225;
transition: background 0.2s, border-color 0.2s;
}
.select:after {
display: none;
}
.select:before {
content: "";
position: absolute;
top: 50%;
right: 16px;
width: 24px;
height: 24px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4.793 8.543a1 1 0 0 1 1.414 0L12 14.336l5.793-5.793a1 1 0 0 1 1.414 1.414l-5.793 5.793a2 2 0 0 1-2.828 0L4.793 9.957a1 1 0 0 1 0-1.414z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.select:hover {
border-color: #fcfdfe;
}
.select.open {
background: transparent;
border-color: #787f84;
}
.select.open:before {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.select .current {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select .list {
left: -2px;
right: -2px;
margin-top: 4px;
padding: 8px 0;
background: #fcfdfe;
border: 2px solid #787f84;
border-radius: 8px;
box-shadow: 0px 32px 32px -9px rgba(0, 0, 0, 0.1);
}
.select .option {
display: flex;
align-items: center;
min-height: 48px;
padding: 0 12px;
border-radius: 2px;
text-align: left;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #202225;
transition: background 0.2s, color 0.2s;
}
.select .option:hover,
.select .option.focus,
.select .option.selected.focus {
color: #2377fc;
}
.select .option.selected {
background: #eeeeee;
font-weight: 500;
color: #202225;
}
.select_small {
height: 48px;
line-height: 44px;
}
.select_small .option {
min-height: 40px;
}
.login {
width: 100%;
max-width: 360px;
margin: auto;
text-align: center;
}
.login .logo {
margin-bottom: 40px;
}
.login__nav {
display: flex;
margin-bottom: 24px;
}
.login__tab {
flex: 0 0 50%;
height: 56px;
border-top: 1px solid #eeeeee;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #787f84;
transition: all 0.2s;
}
.login__tab:hover,
.login__tab.active {
color: #313336;
}
.login__tab.active {
border-color: #313336;
}
.login__btns .login__button:not(:last-child) {
margin-bottom: 12px;
}
.login__info {
margin: 24px 0;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.login__item {
display: none;
}
.login .field:not(:last-child) {
margin-bottom: 12px;
}
.login__link {
display: inline-block;
margin-bottom: 24px;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 500;
color: #2377fc;
transition: opacity 0.2s;
}
.login__link:hover {
opacity: 0.85;
}
.field__wrap {
position: relative;
}
.field__input,
.field__textarea {
width: 100%;
border: 2px solid transparent;
background: #f5f6f7;
border-radius: 8px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #202225;
transition: background 0.2s, border-color 0.2s;
}
.field__input::-webkit-input-placeholder,
.field__textarea::-webkit-input-placeholder {
color: #787f84;
}
.field__input::-moz-placeholder,
.field__textarea::-moz-placeholder {
color: #787f84;
}
.field__input:-ms-input-placeholder,
.field__textarea:-ms-input-placeholder {
color: #787f84;
}
.field__input::-ms-input-placeholder,
.field__textarea::-ms-input-placeholder {
color: #787f84;
}
.field__input::placeholder,
.field__textarea::placeholder {
color: #787f84;
}
.field__input:focus,
.field__textarea:focus {
border-color: #787f84;
background: transparent;
}
.field__input {
height: 56px;
padding: 0 14px;
}
.field__textarea {
height: 144px;
padding: 12px 14px;
resize: none;
}
.field svg {
position: absolute;
top: 50%;
left: 14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
fill: #787f84;
}
.field_icon .field__input,
.field_icon .field__textarea,
.field_icon .select {
padding-left: 46px;
}
.field_textarea {
font-size: 0;
}
.field_textarea svg {
top: 14px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.field_light .field__input,
.field_light .field__textarea {
border: 2px solid #1667e6;
background: #1667e6;
color: #fcfdfe;
}
.field_light .field__input::-webkit-input-placeholder,
.field_light .field__textarea::-webkit-input-placeholder {
color: #fcfdfe;
}
.field_light .field__input::-moz-placeholder,
.field_light .field__textarea::-moz-placeholder {
color: #fcfdfe;
}
.field_light .field__input:-ms-input-placeholder,
.field_light .field__textarea:-ms-input-placeholder {
color: #fcfdfe;
}
.field_light .field__input::-ms-input-placeholder,
.field_light .field__textarea::-ms-input-placeholder {
color: #fcfdfe;
}
.field_light .field__input::placeholder,
.field_light .field__textarea::placeholder {
color: #fcfdfe;
}
.field_light .field__input:focus,
.field_light .field__textarea:focus {
border-color: #fcfdfe;
background: transparent;
}
.field_light svg {
fill: #fcfdfe;
}
.main {
position: relative;
padding: 324px 0 72px;
background: #f5f6f7;
}
.home-main {
position: relative;
padding: 150px 0 72px;
background: #f5f6f7;
}
.home-main h2,
.home-main h3 {
padding-bottom: 20px;
}
.home-main li {
list-style: disc;
padding-left: 15px !important;
margin-left: 20px;
padding-bottom: 10px;
}
.wp-block-buttons>.wp-block-button {
display: inline-block;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1339px) {
.main {
margin-bottom: 96px;
padding-top: 232px;
}
}
@media only screen and (max-width: 767px) {
.main {
margin-bottom: 64px;
padding: 136px 0 40px;
text-align: center;
}
.home-main h1,
.home-main h2,
.home-main h3,
.home-page-content h2,
.home-page-content p {
text-align: center;
}
}
.main__wrap {
position: relative;
z-index: 2;
max-width: 356px;
margin-bottom: 284px;
}
@media only screen and (max-width: 1339px) {
.main__wrap {
margin-bottom: 136px;
}
}
@media only screen and (max-width: 1179px) {
.main__wrap {
margin-bottom: 142px;
}
}
@media only screen and (max-width: 1023px) {
.main__wrap {
max-width: 300px;
}
}
@media only screen and (max-width: 767px) {
.main__wrap {
margin: 0 auto;
}
}
.main__title {
margin-bottom: 16px;
}
@media only screen and (max-width: 1339px) {
.main__title {
margin-bottom: 10px;
}
}
.main__info {
margin-bottom: 40px;
color: #787f84;
}
@media only screen and (max-width: 1339px) {
.main__info {
margin-bottom: 24px;
font-size: 22px;
line-height: 32px;
letter-spacing: -0.01em;
}
}
@media only screen and (max-width: 1179px) {
.main__info {
font-size: 20px;
line-height: 28px;
}
}
@media only screen and (max-width: 767px) {
.main__info {
font-size: 18px;
line-height: 26px;
}
}
.main__btns {
display: flex;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.main__btns {
justify-content: center;
}
}
@media only screen and (max-width: 474px) {
a.wp-block-button__link.wp-element-button {
width: 100%;
}
.wp-block-button.button.main__button {
width: 326px;
}
}
.main__preview {
position: absolute;
top: 50%;
right: calc(50% - 748px);
width: 980px;
-webkit-transform: translateY(-46.5%);
transform: translateY(-46.5%);
font-size: 0;
}
@media only screen and (max-width: 1339px) {
.main__preview {
right: calc(50% - 588px);
width: 660px;
-webkit-transform: translateY(-44%);
transform: translateY(-44%);
}
}
@media only screen and (max-width: 1179px) {
.main__preview {
right: calc(50% - 568px);
}
}
@media only screen and (max-width: 767px) {
.main__preview {
position: relative;
top: auto;
right: auto;
width: auto;
margin: 10px -110px 20px -65px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.main__preview img {
position: relative;
z-index: 1;
width: 100%;
}
.main__circle {
position: absolute;
left: 50%;
bottom: 0;
width: 70%;
-webkit-transform: translateX(-55%);
transform: translateX(-55%);
border-radius: 50%;
background: #eff0f4;
}
@media only screen and (max-width: 767px) {
.main__circle {
bottom: 5px;
width: 335px;
}
}
.main__circle:before {
content: "";
display: block;
padding-bottom: 100%;
}
.main__ball {
position: absolute;
border-radius: 50%;
z-index: 2;
}
.main__ball:nth-child(1) {
top: 24%;
left: 22.5%;
width: 4.1%;
}
@media only screen and (max-width: 1339px) {
.main__ball:nth-child(1) {
top: 22%;
width: 4.8%;
}
}
.main__ball:nth-child(2) {
left: 37%;
bottom: 4.6%;
width: 2.6%;
}
@media only screen and (max-width: 1339px) {
.main__ball:nth-child(2) {
width: 3.4%;
}
}
.main__ball:nth-child(3) {
top: -1.5%;
right: 21.3%;
width: 6.5%;
}
@media only screen and (max-width: 1339px) {
.main__ball:nth-child(3) {
top: -4.5%;
right: 27.3%;
width: 6%;
}
}
@media only screen and (max-width: 1023px) {
.main__ball:nth-child(3) {
right: 30%;
}
}
@media only screen and (max-width: 767px) {
.main__ball:nth-child(3) {
top: 0;
}
}
.main__ball:nth-child(4) {
right: 7.3%;
bottom: 22%;
width: 4.3%;
}
@media only screen and (max-width: 1339px) {
.main__ball:nth-child(4) {
bottom: 19%;
width: 4.5%;
}
}
.main__ball img {
width: 100%;
}
.scroll {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
transition: color 0.2s;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 767px) {
.scroll {
flex-direction: column;
}
}
.scroll__icon {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 24px;
height: 24px;
margin-right: 12px;
border-radius: 50%;
background: #eeeeee;
transition: background 0.2s;
}
@media only screen and (max-width: 767px) {
.scroll__icon {
margin: 0 0 12px;
}
}
.scroll__icon svg {
transition: fill 0.2s;
}
.scroll:hover {
color: #202225;
}
.scroll:hover .scroll__icon {
background: #2377fc;
}
.scroll:hover .scroll__icon svg {
fill: #fcfdfe;
}
.form {
position: relative;
}
.form .field__input {
padding-right: 60px;
}
.form__button {
position: absolute;
top: 50%;
right: 6px;
width: 44px;
height: 44px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #2377fc;
border-radius: 6px;
font-size: 0;
transition: background 0.2s;
}
.form__button svg {
fill: #fcfdfe;
}
.form__button:hover {
background: #0a67fc;
}
.website {
position: relative;
}
.website__anchor {
position: absolute;
top: -150px;
left: 0;
right: 0;
}
@media only screen and (max-width: 1179px) {
.website__anchor {
top: -130px;
}
}
@media only screen and (max-width: 767px) {
.website__anchor {
top: -96px;
}
}
.website__container {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1179px) {
.website__container {
display: block;
}
}
.website__wrap {
max-width: 336px;
margin-right: auto;
}
@media only screen and (max-width: 1179px) {
.website__wrap {
max-width: 420px;
margin: 0 0 48px 0;
}
}
.website__title {
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.website__title {
max-width: 290px;
}
}
.website__info {
margin-bottom: 68px;
color: #787f84;
}
@media only screen and (max-width: 1339px) {
.website__info {
font-size: 20px;
}
}
@media only screen and (max-width: 1179px) {
.website__info {
margin-bottom: 32px;
}
}
@media only screen and (max-width: 767px) {
.website__info {
max-width: 220px;
font-size: 18px;
line-height: 28px;
}
}
@media only screen and (max-width: 1179px) {
.website .form {
max-width: 340px;
}
}
@media only screen and (max-width: 767px) {
.website .form {
max-width: 100%;
}
}
.website__preview {
max-width: 720px;
}
@media only screen and (max-width: 1339px) {
.website__preview {
max-width: 580px;
}
}
@media only screen and (max-width: 1179px) {
.website__preview {
max-width: 100%;
}
}
.website__preview img {
width: 100%;
}
@media only screen and (max-width: 1179px) {
.generation {
margin-bottom: 96px;
}
}
@media only screen and (max-width: 767px) {
.generation {
margin-bottom: 64px;
}
}
.generation__title {
margin-bottom: 64px;
}
@media only screen and (max-width: 1339px) {
.generation__title {
margin-bottom: 48px;
}
}
@media only screen and (max-width: 767px) {
.generation__title {
max-width: 250px;
margin-bottom: 40px;
}
}
.generation__list {
display: flex;
flex-wrap: wrap;
margin: -32px -11px 0;
}
@media only screen and (max-width: 767px) {
.generation__list {
display: block;
margin: 0;
}
}
.generation__item {
flex: 0 0 calc(33.333% - 22px);
width: calc(33.333% - 22px);
margin: 32px 11px 0;
}
@media only screen and (max-width: 767px) {
.generation__item {
width: 100%;
margin: 32px 0 0;
}
}
.generation__preview {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 240px;
margin-bottom: 22px;
border-radius: 12px;
font-size: 0;
}
@media only screen and (max-width: 1179px) {
.generation__preview {
margin-bottom: 18px;
}
}
@media only screen and (max-width: 1023px) {
.generation__preview {
height: 200px;
}
}
@media only screen and (max-width: 767px) {
.generation__preview {
height: 240px;
margin-bottom: 20px;
}
}
.generation__image {
border-radius: 32px;
overflow: hidden;
box-shadow: 0px 32px 32px -12px rgba(0, 0, 0, 0.15);
}
.generation__image img {
width: 160px;
}
.generation .label {
position: absolute;
top: 8px;
left: 8px;
z-index: 1;
}
.generation__content {
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.tabs__nav {
display: flex;
justify-content: center;
width: 100%;
padding: 4px;
background: #f5f6f7;
border-radius: 12px;
}
.tabs__button {
position: relative;
flex: 1;
height: 40px;
padding: 0 12px;
border-radius: 8px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #787f84;
transition: box-shadow 0.2s, background 0.2s, color 0.2s;
}
.tabs__button:hover,
.tabs__button.active {
color: #202225;
}
.tabs__button.active {
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
background: #fcfdfe;
}
.tabs__item {
display: none;
}
.tabs__mark {
position: absolute;
top: -6px;
right: -6px;
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background: #2377fc;
}
.tabs__mark span {
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
display: block;
box-shadow: 0 0 0 1px #2377fc;
border-radius: 50%;
-webkit-animation: circle 3s linear infinite;
animation: circle 3s linear infinite;
pointer-events: none;
}
.tabs__mark span:nth-child(1) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.tabs__mark span:nth-child(2) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.tabs__mark span:nth-child(3) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.tabs__mark span:nth-child(4) {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
@-webkit-keyframes circle {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.25;
}
100% {
-webkit-transform: scale(4.5);
transform: scale(4.5);
opacity: 0;
}
}
@keyframes circle {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.25;
}
100% {
-webkit-transform: scale(4.5);
transform: scale(4.5);
opacity: 0;
}
}
@media only screen and (max-width: 1179px) {
.details {
margin-bottom: 96px;
}
}
@media only screen and (max-width: 767px) {
.details {
margin-bottom: 64px;
}
}
.details__container {
max-width: 1112px;
}
@media only screen and (max-width: 1339px) {
.details__container {
max-width: 1052px;
}
}
@media only screen and (max-width: 1179px) {
.details__container {
max-width: 940px;
}
}
.details .tabs__nav {
max-width: 576px;
margin: 0 auto 104px;
}
@media only screen and (max-width: 1339px) {
.details .tabs__nav {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1023px) {
.details .tabs__nav {
margin-bottom: 64px;
}
}
@media only screen and (max-width: 767px) {
.details .tabs__nav {
display: none;
}
}
.details .select {
display: none;
}
@media only screen and (max-width: 767px) {
.details .select {
display: block;
margin-bottom: 40px;
}
}
.details .tabs__item:nth-child(1) .details__info {
font-size: 160px;
line-height: 160px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.details .tabs__item:nth-child(1) .details__info {
margin-bottom: 0;
}
}
.details .tabs__item:nth-child(1) .details__image {
width: 412px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0px 54px 67px -50px #e3e2da;
}
@media only screen and (max-width: 1023px) {
.details .tabs__item:nth-child(1) .details__image {
width: 340px;
}
}
@media only screen and (max-width: 767px) {
.details .tabs__item:nth-child(1) .details__image {
width: 327px;
box-shadow: 0px 42.8592px 53.1772px -39.6845px #e3e2da;
}
}
.details .tabs__item:nth-child(2) .details__image {
width: 619px;
}
@media only screen and (max-width: 1023px) {
.details .tabs__item:nth-child(2) .details__image {
width: 500px;
}
}
.details .tabs__item:nth-child(3) .details__image {
width: 683px;
}
@media only screen and (max-width: 1023px) {
.details .tabs__item:nth-child(3) .details__image {
width: 550px;
}
}
.details__row {
display: flex;
align-items: center;
min-height: 412px;
}
@media only screen and (max-width: 767px) {
.details__row {
display: block;
}
}
.details__wrap {
max-width: 316px;
margin-right: auto;
}
@media only screen and (max-width: 767px) {
.details__wrap {
max-width: 100%;
margin: 0 0 48px;
}
}
.details__info {
margin-bottom: 24px;
}
.details__content {
margin-bottom: 40px;
color: #787f84;
}
@media only screen and (max-width: 767px) {
.details__content {
margin-bottom: 32px;
font-size: 18px;
line-height: 28px;
}
}
.details__preview {
position: relative;
width: 412px;
height: 412px;
font-size: 0;
}
@media only screen and (max-width: 1023px) {
.details__preview {
width: 360px;
height: 360px;
}
}
@media only screen and (max-width: 767px) {
.details__preview {
width: 327px;
height: 327px;
margin: 0 auto;
}
}
.details__image {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.details__image img {
width: 100%;
}
.integration {
position: relative;
background: rgba(247, 247, 249, 0.5);
}
@media only screen and (max-width: 1179px) {
.integration {
margin-bottom: 96px;
}
}
@media only screen and (max-width: 767px) {
.integration {
margin-bottom: 64px;
}
}
.integration__container {
display: flex;
align-items: center;
min-height: 1012px;
padding-top: 136px;
padding-bottom: 136px;
}
@media only screen and (max-width: 1339px) {
.integration__container {
min-height: 694px;
padding-top: 112px;
padding-bottom: 112px;
}
}
@media only screen and (max-width: 1179px) {
.integration__container {
min-height: 666px;
padding-top: 96px;
padding-bottom: 96px;
}
}
@media only screen and (max-width: 767px) {
.integration__container {
display: block;
min-height: auto;
padding-top: 102px;
padding-bottom: 64px;
}
}
.integration__preview {
position: absolute;
top: 50%;
left: calc(50% - 645px);
width: 768px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 1339px) {
.integration__preview {
left: calc(50% - 545px);
width: 490px;
}
}
@media only screen and (max-width: 1179px) {
.integration__preview {
left: calc(50% - 490px);
}
}
@media only screen and (max-width: 1023px) {
.integration__preview {
left: calc(50% - 470px);
}
}
@media only screen and (max-width: 767px) {
.integration__preview {
position: relative;
top: auto;
left: auto;
width: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
text-align: center;
}
}
@media only screen and (max-width: 474px) {
.integration__preview {
margin: 0 -30px 56px -70px;
}
}
.integration__preview img {
width: 100%;
}
body .is-layout-flex>.integration__wrap,
.integration__wrap {
position: relative;
z-index: 2;
max-width: 394px;
margin: 0 -52px 0 auto;
}
@media only screen and (max-width: 1339px) {
.integration__wrap {
max-width: 420px;
margin-right: 0;
}
}
@media only screen and (max-width: 1179px) {
.integration__wrap {
max-width: 310px;
}
}
@media only screen and (max-width: 767px) {
.integration__wrap {
max-width: 100%;
}
}
.integration__title {
margin-bottom: 18px;
}
.integration__info {
margin-bottom: 64px;
color: #787f84;
}
@media only screen and (max-width: 1179px) {
.integration__info {
font-size: 20px;
line-height: 28px;
}
}
@media only screen and (max-width: 767px) {
.integration__info {
margin-bottom: 38px;
font-size: 18px;
}
}
.integration__item {
display: flex;
align-items: center;
padding: 24px 0;
border-top: 1px solid #eeeeee;
}
.integration__icon {
position: relative;
flex-shrink: 0;
width: 32px;
height: 32px;
margin-right: 32px;
border-radius: 4px;
}
.integration__ball {
position: absolute;
border-radius: 50%;
z-index: 2;
}
.integration__ball:nth-child(1) {
top: 27%;
left: 16.5%;
width: 5.2%;
}
.integration__ball:nth-child(2) {
top: 1%;
right: 5.5%;
width: 6.2%;
}
.integration__ball:nth-child(3) {
right: 10.8%;
bottom: 51.7%;
width: 4.2%;
}
.integration__ball img {
width: 100%;
}
@media only screen and (max-width: 1179px) {
.discover {
margin-bottom: 96px;
}
}
@media only screen and (max-width: 767px) {
.discover {
margin-bottom: 64px;
}
}
.discover__title {
margin-bottom: 64px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.discover__title {
margin-bottom: 48px;
}
}
.discover__item {
position: relative;
display: flex;
align-items: center;
min-height: 567px;
background: #f7f9f9;
border-radius: 16px;
}
@media only screen and (max-width: 1339px) {
.discover__item {
min-height: 504px;
}
}
@media only screen and (max-width: 1023px) {
.discover__item {
min-height: 490px;
}
}
@media only screen and (max-width: 767px) {
.discover__item {
display: block;
min-height: auto;
padding: 24px;
}
}
.discover__item:not(:last-child) {
margin-bottom: 64px;
}
@media only screen and (max-width: 767px) {
.discover__item:not(:last-child) {
margin-bottom: 44px;
}
}
.discover__item:before {
content: "";
position: absolute;
top: 0;
left: calc(50% - 1px);
bottom: 0;
width: 2px;
background: #eeeeee;
}
@media only screen and (max-width: 767px) {
.discover__item:before {
display: none;
}
}
.discover__col {
position: relative;
flex: 0 0 50%;
width: 50%;
padding: 64px 80px;
}
@media only screen and (max-width: 1339px) {
.discover__col {
padding: 48px;
}
}
@media only screen and (max-width: 1023px) {
.discover__col {
padding: 40px 32px;
}
}
@media only screen and (max-width: 767px) {
.discover__col {
width: 100%;
padding: 0;
}
.discover__col:nth-child(1) {
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 2px solid #eeeeee;
}
}
.discover__subtitle {
max-width: 320px;
margin-bottom: 16px;
}
.discover__info {
min-height: 48px;
max-width: 320px;
margin-bottom: 106px;
color: #787f84;
}
@media only screen and (max-width: 1339px) {
.discover__info {
margin-bottom: 129px;
}
}
@media only screen and (max-width: 767px) {
.discover__info {
margin-bottom: 32px;
}
}
@media only screen and (max-width: 1339px) {
.discover__list {
max-width: 335px;
margin-left: auto;
}
}
.discover__box {
display: flex;
align-items: center;
padding: 40px 0;
}
@media only screen and (max-width: 1339px) {
.discover__box {
padding: 32px 0;
}
}
.discover__box:not(:last-child) {
border-bottom: 1px solid #eeeeee;
}
.discover__details {
flex-grow: 1;
}
.discover__content {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.discover__icon {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 64px;
height: 64px;
margin-left: 24px;
border-radius: 8px;
font-size: 0;
}
.discover__preview {
position: relative;
width: 422px;
height: 422px;
margin: auto;
border-radius: 50%;
border: 51px solid #fefefc;
background: #eaebee;
box-shadow: 0px 54px 67px -50px #e3e2da;
font-size: 0;
}
@media only screen and (max-width: 1339px) {
.discover__preview {
width: 306px;
height: 306px;
border-width: 42px;
box-shadow: 0px 39.1896px 48.6241px -36.2866px #e3e2da;
}
}
@media only screen and (max-width: 1179px) {
.discover__preview {
border-width: 37px;
}
}
@media only screen and (max-width: 1023px) {
.discover__preview {
width: 280px;
height: 280px;
border-width: 24px;
}
}
@media only screen and (max-width: 767px) {
.discover__preview {
width: 253px;
height: 253px;
margin: 48px auto 28px;
border-width: 30px;
}
}
.discover__image {
position: absolute;
top: 50%;
left: 50%;
width: 700px;
-webkit-transform: translate(-35.3%, -53.3%);
transform: translate(-35.3%, -53.3%);
}
@media only screen and (max-width: 1339px) {
.discover__image {
width: 520px;
}
}
@media only screen and (max-width: 767px) {
.discover__image {
width: 420px;
-webkit-transform: translate(-35.3%, -54.5%);
transform: translate(-35.3%, -54.5%);
}
}
.discover__image img {
width: 100%;
}
.discover__ball {
position: absolute;
z-index: 2;
}
.discover__ball:nth-child(1) {
top: 18.5%;
left: -26%;
width: 5%;
}
@media only screen and (max-width: 1023px) {
.discover__ball:nth-child(1) {
left: -20%;
}
}
.discover__ball:nth-child(2) {
top: -6%;
right: -15%;
width: 3.75%;
}
@media only screen and (max-width: 1339px) {
.discover__ball:nth-child(2) {
width: 5.5%;
}
}
.discover__ball:nth-child(3) {
right: -16%;
bottom: -21%;
width: 6.25%;
}
@media only screen and (max-width: 1339px) {
.discover__ball:nth-child(3) {
width: 7%;
}
}
.discover__ball img {
width: 100%;
}
.play {
display: inline-flex;
align-items: center;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #202225;
transition: color 0.2s;
}
.play:hover svg {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.play__icon {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 64px;
height: 64px;
margin-right: 24px;
border-radius: 50%;
background: #2377fc;
}
@media only screen and (max-width: 1339px) {
.play__icon {
width: 48px;
height: 48px;
}
}
.play__icon svg {
fill: #fcfdfe;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
@media only screen and (max-width: 1179px) {
.reviews {
margin-bottom: 96px;
}
}
@media only screen and (max-width: 767px) {
.reviews {
margin-bottom: 64px;
}
}
.reviews__head {
margin-bottom: 55px;
text-align: center;
}
.reviews__title {
margin-bottom: 8px;
}
.reviews__info {
color: #787f84;
}
.reviews__list {
display: flex;
flex-wrap: wrap;
margin: -22px -11px 0;
}
@media only screen and (max-width: 767px) {
.reviews__list {
display: block;
margin: 0;
}
}
.reviews__item {
flex: 0 0 calc(33.333% - 22px);
width: calc(33.333% - 22px);
margin: 22px 11px 0;
padding: 48px 40px 40px;
border-radius: 16px;
background: #fcfdfe;
}
@media only screen and (max-width: 1179px) {
.reviews__item {
padding: 48px 32px 40px;
}
}
@media only screen and (max-width: 1023px) {
.reviews__item {
flex: 0 0 calc(50% - 22px);
width: calc(50% - 22px);
padding: 40px 32px;
}
}
@media only screen and (max-width: 767px) {
.reviews__item {
width: 100%;
margin: 16px 0 0;
padding: 48px 40px 40px;
}
}
.reviews__avatar {
position: relative;
width: 64px;
height: 64px;
margin-bottom: 20px;
border-radius: 50%;
overflow: hidden;
}
.reviews__avatar img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.reviews__content {
display: -webkit-box;
min-height: 112px;
margin-bottom: 56px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
@media only screen and (max-width: 1023px) {
.reviews__content {
margin-bottom: 32px;
}
}
@media only screen and (max-width: 767px) {
.reviews__content {
margin-bottom: 38px;
}
}
.reviews__author {
font-weight: 600;
}
.reviews__position {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #787f84;
}
.design {
position: relative;
padding-bottom: 128px;
}
@media only screen and (max-width: 1339px) {
.design {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.design {
padding-bottom: 32px;
}
}
.design:before,
.design:after {
content: "";
position: absolute;
bottom: 0;
height: 496px;
}
@media only screen and (max-width: 1339px) {
.design:before,
.design:after {
height: 320px;
}
}
@media only screen and (max-width: 767px) {
.design:before,
.design:after {
height: 128px;
}
}
.design:before {
left: 0;
width: 65.5%;
background: #b6dfec;
}
@media only screen and (max-width: 1339px) {
.design:before {
width: 59%;
}
}
.design:after {
right: 0;
width: 34.5%;
background: #195dc9;
}
@media only screen and (max-width: 1339px) {
.design:after {
width: 41%;
}
}
.design__title {
max-width: 660px;
margin: 0 auto 80px;
text-align: center;
}
@media only screen and (max-width: 1339px) {
.design__title {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1179px) {
.design__title {
max-width: 500px;
}
}
@media only screen and (max-width: 767px) {
.design__title {
margin-bottom: 32px;
}
}
.design__preview {
position: relative;
z-index: 2;
font-size: 0;
}
.design__preview img {
width: 100%;
border-radius: 13px;
}
.design__ball {
position: absolute;
z-index: 2;
}
.design__ball:nth-child(1) {
top: 21%;
left: -4.3%;
width: 104px;
}
@media only screen and (max-width: 1179px) {
.design__ball:nth-child(1) {
left: -8%;
}
}
@media only screen and (max-width: 767px) {
.design__ball:nth-child(1) {
top: 41%;
left: -4%;
width: 28px;
}
}
.design__ball:nth-child(2) {
top: 57%;
left: 4.8%;
width: 40px;
}
@media only screen and (max-width: 1023px) {
.design__ball:nth-child(2) {
top: 80%;
left: 2%;
}
}
@media only screen and (max-width: 767px) {
.design__ball:nth-child(2) {
top: 73%;
left: 5%;
width: 10px;
}
}
.design__ball:nth-child(3) {
top: 27.5%;
right: -7%;
width: 40px;
}
@media only screen and (max-width: 1023px) {
.design__ball:nth-child(3) {
right: -8%;
}
}
@media only screen and (max-width: 767px) {
.design__ball:nth-child(3) {
top: 45%;
right: -5%;
width: 10px;
}
}
.design__ball:nth-child(4) {
right: -3.5%;
bottom: 27.5%;
width: 80px;
}
@media only screen and (max-width: 1023px) {
.design__ball:nth-child(4) {
right: -6%;
bottom: 15%;
width: 60px;
}
}
@media only screen and (max-width: 767px) {
.design__ball:nth-child(4) {
right: -2%;
width: 20px;
}
}
.design__ball img {
width: 100%;
}
.join {
position: relative;
overflow: hidden;
}
.join:before,
.join:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid #787f84;
}
.join:before {
width: 660px;
height: 660px;
opacity: 0.1;
}
@media only screen and (max-width: 1339px) {
.join:before {
width: 536px;
height: 536px;
}
}
.join:after {
width: 888px;
height: 888px;
opacity: 0.12;
}
@media only screen and (max-width: 1339px) {
.join:after {
width: 722px;
height: 722px;
}
}
.join__container {
display: flex;
justify-content: center;
align-items: center;
height: 1024px;
text-align: center;
}
@media only screen and (max-width: 1339px) {
.join__container {
height: 800px;
}
}
.join__wrap {
position: relative;
z-index: 2;
}
.join__title {
margin-bottom: 12px;
}
.join__info {
margin-bottom: 24px;
color: #787f84;
}
@media only screen and (max-width: 767px) {
.join__info {
font-size: 20px;
line-height: 32px;
}
}
.join__avatars {
display: flex;
justify-content: center;
margin-bottom: 24px;
margin-left: 16px;
}
.join__avatar {
position: relative;
width: 60px;
height: 60px;
margin-left: -16px;
border: 4px solid #fcfdfe;
border-radius: 50%;
overflow: hidden;
}
.join__avatar img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.join__image {
position: absolute;
font-size: 0;
z-index: 1;
}
.join__image:nth-child(1) {
left: calc(50% - 850px);
bottom: 170px;
width: 343px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(1) {
left: calc(50% - 800px);
bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.join__image:nth-child(1) {
display: none;
}
}
.join__image:nth-child(2) {
top: 80px;
left: calc(50% - 658px);
width: 217px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(2) {
left: calc(50% - 578px);
}
}
@media only screen and (max-width: 1179px) {
.join__image:nth-child(2) {
left: calc(50% - 604px);
}
}
@media only screen and (max-width: 767px) {
.join__image:nth-child(2) {
display: none;
}
}
.join__image:nth-child(3) {
top: 14px;
right: calc(50% - 715px);
width: 297px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(3) {
top: 0;
right: calc(50% - 635px);
}
}
@media only screen and (max-width: 767px) {
.join__image:nth-child(3) {
top: -10px;
right: calc(50% - 303px);
width: 250px;
}
}
.join__image:nth-child(4) {
right: calc(50% - 847px);
bottom: 113px;
width: 340px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(4) {
right: calc(50% - 827px);
bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.join__image:nth-child(4) {
display: none;
}
}
.join__image:nth-child(5) {
left: calc(50% - 310px);
bottom: 240px;
width: 121px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(5) {
bottom: 125px;
}
}
@media only screen and (max-width: 767px) {
.join__image:nth-child(5) {
left: 0;
bottom: 165px;
}
}
.join__image:nth-child(6) {
top: 140px;
left: calc(50% - 217px);
width: 156px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(6) {
top: 30px;
}
}
@media only screen and (max-width: 767px) {
.join__image:nth-child(6) {
left: 0;
}
}
.join__image:nth-child(7) {
top: 244px;
right: calc(50% - 215px);
width: 22px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(7) {
top: 135px;
}
}
@media only screen and (max-width: 767px) {
.join__image:nth-child(7) {
display: none;
}
}
.join__image:nth-child(8) {
right: calc(50% - 225px);
bottom: 113px;
width: 22px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(8) {
right: calc(50% - 240px);
bottom: 107px;
}
}
@media only screen and (max-width: 767px) {
.join__image:nth-child(8) {
right: calc(50% - 110px);
bottom: 140px;
}
}
.join__image:nth-child(9) {
right: calc(50% - 510px);
bottom: 322px;
width: 159px;
}
@media only screen and (max-width: 1339px) {
.join__image:nth-child(9) {
bottom: 205px;
}
}
.join__image img {
width: 100%;
}
footer {
background: #002443;
color: #fff;
min-height: 100px;
}
.footer__body {
border-width: 1px 0;
border-style: solid;
border-color: #eeeeee;
}
.footer__container {
display: flex;
}
@media only screen and (max-width: 1339px) {
.footer__container {
padding: 0 64px;
}
}
@media only screen and (max-width: 1023px) {
.footer__container {
padding: 0 40px;
}
}
@media only screen and (max-width: 767px) {
.footer__container {
display: block;
padding: 0;
}
}
.footer__group {
display: flex;
flex-grow: 1;
}
@media only screen and (max-width: 767px) {
.footer__group {
display: block;
}
}
.footer__item {
padding: 48px 64px;
border-width: 0 1px 0 0;
border-style: solid;
border-color: #eeeeee;
}
@media only screen and (max-width: 1023px) {
.footer__item {
padding: 40px 32px;
}
}
@media only screen and (max-width: 767px) {
.footer__item {
padding: 0;
border-width: 0 0 1px;
}
}
.footer__item:nth-child(1) {
flex: 0 0 25%;
padding-left: 0;
}
@media only screen and (max-width: 1339px) {
.footer__item:nth-child(1) {
flex: 0 0 28%;
}
}
.footer__item:nth-child(2) {
flex: 0 0 37%;
}
.footer__item:nth-child(3) {
flex-grow: 1;
}
@media only screen and (max-width: 767px) {
.footer__item.active .footer__title svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.footer__title {
margin-bottom: 32px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
}
@media only screen and (min-width: 768px) {
.footer__title {
pointer-events: none;
}
}
@media only screen and (max-width: 767px) {
.footer__title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 24px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
}
.footer__title svg {
display: none;
}
@media only screen and (max-width: 767px) {
.footer__title svg {
display: inline-block;
flex-shrink: 0;
margin-left: 24px;
fill: #bcbec2;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
}
.footer__menu {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.footer__menu {
display: flex !important;
height: auto !important;
}
}
@media only screen and (max-width: 767px) {
.footer__menu {
display: none;
padding: 0 24px 24px;
}
}
.footer__link {
display: block;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
transition: color 0.2s;
}
.footer__link:hover {
color: #202225;
}
.footer__link:not(:last-child) {
margin-bottom: 20px;
}
.footer__details {
flex-shrink: 0;
width: 270px;
margin-right: -40px;
padding: 48px 0 48px 64px;
}
@media only screen and (max-width: 1339px) {
.footer__details {
width: 235px;
margin-right: 0;
}
}
@media only screen and (max-width: 1179px) {
.footer__details {
margin-right: -40px;
}
}
@media only screen and (max-width: 1023px) {
.footer__details {
padding-left: 40px;
}
}
@media only screen and (max-width: 767px) {
.footer__details {
display: flex;
align-items: center;
width: 100%;
margin: 0;
padding: 48px 24px;
}
}
.footer .logo {
flex-shrink: 0;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.footer .logo {
margin: 0 20px 0 0;
}
}
@media only screen and (max-width: 1179px) {
.footer .logo__title {
display: none;
}
}
.footer__info {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #787f84;
}
@media only screen and (max-width: 1179px) {
.footer__info {
max-width: 160px;
}
}
@media only screen and (max-width: 767px) {
.footer__info {
max-width: 210px;
}
}
.footer__bottom {
padding: 24px 0;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 500;
color: #fff;
}
@media only screen and (max-width: 767px) {
.footer__bottom {
padding: 24px;
}
}
.footer__bottom .footer__container {
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 767px) {
.footer__bottom .footer__container {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.footer__copyright {
margin-bottom: 8px;
}
}
.about {
padding-top: 232px;
}
@media only screen and (max-width: 1339px) {
.about {
padding-top: 208px;
}
}
@media only screen and (max-width: 1179px) {
.about {
margin-bottom: 64px;
padding-top: 160px;
}
}
.about__title {
margin-bottom: 96px;
}
@media only screen and (max-width: 1339px) {
.about__title {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1179px) {
.about__title {
margin-bottom: 64px;
font-size: 72px;
line-height: 75px;
}
}
@media only screen and (max-width: 767px) {
.about__title {
font-size: 48px;
line-height: 56px;
}
}
.about__row {
display: flex;
}
@media only screen and (max-width: 1179px) {
.about__row {
display: block;
}
}
.about__subtitle {
flex-shrink: 0;
width: 452px;
padding-right: 48px;
}
@media only screen and (max-width: 1179px) {
.about__subtitle {
width: 100%;
margin-bottom: 24px;
padding-right: 0;
font-size: 36px;
line-height: 44px;
}
}
@media only screen and (max-width: 767px) {
.about__subtitle {
font-size: 24px;
line-height: 32px;
}
}
.about__info {
margin-bottom: 52px;
color: #313336;
}
@media only screen and (max-width: 1179px) {
.about__info {
margin-bottom: 48px;
}
}
@media only screen and (max-width: 767px) {
.about__info {
font-size: 18px;
line-height: 28px;
}
}
.about__content {
margin-bottom: -32px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 64px;
-moz-column-gap: 64px;
column-gap: 64px;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
@media only screen and (max-width: 767px) {
.about__content {
margin-bottom: -24px;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
}
.about__content p {
margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
.about__content p {
margin-bottom: 24px;
}
}
.photo {
position: relative;
text-align: center;
background: #e4edf0;
font-size: 0;
}
@media only screen and (max-width: 1179px) {
.photo {
margin-bottom: 64px;
padding-left: 0;
}
}
.photo img {
width: 100%;
max-width: 1100px;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (max-width: 1179px) {
.photo img {
max-height: 640px;
}
}
@media only screen and (max-width: 1179px) {
.team {
margin-bottom: 64px;
}
}
.team__container {
display: flex;
align-items: flex-start;
}
@media only screen and (max-width: 1179px) {
.team__container {
display: block;
max-width: 960px;
}
}
.team__details {
position: sticky;
top: 110px;
max-width: 260px;
margin-right: auto;
}
@media only screen and (max-width: 1339px) {
.team__details {
max-width: 190px;
}
}
@media only screen and (max-width: 1179px) {
.team__details {
position: static;
max-width: 100%;
margin: 0 0 64px;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.team__details {
margin-bottom: 48px;
}
}
.team__title {
margin-bottom: 12px;
}
@media only screen and (max-width: 1179px) {
.team__title {
font-size: 36px;
line-height: 44px;
}
}
@media only screen and (max-width: 767px) {
.team__title {
font-size: 24px;
line-height: 32px;
}
}
.team__content {
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.team__list {
display: flex;
flex-wrap: wrap;
max-width: 800px;
margin: -48px -32px 0 0;
}
@media only screen and (max-width: 1339px) {
.team__list {
max-width: 720px;
margin: -24px -12px 0;
}
}
@media only screen and (max-width: 1179px) {
.team__list {
max-width: 100%;
margin: -80px auto 0;
}
}
@media only screen and (max-width: 1023px) {
.team__list {
margin: -48px auto 0;
}
}
@media only screen and (max-width: 767px) {
.team__list {
display: block;
margin: 0;
}
}
.team__item {
flex: 0 0 calc(50% - 64px);
width: calc(50% - 64px);
margin: 48px 32px 0;
}
@media only screen and (max-width: 1339px) {
.team__item {
flex: 0 0 calc(50% - 24px);
width: calc(50% - 24px);
margin: 24px 12px 0;
}
}
@media only screen and (max-width: 1179px) {
.team__item {
flex: 0 0 calc(50% - 64px);
width: calc(50% - 64px);
margin: 80px 32px 0;
}
}
@media only screen and (max-width: 1023px) {
.team__item {
flex: 0 0 calc(50% - 32px);
width: calc(50% - 32px);
margin: 48px 16px 0;
}
}
@media only screen and (max-width: 767px) {
.team__item {
width: 100%;
margin: 0;
}
.team__item:not(:last-child) {
margin-bottom: 40px;
}
}
.team__photo {
position: relative;
margin-bottom: 26px;
border-radius: 16px;
overflow: hidden;
}
.team__photo:before {
content: "";
display: block;
padding-bottom: 96.73%;
}
.team__photo img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (max-width: 767px) {
.team__name {
font-size: 18px;
line-height: 28px;
}
}
.team__position {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #787f84;
}
.pricing {
position: relative;
padding-top: 96px;
background: #f5f6f7;
}
.pricing__inner {
position: relative;
padding: 111px 0 190px;
overflow: hidden;
}
@media only screen and (max-width: 1179px) {
.pricing__inner {
padding-bottom: 140px;
}
}
@media only screen and (max-width: 1023px) {
.pricing__inner {
padding-bottom: 96px;
}
}
@media only screen and (max-width: 767px) {
.pricing__inner {
padding: 36px 0 64px;
}
}
.pricing__top {
position: relative;
z-index: 2;
max-width: 560px;
margin: 0 auto 56px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.pricing__top {
margin-bottom: 40px;
}
}
.pricing__top .tabs__nav {
max-width: 243px;
margin: 0 auto;
background: #eeeeee;
}
.pricing__info {
margin-bottom: 112px;
color: #585858;
}
@media only screen and (max-width: 767px) {
.pricing__info {
margin-bottom: 40px;
font-size: 18px;
line-height: 28px;
}
}
.pricing__title {
margin-bottom: 18px;
}
.pricing__plans {
position: relative;
z-index: 2;
display: flex;
}
@media only screen and (max-width: 1023px) {
.pricing__plans {
display: block;
}
}
.pricing__plan {
flex: 0 0 33.333%;
background: #fcfdfe;
}
.pricing__plan:nth-child(1) {
border-radius: 8px 0 0 8px;
}
@media only screen and (max-width: 1023px) {
.pricing__plan:nth-child(1) {
border-radius: 8px 8px 0 0;
}
}
.pricing__plan:nth-child(3) {
border-radius: 0 8px 8px 0;
}
@media only screen and (max-width: 1023px) {
.pricing__plan:nth-child(3) {
border-radius: 0 0 8px 8px;
}
}
.pricing__plan:not(:last-child) {
border-right: 1px solid #eeeeee;
}
@media only screen and (max-width: 1023px) {
.pricing__plan:not(:last-child) {
border: none;
}
}
.pricing__plan_premium {
position: relative;
}
.pricing__plan_premium:before {
content: "";
position: absolute;
top: -24px;
left: -1px;
right: 0;
bottom: -24px;
border-radius: 4px;
box-shadow: 0px 32px 48px -12px rgba(230, 230, 230, 0.6);
background: #fcfdfe;
}
@media only screen and (max-width: 1023px) {
.pricing__plan_premium:before {
top: 0;
bottom: 0;
border-radius: 8px;
}
}
.pricing__plan_premium .pricing__subtitle {
color: #2377fc;
}
.pricing__plan_premium .pricing__option svg {
fill: #202225;
}
.pricing__head {
position: relative;
z-index: 2;
padding: 40px;
border-bottom: 1px solid #eeeeee;
}
@media only screen and (max-width: 1179px) {
.pricing__head {
padding: 40px 32px;
}
}
.pricing__line {
display: flex;
align-items: center;
margin-bottom: 4px;
}
.pricing__recommended {
margin-left: auto;
padding: 6px 8px;
border-radius: 4px;
background: #eeeeee;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 500;
}
.pricing__counter {
margin-bottom: 16px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.pricing__price {
display: flex;
align-items: center;
margin-bottom: 32px;
}
.pricing__duration {
display: flex;
align-items: center;
color: #bcbec2;
}
.pricing__separator {
width: 4px;
height: 24px;
margin: 0 8px;
-webkit-transform: translateY(2px) rotate(24deg);
transform: translateY(2px) rotate(24deg);
background: #bcbec2;
}
.pricing__details {
max-width: 200px;
}
.pricing__body {
position: relative;
z-index: 2;
padding: 40px;
}
@media only screen and (max-width: 1179px) {
.pricing__body {
padding: 40px 32px;
}
}
.pricing__option {
display: flex;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #313336;
}
.pricing__option svg {
flex-shrink: 0;
margin-right: 12px;
fill: #36bd79;
}
.pricing__option:not(:last-child) {
margin-bottom: 20px;
}
.pricing__add {
position: relative;
top: -2px;
display: inline-block;
margin-left: 12px;
padding: 2px 6px;
border-radius: 4px;
background: #2377fc;
font-size: 11px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
color: #fcfdfe;
}
.pricing__button {
margin-top: 40px;
}
.pricing__background {
position: absolute;
top: -66px;
left: 50%;
width: 722px;
height: 722px;
border-radius: 50%;
border: 1px solid rgba(120, 127, 132, 0.12);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
.pricing__background {
display: none;
}
}
.pricing__background:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 536px;
height: 536px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid rgba(120, 127, 132, 0.1);
}
.pricing__image {
position: absolute;
}
.pricing__image:nth-child(1) {
left: -6.4%;
bottom: 29%;
width: 121px;
}
.pricing__image:nth-child(2) {
top: 9%;
left: -0.4%;
width: 112px;
}
.pricing__image img {
width: 100%;
}
.pricing__ball {
position: absolute;
border-radius: 50%;
z-index: 2;
}
@media only screen and (max-width: 767px) {
.pricing__ball {
display: none;
}
}
.pricing__ball:nth-child(1) {
top: 225px;
left: calc(50% - 614px);
width: 32px;
}
.pricing__ball:nth-child(2) {
top: 10px;
right: calc(50% - 216px);
width: 22px;
}
.pricing__ball:nth-child(3) {
top: 305px;
right: calc(50% - 492px);
width: 22px;
}
@media only screen and (max-width: 1023px) {
.pricing__ball:nth-child(3) {
right: 50px;
}
}
.pricing__ball img {
width: 100%;
}
.plugins__head {
max-width: 522px;
margin: 0 auto 80px;
text-align: center;
}
@media only screen and (max-width: 1179px) {
.plugins__head {
margin-bottom: 64px;
}
}
.plugins__title {
margin-bottom: 18px;
}
.plugins__info {
color: #585858;
}
.plugins__item {
display: flex;
align-items: flex-start;
padding: 64px 0;
}
@media only screen and (max-width: 1023px) {
.plugins__item {
padding: 40px 0;
}
}
@media only screen and (max-width: 767px) {
.plugins__item {
display: block;
padding: 32px;
text-align: center;
}
}
.plugins__item:not(:last-child) {
border-bottom: 1px solid #eeeeee;
}
.plugins__preview {
position: relative;
flex-shrink: 0;
width: 128px;
margin-right: 48px;
}
@media only screen and (max-width: 767px) {
.plugins__preview {
margin: 0 auto 40px;
}
}
.plugins__preview:before {
content: "";
display: block;
padding-bottom: 100%;
}
.plugins__preview img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.plugins__details {
align-self: center;
max-width: 340px;
margin-right: auto;
}
.plugins__subtitle {
margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
.plugins__subtitle {
font-size: 20px;
line-height: 32px;
}
}
.plugins__content {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
@media only screen and (max-width: 767px) {
.plugins__content {
margin-bottom: 4px;
}
}
.plugins__price {
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.plugins__price {
justify-content: center;
}
}
.plugins__duration {
display: flex;
align-items: center;
color: #bcbec2;
}
.plugins__separator {
width: 4px;
height: 24px;
margin: 0 8px;
-webkit-transform: translateY(2px) rotate(24deg);
transform: translateY(2px) rotate(24deg);
background: #bcbec2;
}
.faq__container {
max-width: 976px;
}
.faq__top {
margin-bottom: 64px;
text-align: center;
}
.faq__title {
margin-bottom: 8px;
}
.faq__info {
color: #787f84;
}
.faq__item {
position: relative;
border-radius: 12px;
transition: background 0.2s;
}
.faq__item:hover svg {
fill: #787f84;
}
.faq__item.active {
background: #f7f9f9;
}
.faq__item.active .faq__head svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
fill: #787f84;
}
.faq__item:not(:last-child) {
position: relative;
margin-bottom: 8px;
}
.faq__item:not(:last-child):after {
content: "";
position: absolute;
left: 24px;
right: 24px;
bottom: 0;
height: 1px;
background: #f5f5f6;
}
.faq__head {
display: flex;
align-items: flex-start;
padding: 24px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.faq__head svg {
flex-shrink: 0;
margin-left: 24px;
fill: #bcbec2;
transition: all 0.2s;
}
.faq__subtitle {
margin-right: auto;
}
.faq__body {
display: none;
padding: 0 24px 24px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #313336;
}
.faq__body p:not(:last-child) {
margin-bottom: 24px;
}
.contact {
position: relative;
padding: 176px 0 174px;
background: #f7f9f9;
}
@media only screen and (max-width: 1023px) {
.contact {
padding-bottom: 96px;
}
}
@media only screen and (max-width: 767px) {
.contact {
padding: 144px 0 64px;
}
}
.contact__container {
position: relative;
z-index: 2;
}
.contact__title {
margin-bottom: 74px;
text-align: center;
}
@media only screen and (max-width: 1023px) {
.contact__title {
margin-bottom: 48px;
}
}
@media only screen and (max-width: 767px) {
.contact__title {
margin-bottom: 32px;
}
}
.contact__list {
display: flex;
margin: 0 -20px;
}
@media only screen and (max-width: 1023px) {
.contact__list {
display: block;
margin: 0;
}
}
.contact__item {
flex: 0 0 calc(50% - 40px);
width: calc(50% - 40px);
margin: 0 20px;
padding: 48px 48px 16px;
border-radius: 16px;
background: #fcfdfe;
box-shadow: 0px 54px 67px -50px #e4e4e4;
}
@media only screen and (max-width: 1023px) {
.contact__item {
width: 100%;
margin: 0;
}
.contact__item:not(:last-child) {
margin-bottom: 32px;
}
}
@media only screen and (max-width: 767px) {
.contact__item {
padding: 48px 32px 16px;
}
}
.contact__subtitle {
margin-bottom: 12px;
}
.contact__content {
margin-bottom: 32px;
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.contact__preview {
position: relative;
margin: 0 -32px;
border-radius: 16px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.contact__preview {
margin: 0 -16px;
}
}
.contact__preview:before {
content: "";
display: block;
padding-bottom: 71.1%;
}
@media only screen and (max-width: 767px) {
.contact__preview:before {
padding-bottom: 100%;
}
}
.contact__preview img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.contact__button {
margin-bottom: 48px;
}
.contact__ball {
position: absolute;
}
@media only screen and (max-width: 1023px) {
.contact__ball {
display: none;
}
}
.contact__ball:nth-child(1) {
top: 186px;
left: calc(50% - 653px);
width: 360px;
}
.contact__ball:nth-child(2) {
top: 603px;
left: calc(50% - 630px);
width: 40px;
}
.contact__ball:nth-child(3) {
right: calc(50% - 635px);
bottom: 438px;
width: 48px;
}
.contact__ball:nth-child(4) {
right: calc(50% - 644px);
bottom: 90px;
width: 260px;
}
.contact__ball img {
width: 100%;
}
.download {
position: relative;
margin-bottom: 64px;
padding: 312px 0 122px;
}
@media only screen and (max-width: 1339px) {
.download {
padding-top: 274px;
}
}
@media only screen and (max-width: 767px) {
.download {
padding: 120px 0 32px;
text-align: center;
}
}
.download__wrap {
position: relative;
z-index: 2;
max-width: 396px;
margin-bottom: 160px;
}
@media only screen and (max-width: 1339px) {
.download__wrap {
margin-bottom: 122px;
}
}
@media only screen and (max-width: 767px) {
.download__wrap {
max-width: 100%;
margin-bottom: 8px;
}
}
.download__title {
margin-bottom: 16px;
}
.download__info {
margin-bottom: 40px;
color: #787f84;
}
@media only screen and (max-width: 767px) {
.download__info {
margin-bottom: 24px;
font-size: 20px;
line-height: 32px;
}
}
.download__line {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1179px) {
.download__line {
display: block;
}
}
.download__note {
margin-left: 32px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
}
@media only screen and (max-width: 1179px) {
.download__note {
margin: 16px 0 0;
}
}
.download__preview {
position: absolute;
top: 50%;
right: calc(50% - 835px);
width: 1015px;
-webkit-transform: translateY(-43.6%);
transform: translateY(-43.6%);
}
@media only screen and (max-width: 1339px) {
.download__preview {
right: calc(50% - 890px);
width: 920px;
-webkit-transform: translateY(-46.7%);
transform: translateY(-46.7%);
}
}
@media only screen and (max-width: 1179px) {
.download__preview {
right: calc(50% - 800px);
}
}
@media only screen and (max-width: 1023px) {
.download__preview {
right: calc(50% - 760px);
width: 820px;
}
}
@media only screen and (max-width: 767px) {
.download__preview {
position: static;
width: 100%;
margin-bottom: 8px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media only screen and (max-width: 474px) {
.download__preview {
width: 500px;
margin-left: -40px;
}
}
.download__preview img {
width: 100%;
}
.download__ball {
position: absolute;
border-radius: 50%;
z-index: 2;
}
@media only screen and (max-width: 767px) {
.download__ball {
display: none;
}
}
.download__ball:nth-child(1) {
top: 47.1%;
left: 6%;
width: 32px;
}
@media only screen and (max-width: 1179px) {
.download__ball:nth-child(1) {
left: 9%;
}
}
.download__ball:nth-child(2) {
top: 3.5%;
left: 26%;
width: 22px;
}
@media only screen and (max-width: 1339px) {
.download__ball:nth-child(2) {
top: 6%;
}
}
.download__ball:nth-child(3) {
top: 40.6%;
right: 28%;
width: 22px;
}
.download__ball img {
width: 100%;
}
.programs {
position: relative;
}
.programs__anchor {
position: absolute;
top: -150px;
left: 0;
right: 0;
}
@media only screen and (max-width: 1179px) {
.programs__anchor {
top: -130px;
}
}
@media only screen and (max-width: 767px) {
.programs__anchor {
top: -100px;
}
}
.programs__list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
margin-bottom: -20px;
}
@media only screen and (max-width: 1023px) {
.programs__list {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
margin-bottom: -40px;
}
}
.programs__item {
margin-bottom: 40px;
}
.programs__item:nth-child(1) .programs__preview {
max-width: 286px;
padding: 2px 0 8px;
}
@media only screen and (max-width: 1179px) {
.programs__item:nth-child(1) .programs__preview {
padding: 25px 40px 50px;
}
}
@media only screen and (max-width: 1023px) {
.programs__item:nth-child(1) .programs__preview {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.programs__item:nth-child(1) .programs__preview {
max-width: 190px;
margin: 0 auto;
}
}
.programs__item:nth-child(2) .programs__preview {
max-width: 396px;
padding: 36px 0 56px;
}
@media only screen and (max-width: 1179px) {
.programs__item:nth-child(2) .programs__preview {
padding-bottom: 46px;
}
}
@media only screen and (max-width: 1023px) {
.programs__item:nth-child(2) .programs__preview {
padding: 0;
}
}
.programs__item:nth-child(3) {
padding-top: 40px;
}
@media only screen and (max-width: 1179px) {
.programs__item:nth-child(3) {
padding-top: 82px;
}
}
@media only screen and (max-width: 1023px) {
.programs__item:nth-child(3) {
padding-top: 0;
}
}
.programs__item:nth-child(3) .programs__preview {
max-width: 421px;
padding: 28px 0 20px;
}
@media only screen and (max-width: 1179px) {
.programs__item:nth-child(3) .programs__preview {
padding: 78px 0 43px;
}
}
@media only screen and (max-width: 1023px) {
.programs__item:nth-child(3) .programs__preview {
padding: 0;
}
}
.programs__item:nth-child(4) .programs__preview {
max-width: 390px;
padding: 54px 0 78px;
}
@media only screen and (max-width: 1179px) {
.programs__item:nth-child(4) .programs__preview {
padding: 30px 10px 18px;
}
}
@media only screen and (max-width: 1023px) {
.programs__item:nth-child(4) .programs__preview {
padding: 0;
}
}
.programs__inner {
padding: 40px;
border-radius: 8px;
background: #f5f6f7;
}
@media only screen and (max-width: 767px) {
.programs__inner {
position: relative;
padding: 40px 24px 128px;
}
}
.programs__head {
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.programs__head {
display: block;
text-align: center;
}
}
.programs__subtitle {
margin-right: auto;
}
@media only screen and (max-width: 1179px) {
.programs__subtitle {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.programs__subtitle {
margin: 0 0 24px;
}
}
@media only screen and (max-width: 767px) {
.programs__button {
position: absolute;
left: 50%;
bottom: 40px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.programs__content {
max-width: 250px;
color: #787f84;
}
@media only screen and (max-width: 767px) {
.programs__content {
display: none;
}
}
.programs__preview {
display: flex;
justify-content: center;
align-items: center;
margin: 42px auto 0;
}
.programs__preview img {
width: 100%;
}
@media only screen and (max-width: 1339px) {
.subscription {
margin-bottom: 96px;
}
}
@media only screen and (max-width: 1023px) {
.subscription {
margin-bottom: 64px;
}
}
@media only screen and (max-width: 767px) {
.subscription {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1179px) {
.subscription__container {
padding: 0 64px;
}
}
@media only screen and (max-width: 1023px) {
.subscription__container {
padding: 0 24px;
}
}
@media only screen and (max-width: 767px) {
.subscription__container {
padding: 0 16px;
}
}
.subscription__wrapper {
position: relative;
padding: 192px 64px;
border-radius: 24px;
background: #2377fc;
text-align: center;
}
@media only screen and (max-width: 1339px) {
.subscription__wrapper {
padding: 142px 56px;
}
}
@media only screen and (max-width: 1179px) {
.subscription__wrapper {
padding: 152px 40px;
}
}
@media only screen and (max-width: 767px) {
.subscription__wrapper {
padding: 118px 20px;
}
}
.subscription__circles {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.subscription__circles:before,
.subscription__circles:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid #f7fafb;
border-radius: 50%;
}
.subscription__circles:before {
width: 888px;
height: 888px;
opacity: 0.2;
}
@media only screen and (max-width: 767px) {
.subscription__circles:before {
width: 532px;
height: 532px;
}
}
.subscription__circles:after {
width: 660px;
height: 660px;
opacity: 0.15;
}
@media only screen and (max-width: 767px) {
.subscription__circles:after {
width: 278px;
height: 278px;
}
}
.subscription__head {
position: relative;
z-index: 3;
margin-bottom: 40px;
color: #fcfdfe;
}
.subscription__title {
margin-bottom: 12px;
}
@media only screen and (max-width: 1339px) {
.subscription__title {
font-size: 64px;
line-height: 72px;
}
}
@media only screen and (max-width: 1179px) {
.subscription__title {
font-size: 48px;
line-height: 56px;
}
}
@media only screen and (max-width: 767px) {
.subscription__title {
margin-bottom: 8px;
font-size: 40px;
line-height: 48px;
}
}
@media only screen and (max-width: 767px) {
.subscription__info {
max-width: 300px;
margin: 0 auto;
font-size: 20px;
line-height: 32px;
}
}
.subscription__form {
position: relative;
z-index: 3;
max-width: 360px;
margin: 0 auto;
}
.subscription__fieldset {
margin-bottom: 24px;
}
.subscription .field:not(:last-child) {
margin-bottom: 12px;
}
.subscription__ball {
position: absolute;
border-radius: 50%;
z-index: 2;
}
@media only screen and (max-width: 767px) {
.subscription__ball {
display: none;
}
}
.subscription__ball:nth-child(1) {
top: 220px;
left: calc(50% - 556px);
width: 80px;
}
@media only screen and (max-width: 1339px) {
.subscription__ball:nth-child(1) {
top: 200px;
left: calc(50% - 466px);
}
}
@media only screen and (max-width: 1179px) {
.subscription__ball:nth-child(1) {
left: -30px;
}
}
.subscription__ball:nth-child(2) {
left: calc(50% - 407px);
bottom: 222px;
width: 40px;
}
@media only screen and (max-width: 1339px) {
.subscription__ball:nth-child(2) {
left: calc(50% - 350px);
bottom: 160px;
}
}
.subscription__ball:nth-child(3) {
right: calc(50% - 460px);
bottom: 271px;
width: 33px;
}
@media only screen and (max-width: 1339px) {
.subscription__ball:nth-child(3) {
right: calc(50% - 345px);
bottom: 165px;
}
}
@media only screen and (max-width: 1179px) {
.subscription__ball:nth-child(3) {
right: 58px;
}
}
.subscription__ball:nth-child(4) {
top: 162px;
right: calc(50% - 545px);
width: 49px;
}
@media only screen and (max-width: 1339px) {
.subscription__ball:nth-child(4) {
right: calc(50% - 460px);
}
}
@media only screen and (max-width: 1179px) {
.subscription__ball:nth-child(4) {
right: -25px;
}
}
.subscription__ball img {
width: 100%;
}
@media only screen and (max-width: 1339px) {
.blog {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.blog {
margin-bottom: 48px;
}
}
.blog__head {
display: flex;
align-items: center;
margin-bottom: 80px;
}
@media only screen and (max-width: 1023px) {
.blog__head {
margin-bottom: 64px;
}
}
@media only screen and (max-width: 767px) {
.blog__head {
display: block;
}
}
.blog__title {
margin-right: auto;
}
@media only screen and (max-width: 767px) {
.blog__title {
margin: 0 0 16px;
text-align: center;
}
}
.blog .select {
display: none;
}
@media only screen and (max-width: 767px) {
.blog .select {
display: block;
}
}
.blog__nav {
display: flex;
}
@media only screen and (max-width: 767px) {
.blog__nav {
display: none;
}
}
.blog__link {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #787f84;
transition: color 0.2s;
}
.blog__link:hover,
.blog__link.active {
color: #202225;
}
.blog__link:not(:last-child) {
margin-right: 40px;
}
@media only screen and (max-width: 1023px) {
.blog__link:not(:last-child) {
margin-right: 24px;
}
}
.blog__list {
display: flex;
flex-wrap: wrap;
margin: -64px -24px 0;
}
@media only screen and (max-width: 1023px) {
.blog__list {
margin: -48px -16px 0;
}
}
@media only screen and (max-width: 767px) {
.blog__list {
display: block;
margin: 0;
}
}
.blog__item {
color: #202225;
transition: color 0.2s;
}
.blog__item:hover {
color: #2377fc;
}
.blog__item:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.blog__list .blog__item {
flex: 0 0 calc(50% - 48px);
width: calc(50% - 48px);
margin: 64px 24px 0;
}
@media only screen and (max-width: 1023px) {
.blog__list .blog__item {
flex: 0 0 calc(50% - 32px);
width: calc(50% - 32px);
margin: 48px 16px 0;
}
}
@media only screen and (max-width: 767px) {
.blog__list .blog__item {
display: block;
width: 100%;
margin: 0;
}
.blog__list .blog__item:not(:last-child) {
margin-bottom: 48px;
}
}
.blog__list .blog__item:nth-child(1) {
flex: 0 0 calc(100% - 48px);
width: calc(100% - 48px);
}
@media only screen and (max-width: 767px) {
.blog__list .blog__item:nth-child(1) {
width: 100%;
}
}
.blog__list .blog__item:nth-child(1) .blog__preview {
height: 680px;
border-radius: 20px;
}
@media only screen and (max-width: 1023px) {
.blog__list .blog__item:nth-child(1) .blog__preview {
height: 500px;
}
}
@media only screen and (max-width: 767px) {
.blog__list .blog__item:nth-child(1) .blog__preview {
height: 260px;
border-radius: 8px;
}
}
.blog__list .blog__item:nth-child(1) .blog__date {
margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
.blog__list .blog__item:nth-child(1) .blog__date {
margin-bottom: 9px;
}
}
.blog__list .blog__item:nth-child(1) .blog__subtitle {
font-size: 36px;
line-height: 44px;
letter-spacing: -0.02em;
font-weight: 600;
}
@media only screen and (max-width: 1023px) {
.blog__list .blog__item:nth-child(1) .blog__subtitle {
font-size: 30px;
line-height: 36px;
}
}
@media only screen and (max-width: 767px) {
.blog__list .blog__item:nth-child(1) .blog__subtitle {
font-size: 22px;
line-height: 32px;
letter-spacing: -0.01em;
font-weight: 500;
}
}
.blog__preview {
position: relative;
height: 400px;
margin-bottom: 32px;
overflow: hidden;
border-radius: 8px;
}
@media only screen and (max-width: 1339px) {
.blog__preview {
height: 360px;
}
}
@media only screen and (max-width: 1023px) {
.blog__preview {
height: 260px;
}
}
@media only screen and (max-width: 767px) {
.blog__preview {
margin-bottom: 24px;
}
}
.blog__preview img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
}
.blog__date {
margin-bottom: 9px;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.blog__subtitle {
font-size: 22px;
line-height: 32px;
letter-spacing: -0.01em;
font-weight: 500;
}
@media only screen and (max-width: 1023px) {
.blog__subtitle {
font-size: 20px;
line-height: 28px;
}
}
@media only screen and (max-width: 767px) {
.blog__subtitle {
font-size: 22px;
line-height: 32px;
}
}
.blog__stage {
margin-bottom: 64px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.blog__stage {
margin-bottom: 40px;
}
}
.blog__group {
display: flex;
flex-wrap: wrap;
margin: -40px -16px 0;
}
@media only screen and (max-width: 767px) {
.blog__group {
display: block;
margin: 0;
}
}
.blog__group .blog__item {
flex: 0 0 calc(33.333% - 32px);
width: calc(33.333% - 32px);
margin: 40px 16px 0;
}
@media only screen and (max-width: 1023px) {
.blog__group .blog__item {
flex: 0 0 calc(50% - 32px);
width: calc(50% - 32px);
}
}
@media only screen and (max-width: 767px) {
.blog__group .blog__item {
display: block;
width: 100%;
margin: 0;
}
.blog__group .blog__item:not(:last-child) {
margin-bottom: 48px;
}
}
.blog__group .blog__preview {
height: 260px;
}
@media only screen and (max-width: 767px) {
.blog.section-main {
margin-bottom: 64px;
}
}
@media only screen and (max-width: 767px) {
.article {
padding-top: 136px;
}
}
.article__head {
max-width: 640px;
margin: 0 auto 80px;
text-align: center;
}
@media only screen and (max-width: 1023px) {
.article__head {
margin-bottom: 64px;
}
}
@media only screen and (max-width: 767px) {
.article__head {
margin-bottom: 40px;
}
}
.article__category {
margin-bottom: 12px;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 700;
text-transform: uppercase;
color: #2377fc;
}
.article__title {
margin-bottom: 32px;
}
.article__avatar {
position: relative;
width: 64px;
height: 64px;
margin: 0 auto 16px;
border-radius: 50%;
overflow: hidden;
}
.article__avatar img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.article__author {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
}
.article__position {
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.article__photo {
margin-bottom: 80px;
}
@media only screen and (max-width: 1023px) {
.article__photo {
margin-bottom: 64px;
}
}
@media only screen and (max-width: 767px) {
.article__photo {
margin-bottom: 40px;
}
}
.article__photo img {
width: 100%;
border-radius: 20px;
}
@media only screen and (max-width: 767px) {
.article__photo img {
min-height: 260px;
-o-object-fit: cover;
object-fit: cover;
}
}
.article .content {
max-width: 800px;
margin: 0 auto;
}
.help__main {
position: relative;
padding: 277px 0 355px;
overflow: hidden;
background: #f5f6f7;
}
@media only screen and (max-width: 1179px) {
.help__main {
margin-bottom: 80px;
padding: 232px 0 200px;
}
}
@media only screen and (max-width: 767px) {
.help__main {
margin-bottom: 24px;
padding: 136px 0 424px;
}
}
.help__wrap {
position: relative;
z-index: 3;
max-width: 300px;
}
@media only screen and (max-width: 767px) {
.help__wrap {
max-width: 100%;
text-align: center;
}
}
.help__title {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.help__title {
margin-bottom: 16px;
font-size: 48px;
line-height: 56px;
}
}
.help__info {
color: #787f84;
}
@media only screen and (max-width: 767px) {
.help__info {
font-size: 20px;
line-height: 28px;
}
}
.help__photo {
position: absolute;
top: 50%;
right: calc(50% - 680px);
width: 950px;
-webkit-transform: translateY(-43.5%);
transform: translateY(-43.5%);
}
@media only screen and (max-width: 1339px) {
.help__photo {
right: calc(50% - 780px);
}
}
@media only screen and (max-width: 1179px) {
.help__photo {
right: calc(50% - 565px);
width: 688px;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
}
@media only screen and (max-width: 767px) {
.help__photo {
top: auto;
right: 50%;
bottom: 45px;
width: 456px;
-webkit-transform: translate(62%, 0);
transform: translate(62%, 0);
}
}
.help__photo img {
width: 100%;
}
.help__list {
display: flex;
flex-wrap: wrap;
margin: -72px -16px 0;
}
@media only screen and (max-width: 767px) {
.help__list {
display: block;
margin: -8px 0 0;
}
}
.help__item {
flex: 0 0 calc(33.333% - 32px);
width: calc(33.333% - 32px);
margin: 72px 16px 0;
}
@media only screen and (max-width: 1023px) {
.help__item {
flex: 0 0 calc(50% - 32px);
width: calc(50% - 32px);
}
}
@media only screen and (max-width: 767px) {
.help__item {
width: 100%;
margin: 32px 0 0;
}
}
.help__preview {
position: relative;
overflow: hidden;
height: 240px;
border-radius: 12px;
}
@media only screen and (max-width: 1179px) {
.help__preview {
height: 224px;
}
}
.help__preview img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
}
.help__subtitle {
margin-bottom: 16px;
padding: 24px 0;
border-bottom: 1px solid #eeeeee;
}
@media only screen and (max-width: 1179px) {
.help__subtitle {
font-size: 24px;
line-height: 36px;
}
}
.help__questions {
display: flex;
flex-direction: column;
}
.help__question {
font-size: 16px;
line-height: 28px;
letter-spacing: -0.01em;
font-weight: 500;
color: #202225;
transition: color 0.2s;
}
.help__question:hover {
color: #2377fc;
}
.help__question:not(:last-child) {
margin-bottom: 12px;
}
.help__icon {
margin-right: 16px;
}
.breadcrumbs {
margin-bottom: 12px;
}
.breadcrumbs li {
display: inline;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 500;
}
.breadcrumbs li:not(:last-child):after {
content: "/";
margin: 0 12px;
color: #787f84;
}
.breadcrumbs a {
color: #787f84;
transition: color 0.2s;
}
.breadcrumbs a:hover {
color: #202225;
}
.post {
margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.post {
margin-bottom: 64px;
}
}
.post__container {
display: flex;
align-items: flex-start;
}
.post__wrap {
flex-grow: 1;
padding-right: 188px;
}
@media only screen and (max-width: 1339px) {
.post__wrap {
padding-right: 100px;
}
}
@media only screen and (max-width: 1179px) {
.post__wrap {
padding-right: 40px;
}
}
@media only screen and (max-width: 1023px) {
.post__wrap {
padding-right: 0;
}
}
.post__info {
margin-top: 8px;
color: #787f84;
}
.post__head {
margin-bottom: 56px;
}
@media only screen and (max-width: 767px) {
.post__head {
margin-bottom: 40px;
}
}
.post__section {
position: relative;
}
.post__section:not(:last-child) {
margin-bottom: 48px;
}
.post__anchor {
position: absolute;
top: -20px;
left: 0;
right: 0;
}
.post__menu {
position: sticky;
top: 120px;
flex-shrink: 0;
width: 196px;
margin-left: 40px;
}
@media only screen and (max-width: 1023px) {
.post__menu {
display: none;
}
}
.post__link {
display: block;
padding: 8px 16px;
border-radius: 8px;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
font-weight: 600;
color: #787f84;
cursor: pointer;
transition: background 0.2s, color 0.2s;
}
.post__link:hover {
color: #202225;
}
.post__link.active {
background: #202225;
color: #fcfdfe;
}
.post__link:not(:last-child) {
margin-bottom: 16px;
}
.mistake {
position: relative;
background: #f2f3f6;
}
.mistake__container {
display: flex;
align-items: center;
min-height: 100vh;
padding-top: 130px;
padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
.mistake__container {
display: block;
padding: 120px 24px 385px;
}
}
.mistake__wrap {
position: relative;
z-index: 3;
max-width: 386px;
}
@media only screen and (max-width: 767px) {
.mistake__wrap {
max-width: 100%;
text-align: center;
}
}
.mistake__title {
margin-bottom: 24px;
}
@media only screen and (max-width: 1023px) {
.mistake__title {
font-size: 48px;
line-height: 56px;
}
}
@media only screen and (max-width: 767px) {
.mistake__title {
max-width: 270px;
margin: 0 auto 24px;
}
}
.mistake__info {
margin-bottom: 40px;
color: #787f84;
}
@media only screen and (max-width: 767px) {
.mistake__info {
margin-block: 24px;
font-size: 18px;
line-height: 28px;
}
}
.mistake__btns {
display: flex;
margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
.mistake__btns {
justify-content: center;
margin-bottom: 40px;
}
}
.mistake__button:not(:last-child) {
margin-right: 12px;
}
.mistake__note {
margin-bottom: 16px;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.01em;
font-weight: 500;
color: #787f84;
}
.mistake__socials {
display: flex;
}
@media only screen and (max-width: 767px) {
.mistake__socials {
justify-content: center;
}
}
.mistake__social {
opacity: 0.5;
transition: opacity 0.2s;
}
.mistake__social svg {
fill: #787f84;
}
.mistake__social:hover {
opacity: 1;
}
.mistake__social:not(:last-child) {
margin-right: 20px;
}
.mistake__preview {
position: absolute;
top: 50%;
right: calc(50% - 873px);
width: 1050px;
-webkit-transform: translateY(-47.8%);
transform: translateY(-47.8%);
}
@media only screen and (max-width: 1339px) {
.mistake__preview {
right: calc(50% - 673px);
width: 790px;
}
}
@media only screen and (max-width: 1179px) {
.mistake__preview {
right: calc(50% - 710px);
}
}
@media only screen and (max-width: 1023px) {
.mistake__preview {
right: calc(50% - 730px);
}
}
@media only screen and (max-width: 767px) {
.mistake__preview {
top: auto;
right: 50%;
bottom: 0;
width: 490px;
-webkit-transform: translate(55%, 0);
transform: translate(55%, 0);
}
}
.mistake__preview img {
width: 100%;
}
.wp-block-column {
overflow-wrap: normal !important;
word-break: normal !important;
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center !important;
}
#wpf_vision_admin {
width: 100%;
}
.text-center.main.section {
background: #fff;
}
.text-center.website {
padding-top: 150px;
padding-bottom: 150px;
}
.admin-bar .mfp-wrap {
top: 45px;
}
body.admin-bar .header {
padding-top: 35px;
}
section.text-center {
width: 100%;
}
.woocommerce {
max-width: 700px !important;
margin: 0 auto;
padding-top: 150px;
padding-bottom: 150px;
}
.page-template-wpf_vision_template-php .page__container {
display: flex;
align-items: center;
}
.page-template-wpf_vision_template-php .page {
min-height: calc(100vh - 100px) !important;
}
p {
margin: 0 0 10px;
}
.page-template-wpf_vision_template-php .h1,
.page-template-wpf_vision_template-php .h2,
.page-template-wpf_vision_template-php .h3,
.page-template-wpf_vision_template-php h1,
.page-template-wpf_vision_template-php h2,
.page-template-wpf_vision_template-php h3 {
margin-top: 20px;
margin-bottom: 10px;
}
video {
width: 100%;
min-width: 400px;
}
.btn-blue {
border: 1px solid #fff !important;
}
.flo-div {
min-height: 95px;
}
#coupon_code {
width: 165px;
}
@media only screen and (max-width: 767px) {
body.admin-bar .header {
padding-top: 65px;
}
.woocommerce {
max-width: 700px !important;
margin: 0 auto;
padding-top: 150px;
padding-bottom: 150px;
padding-left: 15px;
padding-right: 15px;
}
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger.focus,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
color: #002443;
background-color: #8ad4e0;
border-color: #002443;
}
.page-heading {
font-size: 27px;
text-align: center;
color: #002443;
border-color: #8ad4e0;
font-weight: 700;
border-radius: 10px;
padding: 10px 14px;
}
#searchForm input,
#searchForm select {
width: 100%;
}
.form-control,
select.form-control {
height: 36px;
}
.how-it-works svg {
width: 100px;
height: 100px;
margin: auto;
margin-bottom: 20px;
fill: #002443;
}
.how-it-works .wp-block-column {
text-align: center;
}
.home-main .wp-block-list {
margin-left: 20px;
margin-right: 20px;
}
button#place_order {
text-transform: capitalize;
}
.convenience li,
ol.convenience {
list-style: disc;
margin-left: 20px;
padding-bottom: 10px;
}