body {
    color: var(--text_color_1);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
}
a {
    color: var(--text_color_1);
    transition: 0.3s;
}
a:hover {
    color: var(--adition_color_2)
}
.container_large,
.container_medium,
.container_small {
    margin-right: auto;
    margin-left: auto
}
h1 {
    line-height: 1.2;
    font-weight: 800
}
h2 {
    line-height: 1.2;
    font-weight: 900
}
body,
button,
input,
input[type=submit],
textarea {
    font-family: Montserrat, sans-serif
}
body,
html {
    height: 100%
}
body {
    display: flex;
    flex-direction: column
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-size: 100%;
    font-style: normal
}
::after,
::before {
    box-sizing: border-box;
    transition: .3s
}
img {
    height: auto;
    width: auto
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
blockquote,
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
a {
    text-decoration: none
}
button {
    display: inline-block;
    background: 0 0
}
button,
input[type=submit] {
    cursor: pointer;
    border: none;
    text-shadow: none;
    box-shadow: none;
    transition: .3s
}
.container_small {
    padding-left: 0;
    padding-right: 0;
    max-width: 1400px
}
.container_medium {
    padding-left: 0;
    padding-right: 0;
    max-width: 1537px
}
.container_large {
    padding-left: clamp(16px, 3.5vw, 48px);
    padding-right: clamp(16px, 3.5vw, 48px);
    max-width: 1496px
}
.bg_main {
    background-color: var(--main_color_1)
}
:root {
    --main_color_1: #0057FF;
    --text_color_1: #1C2633;
    --text_color_2: #8E959D;
    --adition_color_1: #E61010;
    --adition_color_2: #FFC700;
    --adition_color_3: #E4EBF2;
    --adition_color_4: #F4F7FA;
}
.color_white {
    color: #fff;
}
.color_black {
    color: #000;
}
.color_main {
    color: var(--main_color_1)
}
.color_1,
input,
textarea {
    color: var(--text_color_1)
}
.color_2 {
    color: var(--text_color_2)
}
.adition_1 {
    background-color: var(--adition_color_1)
}
.adition_2 {
    background-color: var(--adition_color_2)
}
.adition_3 {
    background-color: var(--adition_color_3)
}
.adition_4 {
    background-color: var(--adition_color_4)
}
.header_type-2 {
    font-size: clamp(24px, 3vw, 40px)
}
h1 {
    font-size: clamp(47px, 6vw, 66px)
}
h2 {
    font-size: clamp(24px, 2.5vw, 40px);
    margin-bottom: clamp(32px, 5.8vw, 64px)
}
.display-none,
.privacy-policy {
    display: none
}
.overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    transition: 0.3s;
    opacity: 0;
}
.overlay.active {
    display: block;
}
.privacy-policy-label {
    text-align: left
}
.hidden {
    overflow: hidden
}
:focus-visible {
    outline: 0
}
input,
textarea {
    padding: 16px 28px;
    line-height: 1;
    background: 0 0;
    font-size: 16px;
    font-weight: 500;
    background-color: var(--adition_color_4);
    border: solid 2px var(--adition_color_3);
    width: 100%;
    display: block;
    transition: .3s
}
input:hover,
textarea:hover {
    border-color: var(--adition_color_2);
    box-shadow: 0 3px 13px 0 #0c315926
}
input::placeholder,
textarea::placeholder {
    color: var(--text_color_2)
}
input:active,
input:focus,
input:focus-visible,
textarea:active,
textarea:focus,
textarea:focus-visible {
    border-color: var(--adition_color_2)
}
.privacy-policy__label {
    font-weight: 400;
    font-size: 12px
}
.common-checkbox-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    padding: 8px;
    margin: -8px;
    cursor: pointer
}
.common-checkbox-label::before {
    content: '';
    height: 22px;
    width: 22px;
    flex-shrink: 0;
    margin-right: 8px;
    background-color: #fff;
    border: 2px solid var(--text_color_1);
}
input:checked+.common-checkbox-label::after {
    content: '';
    background: var(--adition_color_1);
    background-size: cover;
    position: absolute;
    left: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
}
.common-ul {
    font-size: clamp(16px, 18px, 1.5vw);
    font-weight: 700;
    list-style: none;
    padding-left: clamp(40px, 56px, 5.5vw)
}
.common-ul li {
    position: relative;
    margin-bottom: 24px
}
.common-ul li::before {
    content: '';
    background: url(/wp-content/themes/supersnow/images/common_ul_arrow.svg) center no-repeat;
    display: block;
    width: clamp(16px, 24px, 2.5vw);
    height: clamp(16px, 24px, 2.5vw);
    position: absolute;
    left: calc(-1 * clamp(30px, 42px, 4.1vw))
}
.common-ul p {
    padding-top: 3px;
    font-weight: 400;
    font-size: clamp(14px, 16px, 1.33vw)
}
p {
    line-height: 1.5;
    font-size: 16px
}
.mt_16,
p+p {
    margin-top: 16px
}
.underline {
    text-decoration: underline
}
.uppercase {
    text-transform: uppercase
}
.center {
    text-align: center
}
.fw-900 {
    font-weight: 900
}
.fw-800 {
    font-weight: 800
}
.fw-700 {
    font-weight: 700
}
.fw-600 {
    font-weight: 600
}
.fw-500 {
    font-weight: 500
}
.fw-400 {
    font-weight: 400
}
.fw-300 {
    font-weight: 300
}
.size_35 {
    font-size: 35px
}
.size_31 {
    font-size: 31px
}
.size_28 {
    font-size: 28px
}
.size_24 {
    font-size: 24px
}
.size_21 {
    font-size: 21px
}
.size_20 {
    font-size: 20px
}
.size_18 {
    font-size: 18px
}
.size_16 {
    font-size: 16px
}
.size_14 {
    font-size: 14px
}
.size_13 {
    font-size: 13px
}
.size_12 {
    font-size: 12px
}
.size_10 {
    font-size: 10px
}
.size_28-25 {
    font-size: clamp(25px, 28px, 4.8vw)
}
.size_16-14 {
    font-size: clamp(14px, 16px, 1.82vw)
}
.lh-0 {
    line-height: 0;
}
.lh-130 {
    line-height: 1.3
}
.lh-150 {
    line-height: 1.5
}
.mb_120-80 {
    margin-bottom: clamp(80px, 9vw, 120px)
}
.mb_80 {
    margin-bottom: 80px
}
.mb_80-56 {
    margin-bottom: clamp(56px, 6.35vw, 80px)
}
.mb_80-40 {
    margin-bottom: clamp(40px, 6.35vw, 80px)
}
.mb_64-48 {
    margin-bottom: clamp(48px, 5vw, 64px)
}
.mb_64-32 {
    margin-bottom: clamp(32px, 5vw, 64px)
}
.mb_48-32 {
    margin-bottom: clamp(32px, 3.8vw, 48px)
}
.mb_48-24 {
    margin-bottom: clamp(24px, 3.8vw, 48px)
}
.mb_40-24 {
    margin-bottom: clamp(24px, 3.17vw, 40px)
}
.mb_32-24 {
    margin-bottom: clamp(24px, 2.4vw, 32px)
}
.mb_32-16 {
    margin-bottom: clamp(16px, 2.4vw, 32px)
}
.mb_24-16 {
    margin-bottom: clamp(16px, 1.9vw, 24px)
}
.mb_16-8 {
    margin-bottom: clamp(8px, 1.5vw, 16px)
}
.mb_40 {
    margin-bottom: 40px
}
.mb_32 {
    margin-bottom: 32px
}
.mb_24 {
    margin-bottom: 24px
}
.mb_16 {
    margin-bottom: 16px
}
.mb_8 {
    margin-bottom: 8px
}
.mb_4 {
    margin-bottom: 4px
}
.mb_0 {
    margin-bottom: 0
}
.mt_4 {
    margin-top: 4px
}
.mt_0 {
    margin-top: 0
}
.m_auto {
    margin-left: auto;
    margin-right: auto;
}
.pt_32-16 {
    padding-top: clamp(16px, 2.4vw, 32px)
}
.pt_32 {
    padding-top: 32px
}
.yellow_button {
    color: var(--text_color_1);
    background: var(--adition_color_2);
    position: relative;
    cursor: pointer
}
.yellow_button:hover {
    background: #FFE600;
}
.medium_button {
    padding: clamp(16px, 2vw, 16px) clamp(24px, 4vw, 24px);
    font-size: clamp(14px, 2vw, 14px);
}
.large_button {
    padding: clamp(16px, 2vw, 21px) clamp(24px, 4vw, 45px);
    font-size: 16px;
}
.nowrap {
    white-space: nowrap;
}
._error {
    border-color: var(--adition_color_1);
}

