.sdm_clear_float{
clear: both;
}
.sdm_pass_text {
margin-bottom: 10px;
}
.sdm_download_item {
display: block;
border:1px solid #E7E9EB;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
margin-top:10px;
margin-bottom:10px;
padding:15px;
}
.sdm_download_title {
float:left;
font-size: 24px;
font-weight: bold;
line-height: 75px;
}
.sdm_download_thumbnail {
float:left;
}
.sdm_download_thumbnail_image {
width:75px !important;
height:75px !important;
float:left !important;
margin-right:10px !important;
}
.sdm_download_description {
margin: 15px 0 15px 0;
padding-bottom: 10px;
border-bottom: 1px solid #EEEEEE;
}
.sdm_download_item_count{
margin-left: 20px;
border: 1px solid #E7E9EB;
padding: 3px 10px;
display: inline-block;
float: right;
}
.sdm_download_link{
display: block;
}
.sdm_download_link:after {
content: "";
display: table;
clear: both;
}
.sdm_download_button{
display: inline-block;    
}
.sdm_download_button_box_default{
margin: 10px 0;    
}
.sdm-g-recaptcha{
margin-bottom: 10px;
}   .sdm_yellow_box {
background: #FFF6D5;
border: 1px solid #D1B655;
color: #3F2502;
margin: 10px 0px 10px 0px;
padding: 5px 5px 5px 10px;
}
.sdm_grey_box{
background: #ECECEC;
border: 1px solid #CFCFCF;
color: #363636;
margin: 10px 0px 15px 0px;
padding: 5px 5px 5px 10px;	
}
.sdm_blue_box{
background: #D7E7F5;
border: 1px solid #AACEE6;
color: #1D263B;
margin: 10px 0px 15px 0px;
padding: 5px 5px 5px 10px;
}   .sdm_post_item{
width: 90%;
}
.sdm_post_item_top{
display: block;
}
.sdm_post_item_top_left{
width: 40%;
float: left;
margin-right: 30px;
}
.sdm_post_item_top_right{
float: left;
width: 50%;
}
.sdm_post_item_top_left img{
width: 100%;
border: 1px solid #e8e4e3;
padding: 5px;
}
.sdm_post_title{
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
.sdm_post_download_count{
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
border: 1px solid #e8e4e3;
display: inline-block;
padding: 10px 15px;
}
.sdm_post_download_file_size{
font-weight: bold;
}
.sdm_post_download_version{
font-weight: bold;
}
.sdm_post_download_published_date{
font-weight: bold;
}
.sdm_post_download_section{
margin: 15px 0;
}
.sdm_post_meta_section{
border-top: 4px double #e8e4e3;
padding-top: 15px;
}   .sdm_download {
display: inline-block;
text-decoration: none;
font: bold 12px/12px HelveticaNeue, Arial;
padding: 8px 11px;
color: #555;
border: 1px solid #dedede;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} 
.sdm_download.green{
background: #b7d770;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); background: -moz-linear-gradient(top,  #cae285, #9fcb57);
border-color: #adc671 #98b65b #87aa4a;
color: #2F4014 !important;
text-shadow: 0 1px 0 #cfe5a4;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;    
}
.sdm_download.green:hover{
background: #b9d972;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); background: -moz-linear-gradient(top,  #b8d872, #b9d972);
border-color: #8bb14d #83a648 #7d9e45;
text-shadow: 0 1px 0 #d5e8aa;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;    
}
.sdm_download.blue{
background: #92dbf6;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); background: -moz-linear-gradient(top,  #abe4f8, #6fcef3);
border-color: #8dc5da #76b7cf #63abc7;
color: #1E4657 !important;
text-shadow: 0 1px 0 #b6e6f9;
-webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
-moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;
box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;    
}
.sdm_download.blue:hover{
background: #92dbf6;
border-color: #7caec0 #68a3ba #5a9cb5;
text-shadow: 0 1px 0 #bee9fa;
-webkit-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
-moz-box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;
box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;    
}
.sdm_download.purple{
background: #dfaeda;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce'); background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); background: -moz-linear-gradient(top,  #e8c4e4, #d494ce);
border-color: #bc9db9 #ad89aa #a1799d;
color: #4D334A !important;
text-shadow: 0 1px 0 #eacae6;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #eed3eb;    
}
.sdm_download.purple:hover{
background: #e0b1db;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db'); background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); background: -moz-linear-gradient(top,  #deabd9, #e0b1db);
border-color: #a482a0 #9b7897 #947090;
text-shadow: 0 1px 0 #ecd0e9;
-webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
-moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;    
}
.sdm_download.teal{
background: #9cedef;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7f2f4', endColorstr='#7ce7ea'); background: -webkit-gradient(linear, left top, left bottom, from(#b7f2f4), to(#7ce7ea)); background: -moz-linear-gradient(top,  #b7f2f4, #7ce7ea);
border-color: #90c6c8 #78bdc0 #65b6ba;
color: #2B5052 !important;
text-shadow: 0 1px 0 #bef3f5;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #c9f5f7;    
}
.sdm_download.teal:hover{
background: #9fedf0;
border-color: #7db9bb #6bb2b5 #5dacaf;
text-shadow: 0 1px 0 #c5f4f6;
-webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;
-moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;
box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #b7f2f4;    
}
.sdm_download.darkblue{
background: #a5b8c6;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4'); background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4)); background: -moz-linear-gradient(top,  #becbd6, #88a1b4);
border-color: #a2afb8 #8696a1 #6f818f;
color: #26313B !important;
text-shadow: 0 1px 0 #c4d0d9;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;    
}
.sdm_download.darkblue:hover{
background: #adbfcb;
border-color: #8996a0 #798791 #6c7a85;
text-shadow: 0 1px 0 #ced9e0;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;    
}
.sdm_download.black{
background: #525252;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); background: -moz-linear-gradient(top,  #5e5e5e, #434343);
border-color: #4c4c4c #313131 #1f1f1f;
color: #FFFFFF !important;
text-shadow: 0 1px 0 #2e2e2e;
-webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
-moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;    
}
.sdm_download.black:hover{
background: #5a5a5a;
border-color: #2c2c2c #1c1c1c #101010;
text-shadow: 0 1px 0 #363636;
-webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
-moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;    
}
.sdm_download.grey{
background: #bdbdbd;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); background: -moz-linear-gradient(top,  #cacaca, #aeaeae);
border-color: #b5b5b5 #a1a1a1 #8f8f8f;
color: #555555 !important;
text-shadow: 0 1px 0 #d4d4d4;
-webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
-moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;    
}
.sdm_download.grey:hover{
background: #c2c2c2;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); background: -moz-linear-gradient(top,  #bcbcbc, #c2c2c2);
border-color: #989898 #8e8e8e #878787;
text-shadow: 0 1px 0 #dadada;
-webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
-moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;    
}
.sdm_download.pink{
background: #f67689;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778'); background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); background: -moz-linear-gradient(top,  #f78297, #f56778);
border-color: #df6f8b #da5f75 #d55061;
color: #4F272C !important;
text-shadow: 0 1px 0 #f89ca9;
-webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
-moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;
box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #f9a1b1;    
}
.sdm_download.pink:hover{
background: #f67c90;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297'); background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); background: -moz-linear-gradient(top,  #f56c7e, #f78297);
border-color: #c36079 #c25669 #c14e5c;
text-shadow: 0 1px 0 #f9a6b4;
-webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
-moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;
box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #f8909e;    
}
.sdm_download.orange{
background: #fecc5f;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); background: -moz-linear-gradient(top,  #feda71, #febb4a);
border-color: #f5b74e #e5a73e #d6982f;
color: #4D3217 !important;
text-shadow: 0 1px 0 #fedd9b;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;    
}
.sdm_download.orange:hover{
background: #fecb5e;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); background: -moz-linear-gradient(top,  #fec354, #fecd61);
border-color: #d29a3a #cc9436 #c89133;
text-shadow: 0 1px 0 #fee1a0;
-webkit-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
-moz-box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;    
}
.sdm_download.white{
background: #f5f5f5;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
border-color: #dedede #d8d8d8 #d3d3d3;
color: #555555 !important;
text-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.sdm_download.white:hover{
background: #f4f4f4;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
border-color: #c7c7c7 #c3c3c3 #bebebe;
text-shadow: 0 1px 0 #fdfdfd;
-webkit-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
-moz-box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
}
.sdm_download.disabled{
background: rgb(223, 223, 223);
color: #9c9c9c;
box-shadow: unset;
cursor: not-allowed;
} .sdm_object_tree .sdm_post_title{
margin-right: 5px;
display: block;
} .sdm_search_result_item {
margin-top: 20px;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid silver
}
.sdm_search_result_item:last-child {
border-bottom: none;
}
.sdm_general_error_msg {
color: red;
}
.sdm_disabled_button {
opacity: 0.2; }   .sdm_fancy3_download_item{
display: block;    
max-width: 320px;    
border:1px solid #ccc;
margin-bottom:5px;
}
.sdm_fancy3_download_title{
font-weight: bold;
float: left;
padding: 5px 10px;
max-width: 170px;
overflow: hidden;
}
.sdm_fancy3_view_details_link{
float: right;
padding: 5px 10px;
} .sdm_dl_request_intermediate_page_content{
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
text-align: center;
}
.sdm_g_captcha_spinner {
width: 40px;
height: 40px;
animation: sdm_g_captcha_spin 1s linear infinite;
}
@keyframes sdm_g_captcha_spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#sdm_after_captcha_verification_content.hidden{
display: none;
}@font-face {
font-family: 'advanced-popups-icons';
src: url(//yanachalnik.ru/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.woff) format("woff"), url(//yanachalnik.ru/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.ttf) format("truetype"), url(//yanachalnik.ru/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.svg) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="adp-icon-"],
[class*=" adp-icon-"] {
font-family: 'advanced-popups-icons' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.adp-icon-x:before {
content: "\e913";
}  .adp-popup {
--adp-popup-wrap-scrollbar-width: 0.625rem;
--adp-popup-wrap-scrollbar-track-background: #f1f1f1;
--adp-popup-wrap-scrollbar-thumb-background: #888;
--adp-popup-wrap-scrollbar-thumb-hover-background: #555;
--adp-popup-wrap-box-shadow: 0 0 40px 0 rgba(0,0,0,.075);
--adp-popup-container-background: #FFFFFF;
--adp-popup-close-font-size: 1.25rem;
--adp-popup-close-color: #000;
--adp-popup-close-hover-color: #777;
--adp-popup-close-light-color: #FFFF;
--adp-popup-close-light-hover-color: rgba(255,255,255,0.75);
--adp-popup-type-content-close-font-size: 1.5rem;
--adp-popup-type-notification-text-font-size: 90%;
--adp-popup-type-notification-text-color: #777777;
--adp-popup-type-notification-text-link-color: #000000;
--adp-popup-type-notification-button-background: #282828;
--adp-popup-type-notification-button-color: #FFF;
--adp-popup-type-notification-button-border-radius: 0;
}
.adp-popup-overlay {
--adp-popup-overlay-background: rgba(0,0,0,0.25);
} .adp-popup-scroll-hidden {
overflow: hidden;
width: 100%;
}
.adp-popup-animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
overflow: hidden  !important;
}
@-webkit-keyframes popupOpenFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes popupOpenFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes popupExitFade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes popupExitFade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes popupOpenSlide {
from {
transform: translate3d(0, 100vh, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes popupOpenSlide {
from {
transform: translate3d(0, 100vh, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes popupExitSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100vh, 0);
}
}
@keyframes popupExitSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100vh, 0);
}
}
@-webkit-keyframes popupOpenZoom {
from {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes popupOpenZoom {
from {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes popupExitZoom {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.1);
}
}
@keyframes popupExitZoom {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.1);
}
}
@-webkit-keyframes popupOpenSlideFade {
from {
opacity: 0;
transform: translate3d(0, 40px, 0);
visibility: visible;
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes popupOpenSlideFade {
from {
opacity: 0;
transform: translate3d(0, 40px, 0);
visibility: visible;
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes popupExitSlideFade {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 40px, 0);
}
}
@keyframes popupExitSlideFade {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 40px, 0);
}
}
.popupOpenFade {
-webkit-animation-name: popupOpenFade;
animation-name: popupOpenFade;
}
.popupExitFade {
-webkit-animation-name: popupExitFade;
animation-name: popupExitFade;
}
.popupOpenSlide {
-webkit-animation-name: popupOpenSlide;
animation-name: popupOpenSlide;
}
.popupExitSlide {
-webkit-animation-name: popupExitSlide;
animation-name: popupExitSlide;
}
.popupOpenZoom {
-webkit-animation-name: popupOpenZoom;
animation-name: popupOpenZoom;
}
.popupExitZoom {
-webkit-animation-name: popupExitZoom;
animation-name: popupExitZoom;
}
.popupOpenSlideFade {
-webkit-animation-name: popupOpenSlideFade;
animation-name: popupOpenSlideFade;
}
.popupExitSlideFade {
-webkit-animation-name: popupExitSlideFade;
animation-name: popupExitSlideFade;
}
.adp-popup {
display: none;
position: fixed;
z-index: 999999;
max-width: calc(100vw - 1.5rem);
max-height: calc(100vh - 1.5rem);
-webkit-backface-visibility: hidden;
}
@media (min-width: 720px) {
.adp-popup {
max-width: calc(100vw - 6rem);
max-height: calc(100vh - 6rem);
}
}
.adp-popup.adp-popup-location-top {
top: 20px;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.adp-popup.adp-popup-location-top-left {
top: 20px;
left: 20px;
}
.adp-popup.adp-popup-location-top-right {
top: 20px;
right: 20px;
}
.adp-popup.adp-popup-location-bottom {
bottom: 20px;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.adp-popup.adp-popup-location-bottom-left {
left: 20px;
bottom: 20px;
}
.adp-popup.adp-popup-location-bottom-right {
right: 20px;
bottom: 20px;
}
.adp-popup.adp-popup-location-left {
top: 50%;
left: 20px;
transform: translate3d(0, -50%, 0);
}
.adp-popup.adp-popup-location-right {
top: 50%;
right: 20px;
transform: translate3d(0, -50%, 0);
}
.adp-popup.adp-popup-location-center {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.adp-popup .adp-popup-wrap {
position: relative;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
box-shadow: var(--adp-popup-wrap-box-shadow);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar {
width: var(--adp-popup-wrap-scrollbar-width);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-track {
background: var(--adp-popup-wrap-scrollbar-track-background);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-thumb {
background: var(--adp-popup-wrap-scrollbar-thumb-background);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-thumb:hover {
background: var(--adp-popup-wrap-scrollbar-thumb-hover-background);
}
.adp-popup .adp-popup-container {
background: var(--adp-popup-container-background);
width: 100%;
}
.adp-popup .adp-popup-outer {
position: relative;
display: flex;
flex-direction: column;
}
.adp-popup .adp-popup-thumbnail img {
width: 100%;
}
.adp-popup .adp-popup-close {
position: absolute;
background: transparent;
color: var(--adp-popup-close-color);
padding: 0;
line-height: 1;
font-size: var(--adp-popup-close-font-size);
top: 20px;
right: 20px;
z-index: 2;
}
.adp-popup .adp-popup-close:before {
font-family: 'advanced-popups-icons';
transition: color 0.25s ease;
content: "\e913";
}
.adp-popup .adp-popup-close:hover:before {
color: var(--adp-popup-close-hover-color);
}
.adp-popup.adp-popup-open[data-light-close="true"] .adp-popup-close {
color: var(--adp-popup-close-light-color);
}
.adp-popup.adp-popup-open[data-light-close="true"] .adp-popup-close:hover:before {
color: var(--adp-popup-close-light-hover-color);
}
.adp-popup.adp-popup-open {
display: flex;
}
@media (max-width: 720px) {
.adp-popup.adp-popup-open[data-mobile-disable="true"] {
display: none;
}
}
.adp-popup-overlay {
background: var(--adp-popup-overlay-background);
position: fixed;
display: none;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999998;
}
.adp-popup-overlay .adp-popup-wrap {
box-shadow: none;
}
.adp-popup-open + .adp-popup-overlay {
display: block;
}
@media (max-width: 719.98px) {
.adp-popup-type-content {
max-width: 100vw;
max-height: 100vh;
}
}
.adp-popup-type-content .adp-popup-content {
padding: 40px;
}
.adp-popup-type-content .adp-popup-close {
font-size: var(--adp-popup-type-content-close-font-size);
}
.adp-popup-type-content .wp-block-cover:first-child:last-child {
margin: -40px;
width: initial;
}
.adp-popup-type-content.adp-preview-image-yes .adp-popup-close {
color: var(--adp-popup-close-light-color);
}
.adp-popup-type-content.adp-preview-image-yes .adp-popup-close:hover:before {
color: var(--adp-popup-close-light-hover-color);
}
@media (min-width: 1024px) {
.adp-popup-type-content .adp-popup-outer {
flex-direction: row;
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-close, .adp-popup-type-content.adp-preview-image-bottom .adp-popup-close {
color: var(--adp-popup-close-color);
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-close:hover:before, .adp-popup-type-content.adp-preview-image-bottom .adp-popup-close:hover:before {
color: var(--adp-popup-close-hover-color);
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-thumbnail {
order: 1;
}
.adp-popup-type-content.adp-preview-image-right .adp-popup-thumbnail {
order: 3;
}
.adp-popup-type-content.adp-preview-image-top .adp-popup-outer {
flex-direction: column;
}
.adp-popup-type-content.adp-preview-image-top .adp-popup-thumbnail img {
position: relative;
top: initial;
bottom: initial;
right: initial;
left: initial;
width: initial;
height: initial;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-outer {
flex-direction: column;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-thumbnail {
order: 3;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-thumbnail img {
position: relative;
top: initial;
bottom: initial;
right: initial;
left: initial;
width: initial;
height: initial;
}
.adp-popup-type-content .adp-popup-thumbnail {
position: relative;
flex: 1 0 50%;
order: 1;
}
.adp-popup-type-content .adp-popup-thumbnail img {
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.adp-popup-type-content .adp-popup-content {
padding: 80px;
flex: 1 0 50%;
order: 2;
}
.adp-popup-type-content .adp-popup-content:first-child:last-child {
flex: 1 0 100%;
}
.adp-popup-type-content .wp-block-cover:first-child:last-child {
margin: -80px;
}
}
.adp-popup-type-notification-box .adp-popup-outer,
.adp-popup-type-notification-bar .adp-popup-outer {
padding: 30px;
}
.adp-popup-type-notification-box .adp-popup-text,
.adp-popup-type-notification-bar .adp-popup-text {
padding-right: 10px;
font-size: var(--adp-popup-type-notification-text-font-size);
color: var(--adp-popup-type-notification-text-color);
}
.adp-popup-type-notification-box .adp-popup-text a,
.adp-popup-type-notification-bar .adp-popup-text a {
color: var(--adp-popup-type-notification-text-link-color);
text-decoration: underline;
}
.adp-popup-type-notification-box .adp-popup-text a:hover,
.adp-popup-type-notification-bar .adp-popup-text a:hover {
text-decoration: none;
}
.adp-popup-type-notification-box .adp-popup-button,
.adp-popup-type-notification-bar .adp-popup-button {
background: var(--adp-popup-type-notification-button-background);
margin-top: 1.5rem;
width: 100%;
color: var(--adp-popup-type-notification-button-color);
border-radius: var(--adp-popup-type-notification-button-border-radius);
}
.adp-popup-type-notification-box .adp-popup-close {
top: 15px;
right: 15px;
}
.adp-popup-type-notification-bar.adp-popup-location-top {
width: 100%;
max-width: 100%;
top: 0;
left: 0;
bottom: auto;
transform: none;
}
.adp-popup-type-notification-bar.adp-popup-location-bottom {
width: 100%;
max-width: 100%;
top: auto;
left: 0;
bottom: 0;
transform: none;
}
.adp-popup-type-notification-bar .adp-popup-outer {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 60px;
padding-right: 60px;
}
@media (min-width: 720px) {
.adp-popup-type-notification-bar .adp-popup-outer {
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
}
.adp-popup-type-notification-bar .adp-popup-close {
top: 50%;
transform: translateY(-50%);
}
.adp-popup-type-notification-bar .adp-button {
margin-left: 1rem;
margin-top: 0;
width: auto;
}
}@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);
.cf7-payment-btn,
[data-payment-button="true"] {
background-color: #32b8c6;
color: #ffffff;
border: 2px solid #32b8c6;
padding: 12px 24px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transition: all 0.3s ease;
display: inline-block;
text-decoration: none;
user-select: none;
position: relative;
}
.cf7-payment-btn:hover:not(:disabled),
[data-payment-button="true"]:hover:not(:disabled) {
background-color: #2a9aaa;
border-color: #2a9aaa;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(50, 184, 198, 0.3);
}
.cf7-payment-btn:active:not(:disabled),
[data-payment-button="true"]:active:not(:disabled) {
transform: translateY(0);
box-shadow: 0 2px 6px rgba(50, 184, 198, 0.3);
}
.cf7-payment-btn:disabled,
[data-payment-button="true"]:disabled,
.cf7-payment-btn.processing,
[data-payment-button="true"].processing {
opacity: 0.65;
cursor: not-allowed;
}
.cf7-payment-error {
background-color: #fee;
border: 1px solid #c33;
border-radius: 3px;
color: #c33;
padding: 12px 15px;
margin-bottom: 15px;
font-size: 13px;
animation: slideDown 0.3s ease;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fusion-one-third .cf7-payment-btn {
width: 100%;
box-sizing: border-box;
}
@media (max-width: 600px) {
.cf7-payment-btn,
[data-payment-button="true"] {
width: 100%;
padding: 14px 20px;
font-size: 15px;
}
.cf7-payment-error {
font-size: 12px;
padding: 10px 12px;
}
}
.cf7-payment-btn:focus,
[data-payment-button="true"]:focus {
outline: 2px solid #32b8c6;
outline-offset: 2px;
}
@media (prefers-color-scheme: dark) {
.cf7-payment-error {
background-color: rgba(204, 51, 51, 0.1);
border-color: #ff6b6b;
color: #ff8787;
}
} .cf7-payment-btn .payment-icon {
margin-right: 8px;
font-size: 16px;
vertical-align: middle;
} .wpcf7-form [data-payment-button="true"].hidden,
.wpcf7-form .cf7-payment-btn.hidden {
display: none !important;
}.chaty *,.chaty-chat-view *,.chaty-outer-forms *{box-sizing:border-box}.chaty-agent-data,.chaty-whatsapp-field input[type=text],.chaty-whatsapp-message,.chaty-whatsapp-message p{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-agent-header,.chaty-channel,.chaty-channels,.chaty-form-body,.chaty-tooltip{position:relative}.chaty-tooltip .on-hover-text,.chaty-tooltip .on-hover-text:before,.chaty-tooltip:after,.chaty-tooltip:before{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}.chaty-i-trigger .chaty-tooltip .on-hover-text,.chaty-i-trigger .chaty-tooltip .on-hover-text:before,.chaty-i-trigger .chaty-tooltip:after,.chaty-tooltip:before{pointer-events:auto}.on-hover-text p{white-space:nowrap;font-size:unset;line-height:unset;letter-spacing:inherit;font-weight:400}.on-hover-text{font-weight:400;display:none}.on-hover-text img.emoji{max-width:none}.chaty-tooltip .on-hover-text:before,.chaty-tooltip:before{content:"";border:5px solid transparent;z-index:1001}.chaty-tooltip:after{content:attr(data-hover)}.chaty-tooltip .on-hover-text,.chaty-tooltip:after{text-align:center;min-width:1em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 15px;border-radius:10px;background:#fff;color:#333;z-index:1000;box-shadow:0 1.93465px 7.73859px rgb(0 0 0 / 15%);font-size:17px;line-height:21px}.chaty-animation-shockwave:after,.chaty-animation-shockwave:before{content:"";border-radius:50%;position:absolute;top:0;right:0;bottom:0}.chaty-tooltip .on-hover-text{overflow:visible;white-space:pre}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip:hover .on-hover-text,.chaty-tooltip:hover .on-hover-text:before,.chaty-tooltip:hover:after,.chaty-tooltip:hover:before{display:block;opacity:1}.chaty-tooltip.active .on-hover-text,.chaty-tooltip.active .on-hover-text:before,.chaty-tooltip.active:after,.chaty-tooltip.active:before,.chaty-tooltip.pos-left:hover .on-hover-text,.chaty-tooltip.pos-left:hover .on-hover-text:before,.chaty-tooltip.pos-left:hover:after,.chaty-tooltip.pos-left:hover:before,.chaty-tooltip.pos-right:hover .on-hover-text,.chaty-tooltip.pos-right:hover .on-hover-text:before,.chaty-tooltip.pos-right:hover:after,.chaty-tooltip.pos-right:hover:before{animation:ease-out forwards tooltips-horz}.chaty-tooltip.has-on-hover:after,.chaty-tooltip.has-on-hover:before,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip:before,.chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger,.on-hover-text:empty,[data-hover=""]:after,[data-hover=""]:before{display:none!important}.chaty-tooltip.pos-top .on-hover-text:before,.chaty-tooltip.pos-top:before{border-bottom-width:0;border-top-color:#fff;bottom:calc(100% + 5px)}.chaty-tooltip.pos-top .on-hover-text:after,.chaty-tooltip.pos-top:after{bottom:calc(100% + 10px)}.chaty-tooltip.pos-top .on-hover-text,.chaty-tooltip.pos-top:after,.chaty-tooltip.pos-top:before{left:50%;transform:translate(-50%,-.5em)}.chaty-tooltip.pos-down:before{top:100%;border-top-width:0;border-bottom-color:#fff}.chaty-tooltip.pos-down:after{top:calc(100% + 5px)}.chaty-tooltip.pos-down:after,.chaty-tooltip.pos-down:before{left:50%;transform:translate(-50%,.5em)}.chaty-tooltip.pos-left .on-hover-text:before,.chaty-tooltip.pos-left:before{top:50%;border-right-width:0;border-left-color:#fff;left:calc(0em - 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-left .on-hover-text:before{left:auto;right:calc(0em - 5px)}.chaty-tooltip.pos-left .on-hover-text,.chaty-tooltip.pos-left:after{top:50%;right:calc(100% + 10px);transform:translate(-.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before,.chaty-tooltip.pos-right:before{top:50%;border-left-width:0;border-right-color:#fff;right:calc(0em - 10px);transform:translate(.5em,-50%)}.chaty-tooltip.pos-right .on-hover-text:before{left:calc(0em - 5px);right:auto}.chaty-tooltip.pos-right .on-hover-text,.chaty-tooltip.pos-right:after{top:50%;left:calc(100% + 10px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:1;transform:translate(-50%,0)}}@keyframes tooltips-horz{to{opacity:1;transform:translate(0,-50%)}}.chaty-tooltip.pos-down:hover:after,.chaty-tooltip.pos-down:hover:before,.chaty-tooltip.pos-top:hover:after,.chaty-tooltip.pos-top:hover:before{animation:ease-out forwards tooltips-vert}@-webkit-keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@keyframes chaty-animation-shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.3)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@-webkit-keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@keyframes chaty-animation-blink{0%,100%{opacity:1}20%{opacity:.5}}@-webkit-keyframes chaty-animation-pulse{0%{transform:scale(1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:50%}100%{transform:scale(1.1);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:45%}}@keyframes chaty-animation-pulse{0%{transform:scale(1);border-radius:50%}100%{transform:scale(1.1);border-radius:45%}}.chaty-animation-shockwave:after{left:0;-webkit-animation:2s ease-out 1.3s infinite chaty-animation-shockwave;animation:2s ease-out 1.3s infinite chaty-animation-shockwave}.chaty-animation-shockwave:before{left:0;-webkit-animation:2s ease-out .8s infinite chaty-animation-shockwave;animation:2s ease-out .8s infinite chaty-animation-shockwave}.chaty-animation-blink{-webkit-animation:1.33s ease-out infinite chaty-animation-blink;animation:1.33s ease-out infinite chaty-animation-blink}.chaty-animation-pulse,.chaty-animation-pulse-icon{-webkit-animation:.4s infinite alternate chaty-animation-pulse;animation:.4s infinite alternate chaty-animation-pulse}.chaty-animation-sheen{position:relative;overflow:hidden}.chaty-animation-sheen:after{animation:5s infinite chaty-animation-sheen;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5) 50%,transparent);transform:rotateZ(60deg) translate(0,5em)}@keyframes chaty-animation-sheen{100%,20%{transform:rotateZ(60deg) translate(0,-80px)}}.chaty-animation-fade{animation:5s infinite chaty-animation-fade}.chaty-animation-spin{animation:5s cubic-bezier(.56,-.35,.22,1.5) infinite chaty-animation-spin}@keyframes chaty-animation-fade{15%,5%{opacity:.25}10%,100%,20%{opacity:1}}@keyframes chaty-animation-spin{10%{transform:rotateZ(-20deg);animation-timing-function:ease}100%,20%{transform:rotateZ(360deg)}}.chaty-animation-bounce,.chaty-animation-jump{animation:5s cubic-bezier(.84,-.54,.31,1.19) infinite chaty-animation-bounce}@keyframes chaty-animation-bounce{0%,100%,20%{transform:none}10%{transform:translateY(-1em)}}@keyframes chaty-animation-waggle{0%{transform:none}10%{transform:rotateZ(-20deg) scale(1.2)}13%{transform:rotateZ(25deg) scale(1.2)}15%{transform:rotateZ(-15deg) scale(1.2)}17%{transform:rotateZ(15deg) scale(1.2)}20%{transform:rotateZ(-12deg) scale(1.2)}22%{transform:rotateZ(0) scale(1.2)}100%,24%{transform:rotateZ(0) scale(1)}}.chaty-animation-waggle{animation:5s infinite chaty-animation-waggle}.chaty-animation-floating{-webkit-animation:chaty-animation-floating 3s ease infinite;animation:chaty-animation-floating 3s ease infinite}@keyframes chaty-animation-floating{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.chaty{display:none;z-index:99999}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip.chaty-tooltip:hover:after,.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close.chaty-tooltip:hover:before,.chaty.active,.chaty.form-open .chaty-widget.cssas-no-close-button.default-open .chaty-i-trigger{display:block!important}.chaty *{margin:0;padding:0}.chaty .sr-only,.chaty-outer-forms .sr-only,.hide-cht-svg-bg{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;outline:0!important}.chaty a,.chaty a:focus,.chaty a:hover,.chaty button{border:none;text-decoration:none;outline:0;box-shadow:none}.chaty-widget{position:fixed;bottom:25px;right:25px;z-index:997}.chaty-widget.left-position{left:25px;right:auto}.chaty-channel-list{display:flex;width:62px;height:124px;position:absolute;bottom:-4px;right:0;flex-direction:column;align-items:flex-start;pointer-events:none}.chaty-widget.left-position .chaty-channel-list{left:0;right:auto}.chaty-widget.chaty-open .chaty-channel-list,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:after,.chaty-widget.has-single .chaty-i-trigger .Phone-channel:before{pointer-events:auto}.chaty-channel-list .chaty-channel,.chaty-channel.single .chaty-svg{display:inline-block;width:54px;height:54px;border-radius:50%;margin:4px;cursor:pointer;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%)}.chaty-channel-list .chaty-channel{position:absolute;bottom:0;opacity:0;transition:.5s;-webkit-transition:.5s}.chaty-channel.single .chaty-svg{margin:0}.chaty-widget.chaty-open .chaty-channel-list .chaty-channel{opacity:1}.chaty-channel a,.chaty-channel button,.chaty-svg{display:block;width:54px;height:54px;border-radius:50%;cursor:pointer;position:relative;outline:0;min-width:unset}* .chaty-channel button{min-width:unset;max-width:unset}.chaty-channel button{background:0 0;border-radius:50%}.chaty-channel a .chaty-custom-icon,.chaty-channel button .chaty-custom-icon,.chaty-svg .chaty-custom-icon{width:54px;height:54px;border-radius:50%;text-align:center;font-size:27px;line-height:54px;color:#fff}.chaty-channel a:focus,.chaty-channel button:focus,.chaty-contact-form-box button.chaty-submit-button{outline:0}.chaty-contact-form-box button.chaty-submit-button:disabled .chaty-loader{display:inline-block}.chaty-agent-icon svg,.chaty-channel svg,.chaty-view-channels .chaty-channel span svg{width:100%;height:100%}.chaty-channel img{width:54px;height:54px;object-fit:cover;border-radius:50%}.chaty-i-trigger .chaty-channel{position:absolute;bottom:0;right:4px;transition:.5s;border-radius:50%;cursor:pointer}.chaty-cta-button{transition:.5s;box-shadow:0 16px 24px 0 rgb(73 104 126 / 16%);border-radius:50%}.chaty-widget.left-position .chaty-i-trigger .chaty-channel{left:4px;right:auto}.chaty-widget .chaty-cta-main .chaty-cta-button{z-index:1099;opacity:1;position:relative}.chaty-widget.chaty-open .chaty-cta-main .chaty-cta-button{z-index:999;opacity:0;transform:rotate(540deg);visibility:hidden}.chaty-widget .chaty-i-trigger .chaty-cta-close{pointer-events:none}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close{pointer-events:auto;z-index:101}.chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:999;opacity:0;visibility:hidden}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-close .chaty-cta-button{z-index:1099;opacity:1;transform:rotate(180deg);visibility:visible}.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip{z-index:91}.chaty-channel button.open-chaty-channel,.chaty-widget.chaty-no-close-button:not(.has-single) .chaty-i-trigger:not(.single-channel),.chaty-widget.chaty-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-channel button.open-chaty,.chaty.form-open .chaty-i-trigger .chaty-cta-main.chaty-tooltip .on-hover-text,.chaty.form-open .chaty-i-trigger .chaty-tooltip:after,.chaty.form-open .chaty-i-trigger .chaty-tooltip:before,.chaty.form-open .chaty-widget.has-single .chaty-i-trigger .on-hover-text{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger{display:block}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-main{display:none}.chaty.form-open.active .chaty-widget .chaty-i-trigger .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;pointer-events:auto}.chaty-widget .ch-pending-msg{position:absolute;right:-4px;top:-4px;width:16px;height:16px;text-align:center;background:red;color:#fff;font-size:10px;line-height:16px;border-radius:50%;z-index:1101}.chaty-widget.left-position.hor-mode .chaty-channel-list{width:136px;height:62px;left:0;bottom:0}.chaty-widget.right-position.hor-mode .chaty-channel-list{width:136px;height:62px;right:0;left:auto;bottom:0}.chaty-widget.hor-mode .chaty-channel-list .chaty-channel{margin-top:0;margin-bottom:0}.chaty-widget.hor-mode.left-position .chaty-channel-list .chaty-channel{left:0}.chaty-widget.hor-mode.right-position .chaty-channel-list .chaty-channel{right:0;left:auto}.chaty-chat-view,.chaty-outer-forms{vertical-align:bottom;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:fixed!important;bottom:-25px;left:25px;padding:0;width:320px;max-width:90%;-moz-transition:.5s linear;box-shadow:rgba(0,0,0,.16) 0 5px 40px;-webkit-box-shadow:rgba(0,0,0,.16) 0 5px 40px;-moz-box-shadow:rgba(0,0,0,.16) 0 5px 40px;opacity:0;visibility:hidden;pointer-events:none;z-index:-1;transition:.5s;-webkit-transition:.5s;animation-delay:-2s;-webkit-animation-delay:-2s}.chaty-chat-view.pos-left,.chaty-outer-forms.pos-left{left:25px}.chaty-chat-view.pos-right,.chaty-outer-forms.pos-right{right:25px;left:auto}.chaty-outer-forms.active,.chaty:not(.form-open) .chaty-widget.chaty-open+.chaty-chat-view{-webkit-transform:translateY(-93px);transform:translateY(-93px);opacity:1;z-index:999999;visibility:visible;bottom:0;pointer-events:auto}.chaty-whatsapp-body{padding:0;min-height:260px;position:relative;z-index:2}.chaty-whatsapp-content{padding:20px}.chaty-popup-whatsapp-form .chaty-whatsapp-body{height:260px;min-height:auto}.chaty-popup-whatsapp-form .chaty-whatsapp-content{display:flex;align-items:flex-start}.chaty-form-body{background:#fff;z-index:99999;min-height:75px;border-radius:10px}.chaty-form-body form{margin:0;padding:0}.qr-code-image{padding:10px;text-align:center;border:solid 1px silver;border-radius:4px}.qr-code-image img{max-width:100%;max-height:360px;margin:0 auto;display:block;width:100%;height:auto}.chaty-whatsapp-form{position:relative;background-color:#f0ede7;border-radius:8px;margin:0}.chaty-whatsapp-form:before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.035;background-image:url(//yanachalnik.ru/wp-content/plugins/chaty/images/whatsapp.png)}.chaty-popup-whatsapp-form .chaty-whatsapp-body:before,.chaty-popup-whatsapp-form .chaty-whatsapp-footer:before{background-image:url(//yanachalnik.ru/wp-content/plugins/chaty/images/whatsapp-welcome-popup.png);opacity:.7}.chaty-whatsapp-message{padding:7px 14px 6px;background-color:#fff;border-radius:0 10px 10px;position:relative;transform-origin:center top;z-index:2;margin-top:0;margin-left:0;max-width:calc(100% - 40px);font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif;font-size:14px;line-height:18px;border:1px solid rgba(34,17,71,.08)}.chaty-whatsapp-message:before{content:"";display:none;width:0;height:0;border-top:0 solid transparent;border-bottom:10px solid transparent;border-right:12px solid #fff;position:absolute;left:-12px;top:0}.wp-profile-img+.chaty-whatsapp-message:before{display:block}.chaty-whatsapp-message p{margin:0;padding:0;color:#111b21;font-weight:400;word-wrap:break-word}.chaty-whatsapp-footer{position:relative;padding:20px 15px}.whatsapp-chaty-form{display:flex;margin:0;padding:0}button.chaty-whatsapp-button-button,button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{text-align:center!important;height:40px!important;width:40px!important;padding:0!important;background:#c6d7e3!important;border-radius:20px!important;outline:0!important;box-shadow:none!important;cursor:pointer!important;margin:0 0 0 10px!important;text-decoration:none!important;border:none!important;min-width:1px!important;flex:0 0 40px}button.chaty-whatsapp-button-button{background:#c6d7e3!important}button.chaty-whatsapp-button-button:focus,button.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button{background:#25d366!important}.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:focus,.chaty-whatsapp-input:not(:placeholder-shown)+button.chaty-whatsapp-button-button:hover{background:#22bf5b!important}.chaty-whatsapp-data{display:flex;flex:1;z-index:1}.chaty-whatsapp-field{padding-right:0;flex:1;position:relative;display:flex;align-items:center}.chaty-whatsapp-button{flex:0 0 48px}.chaty-whatsapp-button svg{width:100%;height:100%;margin:0;padding:0}.chaty-whatsapp-field input[type=text]{height:40px!important;line-height:normal;padding:0 10px 0 15px;font-size:16px;resize:none;width:100%;border:none!important;border-radius:24px;outline:0;box-shadow:none!important;background:#fff!important;margin:0;color:#111b21;flex:1}.chaty-whatsapp-field input[type=text]:focus{outline:0!important;border:none!important;margin:0;color:#111b21;box-shadow:none!important}.chaty-whatsapp-button-button:active,.chaty-whatsapp-button-button:focus,.chaty-whatsapp-button-button:hover{background:#a8c5da!important}.chaty.form-open .chaty-channel button.open-chaty-channel,.chaty.form-open .chaty-no-close-button.has-single .chaty-i-trigger{display:block}.chaty-agent-data{font-size:16px}.chaty-agent-header{font-size:18px;padding:20px 15px;background:#22bf5b;color:#fff;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}.chaty-agent-data .close-chaty-form{right:10px;top:12px}.chaty-agent-data .chaty-agent{display:flex;align-items:center;padding:15px}.chaty-agent-data .chaty-agent a{color:#49687e;font-size:16px;text-decoration:none;display:flex;width:100%;align-items:center;outline:0;font-weight:400}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field,.chaty-contact-input textarea.chaty-textarea-field{color:#28303d;font-family:BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-sans;margin:0;background:#fff;outline:0}.chaty-agent-data .chaty-agent+.chaty-agent{border-top:2px solid #f6f8f9}.chaty-agent-img{width:36px;height:36px;object-fit:cover;border-radius:50%}.chaty-agent-icon{width:48px;height:48px;margin:0 15px 0 0}.chaty-agent-data .chaty-custom-icon{width:48px;height:48px;text-align:center;display:block;line-height:48px;background:silver;border-radius:50%;color:#fff;font-size:28px}.chaty-close-agent-list{position:absolute;right:15px;top:10px;width:26px;height:26px;cursor:pointer;z-index:10;padding:0 0 10px 10px}.chaty-agent-icon img{width:48px;height:48px;object-fit:cover}.chaty-close-agent-list svg{fill:#ffffff}.agent-sub-header{font-size:14px;line-height:20px;font-weight:400}.agent-main-header{font-size:20px;line-height:32px;font-weight:700;position:relative}.chaty-agent-header:before,.chaty-view-header:before{content:"";background:url(//yanachalnik.ru/wp-content/plugins/chaty/images/header-top.png) no-repeat;width:215px;height:41px;position:absolute;top:0;left:0;z-index:1}.chaty-agent-header:after,.chaty-view-header:after{content:"";background:url(//yanachalnik.ru/wp-content/plugins/chaty/images/header-bottom.png) no-repeat;width:44px;height:41px;position:absolute;bottom:0;right:0;z-index:1}.chaty-custom-channel-icon{display:block;border-radius:50%;color:#fff;text-align:center;line-height:54px}.chaty-contact-form-title{padding:10px 15px;text-align:left;font-size:18px;color:#fff;border-radius:8px 8px 0 0;justify-content:space-between;display:flex}.chaty-contact-inputs{padding:15px}.chaty-contact-input{display:block}.chaty-contact-input label.chaty-form-label{font-size:14px;margin:0;padding:0 0 4px 0;line-height:20px;display:flex;color:#28303d}.chaty-contact-input+.chaty-contact-input{margin:10px 0 0}.chaty-contact-input input.chaty-input-field,.chaty-contact-input input[type=email].chaty-input-field,.chaty-contact-input input[type=text].chaty-input-field,.chaty-contact-input select.chaty-input-field{width:100%;height:36px;line-height:36px;font-size:16px;padding:0 10px;border:1px solid #ccc;border-radius:4px}.chaty-contact-input .has-chaty-error:focus,.chaty-contact-input input.chaty-input-field:focus,.chaty-contact-input input[type=email].chaty-input-field:focus,.chaty-contact-input input[type=tel].chaty-input-field:focus,.chaty-contact-input input[type=text].chaty-input-field:focus,.chaty-contact-input select.chaty-input-field:focus,.chaty-contact-input textarea.chaty-textarea-field:focus{outline:0;box-shadow:none;border-color:#898989;background-color:#fff}.chaty-contact-input textarea.chaty-textarea-field{width:100%;height:100px;line-height:20px;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:4px;display:block}.chaty-contact-form-box .close-chaty-form{right:9px;top:9px}.chaty-contact-form-box button.chaty-submit-button[type=submit],button#chaty-submit-button-0{border:none;border-radius:4px;color:#fff;background:#a886cd;width:100%;height:36px;line-height:36px;font-size:18px;padding:0;margin:0;cursor:pointer;text-align:center;display:block}.chaty-contact-input input.chaty-input-field.has-chaty-error,.chaty-contact-input select.chaty-input-field.has-chaty-error,.chaty-contact-input textarea.has-chaty-error{border:1px solid #d20000}.chaty-contact-form-button{padding:15px}.chaty-ajax-error-message,.chaty-ajax-success-message{color:#00a700;padding:10px 0 0;text-align:center;font-size:16px}.chaty-ajax-error-message{color:#da0000}.chaty-view-header,.chaty-view-header a,.chaty-view-header a:focus,.chaty-view-header a:hover{font-weight:500;color:#fff;font-size:24px}.chaty-exit-intent{position:fixed;z-index:-1}.chaty-exit-intent:before{display:block;position:fixed;top:0;left:0;content:'';width:100vw;height:100vh;background:rgba(0,0,0,.8);visibility:hidden;z-index:100;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out}.chaty .chaty-widget.left-position .chaty-exit-intent:before{clip-path:circle(15px at 60px calc(100% - 60px))}.chaty .chaty-widget.right-position .chaty-exit-intent:before{clip-path:circle(15px at calc(100% - 60px) calc(100% - 60px))}.chaty .chaty-widget .chaty-exit-intent.animate:before{visibility:visible;clip-path:circle(100%)}.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:after,.chaty-widget.has-single .chaty-i-trigger .chaty-channel:not(.chaty-agent-button).Phone-channel .chaty-tooltip:before{pointer-events:inherit}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-wechat-form.custom-cht-pos,body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos{top:50%;left:0;right:0;margin:0 auto;transform:translate(0,-50%);bottom:auto}body.cht-in-mobile .chaty-outer-forms.chaty-agent-data.custom-cht-pos .chaty-agent-body{max-height:calc(100vh - 164px)!important}.chaty-whatsapp-message p+p{margin-top:10px}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form.custom-cht-pos .chaty-whatsapp-content{max-height:calc(100vh - 122px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms.chaty-whatsapp-form:not(.custom-cht-pos) .chaty-whatsapp-content{overflow-y:auto}.chaty.has-custom-pos.form-open .chaty-i-trigger{opacity:0;visibility:hidden}body.cht-in-mobile .chaty-outer-forms.chaty-contact-form-box.custom-cht-pos .chaty-contact-inputs{max-height:calc(100vh - 150px)!important;overflow-y:auto}body.cht-in-mobile .chaty-outer-forms{max-width:calc(100vw - 50px)!important}.chaty-view-body{background:#fff;border-radius:8px}.chaty-view-header{background:#b78deb;border-radius:7px 7px 0 0;padding:10px 15px;position:relative;word-break:break-word}.chaty-top-content{padding:15px 15px 0;font-size:16px}.chaty-view-content p,.chaty-view-content p a,.chaty-view-content p a:focus,.chaty-view-content p a:hover{margin:0;padding:0;font-size:16px;line-height:150%;color:#49687e;word-break:break-word}.chaty-view-content p a{display:inline-block}.chaty-view-content p a:focus,.chaty-view-content p a:hover,.chaty-view-header a:focus,.chaty-view-header a:hover{outline:0;text-decoration:none}.chaty-view-content p+p{margin-top:10px}.chaty-close-view-list{position:absolute;right:15px;top:10px;width:12px;cursor:pointer;z-index:11}.chaty-close-view-list svg{fill:#ffffff;display:inline-block;width:100%}.chaty-view-channels .chaty-channel{height:48px;display:inline-block;margin:6px 0;width:20%;text-align:center;vertical-align:top}.chaty-view-channels .chaty-channel a,.chaty-view-channels .chaty-channel img,.chaty-view-channels .chaty-channel span:not(.on-hover-text){display:block;width:48px;height:48px;margin:0 auto}.chaty-view-channels{padding:10px 8px}.chaty-view-channels .chaty-custom-channel-icon{font-size:24px}.front-google-captcha{width:100%!important;overflow:hidden}.front-google-captcha>div{width:100%}.front-google-captcha iframe{transform:scaleX(.9);position:relative;left:-15px}.widget-fa-icon{width:100%;height:100%;display:inline-block;vertical-align:middle;color:#fff}span.chaty-loader{display:none;vertical-align:middle;color:#fff;animation:rotation 1s infinite linear;width:24px;height:24px;text-align:center;line-height:24px;margin-left:5px}span.chaty-loader span.dashicons{width:24px;height:24px;text-align:center;line-height:24px;font-size:24px}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}span.chaty-loader.active{display:inline-block;vertical-align:baseline}.chaty-i-trigger.single-channel>.chaty-channel>.on-hover-text{display:none!important}html[dir=rtl] .chaty-input-field,html[dir=rtl] .chaty-submit-button,html[dir=rtl] .chaty-tooltip,html[dir=rtl] .chaty-tooltip:after,html[dir=rtl] .chaty-whatsapp-message,html[dir=rtl] .on-hover-text{direction:rtl}.add-bg-blur-effect{background-color:rgba(0,0,0,.4);overflow-x:hidden}.add-bg-blur-effect>:not(.chaty,.chaty-outer-forms,.picmo__popupContainer){filter:blur(6px)}.email_suggestion,.wp_email_suggestion{margin:0;padding:0;font-size:14px;color:#970029}.email_suggestion i,.wp_email_suggestion i{color:#2596be;font-weight:700;cursor:pointer}.chaty-custom-whatsapp-form .eac-sugg,.chaty-form .eac-sugg{color:#c1c1c1;line-height:34px!important}.chaty-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-body:before{opacity:.05}.chaty-custom-whatsapp-form .chaty-whatsapp-body{border-radius:0}.chaty-custom-whatsapp-form .chaty-whatsapp-footer{border-top:1px solid #e1e1e1;min-height:70px}.chaty-custom-whatsapp-form .chaty-whatsapp-data{display:block;z-index:1}.chaty-custom-whatsapp-form .chaty-whatsapp-button-button{width:100%!important;z-index:1;position:relative}.chaty-custom-whatsapp-form .header-text{display:flex;align-items:center}.chaty-custom-whatsapp-form .header-text span{display:inline-block;vertical-align:super;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button svg{width:26px;height:26px;fill:#ffffff;margin-right:3px}.chaty-custom-whatsapp-form .chaty-whatsapp-button span{font-size:15px;padding-left:5px}.chaty-custom-whatsapp-form .chaty-whatsapp-button{display:flex;align-items:center;justify-content:center;border-radius:6px!important}.chaty-custom-whatsapp-form .chaty-whatsapp-content{padding:15px;z-index:101111;position:relative}.chaty-custom-whatsapp-form .chaty-whatsapp-body{min-height:auto}.chaty-outer-forms input[type=number]::-webkit-inner-spin-button,.chaty-outer-forms input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.chaty-whatsapp-header{display:flex;align-items:center;background-color:#4aa485;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;box-shadow:0 16px 32px 0 #1a0E3529}.chaty-whatsapp-header .header-wp-icon{height:30px;width:30px;margin-right:7px}.chaty-whatsapp-header .header-wp-title{color:#fff;font-size:15px;flex:1;padding-right:8px}.whatsapp-form-close-btn{flex:0 0 16px;cursor:pointer}.whatsapp-form-close-btn svg{width:16px;height:16px}.chaty-form,.chaty-whatsapp-form{font-family:Segoe UI,Helvetica Neue,Helvetica,Lucida Grande,Arial,Ubuntu,Cantarell,Fira Sans,sans-serif}.chaty-whatsapp-body .wp-profile-img{height:30px;width:30px;margin-right:15px}.chaty-whatsapp-body .wp-profile-img img{height:30px;width:30px;border-radius:50%;object-fit:cover}.chaty-whatsapp-message-nickname{color:#489d81;font-size:10px;font-weight:500;line-height:14px}.chaty-whatsapp-message-time{color:#a1a1a9;font-size:10px;line-height:12px}.chaty-whatsapp-input::placeholder{color:#83a1b7;opacity:40%}.chaty-whatsapp-input::-ms-input-placeholder{color:#83a1b7;opacity:40%}button[type=button].chaty-wp-emoji-input,button[type=button].chaty-wp-emoji-input:focus,button[type=button].chaty-wp-emoji-input:hover{position:absolute!important;top:9px;left:8px;background:0 0!important;border:none!important;cursor:pointer;height:24px!important;width:24px!important;padding:0!important;min-width:1px!important;margin:0!important;outline:0!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-wp-emoji-input{display:none!important}.chaty-whatsapp-input{padding-left:38px!important}.chaty-whatsapp-field:not(.has_emoji) .chaty-whatsapp-input{padding-left:15px!important}.picmo__popupContainer{z-index:1000000}body .picmo__emojiButton span{font-size:24px;line-height:24px;display:inline-block;vertical-align:middle}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton{color:#8f8f8f;border:solid 1px transparent}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab.picmo__categoryTabActive .picmo__categoryButton{border:1px solid #a886cd;color:#a071d3;background:#fff}body .picmo__picker .picmo__emojiCategory .picmo__categoryName{display:flex;height:auto;padding:10px 17px;border-bottom:solid 1px #e2e8f0;font-weight:700;background:#f3f3f3}body .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton:hover{background:#fff}body .picmo__emojiButton{border-radius:4px}body .picmo__emojiButton:focus{outline:0;border-radius:5px}.chaty-channel span.chaty-icon{display:block}.chaty.form-open .chaty-widget.has-single .chaty-cta-close .chaty-cta-button{opacity:1;visibility:visible;transform:rotate(360deg);z-index:999}.chaty-custom-whatsapp-form .eac-input-wrap{width:100%;overflow:hidden}.chaty-custom-whatsapp-form .chaty-whatsapp-button button{width:100%;border:none;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chaty-contact-input input[type=file].chaty-input-field{line-height:32px}.eac-cval:empty,.eac-sugg:empty{display:none!important}.qr-code-header{display:flex;align-items:center;background-color:#a886cd;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px 15px;position:relative;justify-content:space-between;color:#fff;box-shadow:0 16px 32px 0 #1a0E3529;z-index:999999}.chaty-close-button{cursor:pointer}.qr-code-title{line-height:1;padding:15px 15px 0;font-size:14px;color:#83a1b7}.qr-code-box{margin-top:10px;padding:0 15px 15px}.qr-code-head-title{display:inline-flex;align-items:center}.qr-code-head-title svg{margin-right:5px}.mce-error{border:1px solid #d00!important}.required_indicate{color:red;font-size:18px;margin-left:2px}.chaty-whatsapp-button-button svg{display:inline-block;vertical-align:sub}.chaty-wp-emoji-input:hover{background-color:transparent;border-color:transparent}.chaty-wp-emoji-input:focus{outline:0}.chaty-whatsapp-input[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:40%!important}[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity .5s .5s ease;transition:opacity .5s .5s ease;opacity:1!important}.chaty-outer-forms form{margin:0}.chaty,.chaty *,.chaty-form,.chaty-form *,.chaty-whatsapp-form,.chaty-whatsapp-form *{-webkit-tap-highlight-color:transparent}body.csaas-has-chatway:not(.chatway-is-open) .chatway--trigger-container{display:none!important}body.csaas-has-chatway:not(.chatway-is-open) .chatway--frame-container{opacity:0;visibility:hidden}body.csaas-has-chatway.chatway-is-open .chaty{display:none!important}.chaty-widget.has-chatway .Chatway-channel-link{opacity:1;visibility:visible;pointer-events:auto}.has-chat-view.active .chaty-widget.has-chatway.chaty-open .chaty-channel-list{display:none!important}.chaty-channel.Chatway-channel-link.has-unread-message:after,.chaty-widget:not(.has-chatway):not(.chaty-open) .csaas-widget-trigger.has-unread-message:after{content:attr(data-unread-message);width:20px;height:20px;background:#ff4545;position:absolute;border-radius:50%;font-size:12px;font-weight:600;color:#fff;display:inline-flex;align-items:center;justify-content:center;bottom:44px;z-index:1111;right:-4px}body:not(.chatway--active) .chaty-widget.has-chatway.above-chaty .Chatway-channel-link{display:none!important}body:not(.chatway--active) .chaty-widget.inside-chaty .chaty-channels .Chatway-channel-link{display:none!important}body.csaas-has-chatway.has--chaty.chatway--active:not(.chatway--visible) .chatway--container{display:block}.chaty.chaty-has-chat-view .has-chatway.chaty-open .Chatway-channel-link{display:none!important}.chaty-view-channels .chaty-channel.Chatway-channel.has-unread-message:after{right:0;top:-8px;bottom:auto}html[dir=rtl] button[type=button].chaty-wp-emoji-input,html[dir=rtl] button[type=button].chaty-wp-emoji-input:focus,html[dir=rtl] button[type=button].chaty-wp-emoji-input:hover{right:8px}html[dir=rtl] .chaty-whatsapp-field input[type=text]{padding:0 35px 0 00px}html[dir=rtl] button.chaty-whatsapp-button-button,html[dir=rtl] button.chaty-whatsapp-button-button:focus,html[dir=rtl] button.chaty-whatsapp-button-button:hover{margin:0 10px 0 0!important}html[dir=rtl] button.chaty-whatsapp-button-button svg{transform:rotate(180deg)}.strong-form {
position: relative;
margin: 0 auto;
}
.strong-form .form-field {
margin-bottom: 1.5em;
}
.strong-form .form-field.wpmtst-submit {
margin-bottom: 0;
}
.strong-form .required.symbol:after {
content: '*';
color: #FF0000;
font-size: 1.5em;
font-weight: 400;
margin: 0 5px;
position: relative;
top: 5px;
}
.strong-form label {
display: inline-block;
float: none;
width: auto;
}
.strong-form input[type="text"],
.strong-form input[type="email"],
.strong-form input[type="url"],
.strong-form input[type="file"],
.strong-form select,
.strong-form textarea {
box-sizing: border-box;
display: block;
float: none;
width: 100%;
}
.strong-form input[type="checkbox"] {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
margin-left: 12px;
margin-right: 6px;
}
.strong-form input[type="checkbox"] + label {
font-weight: 400;
padding: 5px;
}
.strong-form input[type="checkbox"]:focus + label {
outline: 1px solid #CCC;
}
.strong-form textarea {
height: 16em;
}
.strong-form span.error,
.strong-form label.error {
display: block;
}
.strong-form .before {
display: block;
}
.strong-form .after {
display: block;
}
.strong-form-inner {
padding: 20px;
}
input.captcha {
display: block;
width: auto;
}
img.captcha {
border: 0;
}
.wpmtst-captcha {
margin-bottom: 1em;
} .strong-form ul.strong-category-list,
.strong-form ul.strong-category-list ul.children {
list-style-type: none;
}
.strong-form ul.strong-category-list label,
.strong-form ul.strong-category-list ul.children label {
font-weight: 400;
white-space: nowrap;
word-wrap: break-word;
}
.strong-form ul.strong-category-list {
margin: 0;
padding-left: 0;
}
.strong-form ul.strong-category-list ul.children {
margin-left: 1.5em;
padding-left: 0;
} .strong-form-wait {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.7);
}
.strong-form-wait .message {
position: absolute;
top: calc( 50% - 25px );
text-align: center;
width: 100%;
height: 50px;
line-height: 50px;
color: #111;
}
.strong-form-wait .message img {
width: 50px;
height: 50px;
margin: 0 auto;
}
@keyframes wpmtst-spin{
0%{
transform: rotate(360deg);
}
100%{
transform: rotate(0deg);
}
}
.strong-form-wait .message img{
animation: wpmtst-spin 2.5s infinite 0s linear;
}
.strong-form { }
.strong-form label {
font-weight: 700;
}
.strong-form .form-field .after {
font-size: .9em;
font-style: italic;
}
.strong-form input.error,
.strong-form textarea.error,
.strong-form select.error {
background: #F9E5E6;
border: 1px solid #E8AAAD;
color: #B50007;
}
.strong-form span.error,
.strong-form label.error {
color: #B50007;
}
.strong-form .field-wrap {
display: block;
font-weight: 400;
border: 1px solid transparent;
}
.strong-form .field-wrap.error {
border-radius: 3px;
background: #F9E5E6;
border: 1px solid #E8AAAD;
color: #B50007;
}
.strong-form .field-wrap.error .checkbox-label {
outline: none;
}
.strong-form .field-wrap.error .strong-rating {
outline-color: #E8AAAD;
}
.strong-form .field-wrap input + label + .required.symbol:after {
margin-left: 0;
} .strong-form.dark input.error,
.strong-form.dark textarea.error,
.strong-form.dark select.error {
border: 1px solid #FF6666;
}
.strong-form.dark .field-wrap.error {
border: 1px solid #FF6666;
}
.strong-form.dark .field-wrap.error .checkbox-label {
color: #111;
}
.strong-form.dark .field-wrap.error .strong-rating {
outline-color: #FF6666;
}@font-face { font-family: 'Akrobat'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/Akrobat-Thin.ttf) format('truetype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Akrobat'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/Akrobat-ExtraLight.ttf) format('truetype'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Akrobat'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/Akrobat-Light.ttf) format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Akrobat'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/Akrobat-Regular.ttf) format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Akrobat'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/Akrobat-SemiBold.ttf) format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Akrobat'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/Akrobat-Bold.ttf) format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Akrobat'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/Akrobat-ExtraBold.ttf) format('truetype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Akrobat'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/Akrobat-Black.ttf) format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-UltraLight.otf) format('opentype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Thin.otf) format('opentype'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Light.otf) format('opentype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Roman.otf) format('opentype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Medium.otf) format('opentype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Medium.otf) format('opentype'); font-weight: 550; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Bold.otf) format('opentype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Heavy.otf) format('opentype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Black.otf) format('opentype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-Italic.otf) format('opentype'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'HelveticaNeueCyr'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/HelveticaNeueCyr-BoldItalic.otf) format('opentype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Bebas Neue'; src: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/fonts/17502.ttf) format('truetype'); font-weight: 700; font-style: normal; }.px-btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-weight: 550;
text-transform: uppercase;
letter-spacing: 0.02em;
text-decoration: none;
cursor: pointer;
border: none;
transition: opacity .2s;
white-space: nowrap;
}
.px-btn:hover { opacity: .88; color: #ffffff !important; }
.px-btn--red {
background: rgba(253, 5, 6, 1);
color: #ffffff;
}
.px-btn--white {
background: #ffffff;
color: rgba(37, 68, 96, 1);
}
.px-btn--navy {
background: rgba(37, 68, 96, 1);
color: #ffffff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
img { display: block; }
a { text-decoration: none; color: inherit; }
body {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
background: #f5efed;
} .hd {
width: 100%;
background: #ffffff;
border-bottom: 1px solid rgba(221, 221, 221, 1);
}
.hd__wrap {
position: relative;
max-width: 1440px;
width: 100%;
height: 176px;
margin: 0 auto;
} .hd__nav {
position: absolute;
left: 120px;
top: 29px;
display: flex;
flex-direction: row;
gap: 30px;
align-items: center;
}
.hd__nav-link {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 14px;
font-weight: 400;
color: rgba(0, 0, 0, 1);
white-space: nowrap;
line-height: 1;
}
.hd__nav-link--active {
color: rgba(253, 5, 6, 1);
text-decoration: underline;
} .hd__email {
position: absolute;
left: 1150px;
top: 29px;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 14px;
font-weight: 550;
color: rgba(0, 0, 0, 1);
text-transform: uppercase;
white-space: nowrap;
line-height: 1;
} .hd__logo {
position: absolute;
left: 120px;
top: 92px;
width: 228px;
height: 32px;
display: block;
}
.hd__logo img {
width: 228px;
height: 32px;
object-fit: contain;
object-position: left center;
} .hd__search {
position: absolute;
left: 386px;
top: 92px;
width: 482px;
height: 31px;
}
.hd__search-input {
width: 100%;
height: 100%;
padding: 0 36px 0 14px;
border: 1px solid rgba(155, 155, 155, 1);
border-radius: 12px;
background: #ffffff;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 14px;
font-weight: 400;
color: rgba(155, 155, 155, 1);
outline: none;
appearance: none;
}
.hd__search-input::placeholder {
color: rgba(155, 155, 155, 1);
} .hd__search-icon {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
pointer-events: none;
} .hd__socials {
position: absolute;
left: 888px;
top: 96px;
display: flex;
gap: 10px; align-items: center;
}
.hd__social {
display: block;
width: 24px;
height: 24px;
flex-shrink: 0;
}
.hd__social img {
width: 24px;
height: 24px;
}
.hd__social--ok {
position: relative;
}
.hd__social--ok .hd__social-bg {
position: absolute;
inset: 0;
width: 24px;
height: 24px;
}
.hd__social--ok .hd__social-icon {
position: absolute;
left: 6px;
top: 4px;
width: 12px;
height: 16px;
} .hd__cta {
position: absolute;
left: 1120px;
top: 83px;
width: 200px;
height: 50px;
background: rgba(253, 5, 6, 1);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 17px;
font-weight: 550;
color: #ffffff !important;
white-space: nowrap;
}
.hd__cta:hover { color: #ffffff !important; opacity: .88; } .hd__line {
position: absolute;
left: 11px;
top: 145px;
width: 1419px;
height: 1px;
background: rgba(238, 238, 238, 1);
} .hd__burger {
display: none;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 6px;
background: none;
border: none;
padding: 0;
cursor: pointer;
z-index: 20;
}
.hd__burger span {
display: block;
width: 24px;
height: 2px;
background: rgba(0, 0, 0, 1);
border-radius: 1px;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.hd__burger--open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.hd__burger--open span:nth-child(2) { opacity: 0; }
.hd__burger--open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } .hd__mobile-menu {
display: none;
}  .hero {
width: 100%;
background-color: rgba(37, 68, 96, 1); }
.hero__inner {
position: relative;
max-width: 1440px;
width: 100%;
height: auto;
min-height: 909px;
margin: 0 auto;
overflow: hidden;
} .hero__stripe {
position: absolute;
left: 756px;
top: -18px;
width: 492px;
height: 1051px;
background-color: rgba(60, 105, 146, 1); } .hero__photo {
position: absolute;
left: 679px;
top: 68px;
width: 594px;
height: 1122px;
background-image: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/images/hero-pixso/hero-photo.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
} .hero__badge {
position: absolute;
left: 120px;
top: 100px;
width: 388px;
height: 42px;
border-radius: 10px;
background-color: rgba(60, 105, 146, 1);
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
padding: 10px;
}
.hero__badge img { flex-shrink: 0; }
.hero__badge span {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 17px;
font-weight: 400;
color: rgba(255, 255, 255, 1);
white-space: nowrap;
} .hero__title {
position: absolute;
left: 120px;
top: 176px;
width: 564px;
font-family: 'Akrobat', sans-serif;
font-size: 60px;
font-weight: 800;
letter-spacing: 0.03em;
line-height: 1.25;
color: rgba(255, 255, 255, 1);
} .hero__subtitle {
position: absolute;
left: 120px;
top: 370px;
width: 539px;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 24px;
font-weight: 300;
color: rgba(255, 255, 255, 1);
line-height: 1.4;
} .hero__btns {
position: absolute;
left: 120px;
top: 479px;
display: flex;
flex-direction: row;
gap: 15px;
align-items: center;
}
.hero__btn {
height: 60px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 17px;
font-weight: 550;
letter-spacing: 0;
text-transform: uppercase;
white-space: nowrap;
padding: 0 20px;
} .hero__btn--red {
width: 300px;
background-color: rgba(253, 5, 6, 1);
color: rgba(255, 255, 255, 1);
} .hero__btn--white {
width: 285px;
background-color: rgba(255, 255, 255, 1);
color: rgba(37, 68, 96, 1);
} .hero__card {
position: absolute;
left: 120px;
right: 120px;
top: 623px;
width: auto;
height: auto;
border-radius: 30px;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 4px 10.6px 0px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 36px 77px;
gap: 54px;
}
.hero__feature {
display: flex;
flex-direction: column;
gap: 15px;
flex: 1;
} .hero__feature-icon {
width: 43px;
height: 40px;
border-radius: 3.875px;
background-color: rgba(253, 5, 6, 1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.hero__feature-text {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 20px;
font-weight: 400;
color: rgba(37, 68, 96, 1);
line-height: 1.4;
} .prof {
width: 100%;
background-color: rgba(245, 239, 237, 1); }
.prof__inner {
max-width: 1440px;
width: 100%;
height: auto;
margin: 0 auto;
padding: 60px 120px;
display: flex;
align-items: center;
justify-content: center;
} .prof__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: auto;
gap: 42px 21px;
} .prof__title {
grid-column: 3;
grid-row: 1;
width: 330px;
align-self: center;
font-family: 'Akrobat', sans-serif;
font-size: 45px;
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
line-height: 1.2;
} .prof__card {
width: 330px;
height: 209px;
border-radius: 10px;
overflow: visible;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} .prof__card::after {
content: '';
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
width: 75%;
height: 28px;
background: radial-gradient(ellipse at center, rgba(34, 72, 105, 0.55) 0%, transparent 70%);
filter: blur(10px);
border-radius: 50%;
z-index: -1;
pointer-events: none;
}
.prof__card-img { display: none; } .prof__card-text {
position: relative;
z-index: 1;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 24px;
font-weight: 550;
text-align: center;
color: rgba(255, 255, 255, 1);
padding: 0 28px;
line-height: 1.3;
} .prof__card--blue {
background: linear-gradient(145deg, rgba(37, 68, 96, 1) 0%, rgba(85, 132, 174, 1) 100%);
} .prof__card--red {
background: linear-gradient(90deg, rgba(157, 4, 5, 1) 0%, rgba(92, 2, 3, 1) 100%);
} .why {
width: 100%;
background-color: rgba(245, 239, 237, 1); }
.why__inner {
max-width: 1440px;
width: 100%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: stretch;
padding: 60px 120px;
gap: 20px;
} .why__card {
flex: 1;
height: 297px;
border-radius: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 32px 40px;
}
.why__card--light {
background-color: rgba(247, 248, 252, 1); border: 1px solid rgba(224, 224, 224, 1);
} .why__card--blue {
background: linear-gradient(145deg, rgba(37, 68, 96, 1) 0%, rgba(85, 132, 174, 1) 100%);
}
.why__card-title {
font-family: 'Akrobat', sans-serif;
font-size: 35px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0;
line-height: 1.15;
margin-bottom: 20px;
}
.why__card--light .why__card-title { color: rgba(37, 68, 96, 1); }
.why__card--blue  .why__card-title { color: rgba(255, 255, 255, 1); }
.why__card-text {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.5;
}
.why__card--light .why__card-text { color: rgba(37, 68, 96, 1); }
.why__card--blue  .why__card-text { color: rgba(255, 255, 255, 1); } .audience {
width: 100%;
background-color: rgba(245, 239, 237, 1);
}
.audience__inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 100px 120px;
} .audience__title {
font-family: 'Akrobat', sans-serif;
font-size: 55px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.03em;
line-height: 1.2;
color: rgba(37, 68, 96, 1);
margin-bottom: 48px;
}
.audience__title-accent {
color: rgba(253, 5, 6, 1);
} .audience__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
} .audience__card {
background: rgba(247, 248, 252, 1);
border: 1px solid rgba(224, 224, 224, 1);
border-radius: 24px;
padding: 32px 32px 36px;
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
} .audience__card-icon {
margin-bottom: 20px;
align-self: flex-end;
}
.audience__card-icon img {
width: 24px;
height: 24px;
object-fit: contain;
} .audience__card-title {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: 'Akrobat', sans-serif;
font-size: 35px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0;
line-height: 1.15;
color: rgba(37, 68, 96, 1);
} .audience__card-text {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 18px;
font-weight: 300;
color: rgba(70, 82, 88, 1);
line-height: 1.55;
text-align: center;
} .audience__grid .audience__card--cta {
background-image: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/res/img/group_1.png);
background-size: cover;
background-position: center;
border-color: transparent;
align-items: center;
justify-content: flex-end;
aspect-ratio: 1 / 1 !important;
padding: 32px !important;
padding: 32px;
}
.audience__card-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 52px;
border-radius: 10px;
background: rgba(255, 255, 255, 1);
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 15px;
font-weight: 550;
color: rgba(37, 68, 96, 1);
text-transform: uppercase;
letter-spacing: 0.04em;
text-decoration: none;
transition: opacity .2s;
}
.audience__card-btn:hover { opacity: .85; } .process {
width: 100%;
background-color: rgba(245, 239, 237, 1);
}
.process__inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 100px 120px 60px;
} .process__title {
font-family: 'Akrobat', sans-serif;
font-size: 55px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.03em;
color: rgba(37, 68, 96, 1);
line-height: 1.1;
margin-bottom: 52px;
} .process__layout {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: stretch;
gap: 32px;
}
.process__col {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 32px;
} .process__card {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 1);
border-radius: 10px;
padding: 30px;
display: flex;
box-sizing: border-box;
flex-direction: column;
gap: 14px;
} .process__card-title {
font-family: 'Akrobat', sans-serif;
font-size: 35px;
font-weight: 800;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
line-height: 1.1;
letter-spacing: 0;
} .process__card-text {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 20px;
font-weight: 300;
color: rgba(37, 68, 96, 1);
line-height: 1.5;
} .process__photo {
display: flex;
align-items: flex-end;
justify-content: center;
height: 100%;
}
.process__photo img {
width: 100%;
max-width: 395px;
height: auto;
object-fit: contain;
object-position: bottom;
display: block;
} .cform {
width: 100%;
background-color: rgba(245, 239, 237, 1);
padding: 100px 0;
}
.cform__inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 120px;
} .cform__card {
width: 100%;
min-height: 481px;
border-radius: 10px;
background: linear-gradient(145deg, rgba(37, 68, 96, 1) 0%, rgba(85, 132, 174, 1) 100%);
display: flex;
align-items: flex-end;
overflow: hidden;
} .cform__photo {
flex: 1;
display: flex;
align-items: flex-end;
justify-content: center;
align-self: stretch;
min-height: 500px;
}
.cform__photo img {
height: 90%;
width: 100%;
object-fit: cover;
object-position: top center;
display: block;
} .cform__content {
width: 100%;
max-width: 698px;
flex-shrink: 1;
padding: 60px 60px 60px 0;
} .cform__title {
font-family: 'Akrobat', sans-serif;
font-size: 45px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #ffffff;
line-height: 1.15;
margin-bottom: 16px;
} .cform__subtitle {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 18px;
font-weight: 550;
color: #ffffff;
margin-bottom: 24px;
}
.cform__form {
display: flex;
flex-direction: column;
gap: 12px;
} .cform__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
} .cform__field { width: 100%; } .cform__input {
width: 100%;
height: 66px;
padding: 0 15px;
border-radius: 10px;
border: 1px solid rgba(184, 184, 184, 1);
background: rgba(251, 251, 251, 1);
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 15px;
font-weight: 400;
color: #000000;
outline: none;
transition: border-color .2s;
}
.cform__input::placeholder { color: rgba(100, 100, 100, 0.6); }
.cform__input:focus { border-color: rgba(37, 68, 96, 0.6); } .cform__bottom {
display: flex;
align-items: center;
gap: 25px;
margin-top: 6px;
}
.cform__policy {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
flex: 1;
}
.cform__checkbox {
flex-shrink: 0;
width: 24px;
height: 25px;
margin-top: 2px;
border-radius: 5px;
border: 1px solid #ffffff;
appearance: none;
-webkit-appearance: none;
background: transparent;
cursor: pointer;
}
.cform__checkbox:checked {
background: rgba(253, 5, 6, 1);
border-color: rgba(253, 5, 6, 1);
}
.cform__policy span {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 13px;
font-weight: 400;
color: #ffffff;
line-height: 1.4;
} .cform__submit {
flex-shrink: 0;
width: auto;
min-width: 200px;
height: 60px;
border-radius: 15px;
font-size: 18px;
} .bonus {
width: 100%;
background-color: rgba(245, 239, 237, 1);
padding: 100px 0;
}
.bonus__inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 120px;
}
.bonus__heading,
h2.bonus__heading {
font-family: 'Akrobat', sans-serif !important;
font-weight: 800 !important;
font-size: clamp(40px, 5vw, 70px) !important;
line-height: 1 !important;
text-transform: uppercase !important;
color: var(--yan-blue, #25445F) !important;
margin: 0 0 24px !important;
} .bonus__card {
width: 100%;
height: auto;
border-radius: 10px;
background: linear-gradient(145deg, rgba(37, 68, 96, 1) 0%, rgba(85, 132, 174, 1) 100%);
position: relative;
overflow: hidden;
display: flex;
align-items: center;
} .bonus__content {
position: relative;
z-index: 2;
padding: 56px 40px 56px 102px;
display: flex;
flex-direction: column;
gap: 14px;
} .bonus__tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
} .bonus__title {
font-family: 'Akrobat', sans-serif;
font-size: 45px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #ffffff;
line-height: 1.15;
} .bonus__subtitle {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 20px;
font-weight: 550;
color: #ffffff;
} .bonus__btn {
width: 100%;
max-width: 393px;
height: 60px;
border-radius: 15px;
font-size: 18px;
}  .pricing {
width: 100%;
background-color: rgba(245, 239, 237, 1);
padding: 0;
}
.pricing__inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 120px;
} .pricing__title {
font-family: 'Akrobat', sans-serif;
font-size: 55px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.03em;
color: rgba(37, 68, 96, 1);
line-height: 1.15;
margin-bottom: 48px;
} .pricing__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
align-items: stretch;
} .pricing__left {
background: rgba(255, 255, 255, 1);
border-radius: 10px;
padding: 34px 26px 36px;
display: flex;
flex-direction: column;
gap: 24px;
min-height: 505px;
} .pricing__left-title {
font-family: 'Akrobat', sans-serif;
font-size: 35px;
font-weight: 800;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
line-height: 1.15;
} .pricing__list {
list-style: disc;
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 4px;
}
.pricing__list li {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 22px;
font-weight: 300;
color: rgba(37, 68, 96, 1);
line-height: 1.4;
} .pricing__price-btn {
width: 332px;
height: 65px;
border-radius: 30px;
font-family: 'Akrobat', sans-serif;
font-size: 35px;
font-weight: 800;
margin-top: auto;
} .pricing__right {
background: linear-gradient(145deg, rgba(37, 68, 96, 1) 0%, rgba(85, 132, 174, 1) 100%);
border-radius: 10px;
padding: 46px 26px 120px;
min-height: 504px;
display: flex;
flex-direction: column;
position: relative;
} .pricing__form-title {
font-family: 'Akrobat', sans-serif;
font-size: 35px;
font-weight: 800;
text-transform: uppercase;
color: #ffffff;
text-align: center;
margin-bottom: 32px;
} .pricing__right .cform__row {
grid-template-columns: 1fr 1fr;
} .pricing__right .cform__submit,
.pricing__right input[type="submit"] {
position: absolute !important;
bottom: 40px !important;
left: 26px !important;
right: 26px !important;
margin-top: 0 !important;
}
.pricing__right .cform__submit,
.pricing__right input[type="submit"] {
height: 60px !important;
border-radius: 15px !important;
font-size: 18px !important;
font-family: 'HelveticaNeueCyr', Arial, sans-serif !important;
font-weight: 550 !important;
text-transform: uppercase !important;
letter-spacing: 0.02em !important;
background: rgba(253, 5, 6, 1) !important;
color: #fff !important;
border: none !important;
cursor: pointer !important;
margin-top: auto !important;
transition: opacity .2s !important;
opacity: 1 !important;
} .pricing__checkbox {
border-color: #ffffff;
} .pricing__submit {
width: 100%;
height: 60px;
border-radius: 15px;
font-size: 18px;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-weight: 550;
text-transform: uppercase;
letter-spacing: 0.02em;
background: rgba(253, 5, 6, 1);
color: #fff;
border: none;
cursor: pointer;
margin-top: auto;
transition: opacity .2s;
}
.pricing__submit:hover { opacity: .88; }
.pricing__price-btn {
width: 100%;
height: 60px;
border-radius: 15px;
font-size: 18px;
justify-content: center;
} .faq {
width: 100%;
background-color: rgba(245, 239, 237, 1);
padding: 100px 0;
}
.faq__inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 120px;
} .faq__title {
font-family: 'Akrobat', sans-serif !important;
font-size: 55px;
font-weight: 800;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
line-height: 1.0;
text-align: center;
margin-bottom: 48px;
}
.faq__title-accent {
color: rgba(253, 5, 6, 1);
} .faq .acc__item {
box-shadow: 0 2px 8px rgba(0,0,0,.06);
} .trainers {
width: 100%;
background-color: rgba(245, 239, 237, 1);
padding: 100px 0;
}
.trainers__inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 120px;
} .trainers__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
align-items: start;
} .trainer {
display: flex;
flex-direction: column;
} .trainer__header {
width: 100%;
height: 312px !important;
border-radius: 15px;
background: linear-gradient(145deg, rgba(37, 68, 96, 1) 0%, rgba(85, 132, 174, 1) 100%);
overflow: hidden;
position: relative;
display: flex;
align-items: center;
margin-bottom: 28px;
align-self: flex-start;
} .trainer__info--center {
width: 100%;
text-align: center;
padding: 0 24px;
} .trainer__header--with-photo {
justify-content: flex-end;
} .trainer__photo {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: auto;
object-fit: contain;
object-position: bottom left;
display: block;
} .trainer__info {
position: relative;
z-index: 2;
margin-left: auto;
width: 230px;
padding: 28px 24px 28px 0;
} .trainer__name {
font-family: 'Akrobat', sans-serif;
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #ffffff;
line-height: 1.1;
margin-bottom: 12px;
} .trainer__role {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 18px;
font-weight: 300;
color: #ffffff;
line-height: 1.4;
} .trainer__bio {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 20px;
}
.trainer__bio li {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 20px;
font-weight: 400;
color: rgba(37, 68, 96, 1);
line-height: 1.5;
padding-left: 20px;
position: relative;
}
.trainer__bio li::before {
content: '';
position: absolute;
left: 0;
top: 11px;
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(37, 68, 96, 1);
}
.bonus__ya {
position: absolute;
right: -22px;
top: 50%;
transform: translateY(-50%);
width: 577px;
height: 577px;
background-image: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/res/img/Mask group.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 1;
} .program {
width: 100%;
background-color: rgba(245, 239, 237, 1);
}
.program__inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 100px 120px 40px;
} .program__title {
font-family: 'Akrobat', sans-serif;
font-size: 55px;
font-weight: 800;
line-height: 1.25;
text-transform: uppercase;
color: rgba(70, 82, 88, 1);
margin-bottom: 32px;
}
.program__title-accent {
color: rgba(253, 5, 6, 1);
} .program__area {
width: 100%;
background: linear-gradient(145deg, rgba(37, 68, 96, 1) 0%, rgba(85, 132, 174, 1) 100%);
padding: 40px 0 60px;
} .program__area-inner {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 121px;
} .program__tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 24px;
}
.program__tag {
min-height: 48px;
height: auto;
padding: 8px 16px;
border-radius: 10px;
background: rgba(255, 255, 255, 1);
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
color: rgba(37, 68, 96, 1);
display: flex;
align-items: center;
white-space: nowrap;
}
@media (max-width: 768px) {
.program__tag {
white-space: normal;
word-break: break-word;
}
} .acc {
display: flex;
flex-direction: column;
gap: 10px;
}
.acc__item {
background: rgba(255, 255, 255, 1);
border-radius: 16px;
overflow: hidden;
}
.acc__trigger {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 32px 0 48px;
height: 80px;
cursor: pointer;
background: none;
border: none;
text-align: left;
gap: 20px;
}
.acc__q {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 24px;
font-weight: 550;
color: rgba(0, 0, 0, 1);
line-height: 1.6;
} .acc__icon {
flex-shrink: 0;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.25s ease;
}
.acc__icon svg {
width: 42px;
height: 42px;
stroke: rgba(37, 68, 96, 1);
fill: none;
stroke-linecap: round;
} .acc__item--open .acc__icon {
transform: rotate(45deg);
} .acc__body {
display: none;
padding: 0 48px 28px;
}
.acc__item--open .acc__body {
display: block;
}
.acc__list {
list-style: disc;
padding-left: 24px;
display: flex;
flex-direction: column;
gap: 4px;
}
.acc__list li {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 20px;
font-weight: 300;
color: rgba(40, 42, 51, 1);
line-height: 1.6;
} .program__btn-wrap {
display: flex;
justify-content: center;
margin-top: 36px;
}
.program__btn {
display: flex;
align-items: center;
justify-content: center;
width: 300px;
height: 60px;
border-radius: 10px;
background: rgba(253, 5, 6, 1);
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 17px;
font-weight: 550;
color: rgba(255, 255, 255, 1);
text-transform: uppercase;
letter-spacing: 0.02em;
text-decoration: none;
} .contact {
position: relative;
width: 100%;
overflow: hidden;
background-color: #f5efed;
}
.contact__bg {
position: absolute;
inset: 0;
background-image: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/res/img/contact-bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 1440px auto;
z-index: 0;
}
.contact__inner {
position: relative;
z-index: 1;
max-width: 1440px;
margin: 0 auto;
padding: 62px 120px;
min-height: 809px;
display: flex;
align-items: center;
gap: 60px;
} .contact__card {
width: 579px;
flex-shrink: 0;
background: rgba(250, 250, 250, 1);
border-radius: 15px;
box-shadow: 0 4px 4px rgba(0,0,0,.25);
border: 1px solid rgba(209, 206, 206, 1);
padding: 74px 37px 50px;
}
.contact__title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 45px;
line-height: 1.2;
text-transform: uppercase;
color: rgba(70, 82, 88, 1);
text-align: center;
margin-bottom: 40px;
}
.contact__form {
display: flex;
flex-direction: column;
gap: 25px;
}
.contact__field {
width: 100%;
}
.contact__input {
width: 100%;
height: 60px;
padding: 0 15px;
border-radius: 15px;
border: 1px solid rgba(165, 164, 164, 1);
background: #fff;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 18px;
color: rgba(70, 82, 88, 1);
outline: none;
}
.contact__input::placeholder {
color: rgba(70, 82, 88, 1);
}
.contact__input:focus {
border-color: rgba(253, 5, 6, .5);
}
.contact__policy {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
}
.contact__checkbox {
flex-shrink: 0;
width: 25px;
height: 25px;
margin-top: 2px;
border-radius: 50%;
border: 1px solid rgba(184, 184, 184, 1);
appearance: none;
cursor: pointer;
}
.contact__checkbox:checked {
background: rgba(253, 5, 6, 1);
}
.contact__policy span {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 12px;
font-weight: 550;
color: rgba(70, 82, 88, 1);
line-height: 1.4;
}
.contact__submit {
width: 100%;
height: 60px;
border-radius: 15px;
font-size: 18px;
letter-spacing: 0.05em;
} .contact__cert {
flex: 1;
min-height: 680px;
background-image: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/res/img/certificate.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
} .reviews {
background: #f5efed;
padding: 70px 0 80px;
overflow: hidden;
}
.reviews__inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 60px;
}
.reviews__title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 45px;
text-transform: uppercase;
color: rgba(70, 82, 88, 1);
text-align: center;
margin-bottom: 50px;
}
.reviews__slider {
display: flex;
align-items: center;
gap: 20px;
}
.reviews__arrow {
flex-shrink: 0;
width: 40px;
height: 40px;
background: none;
border: none;
font-size: 36px;
color: rgba(70, 82, 88, 1);
cursor: pointer;
line-height: 1;
padding: 0;
user-select: none;
transition: opacity .2s;
}
.reviews__arrow:hover { opacity: .6; }
.reviews__track-wrap {
flex: 1;
overflow: hidden;
min-width: 0;
}
.reviews__track {
display: flex;
transition: transform .4s ease;
width: 100%;
}
.reviews__card {
min-width: 100%;
background: rgba(55, 84, 109, 1);
border-radius: 20px;
padding: 48px 56px 56px;
color: #fff;
}
.reviews__name {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 24px;
text-transform: uppercase;
letter-spacing: 0.02em;
margin-bottom: 10px;
color: #fff !important;
}
.reviews__date {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-weight: 700;
font-size: 14px;
margin-bottom: 20px;
}
.reviews__text {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.reviews__dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 24px;
}
.reviews__dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(70, 82, 88, .3);
cursor: pointer;
transition: background .2s;
}
.reviews__dot--active {
background: rgba(70, 82, 88, 1);
} .mentoring {
background: #f5efed;
padding: 70px 0 80px;
}
.mentoring__inner {
max-width: 1200px;
margin: 0 auto;
}
.mentoring__card {
background: rgba(120, 0, 0, 1);
border-radius: 20px;
padding: 56px 60px 64px;
}
.mentoring__tags {
margin-bottom: 20px;
}
.mentoring__title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 50px;
text-transform: uppercase;
color: #fff;
margin-bottom: 16px;
}
.mentoring__subtitle {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 18px;
color: #fff;
margin-bottom: 28px;
}
.mentoring__items {
margin-bottom: 40px;
}
.mentoring__btn {
height: 60px;
padding: 0 56px;
border-radius: 10px;
font-size: 17px;
} .clients {
background: #f5efed;
padding: 70px 0 80px;
}
.clients__inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 60px;
}
.clients__title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 40px;
text-transform: uppercase;
color: rgba(70, 82, 88, 1);
text-align: center;
margin-bottom: 50px;
line-height: 1.2;
}
.clients__slider {
display: flex;
align-items: center;
gap: 20px;
}
.clients__arrow {
flex-shrink: 0;
width: 40px;
height: 40px;
background: none;
border: none;
font-size: 36px;
color: rgba(70, 82, 88, 1);
cursor: pointer;
line-height: 1;
padding: 0;
user-select: none;
transition: opacity .2s;
}
.clients__arrow:hover { opacity: .6; }
.clients__track-wrap {
flex: 1;
overflow: hidden;
}
.clients__track {
display: flex;
gap: 30px;
will-change: transform;
}
.clients__item {
flex-shrink: 0;
width: 370px;
height: 200px;
background: #fff;
border-radius: 15px;
border: 1px solid rgba(220, 220, 220, 1);
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
}
.clients__item img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .corp {
background: #f5efed;
padding: 70px 0 80px;
}
.corp__inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 120px;
}
.corp__title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 45px;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
margin-bottom: 50px;
line-height: 1.15;
}
.corp__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
margin-bottom: 48px;
}
.corp__card {
border-radius: 20px;
padding: 40px 36px;
}
.corp__card--light {
background: #fff;
border: 1px solid rgba(220, 220, 220, 1);
}
.corp__card--blue {
background: rgba(55, 84, 109, 1);
}
.corp__card-title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 22px;
text-transform: uppercase;
line-height: 1.25;
margin-bottom: 20px;
}
.corp__card--light .corp__card-title {
color: rgba(37, 68, 96, 1);
}
.corp__card--blue .corp__card-title {
color: #fff;
}
.corp__list {
list-style: disc;
padding-left: 18px;
display: flex;
flex-direction: column;
gap: 8px;
}
.corp__list li {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 16px;
color: rgba(70, 82, 88, 1);
line-height: 1.4;
}
.corp__card-text {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: #fff;
}
.corp__btn-wrap {
display: flex;
justify-content: center;
}
.corp__btn {
width: 530px;
height: 60px;
border-radius: 10px;
font-size: 18px;
} .contacts {
position: relative;
background: #f5efed;
padding: 80px 0 100px;
overflow: hidden;
} .contacts::after {
content: '';
position: absolute;
right: max(calc(50% - 720px + 0px), -40px);
top: 50%;
transform: translateY(-50%);
width: 520px;
height: 520px;
background-image: url(//yanachalnik.ru/wp-content/themes/Avada-Child-Theme/assets/res/img/contacts-bg-arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
z-index: 0;
}
.contacts__inner {
position: relative;
z-index: 1;
max-width: 1440px;
margin: 0 auto;
padding: 0 120px;
display: flex;
align-items: flex-start;
gap: 0;
} .contacts__info {
flex: 0 0 480px;
padding-top: 10px;
}
.contacts__title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 60px;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
margin-bottom: 48px;
line-height: 1;
}
.contacts__item {
margin-bottom: 30px;
}
.contacts__item-label {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.contacts__item-label span {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 18px;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
letter-spacing: 0.04em;
}
.contacts__item-label img {
width: 20px;
height: 20px;
object-fit: contain;
filter: invert(18%) sepia(90%) saturate(700%) hue-rotate(330deg);
}
.contacts__item-value {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 18px;
color: rgba(70, 82, 88, 1);
text-decoration: none;
padding-left: 28px;
}
.contacts__socials {
margin-top: 40px;
}
.contacts__socials-title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 28px;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
margin-bottom: 20px;
}
.contacts__socials-row {
display: flex;
gap: 12px;
align-items: center;
}
.contacts__social {
display: block;
width: 54px;
height: 54px;
flex-shrink: 0;
}
.contacts__social img {
width: 54px;
height: 54px;
object-fit: contain;
} .contacts__form-wrap {
flex: 1;
display: flex;
justify-content: flex-start;
padding-left: 60px;
}
.contacts__card {
width: 440px;
background: #fff;
border-radius: 20px;
box-shadow: 0 4px 24px rgba(0,0,0,.08);
padding: 44px 40px 48px;
}
.contacts__form-title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 30px;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
margin-bottom: 28px;
}
.contacts__form {
display: flex;
flex-direction: column;
gap: 14px;
}
.contacts__field {
width: 100%;
}
.contacts__input {
width: 100%;
height: 54px;
padding: 0 16px;
border-radius: 10px;
border: 1px solid rgba(200, 200, 200, 1);
background: #fff;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 16px;
color: rgba(70, 82, 88, 1);
outline: none;
}
.contacts__input::placeholder { color: rgba(150, 150, 150, 1); }
.contacts__input:focus { border-color: rgba(253, 5, 6, .4); }
.contacts__textarea {
height: 100px;
padding-top: 14px;
resize: none;
}
.contacts__submit {
width: 100%;
height: 56px;
border-radius: 10px;
font-size: 16px;
margin-top: 6px;
} .ft {
background: #fff;
border-top: 1px solid rgba(220, 220, 220, 1);
width: 100% !important;
box-sizing: border-box;
max-width: 100% !important;
}
.ft__inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 120px;
}
.ft__top .ft__inner {
display: flex;
gap: 60px;
padding-top: 60px;
padding-bottom: 60px;
align-items: flex-start;
} .ft__nav {
display: flex;
flex-direction: column;
gap: 10px;
flex: 0 0 220px;
}
.ft__col-title {
font-family: 'Akrobat', Arial, sans-serif;
font-weight: 800;
font-size: 18px;
text-transform: uppercase;
color: rgba(37, 68, 96, 1);
margin-bottom: 6px;
letter-spacing: 0.03em;
}
.ft__link {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 15px;
color: rgba(70, 82, 88, 1);
text-decoration: none;
line-height: 1.4;
}
.ft__link:hover { color: rgba(253, 5, 6, 1); } .ft__contacts {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}
.ft__phone-row {
display: flex;
align-items: center;
gap: 16px;
}
.ft__phone {
display: flex;
align-items: center;
gap: 8px;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 20px;
font-weight: 550;
color: rgba(37, 68, 96, 1);
text-decoration: none;
}
.ft__phone img {
filter: invert(18%) sepia(90%) saturate(700%) hue-rotate(330deg);
}
.ft__callback {
display: inline-flex;
align-items: center;
justify-content: center;
height: 34px;
padding: 0 16px;
border: 1px solid rgba(37, 68, 96, 1);
border-radius: 20px;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 13px;
color: rgba(37, 68, 96, 1);
text-decoration: none;
white-space: nowrap;
}
.ft__callback:hover { background: rgba(37, 68, 96, .06); }
.ft__email {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 16px;
color: rgba(70, 82, 88, 1);
text-decoration: none;
padding-left: 26px;
}
.ft__email:hover { color: rgba(253, 5, 6, 1); } .ft__cta-row {
display: flex;
align-items: stretch;
margin-top: 8px;
border: 1px solid rgba(200, 200, 200, 1);
border-radius: 12px;
overflow: hidden;
width: fit-content;
}
.ft__cta-btn {
height: 56px;
padding: 0 36px;
border-radius: 0;
font-size: 16px;
white-space: nowrap;
border: none;
}
.ft__cta-note {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 13px;
font-weight: 550;
color: rgba(70, 82, 88, 1);
line-height: 1.35;
text-transform: uppercase;
letter-spacing: 0.02em;
padding: 0 20px;
display: flex;
align-items: center;
}
.ft__socials {
margin-top: 8px;
}
.ft__socials .ft__col-title {
margin-bottom: 14px;
}
.ft__socials-row {
display: flex;
gap: 8px;
align-items: center;
}
.ft__social {
display: block;
width: 28px;
height: 28px;
flex-shrink: 0;
}
.ft__social img {
width: 28px;
height: 28px;
object-fit: contain;
} .ft__logo-wrap {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
padding-top: 4px;
}
.ft__logo img {
width: 260px;
height: auto;
object-fit: contain;
} .ft__bottom {
border-top: 1px solid rgba(220, 220, 220, 1);
background: #f5f5f5;
}
.ft__bottom .ft__inner {
display: flex;
align-items: center;
gap: 32px;
padding-top: 20px;
padding-bottom: 20px;
flex-wrap: wrap;
}
.ft__copy {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 13px;
color: rgba(120, 120, 120, 1);
white-space: nowrap;
}
.ft__bottom-link {
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 13px;
color: rgba(120, 120, 120, 1);
text-decoration: none;
white-space: nowrap;
}
.ft__bottom-link:hover { color: rgba(253, 5, 6, 1); }
@media (max-width: 768px) {
.ft__inner { padding: 0 20px; }
.ft__top .ft__inner { flex-direction: column; gap: 32px; }
.ft__logo-wrap { display: none; }
.ft__nav { flex-wrap: wrap; gap: 24px; }
.ft__bottom .ft__inner { flex-direction: column; gap: 8px; text-align: center; }
}  @media (max-width: 1024px) {
.hd__wrap { width: 100%; padding: 0 24px; height: auto; min-height: 130px; }
.hd__nav { position: static; display: flex; flex-wrap: wrap; gap: 14px 20px; padding-top: 16px; }
.hd__email { position: static; display: block; padding: 8px 0 0; font-size: 13px; }
.hd__logo { position: static; display: block; margin: 12px 0 8px; }
.hd__search { position: static; width: 100%; max-width: 400px; }
.hd__socials { position: static; display: flex; padding: 8px 0; }
.hd__cta { position: static; margin: 8px 0 16px; }
.hd__line { display: none; }
.hero__inner { width: 100%; height: auto; min-height: 600px; padding-bottom: 40px; }
.hero__stripe { width: 45%; }
.hero__photo { width: 45%; }
.hero__badge { left: 24px; top: 24px; width: auto; }
.hero__title { left: 24px; top: 130px; width: 50%; font-size: 42px; }
.hero__subtitle { left: 24px; top: 290px; width: 48%; font-size: 18px; }
.hero__btns { left: 24px; top: 390px; flex-wrap: wrap; }
.hero__card { left: 24px; right: 24px; width: auto; bottom: 24px; top: auto; }
.prof__inner { padding: 40px 24px; }
.prof__grid { grid-template-columns: 1fr 1fr; gap: 16px; }
.prof__title { grid-column: 1 / -1; font-size: 30px; }
.why__inner { padding: 40px 24px; flex-wrap: wrap; gap: 16px; }
.why__card { min-width: 280px; flex: 1 1 280px; }
.program__inner { padding: 40px 24px 0; }
.program__title { font-size: 28px; }
.program__area-inner { padding: 32px 24px; }
.audience__inner { padding: 40px 24px; }
.audience__grid { grid-template-columns: 1fr 1fr; gap: 16px; }
.process__inner { padding: 40px 24px; }
.process__layout { grid-template-columns: 1fr auto 1fr; gap: 16px; }
.process__photo { max-width: 220px; }
.cform__inner { padding: 40px 24px; }
.cform__card { flex-direction: column; gap: 24px; }
.cform__photo { width: 100%; height: 300px; justify-content: center; }
.cform__photo img { height: 100%; width: auto; }
.cform__content { max-width: 100%; padding: 0 24px 40px; }
.bonus__inner { padding: 40px 24px; }
.trainers__inner { padding: 40px 24px; }
.trainers__grid { gap: 24px; }
.pricing__inner { padding: 40px 24px; }
.pricing__title { font-size: 28px; }
.pricing__grid { grid-template-columns: 1fr; gap: 24px; }
.faq__inner { padding: 40px 24px; }
.contact__inner { padding: 40px 24px; flex-direction: column; gap: 32px; min-height: auto; }
.contact__card { width: 100%; max-width: 560px; }
.contact__cert { display: none; }
.reviews__inner { padding: 40px 24px; }
.mentoring { padding: 40px 0; }
.mentoring__inner { padding: 0 24px; }
.mentoring__title { font-size: 36px; }
.clients__inner { padding: 40px 24px; }
.clients__title { font-size: 28px; }
.clients__item { width: 260px; height: 160px; }
.corp__inner { padding: 40px 24px; }
.corp__title { font-size: 32px; }
.corp__grid { grid-template-columns: 1fr 1fr; gap: 16px; }
.corp__card--blue { grid-column: 1 / -1; }
.contacts__inner { padding: 40px 24px; flex-direction: column; gap: 40px; }
.contacts__info { flex: none; width: 100%; }
.contacts__form-wrap { padding-left: 0; }
.contacts__card { width: 100%; max-width: 560px; }
.contacts::after { right: -80px; width: 360px; height: 360px; }
.ft__inner { padding: 0 24px; }
.ft__top .ft__inner { flex-wrap: wrap; gap: 32px; padding-top: 40px; padding-bottom: 40px; }
.ft__nav { flex: 0 0 200px; }
.ft__contacts { flex: 1 1 300px; }
.ft__logo-wrap { flex: 0 0 100%; }
.ft__logo img { width: 200px; }
.ft__bottom .ft__inner { gap: 16px; flex-wrap: wrap; }
} @media (max-width: 768px) {
.hd__wrap {
padding: 0 16px;
position: relative;
min-height: 0;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.hd__nav { display: none; }
.hd__email { display: none; }
.hd__search { display: none; }
.hd__socials { display: none; }
.hd__cta { display: none; }
.hd__logo {
position: static;
display: block;
width: auto;
height: auto;
margin: 0;
padding: 14px 0;
}
.hd__logo img {
width: 180px;
height: auto;
}
.hd__burger { display: flex; right: 16px; top: 50%; }
.hd__mobile-menu {
display: none;
flex-direction: column;
background: #ffffff;
border-top: 1px solid rgba(221, 221, 221, 1);
padding: 16px;
gap: 16px;
}
.hd__mobile-menu--open { display: flex; }
.hd__mobile-nav { display: flex; flex-direction: column; gap: 14px; }
.hd__mobile-menu .hd__email { display: block; position: static; }
.hd__mobile-menu .hd__socials { display: flex; position: static; }
.hd__mobile-menu .hd__cta { display: flex; position: static; width: 100%; justify-content: center; }
.hero__stripe { display: none; }
.hero__photo { position: static; width: 100%; height: 300px; background-position: top center; }
.hero__badge { position: static; width: auto; margin: 16px 16px 0; }
.hero__title { position: static; width: 100%; font-size: 34px; margin: 16px 16px 0; }
.hero__subtitle { position: static; width: 100%; font-size: 16px; margin: 12px 16px 0; }
.hero__btns { position: static; flex-direction: column; align-items: stretch; margin: 16px 16px 0; gap: 10px; }
.hero__btn { width: 100% !important; padding: 0 16px; }
.hero__card { position: static; margin: 16px; flex-direction: column; gap: 16px; padding: 20px; }
.prof__grid { grid-template-columns: 1fr; }
.prof__title { font-size: 26px; }
.why__card { flex: 1 1 100%; }
.program__tags { flex-direction: column; align-items: flex-start; gap: 8px; }
.audience__grid { grid-template-columns: 1fr; }
.audience__title { font-size: 26px; }
.process__layout { grid-template-columns: 1fr; }
.process__photo { max-width: 300px; margin: 0 auto; }
.process__col { width: 100%; }
.cform__row { flex-direction: column; }
.cform__bottom { flex-direction: column; gap: 16px; }
.cform__submit { width: 100%; }
.cform { padding: 40px 0; }
.bonus { padding: 40px 0; }
.trainers { padding: 40px 0; }
.pricing { padding: 40px 0; }
.faq { padding: 40px 0; }
.contact { padding: 40px 0; }
.reviews { padding: 40px 0; }
.mentoring { padding: 24px 0; }
.clients { padding: 40px 0; }
.corp { padding: 40px 0; }
.contacts { padding: 40px 0; }
.bonus__card { padding: 32px 20px; }
.bonus__ya { display: none; }
.bonus__content { padding-left: 0; }
.bonus__title { font-size: 26px; }
.trainers__grid { grid-template-columns: 1fr; }
.pricing__title { font-size: 24px; }
.pricing__left { padding: 24px; }
.pricing__right { padding: 24px; }
.contact__card { padding: 32px 20px 36px; }
.contact__title { font-size: 32px; }
.faq__title { font-size: 32px; }
.acc__q { font-size: 17px; }
.reviews__title { font-size: 28px; }
.reviews__card { padding: 32px 24px 36px; }
.reviews__arrow { font-size: 28px; }
.mentoring__card { padding: 36px 24px 44px; }
.mentoring__title { font-size: 30px; }
.mentoring__items { gap: 8px; }
.clients__item { width: 200px; height: 130px; }
.corp__title { font-size: 26px; }
.corp__grid { grid-template-columns: 1fr; }
.corp__card--blue { grid-column: auto; }
.corp__btn { width: 100%; }
.contacts__title { font-size: 42px; }
.contacts__card { padding: 32px 24px; }
.contacts::after { display: none; }
.ft__cta-row { flex-direction: column; align-items: stretch; width: 100%; border-radius: 12px; }
.ft__cta-btn { border-radius: 10px 10px 0 0 !important; }
.ft__cta-note { padding: 12px 16px; border-top: 1px solid rgba(200,200,200,1); justify-content: center; text-align: center; }
.ft__top .ft__inner { flex-direction: column; gap: 24px; }
.ft__nav { flex: none; }
.ft__logo img { width: 180px; }
.ft__bottom .ft__inner { flex-direction: column; align-items: flex-start; gap: 10px; }
} @media (max-width: 480px) {
.hd__logo img { width: 180px; height: auto; }
.hero__photo { height: 240px; }
.hero__title { font-size: 28px; }
.hero__subtitle { font-size: 15px; }
.prof__card { padding: 20px; }
.prof__title { font-size: 22px; }
.why__card-title { font-size: 18px; }
.program__title { font-size: 22px; }
.faq__title { font-size: 26px; }
.acc__q { font-size: 16px; }
.audience__title { font-size: 22px; }
.audience__card { padding: 20px; aspect-ratio: unset; min-height: 180px; }
.process__title { font-size: 26px; }
.process__card { padding: 20px; }
.cform,
.bonus,
.trainers,
.pricing,
.faq,
.contact,
.reviews,
.mentoring,
.clients,
.corp,
.contacts { padding: 24px 0; }
.bonus__inner,
.trainers__inner,
.pricing__inner,
.faq__inner,
.reviews__inner,
.clients__inner,
.corp__inner,
.mentoring__inner { padding-left: 16px; padding-right: 16px; }
.contact__title { font-size: 26px; }
.contact__input { height: 50px; font-size: 16px; }
.contact__submit { height: 52px; font-size: 16px; }
.reviews__title { font-size: 22px; }
.reviews__name { font-size: 18px; }
.reviews__text { font-size: 14px; }
.reviews__arrow { display: none; }
.reviews__slider { gap: 0; }
.mentoring__title { font-size: 26px; }
.clients__item { width: 160px; height: 110px; padding: 16px; }
.clients__arrow { display: none; }
.clients__title { font-size: 22px; }
.corp__title { font-size: 22px; }
.corp__card { padding: 24px 20px; }
.contacts__title { font-size: 32px; }
.contacts__socials-row { gap: 8px; }
.contacts__social { width: 44px; height: 44px; }
.contacts__social img { width: 44px; height: 44px; }
.ft__phone { font-size: 16px; }
.ft__phone-row { flex-wrap: wrap; gap: 10px; }
.ft__cta-btn { font-size: 14px; padding: 0 20px; }
.ft__copy { font-size: 11px; }
.ft__bottom-link { font-size: 11px; }
} @font-face {
font-family: 'Akrobat';
src: url(https://yanachalnik.ru/wp-content/uploads/2026/05/akrobat-extrabold-1.ttf) format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
.yan-promo {
position: relative;
width: 100%;
min-height: 660px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.yan-promo__bg {
position: absolute; inset: 0; z-index: 0; background:
radial-gradient(ellipse 70% 80% at 25% 40%, #3a5f80 0%, transparent 70%),
radial-gradient(ellipse 50% 60% at 15% 80%, #1e3a52 0%, transparent 60%),
linear-gradient(98deg, #1c3347 0%, #1c3347 calc(50% - 3px), #8b1a18 calc(50% + 3px), #8b1a18 100%);
} .yan-promo__bg::after {
content: '';
position: absolute;
top: -20%;
left: 50%;
width: 6px;
height: 140%;
background: rgba(255,255,255,0.85);
transform: translateX(-50%) rotate(8deg);
transform-origin: center center;
}
.yan-promo__bg-half {
position: absolute;
inset: 0;
pointer-events: none;
}
.yan-promo__bg-half--left {
background:
radial-gradient(ellipse 60% 70% at 30% 40%, rgba(80,120,160,0.5) 0%, transparent 65%),
radial-gradient(ellipse 40% 50% at 10% 70%, rgba(40,80,110,0.4) 0%, transparent 60%);
}
.yan-promo__bg-half--right {
background:
radial-gradient(ellipse 65% 75% at 75% 35%, rgba(220,80,60,0.55) 0%, transparent 65%),
radial-gradient(ellipse 45% 55% at 90% 70%, rgba(180,40,30,0.4) 0%, transparent 60%);
}
.yan-promo__overlay {
position: absolute;
inset: 0;
background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/1-4.png);
background-size: cover;
background-position: center;
mix-blend-mode: multiply;
opacity: .35;
pointer-events: none;
z-index: 1;
} .yan-promo__photo {
position: absolute;
bottom: 0;
width: auto;
z-index: 3;
pointer-events: none;
user-select: none;
}
.yan-promo__photo--left  { left: 0; height: 100%; transform: scaleX(-1); }
.yan-promo__photo--right { right: 0; height: 95%; } .yan-promo__content {
position: relative;
z-index: 4;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: clamp(48px, 8vw, 96px) clamp(40px, 6vw, 100px);
width: 100%;
} .yan-promo__title {
font-family: 'Akrobat', sans-serif !important;
font-weight: 800 !important;
font-size: clamp(100px, 18vw, 260px) !important;
line-height: 0.85 !important;
letter-spacing: 0.03em !important;
color: #fff !important;
text-transform: uppercase !important;
margin: 0 !important;
} .yan-promo__subtitle {
font-family: 'Akrobat', sans-serif !important;
font-weight: 800 !important;
font-size: clamp(28px, 5.9vw, 85px) !important;
line-height: 1 !important;
letter-spacing: 0.03em !important;
color: #fff !important;
text-transform: uppercase !important;
margin: 0 !important;
} .yan-promo__tagline {
font-family: 'Akrobat', sans-serif !important;
font-weight: 800 !important;
font-size: clamp(16px, 3.5vw, 50px) !important;
line-height: 1.05 !important;
letter-spacing: 0.03em !important;
color: #fff !important;
text-transform: uppercase !important;
margin: 0 !important;
} .yan-promo__buttons {
display: flex;
gap: clamp(12px, 1.6vw, 20px);
margin-top: clamp(24px, 3vw, 44px);
flex-wrap: wrap;
justify-content: center;
}
.yan-promo__btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 60px;
padding: 0 clamp(16px, 2vw, 28px);
border-radius: 10px;
font-family: 'HelveticaNeueCyr', sans-serif;
font-size: clamp(13px, 1.2vw, 17px);
font-weight: 550;
text-transform: uppercase;
letter-spacing: 0;
white-space: nowrap;
transition: transform .15s ease, opacity .15s ease;
text-decoration: none;
}
.yan-promo__btn:hover { transform: translateY(-1px); opacity: .88; }
.yan-promo__btn--blue {
background: rgba(37, 68, 96, 1);
color: #fff !important;
border: 1px solid rgba(255,255,255,.4);
}
.yan-promo__btn--white {
background: #fff;
color: rgba(37, 68, 96, 1) !important;
}
@media (max-width: 900px) {
.yan-promo { min-height: 520px; }
.yan-promo__photo { height: 70%; opacity: .65; }
}
@media (max-width: 600px) {
.yan-promo__photo { display: none; }
.yan-promo__buttons {
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
gap: 0;
width: 100%;
padding: 0 4px;
}
.yan-promo__btn {
width: 44%;
flex: none;
height: auto;
min-height: 50px;
padding: 10px 10px;
font-size: 12px;
white-space: normal;
text-align: center;
line-height: 1.3;
}
} :root {
--yan-blue: #25445F;
--yan-red: #d6321e;
--yan-container-max: 1240px;
--yan-radius-sm: 12px;
--yan-ff-body: 'HelveticaNeueCyr', Arial, sans-serif;
}
.yan-practikum {
background: #fff;
color: var(--yan-blue);
width: 100%;
padding: clamp(48px, 6vw, 96px) clamp(20px, 4vw, 60px);
}
.yan-practikum__inner {
max-width: var(--yan-container-max);
margin: 0 auto;
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: clamp(32px, 5vw, 80px);
align-items: start;
}
.yan-practikum__eyebrow {
font-family: var(--yan-ff-body);
font-size: 13px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(37,68,95,.55);
margin: 0 0 24px;
}
.yan-practikum__title {
font-family: var(--yan-ff-body);
font-size: clamp(36px, 4.5vw, 56px) !important;
font-weight: 500 !important;
line-height: 1.1 !important;
color: var(--yan-blue) !important;
margin: 0 0 14px !important;
}
.yan-practikum__subtitle {
font-family: var(--yan-ff-body);
font-size: clamp(18px, 1.5vw, 22px);
color: rgba(37,68,95,.55);
margin: 0 0 28px;
}
.yan-practikum__desc {
font-family: var(--yan-ff-body);
font-size: clamp(16px, 1.3vw, 19px);
line-height: 1.5;
color: rgba(37,68,95,.85);
margin: 0;
max-width: 560px;
}
.yan-practikum__list {
list-style: none;
padding: 0;
margin: 0 0 32px;
}
.yan-practikum__list li {
position: relative;
padding-left: 26px;
margin-bottom: 14px;
font-family: var(--yan-ff-body);
font-size: clamp(16px, 1.3vw, 19px);
line-height: 1.4;
color: var(--yan-blue);
}
.yan-practikum__list li::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 9px;
height: 9px;
background: var(--yan-red);
border-radius: 50%;
}
.yan-practikum__meta {
display: flex;
align-items: center;
gap: 16px;
padding: 20px 0;
border-top: 1px solid rgba(37,68,95,.12);
margin-bottom: 24px;
}
.yan-practikum__meta-icon {
flex-shrink: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(37,68,95,.7);
}
.yan-practikum__meta-icon svg { width: 32px; height: 32px; }
.yan-practikum__meta-text { display: flex; flex-direction: column; gap: 2px; }
.yan-practikum__meta-label {
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(37,68,95,.55);
}
.yan-practikum__meta-value {
font-size: 18px;
font-weight: 700;
color: var(--yan-blue);
}
.yan-practikum__meta-value span { font-weight: 400; color: rgba(37,68,95,.7); margin-left: 8px; }
.yan-practikum__cta {
display: inline-flex;
align-items: center;
gap: 12px;
background: var(--yan-red);
color: #fff !important;
padding: 18px 32px;
border-radius: var(--yan-radius-sm);
font-family: var(--yan-ff-body);
font-size: 17px;
font-weight: 600;
text-decoration: none !important;
transition: transform .15s ease, background .15s ease;
}
.yan-practikum__cta:hover { transform: translateY(-1px); background: #b8281a; }
.yan-practikum__cta svg { width: 20px; height: 20px; }
@media (max-width: 900px) {
.yan-practikum__inner { grid-template-columns: 1fr; }
}  .yan-hero { position: relative; width: 100%; min-height: 820px; overflow: hidden; background: var(--yan-blue); }
.yan-hero__bg { position: absolute; inset: 0; z-index: 0; opacity: .35; mix-blend-mode: screen; }
.yan-hero__bg-half { position: absolute; top: 0; bottom: 0; width: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.yan-hero__bg-half--left { left: 0; background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/vector-1.png); }
.yan-hero__bg-half--right { right: 0; background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/vector-2.png); }
.yan-hero__glow { position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%); width: 720px; height: 720px; background: radial-gradient(circle, rgba(214,50,30,.45) 0%, rgba(214,50,30,0) 70%); border-radius: 50%; z-index: 1; pointer-events: none; }
.yan-hero__inner { position: relative; z-index: 3; max-width: var(--yan-container-max); margin: 0 auto; padding: clamp(56px, 7vw, 88px) clamp(20px, 4vw, 48px) 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.yan-hero__eyebrow { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 600 !important; font-size: clamp(12px, 1.1vw, 14px) !important; letter-spacing: .22em !important; text-transform: uppercase !important; color: #fff !important; opacity: .7 !important; margin: 0 0 22px !important; padding: 8px 18px; border: 1px solid rgba(255,255,255,.3); border-radius: 100px; display: inline-block; }
.yan-hero__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(48px, 8vw, 104px) !important; line-height: 0.95 !important; letter-spacing: 0.01em !important; color: #fff !important; text-transform: uppercase !important; margin: 0 !important; max-width: 1000px; }
.yan-hero__title em { font-style: normal; color: var(--yan-red); display: inline-block; }
.yan-hero__subtitle { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(28px, 4.5vw, 52px) !important; line-height: 1 !important; color: #fff !important; text-transform: uppercase !important; margin: 14px 0 0 !important; }
.yan-hero__desc { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(16px, 1.5vw, 20px) !important; line-height: 1.5 !important; color: rgba(255,255,255,.9) !important; margin: 28px auto 0 !important; max-width: 720px !important; }
.yan-hero__cta-row { display: flex; gap: 16px; margin-top: 36px; flex-wrap: wrap; justify-content: center; }
.yan-hero__cta { display: inline-flex; align-items: center; gap: 12px; padding: 20px 40px; border-radius: var(--yan-radius-sm); font-family: 'HelveticaNeueCyr', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; transition: transform .15s ease, background .15s ease; }
.yan-hero__cta--primary { background: var(--yan-red); color: #fff !important; }
.yan-hero__cta--primary:hover { transform: translateY(-1px); background: #b8281a; }
.yan-hero__cta--ghost { background: transparent; color: #fff !important; border: 1.5px solid rgba(255,255,255,.4); }
.yan-hero__cta--ghost:hover { transform: translateY(-1px); border-color: #fff; background: rgba(255,255,255,.06); }
.yan-hero__photos { position: relative; z-index: 2; width: 100%; max-width: 760px; margin: clamp(40px, 5vw, 64px) auto 0; display: flex; align-items: flex-end; justify-content: center; gap: clamp(16px, 2vw, 32px); padding: 0 clamp(8px, 2vw, 20px); }
.yan-hero__photo { flex: 1 1 0; max-width: 320px; aspect-ratio: 3/4; border-radius: var(--yan-radius-lg) var(--yan-radius-lg) 0 0; overflow: hidden; position: relative; background: var(--yan-blue-dark, #1a3247); box-shadow: 0 20px 50px rgba(0,0,0,.22); }
.yan-hero__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 15%; display: block; }
.yan-hero__photo::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 35%; background: linear-gradient(to top, rgba(26,50,71,.85) 0%, rgba(26,50,71,0) 100%); pointer-events: none; }
.yan-hero__photo-name { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 2; color: #fff; font-family: 'Akrobat', sans-serif; font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: .03em; }
.yan-hero__photo-role { display: block; font-family: 'HelveticaNeueCyr', sans-serif; font-weight: 300; font-size: 11px; text-transform: none; letter-spacing: 0; margin-top: 2px; opacity: .85; }
.yan-hero__stats { background: #1a3247; position: relative; z-index: 4; padding: clamp(32px, 4vw, 48px) 0; }
.yan-hero__stats-inner { max-width: var(--yan-container-max); margin: 0 auto; padding: 0 clamp(20px, 4vw, 48px); display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 60px); }
.yan-hero__stat { display: flex; flex-direction: column; gap: 6px; padding-left: 22px; border-left: 3px solid var(--yan-red); }
.yan-hero__stat-num { font-family: 'Akrobat', sans-serif; font-weight: 800; font-size: clamp(40px, 5vw, 64px); line-height: 1; color: #fff; }
.yan-hero__stat-label { font-family: 'HelveticaNeueCyr', sans-serif; font-weight: 300; font-size: clamp(13px, 1.1vw, 15px); color: rgba(255,255,255,.78); line-height: 1.4; }
@media (max-width: 900px) {
.yan-hero { min-height: 720px; }
.yan-hero__photos { gap: 12px; max-width: 520px; }
.yan-hero__photo { max-width: 220px; }
.yan-hero__stats-inner { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 600px) {
.yan-hero__title { font-size: 42px !important; }
.yan-hero__subtitle { font-size: 26px !important; }
.yan-hero__photos { gap: 8px; }
.yan-hero__photo { max-width: 150px; }
.yan-hero__photo-name { font-size: 13px; }
.yan-hero__cta { width: 100%; justify-content: center; padding: 18px 24px; font-size: 14px; }
.yan-hero__stat-num { font-size: 38px !important; }
} .yan-solutions { background: #fff; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-solutions__inner { max-width: var(--yan-container-max); margin: 0 auto; }
.yan-solutions__head { max-width: 820px; margin-bottom: clamp(36px, 4vw, 56px); }
.yan-solutions__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(34px, 4.5vw, 56px) !important; line-height: 1.05 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 0 18px !important; }
.yan-solutions__subtitle { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(16px, 1.4vw, 19px) !important; line-height: 1.5 !important; color: rgba(37,68,95,.7) !important; margin: 0 !important; }
.yan-solutions__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 28px); }
.yan-solutions__card { background: var(--yan-card-soft, #f3e8e1); border-radius: var(--yan-radius-lg); padding: clamp(28px, 3vw, 40px); display: flex; flex-direction: column; gap: 14px; transition: transform .2s ease, box-shadow .2s ease; }
.yan-solutions__card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(37,68,95,.08); }
.yan-solutions__card-num { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(48px, 5vw, 64px) !important; line-height: 1 !important; color: var(--yan-red) !important; margin: 0 0 8px !important; opacity: .85; }
.yan-solutions__card h3 { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(22px, 2vw, 28px) !important; line-height: 1.1 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 !important; }
.yan-solutions__card p { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(15px, 1.2vw, 17px) !important; line-height: 1.55 !important; color: rgba(37,68,95,.85) !important; margin: 0 !important; }
@media (max-width: 900px) { .yan-solutions__grid { grid-template-columns: 1fr; } } .yan-exp { background: #f5ede4; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-exp__inner { max-width: var(--yan-container-max); margin: 0 auto; }
.yan-exp__head { max-width: 820px; margin-bottom: clamp(36px, 4vw, 56px); }
.yan-exp__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(34px, 4.5vw, 56px) !important; line-height: 1.05 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 0 18px !important; }
.yan-exp__subtitle { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(16px, 1.4vw, 19px) !important; line-height: 1.5 !important; color: rgba(37,68,95,.7) !important; margin: 0 !important; }
.yan-exp__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); }
.yan-exp__card { background: #fff; border-radius: var(--yan-radius-lg); padding: clamp(28px, 3vw, 40px); display: flex; flex-direction: column; gap: 8px; min-height: 240px; border-left: 4px solid var(--yan-red); transition: transform .2s ease, box-shadow .2s ease; }
.yan-exp__card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(37,68,95,.08); }
.yan-exp__big { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(40px, 4.5vw, 56px) !important; line-height: 1 !important; color: var(--yan-red) !important; margin: 0 !important; text-transform: uppercase !important; }
.yan-exp__lead { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(16px, 1.5vw, 20px) !important; line-height: 1.2 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; letter-spacing: .02em !important; margin: 8px 0 4px !important; }
.yan-exp__card p { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(14px, 1.15vw, 16px) !important; line-height: 1.5 !important; color: rgba(37,68,95,.8) !important; margin: 6px 0 0 !important; }
@media (max-width: 900px) { .yan-exp__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .yan-exp__grid { grid-template-columns: 1fr; } } .yan-custom { background: #fff; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-custom__inner { max-width: var(--yan-container-max); margin: 0 auto; background: var(--yan-blue); border-radius: var(--yan-radius-lg); display: grid; grid-template-columns: 1.25fr 1fr; align-items: stretch; color: #fff; position: relative; overflow: hidden; }
.yan-custom__inner::before { content: ""; position: absolute; left: -120px; top: -120px; width: 320px; height: 320px; background: radial-gradient(circle, rgba(214,50,30,.35) 0%, transparent 70%); border-radius: 50%; }
.yan-custom__col { position: relative; z-index: 2; padding: clamp(40px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; }
.yan-custom__eyebrow { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: var(--yan-red) !important; margin: 0 0 18px !important; }
.yan-custom__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(28px, 3.5vw, 44px) !important; line-height: 1.1 !important; color: #fff !important; text-transform: uppercase !important; margin: 0 0 18px !important; }
.yan-custom__desc { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(16px, 1.3vw, 18px) !important; line-height: 1.6 !important; color: rgba(255,255,255,.92) !important; margin: 0 0 28px !important; }
.yan-custom__cta { display: inline-flex; align-items: center; gap: 12px; background: var(--yan-red); color: #fff !important; padding: 16px 32px; border-radius: var(--yan-radius-sm); font-family: 'HelveticaNeueCyr', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; align-self: flex-start; transition: transform .15s ease, background .15s ease; }
.yan-custom__cta:hover { transform: translateY(-1px); background: #b8281a; }
.yan-custom__photo { position: relative; min-height: 360px; background: linear-gradient(135deg, #4f6f8a 0%, var(--yan-blue) 100%); overflow: hidden; }
.yan-custom__photo img { position: absolute; bottom: 0; right: 0; height: 105%; width: auto; max-width: none; object-fit: cover; object-position: center bottom; }
@media (max-width: 900px) { .yan-custom__inner { grid-template-columns: 1fr; } .yan-custom__photo { min-height: 280px; } .yan-custom__photo img { height: 100%; right: 50%; transform: translateX(50%); } } .yan-steps { background: #f5ede4; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-steps__inner { max-width: var(--yan-container-max); margin: 0 auto; }
.yan-steps__head { max-width: 820px; margin-bottom: clamp(36px, 4vw, 56px); }
.yan-steps__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(34px, 4.5vw, 56px) !important; line-height: 1.05 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 0 18px !important; }
.yan-steps__subtitle { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(16px, 1.4vw, 19px) !important; line-height: 1.5 !important; color: rgba(37,68,95,.7) !important; margin: 0 !important; }
.yan-steps__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(12px, 1.5vw, 20px); }
.yan-steps__card { background: #fff; border-radius: var(--yan-radius-md); padding: clamp(24px, 2.5vw, 32px) clamp(20px, 2vw, 26px); min-height: 200px; display: flex; flex-direction: column; gap: 16px; transition: transform .2s ease, box-shadow .2s ease; }
.yan-steps__card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(37,68,95,.1); }
.yan-steps__circle { width: 56px; height: 56px; border-radius: 50%; background: var(--yan-red); display: flex; align-items: center; justify-content: center; font-family: 'Akrobat', sans-serif; font-weight: 800; font-size: 22px; color: #fff; line-height: 1; }
.yan-steps__label { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 600 !important; font-size: 11px !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: rgba(37,68,95,.55) !important; margin: 0 !important; }
.yan-steps__text { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 400 !important; font-size: 15px !important; line-height: 1.4 !important; color: var(--yan-blue) !important; margin: 0 !important; }
.yan-steps__footer { display: flex; justify-content: center; margin-top: clamp(36px, 4vw, 56px); }
.yan-steps__cta { display: inline-flex; align-items: center; gap: 12px; background: var(--yan-red); color: #fff !important; padding: 20px 40px; border-radius: var(--yan-radius-sm); font-family: 'HelveticaNeueCyr', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; transition: transform .15s ease, background .15s ease; }
.yan-steps__cta:hover { transform: translateY(-1px); background: #b8281a; }
@media (max-width: 1100px) { .yan-steps__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .yan-steps__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px) { .yan-steps__grid { grid-template-columns: 1fr; } } .yan-apply { background: #fff; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-apply__inner { max-width: 760px; margin: 0 auto; text-align: center; }
.yan-apply__avatars { display: inline-flex; align-items: center; justify-content: center; margin: 0 auto 24px; }
.yan-apply__avatar { width: 72px; height: 72px; border-radius: 50%; overflow: hidden; border: 4px solid #fff; box-shadow: 0 8px 24px rgba(37,68,95,.18); background: #4f6f8a; }
.yan-apply__avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; display: block; }
.yan-apply__avatar + .yan-apply__avatar { margin-left: -22px; }
.yan-apply__eyebrow { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: var(--yan-red) !important; margin: 0 0 14px !important; }
.yan-apply__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(32px, 4vw, 48px) !important; line-height: 1.05 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 0 14px !important; }
.yan-apply__subtitle { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(15px, 1.3vw, 18px) !important; line-height: 1.5 !important; color: rgba(37,68,95,.75) !important; margin: 0 auto 32px !important; max-width: 560px !important; }
.yan-apply__form-wrap { background: #f3e8e1; border-radius: var(--yan-radius-lg); padding: clamp(28px, 4vw, 48px); text-align: left; }
@media (max-width: 600px) { .yan-apply__avatar { width: 60px; height: 60px; border-width: 3px; } .yan-apply__avatar + .yan-apply__avatar { margin-left: -18px; } } .yan-assess { background: #f5ede4; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-assess__inner { max-width: var(--yan-container-max); margin: 0 auto; background: #fff; border-radius: var(--yan-radius-lg); overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
.yan-assess__col { padding: clamp(40px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; }
.yan-assess__eyebrow { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: var(--yan-red) !important; margin: 0 0 18px !important; }
.yan-assess__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(28px, 3.5vw, 42px) !important; line-height: 1.1 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 0 20px !important; }
.yan-assess__desc { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(15px, 1.25vw, 18px) !important; line-height: 1.6 !important; color: rgba(37,68,95,.85) !important; margin: 0 0 28px !important; }
.yan-assess__cta { display: inline-flex; align-items: center; gap: 12px; background: var(--yan-red); color: #fff !important; padding: 16px 32px; border-radius: var(--yan-radius-sm); font-family: 'HelveticaNeueCyr', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; align-self: flex-start; transition: transform .15s ease, background .15s ease; }
.yan-assess__cta:hover { transform: translateY(-1px); background: #b8281a; }
.yan-assess__photo { position: relative; min-height: 420px; background: linear-gradient(135deg, var(--yan-blue) 0%, #1a3247 100%); overflow: hidden; }
.yan-assess__photo img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 100%; width: auto; max-width: none; }
.yan-assess__photo-mark { position: absolute; left: 24px; bottom: 24px; right: 24px; z-index: 2; color: #fff; font-family: 'Akrobat', sans-serif; font-weight: 800; font-size: clamp(16px, 1.4vw, 18px); text-transform: uppercase; line-height: 1.2; }
.yan-assess__photo::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient(to top, rgba(26,50,71,.85) 0%, transparent 100%); pointer-events: none; }
@media (max-width: 900px) { .yan-assess__inner { grid-template-columns: 1fr; } .yan-assess__photo { min-height: 320px; order: -1; } } .yan-ready { background: #fff; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-ready__inner { max-width: var(--yan-container-max); margin: 0 auto; background: var(--yan-red); border-radius: var(--yan-radius-lg); padding: clamp(48px, 6vw, 80px); text-align: center; color: #fff; position: relative; overflow: hidden; }
.yan-ready__inner::before { content: ""; position: absolute; left: -100px; top: -100px; width: 300px; height: 300px; background: rgba(255,255,255,.06); border-radius: 50%; }
.yan-ready__inner::after { content: ""; position: absolute; right: -120px; bottom: -120px; width: 360px; height: 360px; background: rgba(255,255,255,.06); border-radius: 50%; }
.yan-ready__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(36px, 5vw, 60px) !important; line-height: 1.05 !important; color: #fff !important; text-transform: uppercase !important; margin: 0 0 18px !important; position: relative; z-index: 2; }
.yan-ready__desc { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(16px, 1.4vw, 20px) !important; line-height: 1.5 !important; color: rgba(255,255,255,.95) !important; margin: 0 auto 32px !important; max-width: 720px; position: relative; z-index: 2; }
.yan-ready__cta { display: inline-flex; align-items: center; gap: 12px; background: #fff; color: var(--yan-red) !important; padding: 20px 40px; border-radius: var(--yan-radius-sm); font-family: 'HelveticaNeueCyr', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; position: relative; z-index: 2; transition: transform .15s ease, background .15s ease; }
.yan-ready__cta:hover { transform: translateY(-1px); background: #f5ede4; } .yan-clients { background: #f5ede4; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-clients__inner { max-width: var(--yan-container-max); margin: 0 auto; }
.yan-clients__head { text-align: center; max-width: 820px; margin: 0 auto clamp(36px, 4vw, 56px); }
.yan-clients__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(30px, 4vw, 48px) !important; line-height: 1.05 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 !important; }
.yan-clients__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(12px, 1.5vw, 20px); }
.yan-clients__logo { background: #fff; border-radius: var(--yan-radius-sm); height: 100px; display: flex; align-items: center; justify-content: center; font-family: 'Akrobat', sans-serif; font-weight: 800; color: rgba(37,68,95,.35); text-transform: uppercase; font-size: 14px; letter-spacing: .08em; border: 1px dashed rgba(37,68,95,.18); transition: border-color .15s ease, color .15s ease; }
.yan-clients__logo:hover { border-color: var(--yan-red); color: var(--yan-red); }
@media (max-width: 1100px) { .yan-clients__grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 700px) { .yan-clients__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 460px) { .yan-clients__grid { grid-template-columns: repeat(2, 1fr); } } .yan-trainers { background: #fff; padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 60px); }
.yan-trainers__inner { max-width: var(--yan-container-max); margin: 0 auto; }
.yan-trainers__head { max-width: 820px; margin-bottom: clamp(36px, 4vw, 56px); }
.yan-trainers__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(34px, 4.5vw, 56px) !important; line-height: 1.05 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 0 18px !important; }
.yan-trainers__subtitle { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: clamp(16px, 1.4vw, 19px) !important; line-height: 1.5 !important; color: rgba(37,68,95,.7) !important; margin: 0 !important; }
.yan-trainers__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 3vw, 32px); max-width: 880px; margin: 0 auto; }
.yan-trainers__card { background: #f3e8e1; border-radius: var(--yan-radius-lg); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.yan-trainers__card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(37,68,95,.1); }
.yan-trainers__photo { width: 100%; aspect-ratio: 3/4; background: linear-gradient(135deg, var(--yan-blue) 0%, #4f6f8a 100%); display: block; position: relative; overflow: hidden; }
.yan-trainers__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.yan-trainers__info { padding: 24px clamp(20px, 2.5vw, 32px) clamp(24px, 3vw, 32px); }
.yan-trainers__name { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: clamp(20px, 1.8vw, 26px) !important; line-height: 1.15 !important; color: var(--yan-blue) !important; text-transform: uppercase !important; margin: 0 0 6px !important; }
.yan-trainers__role { font-family: 'HelveticaNeueCyr', sans-serif !important; font-weight: 300 !important; font-size: 15px !important; line-height: 1.4 !important; color: rgba(37,68,95,.7) !important; margin: 0 !important; }
@media (max-width: 600px) { .yan-trainers__grid { grid-template-columns: 1fr; max-width: 400px; } }  :root {
--yan-bg: var(--yan-blue, #25445F);
--yan-blue-accent: #4f6f8a;
--yan-ff-display: 'Akrobat', sans-serif;
--yan-ff-body: 'HelveticaNeueCyr', sans-serif;
--yan-ff-numbers: 'Akrobat', sans-serif;
--yan-ff-onest: 'HelveticaNeueCyr', sans-serif;
--yan-card-blue: #dce8f0;
--yan-text-mid: #25445F;
--yan-text: #25445F;
} .yan-page { padding: clamp(24px, 3vw, 40px) clamp(20px, 3vw, 40px); } .yan-btn {
display: inline-flex; align-items: center; justify-content: center;
height: 56px; padding: 0 28px;
border-radius: var(--yan-radius-sm, 12px);
font-family: var(--yan-ff-body); font-size: 15px; font-weight: 700;
text-transform: uppercase; letter-spacing: .05em;
text-decoration: none; border: none; cursor: pointer;
transition: transform .15s ease, background .15s ease;
}
.yan-btn--primary { background: var(--yan-red, #d6321e); color: #fff !important; }
.yan-btn--primary:hover { transform: translateY(-1px); background: #b8281a; }
.yan-btn--secondary { background: #fff; color: var(--yan-blue, #25445F) !important; border: none; }
.yan-btn--secondary:hover { transform: translateY(-1px); background: #f0f0f0; }
.yan-btn--block { width: 100%; } .yan-input {
width: 100%; height: 56px; padding: 0 20px;
border: 1px solid rgba(37,68,96,.15); border-radius: 12px;
background: #fff;
font-family: var(--yan-ff-body); font-size: 16px; font-weight: 300;
color: var(--yan-blue, #25445F); box-sizing: border-box;
transition: border-color .15s ease;
}
.yan-input:focus { outline: none; border-color: var(--yan-red, #d6321e); }
.yan-input::placeholder { color: rgba(37,68,96,.5); }
.yan-textarea {
width: 100%; min-height: 100px; padding: 14px 20px;
border: 1px solid rgba(37,68,96,.15); border-radius: 12px;
background: #fff; resize: vertical;
font-family: var(--yan-ff-body); font-size: 16px; font-weight: 300;
color: var(--yan-blue, #25445F); box-sizing: border-box;
transition: border-color .15s ease;
}
.yan-textarea:focus { outline: none; border-color: var(--yan-red, #d6321e); }
.yan-checkbox-row {
display: flex; align-items: flex-start; gap: 10px;
font-family: var(--yan-ff-body); font-size: 13px; font-weight: 300;
line-height: 1.4; color: var(--yan-blue, #25445F); cursor: pointer;
}
.yan-checkbox-row input { flex-shrink: 0; margin-top: 3px; accent-color: var(--yan-red, #d6321e); } .fiz-hero { background: #f5efed; padding: clamp(24px, 3vw, 40px) clamp(20px, 3vw, 40px) clamp(60px, 8vw, 130px); position: relative; overflow: visible; }
.fiz-hero__inner { max-width: 1240px; margin: 0 auto; position: relative; isolation: isolate; } .fiz-hero__stage { position: relative; width: 100%; padding-top: calc(646 / 1200 * 100%); border-radius: 16px; overflow: hidden; }
.fiz-hero__svg-blue { position: absolute; top: 0; left: 0; width: calc(773 / 1200 * 100%); height: 100%; object-fit: cover; object-position: left center; z-index: 1; pointer-events: none; }
.fiz-hero__svg-red  { position: absolute; top: 0; right: 0; width: calc(572 / 1200 * 100%); height: 100%; object-fit: cover; object-position: right center; z-index: 0; pointer-events: none; }
.fiz-hero__photo    { position: absolute; right: 17%; bottom: 0; height: 110%; width: auto; max-width: 42%; object-fit: contain; object-position: bottom center; z-index: 3; pointer-events: none; user-select: none; }
.fiz-hero__yaletter { position: absolute; top: 0; right: 3%; z-index: 2; width: clamp(200px, 26vw, 380px); height: auto; pointer-events: none; user-select: none; } .fiz-hero__content { position: absolute; left: 4%; top: 8%; width: 50%; z-index: 5; display: flex; flex-direction: column; gap: clamp(14px, 1.8vw, 24px); color: #fff; } .fiz-hero__badge { display: inline-flex; align-items: stretch; background: var(--yan-blue-accent, #34638D); border-radius: 9px; padding: 6px; gap: 6px; width: fit-content; max-width: 100%; }
.fiz-hero__badge-icon-box { background: var(--yan-blue, #25445F); border-radius: 6px; width: 64px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 8px; }
.fiz-hero__badge-icon-box img { width: 36px; height: auto; }
.fiz-hero__badge-body { background: var(--yan-blue, #25445F); border-radius: 6px; padding: 0 22px 0 18px; display: flex; align-items: center; gap: 14px; flex: 1; min-height: 56px; }
.fiz-hero__badge-divider { width: 28px; height: 2px; background: var(--yan-red, #d6321e); flex-shrink: 0; }
.fiz-hero__badge-text { font-family: var(--yan-ff-body, 'HelveticaNeueCyr', sans-serif); font-size: clamp(13px, 1.2vw, 17px); font-weight: 300; line-height: 1.2; color: #fff; white-space: nowrap; } .fiz-hero__title { font-family: 'Akrobat', var(--yan-ff-display, sans-serif); font-size: clamp(32px, 4.5vw, 57px); font-weight: 800; line-height: 1.0; letter-spacing: .03em; text-transform: uppercase; margin: 0; color: #fff; } .fiz-hero__sub-row { display: flex; align-items: center; gap: 14px; max-width: 480px; }
.fiz-hero__sub-icon { flex-shrink: 0; width: 40px; height: 40px; background: var(--yan-red, #d6321e); border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.fiz-hero__sub-icon img { width: 18px; height: auto; }
.fiz-hero__sub-text { font-family: var(--yan-ff-body, sans-serif); font-size: clamp(14px, 1.4vw, 19px); font-weight: 300; line-height: 1.35; color: #fff; margin: 0; } .fiz-hero__ctas { display: flex; gap: 12px; flex-wrap: nowrap; }
.fiz-hero__ctas .yan-btn { height: 56px; padding: 0 20px; font-size: clamp(12px, 1.1vw, 15px); white-space: nowrap; flex-shrink: 0; } .fiz-hero__stats { position: relative; z-index: 6; background: #fff; border-radius: 30px; padding: clamp(22px, 2.5vw, 36px) clamp(32px, 4vw, 64px); margin-top: clamp(-80px, -6vw, -40px); margin-left: clamp(16px, 3vw, 64px); margin-right: clamp(16px, 3vw, 64px); display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 52px); box-shadow: 0 4px 10.6px rgba(0,0,0,.25); } .fiz-stat { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fiz-stat__head { display: flex; align-items: center; gap: 14px; }
.fiz-stat__icon { flex-shrink: 0; width: 31px; height: 31px; background: var(--yan-red, #d6321e); border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.fiz-stat__icon img { width: 16px; height: 16px; }
.fiz-stat__num { margin: 0; font-family: var(--yan-ff-numbers, 'Ponter Alt', sans-serif); font-size: clamp(26px, 2.8vw, 35px); line-height: 1; color: var(--yan-blue, #25445F); font-weight: 400; }
.fiz-stat__text { margin: 0; padding-left: 45px; font-size: clamp(13px, 1.1vw, 17px); line-height: 1.3; color: var(--yan-blue, #25445F); font-weight: 300; } .fiz-hero__photo-block { display: none; }
@media (max-width: 600px) { .fiz-hero { padding: 16px 16px 0; background: #f5efed; }
.fiz-hero__inner { max-width: 100%; position: static; display: flex; flex-direction: column; gap: 12px; } .fiz-hero__stage { display: none; } .fiz-hero__content {
position: static;
width: 100%;
background: var(--yan-blue, #25445F);
border-radius: 20px;
padding: 20px 16px 24px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 16px;
color: #fff;
} .fiz-hero__badge { margin: 0 auto; }
.fiz-hero__badge-icon-box { width: 44px; padding: 6px; }
.fiz-hero__badge-body { min-height: 44px; padding: 0 14px 0 12px; }
.fiz-hero__badge-text { font-size: 12px; white-space: normal; } .fiz-hero__title { font-size: clamp(22px, 9vw, 45px); line-height: 1.05; text-align: center; } .fiz-hero__sub-row { justify-content: flex-start; max-width: 240px; }
.fiz-hero__sub-icon { flex-shrink: 0; }
.fiz-hero__sub-text { font-size: 12px; text-align: left; } .fiz-hero__ctas { flex-direction: column; align-items: stretch; gap: 10px; width: 100%; max-width: 280px; }
.fiz-hero__ctas .yan-btn { width: 100%; height: 48px; padding: 0 16px; font-size: 14px; border-radius: 10px; white-space: nowrap; flex-shrink: unset; text-align: center; justify-content: center; } .fiz-hero__photo-block {
display: block;
position: relative;
background: var(--yan-red, #d6321e);
border-radius: 20px;
overflow: hidden;
height: 260px;
}
.fiz-hero__photo-block-ya {
display: none !important;
}
.fiz-hero__photo-block-img {
position: absolute;
bottom: 0; left: 50%;
transform: translateX(-50%);
height: 100%; width: auto;
object-fit: contain;
object-position: bottom center;
} .fiz-hero__stats {
grid-template-columns: repeat(3, 1fr);
gap: 6px;
padding: 14px 10px;
margin: 0;
border-radius: 16px;
box-shadow: 0 4px 10px rgba(0,0,0,.18);
}
.fiz-stat { gap: 2px; }
.fiz-stat__head { gap: 6px; }
.fiz-stat__icon { width: 24px; height: 24px; }
.fiz-stat__icon img { width: 12px; height: 12px; }
.fiz-stat__num { font-size: 22px; }
.fiz-stat__text { font-size: 10px; padding-left: 0; line-height: 1.2; }
.yan-page h2 { font-size: clamp(22px, 9vw, 45px) !important; }
} .yan-sec2__inner { max-width: 1200px; margin: 0 auto; position: relative; }
.yan-sec2__top { background: var(--yan-blue, #25445F); border-radius: var(--yan-radius-lg, 24px); padding: clamp(28px, 3.5vw, 50px) clamp(28px, 4vw, 64px); margin-bottom: clamp(48px, 6vw, 90px); }
.yan-sec2__top h2 { font-family: var(--yan-ff-display); font-weight: 800; color: #fff; font-size: 45px; line-height: 1.05; margin: 0; max-width: 900px; }
.yan-sec2__questions { display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(24px, 4vw, 80px); row-gap: clamp(20px, 2vw, 32px); max-width: 880px; margin: 0 auto clamp(48px, 6vw, 90px); padding: 0 clamp(20px, 4vw, 60px); position: relative; }
.yan-sec2__q { font-family: var(--yan-ff-body); font-weight: 500; font-size: clamp(16px, 1.5vw, 22px); line-height: 1.3; color: var(--yan-blue, #25445F); border-bottom: 1px solid rgba(37,68,96,.15); padding: 0 0 14px; }
.yan-sec2__swirl { position: absolute; right: clamp(-40px, 1vw, 20px); top: clamp(80px, 10vw, 160px); width: clamp(211px, 25.7vw, 374px); height: auto; pointer-events: none; user-select: none; z-index: 1; }
.yan-sec2__swirl img { width: 100%; height: auto; display: block; }
.yan-sec2__bottom { display: block; line-height: 0; }
.yan-sec2__bottom img { width: 100%; height: auto; display: block; border-radius: var(--yan-radius-lg, 24px); }
@media (max-width: 767px) { .yan-sec2__questions { grid-template-columns: 1fr; } .yan-sec2__swirl { display: none; } } .yan-sec3__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec3__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 2.5vw, 32px); }
.yan-prog { position: relative; overflow: hidden; border-radius: 24px; padding: clamp(28px, 3vw, 44px); color: #fff; display: flex; flex-direction: column; gap: 18px; min-height: 580px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.yan-prog--bg { background-color: #5c0a0a; background-size: cover; background-position: center; background-repeat: no-repeat; }
.yan-prog--blue-mid { background: radial-gradient(120% 90% at 20% 85%, #7e9bb3 0%, #4f6f8a 70%), #4f6f8a; }
.yan-prog__deco { position: absolute; right: 0; bottom: 0; width: 55%; height: 60%; background-size: contain; background-position: right bottom; background-repeat: no-repeat; pointer-events: none; z-index: 0; }
.yan-prog > *:not(.yan-prog__deco) { position: relative; z-index: 1; }
.yan-prog__badge { position: absolute !important; top: 24px; right: 24px; left: auto; bottom: auto; display: inline-flex !important; align-items: center; width: auto !important; max-width: max-content; background: #fff !important; color: #d6321e !important; padding: 6px 18px !important; border-radius: 999px !important; font-family: var(--yan-ff-body); font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; white-space: nowrap; z-index: 5; }
.yan-prog__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 40px !important; line-height: 1.05 !important; color: #fff !important; text-transform: uppercase !important; margin: 0 !important; max-width: 75%; }
.yan-prog__lead { font-family: var(--yan-ff-body); font-size: 17px !important; font-weight: 300 !important; line-height: 1.35 !important; color: #fff !important; margin: 0 !important; max-width: 60%; }
.yan-prog__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; max-width: 55%; }
.yan-prog__list li { position: relative; padding-left: 18px; font-family: var(--yan-ff-body); font-size: 16px !important; line-height: 1.3 !important; color: #fff !important; font-weight: 300 !important; }
.yan-prog__list li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 5px; height: 5px; background: #fff; border-radius: 50%; }
.yan-prog__forwhom { display: flex; flex-direction: column; gap: 10px; max-width: 55%; font-family: var(--yan-ff-body); font-size: 16px !important; line-height: 1.35 !important; color: #fff !important; font-weight: 300 !important; }
.yan-prog__forwhom-label { font-weight: 500 !important; }
.yan-prog__forwhom strong { font-weight: 600 !important; }
.yan-prog__cta { margin-top: auto !important; align-self: flex-start !important; display: inline-flex !important; align-items: center; width: auto !important; max-width: max-content; background: #fff !important; color: #1f1f1f !important; height: 44px; padding: 0 26px !important; border-radius: 999px !important; font-family: var(--yan-ff-body); font-weight: 500 !important; font-size: 14px !important; line-height: 1 !important; text-transform: uppercase !important; letter-spacing: .06em !important; text-decoration: none !important; transition: transform .15s ease; }
.yan-prog__cta:hover { transform: translateY(-1px); }
@media (max-width: 900px) { .yan-sec3__grid { grid-template-columns: 1fr; } .yan-prog { min-height: 520px; } .yan-prog__title { font-size: 36px !important; max-width: 100%; } .yan-prog__lead, .yan-prog__list, .yan-prog__forwhom { max-width: 100%; } .yan-prog__deco { width: 50%; opacity: .5; } }
@media (max-width: 600px) { .yan-prog__title { font-size: 30px !important; } .yan-prog__deco { width: 60%; opacity: .35; } } .yan-sec4__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec4__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 0 clamp(24px, 3vw, 40px) !important; }
.yan-about__stack { position: relative; }
.yan-about__stack .yan-about__photo-overlay { position: absolute; right: -1cm; bottom: 0; height: 111%; width: auto; z-index: 10; pointer-events: none; user-select: none; display: block; }
.yan-about__banner { position: relative; border-radius: 24px; overflow: hidden; margin-bottom: clamp(20px, 2.2vw, 28px); color: #fff; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; min-height: 220px; }
.yan-about__banner > *:not(.yan-about__photo) { position: relative; z-index: 1; }
.yan-about__inner { padding: clamp(32px, 4vw, 64px); display: flex; flex-direction: column; gap: 16px; }
.yan-about__banner h3 { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 30px !important; line-height: 1.05 !important; color: #fff !important; text-transform: uppercase !important; margin: 0 !important; max-width: 60%; }
.yan-about__banner p { font-family: var(--yan-ff-body); font-size: 24px !important; font-weight: 300 !important; line-height: 1.35 !important; color: #fff !important; margin: 0 !important; max-width: 55%; }
.yan-about__cta { display: inline-flex !important; align-items: center; align-self: flex-start; width: auto !important; max-width: max-content; margin-top: 8px; height: 48px; padding: 0 28px !important; background: #fff !important; color: #1f1f1f !important; border-radius: 999px !important; font-family: var(--yan-ff-body); font-weight: 500 !important; font-size: 14px !important; line-height: 1 !important; text-transform: uppercase !important; letter-spacing: .06em !important; text-decoration: none !important; transition: transform .15s ease; }
.yan-about__cta:hover { transform: translateY(-1px); }
.yan-about__banner--wide h3, .yan-about__banner--wide p { max-width: 100% !important; }
.yan-about__banner--tg { min-height: 140px; }
.yan-about__banner--tg .yan-about__inner { padding: clamp(20px, 2.4vw, 36px) clamp(24px, 3vw, 48px); gap: 12px; }
.yan-about__cta-row { display: flex; flex-direction: row; gap: 12px; flex-wrap: wrap; }
.yan-about__tg-text { font-family: var(--yan-ff-body); font-size: 24px !important; font-weight: 300 !important; line-height: 1.3 !important; color: #fff !important; margin: 0 !important; max-width: 70%; }
.yan-about__button-banner { display: block; line-height: 0; border-radius: 24px; overflow: hidden; margin-bottom: clamp(20px, 2.2vw, 28px); }
.yan-about__button-banner img { width: 100%; height: auto; display: block; }
@media (max-width: 900px) { .yan-about__banner h3 { font-size: 32px !important; max-width: 100%; } .yan-about__banner p { max-width: 100%; } .yan-about__photo { opacity: .35; width: 60%; } }
@media (max-width: 600px) {
.yan-about__banner h3 { font-size: 26px !important; }
.yan-about__inner { padding: 28px 24px; }
.yan-about__photo { display: none; }
.yan-about__photo-overlay { display: none !important; }
.yan-about__tg-text { max-width: 100% !important; font-size: 18px !important; }
.yan-about__banner--tg { background-size: cover !important; background-position: right center !important; min-height: auto; overflow: hidden; }
} .yan-sec5__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec5__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 auto clamp(20px, 2vw, 28px) !important; max-width: 1000px; }
.yan-sec5__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); }
.yan-reason { border-radius: var(--yan-radius-lg, 24px); padding: clamp(24px, 2.4vw, 32px); display: flex; flex-direction: column; gap: 12px; min-height: 220px; text-align: center; align-items: center; justify-content: center; }
.yan-reason h3 { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 30px !important; line-height: 1.05 !important; text-transform: uppercase !important; margin: 0 !important; }
.yan-reason p { font-family: var(--yan-ff-body); font-size: 20px !important; font-weight: 300 !important; line-height: 1.35 !important; margin: 0 !important; }
.yan-reason--light { background: var(--yan-card-tint, #f3e8e1); color: var(--yan-blue, #25445F); }
.yan-reason--light h3, .yan-reason--light p { color: var(--yan-blue, #25445F) !important; }
.yan-reason--dark { background-color: var(--yan-blue, #25445F); background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/rectangle-29.png); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; }
.yan-reason--dark h3, .yan-reason--dark p { color: #fff !important; }
@media (max-width: 1023px) { .yan-sec5__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .yan-sec5__grid { grid-template-columns: 1fr; } .yan-sec5__heading { font-size: 32px !important; } .yan-reason h3 { font-size: 24px !important; } } .yan-sec6__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec6__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 auto clamp(28px, 3.5vw, 48px) !important; } .yan-sec6__wrap  { display: flex; align-items: center; gap: 12px; }
.yan-sec6__clip  { flex: 1; min-width: 0; overflow: hidden; }
.yan-sec6__track { display: flex; gap: 24px; }
.yan-sec6__track .yan-coach { flex-shrink: 0; } @media (max-width: 800px) {
.yan-sec6__inner { overflow: hidden; }
.yan-sec6__wrap  { display: block; position: relative; }
.yan-sec6__clip  { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.yan-sec6__clip::-webkit-scrollbar { display: none; }
.yan-sec6__track { transform: none !important; }
.yan-sec6__track .yan-coach { scroll-snap-align: start; }
.yan-sec6__arrow {
display: flex !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.yan-sec6__arrow--prev { left: 4px; }
.yan-sec6__arrow--next { right: 4px; }
}
.yan-sec6__arrow { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--yan-blue, #25445F); background: #fff; color: var(--yan-blue, #25445F); font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .15s, color .15s; }
.yan-sec6__arrow:focus { outline: none; }
.yan-sec6__arrow:active { background: #fff; color: var(--yan-blue, #25445F); }
@media (hover: hover) {
.yan-sec6__arrow:hover { background: var(--yan-blue, #25445F); color: #fff; }
}
.yan-coach { display: flex; flex-direction: column; gap: 0; position: relative; padding-top: 80px; }
.yan-coach__photo-wrap { width: 100%; aspect-ratio: 4 / 5; background-color: var(--yan-blue-accent, #4f6f8a); background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/rectangle-29.png); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: var(--yan-radius-md, 16px); position: relative; overflow: visible; }
.yan-coach__photo { position: absolute; left: 0; right: 0; bottom: 0; height: 115%; background-size: auto 100%; background-position: center bottom; background-repeat: no-repeat; }
.yan-coach__photo--maria { background-size: auto 108% !important; background-position: center top !important; }
.yan-coach__photo--ksenia { background-size: auto 110% !important; background-position: center calc(100% + 1cm) !important; }
.yan-coach__info { background: #fff; border-radius: var(--yan-radius-md, 16px); padding: clamp(20px, 2vw, 28px); margin-top: 12px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; flex: 1; }
.yan-coach__name { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 35px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 !important; }
.yan-coach__bio { font-family: var(--yan-ff-body); font-size: 20px !important; font-weight: 300 !important; line-height: 1.35 !important; color: var(--yan-blue, #25445F) !important; text-align: center !important; margin: 0 !important; }
.yan-coach__cta { margin-top: auto !important; align-self: center !important; display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; max-width: max-content; background: var(--yan-red, #d6321e) !important; color: #fff !important; height: 44px; padding: 0 24px !important; border-radius: var(--yan-radius-md, 12px) !important; font-family: var(--yan-ff-body); font-weight: 500 !important; font-size: 13px !important; line-height: 1 !important; text-transform: uppercase !important; letter-spacing: .04em !important; text-decoration: none !important; transition: transform .15s ease; }
.yan-coach__cta:hover { transform: translateY(-1px); } .yan-sec7__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec7__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 auto clamp(16px, 1.6vw, 24px) !important; }
.yan-rev__wrap  { display: flex; align-items: center; gap: 12px; }
.yan-rev__clip  { flex: 1; min-width: 0; overflow: hidden; }
.yan-rev__track { display: flex; gap: 24px; }
.yan-rev__arrow { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--yan-blue, #25445F); background: #fff; color: var(--yan-blue, #25445F); font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .15s, color .15s; }
.yan-rev__arrow:hover { background: var(--yan-blue, #25445F); color: #fff; }
.yan-rev__track .yan-review-card { flex-shrink: 0; max-width: none; margin: 0; }
@media (max-width: 800px) {
.yan-rev__arrow { display: none !important; }
.yan-rev__wrap  { display: block; }
.yan-rev__clip  { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.yan-rev__clip::-webkit-scrollbar { display: none; }
.yan-rev__track { transform: none !important; }
.yan-rev__track .yan-review-card { scroll-snap-align: start; }
}
.yan-review-card { background-color: var(--yan-blue-accent, #4f6f8a); background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/rectangle-29.png); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: var(--yan-radius-md, 16px); padding: clamp(36px, 4vw, 56px); color: #fff; max-width: 1000px; margin: 0 auto; position: relative; overflow: hidden; }
.yan-review-card__author { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 35px !important; line-height: 1.05 !important; color: #fff !important; text-transform: uppercase !important; margin: 16px 0 16px !important; }
.yan-review-card__text { font-family: var(--yan-ff-body); font-size: 20px !important; font-weight: 300 !important; line-height: 1.5 !important; color: #fff !important; white-space: pre-line; margin: 0 !important; }
.yan-review-card__more { display: inline-block !important; margin-top: 16px !important; color: #fff !important; font-family: var(--yan-ff-body); font-weight: 500 !important; font-size: 17px !important; text-decoration: underline !important; }
.yan-sec7__bottom { text-align: center; margin-top: 32px; }
.yan-sec7__cta { display: inline-flex !important; align-items: center; justify-content: center; background: var(--yan-red, #d6321e) !important; color: #fff !important; height: 60px; padding: 0 36px !important; border-radius: var(--yan-radius-md, 16px) !important; font-family: var(--yan-ff-body); font-weight: 500 !important; font-size: 18px !important; line-height: 1 !important; text-transform: lowercase !important; text-decoration: none !important; transition: transform .15s ease; }
.yan-sec7__cta:hover { transform: translateY(-1px); } .yan-sec8__inner { max-width: 1240px; margin: 0 auto; position: relative; }
.yan-sec8__layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 4vw, 64px); align-items: center; position: relative; }
.yan-sec8__visual { position: relative; aspect-ratio: 1 / 1; }
.yan-sec8__visual-mask, .yan-sec8__visual-cert, .yan-sec8__visual-arrow { position: absolute; background-size: contain; background-position: center; background-repeat: no-repeat; pointer-events: none; }
.yan-sec8__visual-mask { inset: -10% -15% -10% -10%; background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/mask-group-1.png); z-index: 1; }
.yan-sec8__visual-cert { inset: -10% -15% -10% -15%; background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/sertifikat-1.png); z-index: 2; }
.yan-sec8__visual-arrow { right: calc(-10% - 1cm); bottom: calc(-15% - 3cm); width: 60%; aspect-ratio: 1 / 1; background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/strelka-s-tenyu-2.png); z-index: 3; }
.yan-sec8__form-card { background: var(--yan-card-tint, #f3e8e1); border-radius: var(--yan-radius-md, 16px); padding: clamp(32px, 3vw, 48px); display: flex; flex-direction: column; gap: 18px; }
.yan-sec8__form-card h2 { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; margin: 0 0 8px !important; }
@media (max-width: 900px) { .yan-sec8__layout { grid-template-columns: 1fr; } .yan-sec8__visual { max-width: 480px; margin: 0 auto; aspect-ratio: 4/3; } .yan-sec8__form-card h2 { font-size: 32px !important; } } .yan-sec9__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec9__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; letter-spacing: .02em !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 auto clamp(20px, 2vw, 32px) !important; }
.yan-sec9__heading-accent { color: var(--yan-red, #d6321e); }
.yan-faq__list { display: flex; flex-direction: column; gap: 12px; }
.yan-faq-item { background: #fff; border-radius: var(--yan-radius-md, 16px); padding: 0; overflow: hidden; transition: box-shadow .15s ease; }
.yan-faq-item[open] { box-shadow: 0 8px 24px rgba(37,68,96,.06); }
.yan-faq-item summary { list-style: none; cursor: pointer; padding: 24px clamp(20px, 2.5vw, 32px); font-family: var(--yan-ff-body); font-size: 24px !important; font-weight: 500 !important; line-height: 1.3 !important; color: var(--yan-blue, #25445F) !important; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.yan-faq-item summary::-webkit-details-marker { display: none; }
.yan-faq-item summary::after { content: '+'; font-family: 'Akrobat', sans-serif; font-size: 32px; color: var(--yan-red, #d6321e); flex-shrink: 0; transition: transform .2s ease; line-height: 1; }
.yan-faq-item[open] summary::after { transform: rotate(45deg); }
.yan-faq-item__answer { padding: 0 clamp(20px, 2.5vw, 32px) 24px !important; font-family: var(--yan-ff-body); font-size: 18px !important; font-weight: 300 !important; line-height: 1.55 !important; color: var(--yan-blue, #25445F) !important; }
@media (max-width: 600px) { .yan-sec9__heading { font-size: 30px !important; } .yan-faq-item summary { font-size: 18px !important; } .yan-faq-item__answer { font-size: 16px !important; } } .yan-sec10__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec10__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 auto clamp(24px, 2.8vw, 40px) !important; } .yan-sec10__wrap  { display: flex; align-items: center; gap: 12px; margin-bottom: clamp(20px, 2vw, 32px); }
.yan-sec10__clip  { flex: 1; min-width: 0; overflow: hidden; }
.yan-sec10__track { display: flex; gap: 24px; }
.yan-sec10__track .yan-step { flex-shrink: 0; } @media (max-width: 800px) {
.yan-sec10__wrap  { display: block; position: relative; }
.yan-sec10__clip  { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.yan-sec10__clip::-webkit-scrollbar { display: none; }
.yan-sec10__track { transform: none !important; }
.yan-sec10__track .yan-step { scroll-snap-align: start; }
.yan-sec10__arrow {
display: flex !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.yan-sec10__arrow--prev { left: 4px; }
.yan-sec10__arrow--next { right: 4px; }
}
.yan-sec10__arrow { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--yan-blue, #25445F); background: #fff; color: var(--yan-blue, #25445F); font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .15s, color .15s; }
.yan-sec10__arrow:focus { outline: none; }
.yan-sec10__arrow:active { background: #fff; color: var(--yan-blue, #25445F); }
@media (hover: hover) { .yan-sec10__arrow:hover { background: var(--yan-blue, #25445F); color: #fff; } }
.yan-step { border-radius: var(--yan-radius-md, 16px); padding: clamp(28px, 3vw, 40px); background-color: var(--yan-blue, #25445F); background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/rectangle-5446.png); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; display: flex; flex-direction: column; gap: 14px; min-height: 280px; }
.yan-step__num { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 35px !important; line-height: 1 !important; color: #fff !important; margin: 0 !important; }
.yan-step__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 35px !important; line-height: 1.05 !important; color: #fff !important; text-transform: uppercase !important; margin: 0 !important; }
.yan-step__text { font-family: var(--yan-ff-body); font-size: 20px !important; font-weight: 300 !important; line-height: 1.4 !important; color: #fff !important; margin: auto 0 0 !important; }
.yan-sec10__highlight { background: #fff; border-radius: var(--yan-radius-lg, 24px); padding: clamp(28px, 3vw, 40px); text-align: center; font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 40px !important; line-height: 1.1 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; }
@media (max-width: 900px) { .yan-sec10__heading { font-size: 32px !important; } .yan-step__title { font-size: 26px !important; } .yan-sec10__highlight { font-size: 28px !important; } } .yan-sec11__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec11__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 auto clamp(24px, 2.8vw, 40px) !important; max-width: 1100px; }
.yan-sec11__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); }
.yan-logo-card { background: var(--yan-card-tint, #f3e8e1); border-radius: var(--yan-radius-lg, 24px); padding: 28px; display: flex; align-items: center; justify-content: center; min-height: 200px; position: relative; }
.yan-logo-card img { max-width: 75%; max-height: 110px; object-fit: contain; }
.yan-logo-card--accent { background: var(--yan-red, #d6321e); }
.yan-logo-card--accent img { filter: brightness(0) invert(1); }
.yan-logo-card--rzd { background: #fff; }
@media (max-width: 1023px) { .yan-sec11__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .yan-sec11__grid { grid-template-columns: 1fr; } } .yan-sec12__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec12__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; margin: 0 0 clamp(20px, 2vw, 32px) !important; }
.yan-sec12__layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 4vw, 64px); align-items: stretch; }
.yan-sec12__layout > div:first-child { display: flex; flex-direction: column; }
.yan-sec12__layout > .yan-sec12__form-card { height: 100%; margin-top: -2cm; }
.yan-sec12__lead { font-family: var(--yan-ff-body); font-size: 20px !important; font-weight: 300 !important; line-height: 1.45 !important; color: var(--yan-blue, #25445F) !important; margin: 0 0 20px !important; }
.yan-sec12__h3 { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 35px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; margin: 0 0 16px !important; }
.yan-sec12__visual { position: relative; aspect-ratio: 5 / 3; background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/28_04_1_709x435-1.png); background-size: contain; background-position: center; background-repeat: no-repeat; }
.yan-sec12__cta-link { display: inline-flex !important; align-items: center; justify-content: center; background: var(--yan-red, #d6321e) !important; color: #fff !important; height: 60px; padding: 0 32px !important; border-radius: var(--yan-radius-sm, 12px) !important; font-family: var(--yan-ff-body); font-weight: 500 !important; font-size: 17px !important; line-height: 1 !important; text-transform: lowercase !important; text-decoration: none !important; margin-bottom: 28px; transition: transform .15s ease; }
.yan-sec12__cta-link:hover { transform: translateY(-1px); }
.yan-sec12__form-card { background: var(--yan-card-tint, #f3e8e1); border-radius: var(--yan-radius-lg, 24px); padding: clamp(28px, 3vw, 40px); display: flex; flex-direction: column; gap: 16px; }
@media (max-width: 900px) { .yan-sec12__layout { grid-template-columns: 1fr; } .yan-sec12__heading, .yan-sec12__h3 { font-size: 32px !important; } .yan-sec12__layout > .yan-sec12__form-card { margin-top: 0; } } .yan-sec13__inner { max-width: 1240px; margin: 0 auto; }
.yan-sec13__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 auto clamp(24px, 2.8vw, 40px) !important; }
.yan-sec13__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 2vw, 28px); margin-bottom: clamp(28px, 3vw, 40px); }
.yan-article { border-radius: 20px; overflow: hidden; background: var(--yan-card-blue, #dce8f0); display: flex; flex-direction: column; }
.yan-article__cover { background: var(--yan-card-blue, #dce8f0); padding: clamp(20px, 2vw, 32px); display: flex; align-items: flex-start; min-height: 200px; }
.yan-article__cover-title { font-family: var(--yan-ff-body); font-weight: 600; font-size: clamp(18px, 1.6vw, 23px); line-height: 1.25; color: var(--yan-text-mid, #25445F); margin: 0; text-transform: none; letter-spacing: 0; }
.yan-article__body { padding: clamp(20px, 2vw, 28px); background: #fff; display: flex; flex-direction: column; gap: 14px; flex: 1; }
.yan-article__excerpt { font-family: var(--yan-ff-body); font-size: 17px; color: var(--yan-text, #25445F); line-height: 1.4; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; flex: 1; }
.yan-article__more { margin-top: auto; color: var(--yan-blue, #25445F); font-weight: 600; font-size: 17px; text-transform: uppercase; letter-spacing: .03em; }
.yan-sec13__bottom { text-align: center; }
.yan-sec13__cta { background: var(--yan-red, #d6321e); color: #fff; height: 60px; padding: 0 36px; border-radius: var(--yan-radius-md, 16px); display: inline-flex; align-items: center; font-weight: 600; font-size: 18px; text-transform: lowercase; text-decoration: none; }
@media (max-width: 900px) { .yan-sec13__grid { grid-template-columns: 1fr; } } .yan-sec14__inner { max-width: 1240px; margin: 0 auto; position: relative; overflow: visible; }
.yan-sec14__heading { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 45px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; margin: 0 0 clamp(24px, 2.8vw, 40px) !important; padding-left: calc(2cm + 38px) !important; }
.yan-sec14__grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(32px, 4vw, 48px); align-items: start; }
.yan-sec14__contacts { display: flex; flex-direction: column; gap: 24px; margin-left: 2cm; }
.yan-contact-row { display: grid; grid-template-columns: 24px 1fr; gap: 14px; align-items: start; }
.yan-contact-row svg { width: 24px; height: 24px; color: var(--yan-red, #d6321e); }
.yan-contact-row__label { font-family: var(--yan-ff-display); text-transform: uppercase; font-size: 18px; color: #000; }
.yan-contact-row__value { font-family: var(--yan-ff-body); font-weight: 600; font-size: 17px; color: var(--yan-text, #25445F); margin-top: 2px; }
.yan-contact-row--email .yan-contact-row__value { color: var(--yan-red, #d6321e); }
.yan-sec14__form-wrap { position: relative; margin-left: -7cm; margin-top: -3cm; }
.yan-sec14__arrow { position: absolute; right: -15%; top: 30%; width: 50%; aspect-ratio: 1 / 1; background-image: url(https://yanachalnik.ru/wp-content/uploads/2026/05/strelka-s-tenyu-1.png); background-size: contain; background-position: center; background-repeat: no-repeat; pointer-events: none; z-index: 1; }
.yan-sec14__social { margin-top: 32px; }
.yan-sec14__social-title { font-family: var(--yan-ff-display); text-transform: uppercase; font-size: 16px; color: var(--yan-text, #25445F); margin-bottom: 10px; }
.yan-sec14__social-icons { display: flex; gap: 8px; flex-wrap: wrap; }
.yan-social-icon { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; transition: transform .15s ease; }
.yan-social-icon:hover { transform: translateY(-2px); }
.yan-social-icon img { width: 26px; height: 26px; object-fit: contain; display: block; }
.yan-sec14__form-card { background: #fff; border-radius: var(--yan-radius-lg, 24px); padding: clamp(28px, 3vw, 40px); position: relative; z-index: 2; }
.yan-sec14__form-title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 30px !important; line-height: 1.05 !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; text-align: center !important; margin: 0 auto 20px !important; }
@media (max-width: 900px) { .yan-sec14__grid { grid-template-columns: 1fr; } .yan-sec14__arrow { display: none; } }
@media (max-width: 600px) {
.yan-sec14__inner { overflow: visible; }
.yan-sec14__heading { padding-left: 0 !important; font-size: 32px !important; }
.yan-sec14__contacts { margin-left: 0; gap: 16px; }
.yan-sec14__form-wrap { margin-left: 0 !important; margin-top: 0 !important; }
.yan-sec14__grid { gap: 20px; }
.yan-sec14__social { margin-top: 16px; }
}
@media (max-width: 600px) {
.yan-sec14__inner { overflow: hidden; }
.yan-sec14__heading { padding-left: 0 !important; font-size: 32px !important; }
.yan-sec14__contacts { margin-left: 0; }
.yan-sec14__form-wrap { margin-left: 0; margin-top: 0; }
.yan-sec14__grid { gap: 24px; }
} .yn-modal { display: none; position: fixed; inset: 0; z-index: 9999; align-items: center; justify-content: center; padding: 16px; }
.yn-modal--open { display: flex; }
.yn-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.55); backdrop-filter: blur(3px); }
.yn-modal__box { position: relative; z-index: 1; background: #fff; border-radius: 20px; padding: clamp(28px, 4vw, 48px); width: 100%; max-width: 520px; max-height: 90vh; overflow-y: auto; box-shadow: 0 24px 64px rgba(0,0,0,.18); }
.yn-modal__close { position: absolute; top: 16px; right: 20px; background: none; border: none; font-size: 28px; line-height: 1; color: #999; cursor: pointer; padding: 0; }
.yn-modal__close:hover { color: #333; }
.yn-modal__title { font-family: 'Akrobat', sans-serif !important; font-weight: 800 !important; font-size: 28px !important; color: var(--yan-blue, #25445F) !important; text-transform: uppercase !important; margin: 0 0 24px !important; padding-right: 32px; } .wpcf7 p { margin: 0 0 12px 0; padding: 0; }
.wpcf7 .wpcf7-form-control-wrap { display: block; margin-bottom: 12px; }
.wpcf7 br { display: none; }
input.cform__input, input.contacts__input { display: block; width: 100% !important; box-sizing: border-box !important; }
input.contacts__input, textarea.contacts__input { height: 54px; padding: 0 16px !important; border-radius: 10px !important; border: 1px solid rgba(200,200,200,1) !important; background: #fff !important; font-family: 'HelveticaNeueCyr', Arial, sans-serif !important; font-size: 16px !important; color: rgba(70,82,88,1) !important; outline: none !important; box-shadow: none !important; }
textarea.contacts__input { height: 100px !important; padding: 14px 16px !important; resize: none; }
input.cform__input { height: 66px; padding: 0 15px !important; border-radius: 10px !important; border: 1px solid rgba(183,183,183,1) !important; background: rgba(251,251,251,1) !important; font-family: 'HelveticaNeueCyr', Arial, sans-serif !important; font-size: 18px !important; color: rgba(70,82,88,1) !important; outline: none !important; box-shadow: none !important; }
.wpcf7-list-item { margin: 0 !important; display: block; }
.wpcf7-list-item label { display: flex !important; align-items: flex-start !important; gap: 10px !important; cursor: pointer; }
.wpcf7-list-item-label { display: inline !important; font-family: 'HelveticaNeueCyr', Arial, sans-serif !important; font-size: 13px !important; color: rgba(70,82,88,1) !important; line-height: 1.4 !important; }
.wpcf7-list-item-label a { color: rgba(253,5,6,1) !important; text-decoration: underline !important; }
.wpcf7-form-control-wrap { display: block; width: 100%; }
input.cform__checkbox, input.contact__checkbox { flex-shrink: 0 !important; width: 24px !important; height: 24px !important; min-width: 24px !important; margin: 2px 0 0 0 !important; padding: 0 !important; border-radius: 4px !important; border: 1px solid rgba(184,184,184,1) !important; appearance: none !important; -webkit-appearance: none !important; background: transparent !important; cursor: pointer; box-shadow: none !important; }
input.cform__checkbox:checked, input.contact__checkbox:checked { background: rgba(253,5,6,1) !important; border-color: rgba(253,5,6,1) !important; }
input.cform__submit { display: inline-flex !important; align-items: center; justify-content: center; height: 60px !important; padding: 0 36px !important; border-radius: 15px !important; border: none !important; background: rgba(253,5,6,1) !important; color: #fff !important; font-family: 'HelveticaNeueCyr', Arial, sans-serif !important; font-size: 18px !important; font-weight: 550 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; cursor: pointer; }
input.contacts__submit { display: block !important; width: 100% !important; height: 56px !important; padding: 0 !important; border-radius: 10px !important; border: none !important; background: rgba(253,5,6,1) !important; color: #fff !important; font-family: 'HelveticaNeueCyr', Arial, sans-serif !important; font-size: 16px !important; font-weight: 550 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; cursor: pointer; }
input.pricing__submit { display: block !important; width: 100% !important; height: 60px !important; padding: 0 !important; border-radius: 15px !important; border: none !important; background: #fff !important; color: rgba(37,68,96,1) !important; font-family: 'HelveticaNeueCyr', Arial, sans-serif !important; font-size: 16px !important; font-weight: 550 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; cursor: pointer; }
input.px-btn--red:hover, input.cform__submit:hover, input.contacts__submit:hover { opacity: .88 !important; }
.cform__card .wpcf7-list-item-label, .pricing__right .wpcf7-list-item-label { color: rgba(255,255,255,0.85) !important; }
.cform__card .wpcf7-list-item-label a, .pricing__right .wpcf7-list-item-label a { color: #fff !important; }
.cform__card input[type="checkbox"], .pricing__right input[type="checkbox"] { border-color: rgba(255,255,255,0.5) !important; background: rgba(255,255,255,0.1) !important; }
.cform__card input[type="checkbox"]:checked, .pricing__right input[type="checkbox"]:checked { background: #fff !important; border-color: #fff !important; }
.cform__card .wpcf7-list-item label, .pricing__right .wpcf7-list-item label { display: flex !important; align-items: center !important; gap: 10px !important; }
.contact__card .wpcf7-list-item-label, .contacts__card .wpcf7-list-item-label { color: rgba(70,82,88,1) !important; }
.contact__card .wpcf7-list-item-label a, .contacts__card .wpcf7-list-item-label a { color: rgba(253,5,6,1) !important; }
.contact__card input[type="checkbox"], .contacts__card input[type="checkbox"] { border-color: rgba(184,184,184,1) !important; background: transparent !important; }
.contact__card input[type="checkbox"]:checked, .contacts__card input[type="checkbox"]:checked { background: rgba(253,5,6,1) !important; border-color: rgba(253,5,6,1) !important; } .ft__logo-wrap { flex-direction: column; }
.ft__license {
width: 260px;
margin-top: 12px;
font-family: 'HelveticaNeueCyr', Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
color: rgba(120, 120, 120, 1); }.epyt-debug{background-color:#ddd;color:#000;cursor:pointer;text-align:left}iframe.__youtube_prefs__{border-width:0}.epyt-gallery{text-align:center}.epyt-gallery .epyt-figure{margin-block:0;margin-inline:0}.epyt-gallery iframe{margin-bottom:0}.epyt-gallery.epyt-lb iframe{display:none;height:0!important}.epyt-gallery-list{display:block;margin:0 -8px;position:relative;transition:opacity .3s ease-out}.epyt-gallery-list .epyt-gallery-thumb{box-sizing:border-box}.epyt-gallery-list p{display:none}.epyt-gallery-clear{clear:both}.epyt-gallery-list.epyt-loading{opacity:.5;transition:opacity .3s ease-out}.epyt-gallery-thumb{box-sizing:border-box;cursor:pointer;display:block!important;float:left;height:auto;opacity:1;overflow-y:hidden;padding:0 8px 10px;position:relative}.epyt-gallery-thumb.hover{height:auto;opacity:1;position:relative;transition:opacity .3s ease-out}.epyt-gallery-img-box{width:100%}.epyt-gallery-img{background-position:50%!important;background-size:cover!important;height:0;overflow:hidden!important;padding-top:56.25%!important;position:relative;width:100%}.epyt-gallery-playhover{height:100%;left:0;opacity:0;position:absolute;text-align:center;top:-10px;transition:opacity .3s ease-out;vertical-align:middle;width:100%}.epyt-gallery-thumb.epyt-current-video .epyt-gallery-playhover,.epyt-gallery-thumb.hover .epyt-gallery-playhover{opacity:1;top:0;transition:all .3s ease-out}.epyt-gallery-thumb .epyt-gallery-playcrutch{display:inline-block;height:100%;vertical-align:middle;width:0}.epyt-gallery-playhover .epyt-play-img{border:none;box-sizing:border-box;display:inline-block!important;height:auto!important;margin:0!important;max-width:15%!important;min-width:30px!important;padding:0!important;vertical-align:middle!important;width:auto}.epyt-gallery-title{font-size:80%;line-height:120%;padding:10px}.epyt-gallery-notitle{padding:4px}.epyt-gallery-notitle span{display:none}.epyt-gallery-rowtitle{left:0;opacity:0;overflow-x:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:100%;white-space:nowrap;width:100%;z-index:10}.epyt-gallery-rowtitle.hover{opacity:1;transition:opacity .2s linear}.epyt-gallery-rowbreak{clear:both}.epyt-pagination{clear:both;padding:10px 8px;text-align:center}.epyt-pagination.epyt-hide-pagination *{display:none!important}.epyt-pagenumbers>div,.epyt-pagination>div{display:inline-block;padding:0 2px;vertical-align:middle}.epyt-pagination .epyt-pagebutton{cursor:pointer;display:inline-block;padding:0 10px}.epyt-pagebutton>div{display:inline}.epyt-pagination .epyt-loader{display:none}.epyt-gallery-list.epyt-loading .epyt-pagination .epyt-loader{display:inline-block}body .lity-container{max-width:964px;width:100%}.epyt-curtain .lity-opened iframe{opacity:0;transition:opacity .3s linear .5s}.epyt-gallery-allthumbs.epyt-cols-1 .epyt-gallery-thumb{width:100%}.epyt-gallery-allthumbs.epyt-cols-2 .epyt-gallery-thumb{width:50%}.epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb{width:33.333%}.epyt-gallery-allthumbs.epyt-cols-4 .epyt-gallery-thumb{width:25%}.epyt-gallery-allthumbs.epyt-cols-5 .epyt-gallery-thumb{width:20%}.epyt-gallery-allthumbs.epyt-cols-6 .epyt-gallery-thumb{width:16.666%}.epyt-gallery-allthumbs.epyt-cols-7 .epyt-gallery-thumb{width:14.285%}.epyt-gallery-allthumbs.epyt-cols-8 .epyt-gallery-thumb{width:12.5%}.epyt-gallery-allthumbs.epyt-cols-9 .epyt-gallery-thumb{width:11.111%}.epyt-gallery-allthumbs.epyt-cols-10 .epyt-gallery-thumb{width:10%}.epyt-gallery-allthumbs.epyt-cols-11 .epyt-gallery-thumb{width:9.09%}.epyt-gallery-allthumbs.epyt-cols-12 .epyt-gallery-thumb{width:8.333%}.epyt-gallery-allthumbs.epyt-cols-13 .epyt-gallery-thumb{width:7.692%}.epyt-gallery-allthumbs.epyt-cols-14 .epyt-gallery-thumb{width:7.142%}.epyt-gallery-allthumbs.epyt-cols-15 .epyt-gallery-thumb{width:6.666%}.epyt-gallery-allthumbs.epyt-cols-16 .epyt-gallery-thumb{width:6.25%}.epyt-gallery-allthumbs.epyt-cols-17 .epyt-gallery-thumb{width:5.882%}.epyt-gallery-allthumbs.epyt-cols-18 .epyt-gallery-thumb{width:5.555%}.epyt-gallery-allthumbs.epyt-cols-19 .epyt-gallery-thumb{width:5.263%}.epyt-gallery-allthumbs.epyt-cols-20 .epyt-gallery-thumb{width:5%}.epyt-pagebutton.hide,.epyt-pagenumbers.hide{display:none!important;opacity:0!important;visibility:hidden!important}.epyt-gallery-subscribe{clear:both;padding:15px 0 10px;text-align:center}.epyt-gallery-subscribe a.epyt-gallery-subbutton,.epyt-gallery-subscribe a.epyt-gallery-subbutton:hover{background-color:#e62117!important;border-radius:3px;color:#fff!important;display:inline-block;padding:5px 10px;text-decoration:none!important}.epyt-gallery-subscribe a.epyt-gallery-subbutton img{background:transparent;-webkit-box-shadow:none;box-shadow:none;display:inline-block;height:auto!important;margin:0;padding:0 6px 3px 0;vertical-align:middle!important;width:20px!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__{background-color:#000;background-image:-webkit-linear-gradient(top,#000,#444);background-image:linear-gradient(180deg,#000,#444);height:auto;padding:25px;text-align:left}body div.__youtube_prefs__.__youtube_prefs_gdpr__ *{color:#e3e3e3!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__ a{text-decoration:underline}body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__,body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__:hover{background:#e62117!important;border-radius:3px;border-width:0;box-sizing:border-box;color:#fff!important;display:inline-block;font-weight:400;padding:5px 10px;text-decoration:none!important}body div.__youtube_prefs__.__youtube_prefs_gdpr__ button.__youtube_prefs_gdpr__ img{background:transparent;-webkit-box-shadow:none;box-shadow:none;display:inline-block;height:auto!important;margin-left:8px;padding:0 6px 3px 0;vertical-align:middle!important;width:20px!important}body .epyt-gallery-img-gdpr{background-color:#000;background-image:-webkit-linear-gradient(top,#000,#444);background-image:linear-gradient(180deg,#000,#444)}.epyt-facade{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.epyt-facade:hover{-webkit-filter:brightness(90%);-moz-filter:brightness(90%);filter:brightness(90%)}.epyt-facade img.epyt-facade-poster{border:none;cursor:pointer;display:block;height:auto;left:50%;margin:0;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.epyt-facade button.epyt-facade-play{background-color:transparent!important;border-width:0!important;cursor:pointer;height:48px;left:50%;margin-left:-34px;margin-top:-24px;position:absolute;top:50%;-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1);transition:opacity .25s cubic-bezier(0,0,.2,1);width:68px}.epyt-facade button.epyt-facade-play svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.epyt-facade button.epyt-facade-play svg .ytp-large-play-button-bg{-webkit-transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);transition:fill .1s cubic-bezier(.4,0,1,1),fill-opacity .1s cubic-bezier(.4,0,1,1);fill:#212121;fill-opacity:.8}.epyt-facade:hover button.epyt-facade-play svg .ytp-large-play-button-bg{-webkit-transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);transition:fill .1s cubic-bezier(0,0,.2,1),fill-opacity .1s cubic-bezier(0,0,.2,1);fill:red;fill-opacity:1}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.epyt-facade{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.__youtube_prefs_gdpr__{position:relative}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper .epyt-is-override.__youtube_prefs_gdpr__{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper.epyt-is-override__wrapper:before{padding:0}.wp-embed-responsive .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper.epyt-is-override__wrapper .epyt-is-override.__youtube_prefs_gdpr__{bottom:unset;left:unset;position:relative;right:unset;top:unset}