body,
html {
position: relative;
min-width: 100%;
min-height: 100%;
scroll-behavior: smooth
}
a,
abbr,
acronym,
address,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
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,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline
}
body,
button,
input,
select,
textarea {
font-family: 'RF Dewi', Arial, sans-serif;
font-size: 18px
}
body,
button,
h1 div,
h1 p,
h2 div,
h2 p,
input,
li,
ol,
select,
textarea,
ul {
line-height: normal
}
body {
padding: 0;
background: #f4f4f4;
color: #212121;
overflow: auto;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
text-size-adjust: none;
-ms-text-size-adjust: none;
box-sizing: border-box
}
button,
input,
select,
textarea {
color: #000
}
h1,
h2 {
font-family: 'RF Dewi Condensed';
font-weight: 900;
position: relative;
text-transform: uppercase
}
button,
button:focus,
input,
input:focus,
select,
select:focus,
textarea,
textarea:focus {
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: none;
outline: 0
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none
}
li,
ol,
ul {
list-style-type: none;
padding: 0;
margin: 0
}
a,
a:focus,
a:hover {
text-decoration: none;
outline: 0;
box-shadow: none
}
::selection {
background: #24BDFF;
color: #FFF
}
::-moz-selection {
background: #24BDFF;
color: #FFF
}
h1 {
font-size: 55px;
margin: 0 0 40px
}
h1 em,
h2 em {
font-style: italic
}
h2 {
font-size: 40px;
line-height: 130%
}
h2 p {
margin: 0;
padding: 0
}
h2 strong {
color: silver
}
.back_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
bottom: 0;
z-index: 1;
display: block
}
.back_img img,
.back_img source {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
z-index: 1
}
.back_img__relative {
position: relative;
left: auto;
top: auto;
bottom: auto;
width: 100%
}
.back_img__relative img,
.back_img__relative source {
position: relative;
display: block;
left: auto;
top: auto;
width: 100%;
height: auto;
object-fit: initial;
object-position: 0 0
}
.block {
width: 1160px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
z-index: 2
}
.button {
display: inline-block;
vertical-align: top;
position: relative;
height: 68px;
padding: 0 30px 3px;
font-size: 18px;
color: #fff;
border: 0;
background: 0 0;
text-align: center;
margin: 0;
transition: .2s;
cursor: pointer
}
.button:after,
.button:before {
content: "";
position: absolute;
top: 0;
width: 20px;
height: 100%;
transform: skewX(-9deg);
background: #FFF;
transition: .2s
}
.button span,
.container,
.main_layout,
.socials {
position: relative
}
.button_orange,
.button_orange:after,
.button_orange:before {
background: #24BDFF
}
.button:before {
right: calc(100% - 14px)
}
.button:after {
left: calc(100% - 14px)
}
.button span {
z-index: 2
}
.button_orange {
color: #FFF;
font-weight: 700
}
.button_orange:hover,
.button_orange:hover:after,
.button_orange:hover:before {
background: #59cafb
}
.button_orange.on,
.button_orange.on:after,
.button_orange.on:before {
background: #24BDFF !important
}
.button_wrap:hover .button_orange,
.button_wrap:hover .button_orange:after,
.button_wrap:hover .button_orange:before {
background: #59cafb
}
body.page-id-155 .button_orange {
background: #FF7A00;
color: #FFF;
font-weight: 700
}
body.page-id-155 .button_orange:after,
body.page-id-155 .button_orange:before {
background: #FF7A00
}
body.page-id-155 .button_orange:hover,
body.page-id-155 .button_orange:hover:after,
body.page-id-155 .button_orange:hover:before {
background: #FFA048
}
body.page-id-155 .button_orange.on,
body.page-id-155 .button_orange.on:after,
body.page-id-155 .button_orange.on:before {
background: #FF7A00 !important
}
.button_white,
.button_white:after,
.button_white:before {
background: #FFF
}
.button_white {
color: #212121
}
.button_white:hover,
.button_white:hover:after,
.button_white:hover:before {
background: #F4F4F4
}
.button_white.on,
.button_white.on:after,
.button_white.on:before {
background: #FFF !important
}
.main_layout {
overflow: hidden;
padding-top: 180px
}
body.page-template-tpl-main .main_layout {
padding-top: 0
}
.socials {
display: flex;
z-index: 2
}
.socials a {
height: 27px;
display: block;
margin: 0 10px 0 0
}
.socials svg {
height: 100%;
width: auto
}
.socials path {
transition: .2s
}
.soc_max:hover .hover_path {
fill: #4C3FDD
}
.soc_vk:hover .hover_path {
fill: #07F
}
.soc_wa:hover .hover_path {
fill: #37BF4A
}
.soc_tg:hover .hover_path {
fill: #25A3E1
}
.soc_vi:hover .hover_path {
fill: #9069AE
}
.soc_yt:hover .hover_path {
fill: red
}
.soc_tg.on .hover_path,
.soc_vi.on .hover_path,
.soc_vk.on .hover_path,
.soc_wa.on .hover_path,
.soc_yt.on .hover_path {
fill: #24BDFF !important
}
body.page-id-155 .soc_vk:hover .hover_path {
fill: #07F
}
body.page-id-155 .soc_wa:hover .hover_path {
fill: #37BF4A
}
body.page-id-155 .soc_tg:hover .hover_path {
fill: #25A3E1
}
body.page-id-155 .soc_vi:hover .hover_path {
fill: #9069AE
}
body.page-id-155 .soc_yt:hover .hover_path {
fill: red
}
body.page-id-155 .soc_tg.on .hover_path,
body.page-id-155 .soc_vi.on .hover_path,
body.page-id-155 .soc_vk.on .hover_path,
body.page-id-155 .soc_wa.on .hover_path,
body.page-id-155 .soc_yt.on .hover_path {
fill: #FF7A00 !important
}
.hidden,
.mobmenu,
.mobmenu_in,
.popup,
.popup_zone,
.swipe_icon {
display: none
}
.header_container {
position: fixed;
left: 0;
right: 0;
top: 20px;
z-index: 9
}
.header_container .header_block {
position: relative;
width: 1390px;
background: #FFF;
height: 80px;
padding: 0 20px 0 14px;
display: flex;
align-content: center;
align-items: center;
justify-content: space-between
}
.header_container .header_block:after,
.header_container .header_block:before {
content: "";
position: absolute;
top: 0;
width: 20px;
height: 100%;
transform: skewX(-6.5deg);
z-index:-1;
background: #FFF
}
.header_container .header_block:before {
right: calc(100% - 14px)
}
.header_container .header_block:after {
left: calc(100% - 14px)
}
.header_container .header_logo {
position: relative;
padding: 0 22px 0 0;
margin: 0 32px 0 0;
width: 160px;
box-sizing: border-box;
height: 100%;
display: flex;
align-items: center;
align-content: center
}
.header_container .header_logo:after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 80px;
transform: skewX(-6.5deg) translateY(-50%);
background: #EEE
}
.header_container .header_logo img {
height: 64px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2
}
body.page-id-155 .header_container .header_logo {
width: auto
}
body.page-id-155 .header_container .header_logo img {
height: 23px;
position: relative;
left: auto;
top: auto;
transform: none
}
.header_container .header_nav {
position: relative;
display: flex;
height: 100%;
padding: 0 4px 0 0;
align-items: center;
align-content: center
}
.header_container .header_addressbox:after,
.header_container .header_phonebox:before {
content: "";
width: 1px;
height: 80px;
background: #EEE;
left: 0;
top: 50%
}
.header_container .header_nav li {
margin: 0 18px 0 0;
font-size: 15px;
transition: .2s
}
.header_container .header_nav li.colored a {
font-weight: 700;
color: #24BDFF
}
.header_container .header_nav li:last-of-type {
margin: 0
}
.header_container .header_nav a {
color: #212121;
transition: .2s
}
.header_container .header_nav a:hover,
.header_container .header_nav li:hover {
cursor: pointer;
color: #24BDFF
}
body.page-id-155 .header_container .header_nav li.colored a {
font-weight: 700;
color: #FF7A00
}
body.page-id-155 .header_container .header_nav a:hover,
body.page-id-155 .header_container .header_nav li:hover {
color: #FF7A00
}
.header_container .header_addressbox {
position: relative;
margin: 0 0 0 auto;
padding: 0 0 0 26px;
cursor: pointer
}
.header_container .header_addressbox:after {
position: absolute;
transform: skewX(-6.5deg) translateY(-50%)
}
.header_container .header_addresswrap {
position: relative;
padding: 0 0 0 29px
}
.header_container .header_addresswrap svg {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.header_container .header_address {
font-size: 15px;
color: #212121;
transition: .2s
}
.header_container .header_address br {
display: none
}
.header_container .header_worktime {
padding: 3px 0 0;
font-size: 10px;
color: #7c7c7c;
white-space: nowrap;
transition: .2s
}
.header_container .header_addressbox:hover .header_address,
.header_container .header_addressbox:hover .header_worktime {
color: #24BDFF
}
.header_container .header_phonebox {
margin: 0 0 0 13px;
padding: 0 0 0 26px;
position: relative;
z-index: 2
}
.header_container .header_phonebox:before {
position: absolute;
transform: skewX(-6.5deg) translateY(-50%)
}
.header_container .header_phonewrap {
position: relative;
padding: 0 0 0 29px
}
.header_container .header_phonewrap svg {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.header_container .header_phone {
font-size: 15px;
color: #212121;
white-space: nowrap
}
.header_container .header_phonetime {
padding: 3px 0 0;
font-size: 10px;
color: #7c7c7c;
white-space: nowrap
}
.hometop_container .hometop_block {
min-height: 766px;
box-sizing: border-box;
padding: 165px 0 30px;
color: #fff
}
.hometop_container .hometop_title {
font-size: 81px;
line-height: 100%;
text-transform: uppercase;
margin: 0 0 30px
}
.hometop_container .hometop_title p {
margin: 0;
padding: 0
}
.hometop_container .hometop_subtitle {
font-weight: 700;
font-size: 25px;
margin: 0 0 57px;
position: relative
}
.hometop_container .hometop_items {
position: relative;
display: flex;
margin: 0 0 46px
}
.hometop_container .hometop_items li {
margin: 0 30px 20px 0;
font-size: 18px
}
.hometop_container .hometop_items svg {
margin: 0 0 8px;
display: block
}
.hometop_container .hometop_buttons {
position: relative;
margin: 0 0 13px
}
.hometop_container .hometop_buttons .button {
margin-right: 18px
}
.hometop_container .hometop_aftertext {
font-size: 15px;
color: #eee;
position: relative
}
.hometop_container .hometop_aftertext p {
margin: 0;
padding: 0
}
.hometop_container .hometop_aftertext strong {
color: #24BDFF;
font-weight: 400;
margin: 0 8px
}
.hometop_container .hometop_mobimg {
display: none
} .header_messengers {
display: flex;
margin-left: 20px;
flex-shrink: 0;
position:relative;
margin-top:-27px;
}
.header_messengers::after {
content: "Написать в мессенджер";
position: absolute;
display: flex;
font-size: 12px;
right: 50%;
transform: translateX(50%);
text-align: center;
margin-top: 2px;
top: 100%;
line-height:1;
}
.header_messenger {
font-size: 0;
display: flex;
}
a.header_messenger:not(:first-child) {
margin-left: -10px;
}
.header_messenger svg {
max-width: 36px;
width: 100%;
height: 100%;
}
@media (max-width:1400px) {
.header_messenger svg {}
a.header_messenger:not(:first-child) {}
}
@media (max-width:1200px) {
.header_messenger svg {
max-width: 36px;
}
a.header_messenger:not(:first-child) {
margin-left: -10px;
margin-top: initial;
}
.header_messengers {
margin-right: 63px;
flex-direction: initial;
margin-left: 23px;
}
}
@media (max-width:750px) {
.header_messengers::after {position:initial;right:initial;transform:initial;top:initial;white-space:initial;max-width:75px;order:-1;margin-right:5px;font-size:11px;}
.header_messengers {
margin-left: initial;
margin-right: 30px;
margin-top:initial;
}
.header_messenger svg {
max-width: 28px;
}
a.header_messenger:not(:first-child) {
margin-left: 5px;
}
} #cookie-banner-root .pucp-wrap {
display: none;
position: fixed;
bottom: 10px;
left: 10px;
width: 100%;
max-width: 620px;
padding: 18px;
background: #1a1a1a;
color: #ffffff;
border-radius: 16px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
z-index: 99999;
flex-direction: column;
gap: 16px;
font-family: sans-serif;
box-sizing: border-box;
} body.cookie-active #cookie-banner-root .pucp-wrap {
display: flex;
}
body.cookie-active .ws-quiz-btn-el-container {
inset: auto auto 175px 15px !important;
} body:not(.cookie-active) .ws-quiz-btn-el-container {
inset: auto auto 20px 20px !important;
} #cookie-banner-root .pucp-text {
font-size: 14px;
line-height: 1.4;
color: rgba(255, 255, 255, 0.9);
}
#cookie-banner-root .pucp-link {
color: #ffffff;
text-decoration: underline;
}
#cookie-banner-root .pucp-button {
background: #ffffff;
color: #000;
border: none;
border-radius: 8px;
padding: 12px 20px;
font-weight: 600;
cursor: pointer;
width: 100%;
}
@media (max-width: 560px) {
#cookie-banner-root .pucp-wrap {
left: 12px;
right: 12px;
width: auto;
}
body.cookie-active .ws-quiz-btn-el-container {
inset: auto auto 225px 15px !important;
}
}
.ws-chat .ws-chat-btn-el-container {inset:auto -139.5px 221.18px auto !important;}
.widget_messengers {display:flex;flex-direction:column;position: fixed; right: 10px; bottom: 60px; z-index: 99999;}
.widget_messenger svg {width:100%;height:auto;}
.widget_messenger {height:55px;width:55px;flex-shrink: 0; font-size: 0;}
.widget_messenger:not(:last-child) {margin-bottom:10px;}
@media (max-width:768px) {.widget_messenger {height:45px;width:45px;}} .wpcf7-acceptance input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .wpcf7-acceptance label {
display: flex;
align-items: flex-start;
cursor: pointer;
font-size: 14px; line-height: 1.4;
color: #333; } .wpcf7-acceptance .wpcf7-list-item-label {
padding-left:30px;
margin: 15px 0 30px;
font-size: 10px;
line-height: 125%;
color: #7c7c7c;
}
.wpcf7-acceptance .wpcf7-list-item-label a { color:inherit;}
.wpcf7-acceptance .wpcf7-list-item-label::before {
content: '';
display: flex;
flex-shrink: 0;
width: 20px;
height: 20px;
border: 1px solid #ccc; margin-right: 12px;
margin-top: 0;
background-color: #fff;
transition: all 0.2s ease;
background-repeat: no-repeat;
background-position: center;
background-size: 14px 11px; position:absolute;
left:0;
} .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
background-image: url("data:image/svg+xml,%3Csvg fill='none' height='11' viewBox='0 0 14 11' width='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 5.5 4 4 8.5-8.5' stroke='%23ff7a00' stroke-width='1.5'/%3E%3C/svg%3E");
border-color: #ff7a00; } .wpcf7-not-valid.wpcf7-acceptance .wpcf7-list-item-label::before {
border-color: #ff0000; background-color: #fff5f5;
} .wpcf7-acceptance .wpcf7-not-valid-tip {
display: none !important;
} .wpcf7-acceptance a {
color: inherit;
text-decoration: underline;
}
.wpcf7-acceptance a:hover {
text-decoration: none;
}