/*Theme Name: Altum
Theme URI:
Author: Mikhail Epikhin
Author URI:
Description: Original theme
Version: 1.0*/

@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-LightBETA.eot');
	src: local('☺'), url('fonts/Inter-LightBETA.woff') format('woff'), url('fonts/Inter-LightBETA.ttf') format('truetype'), url('fonts/Inter-LightBETA.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-LightItalicBETA.eot');
	src: local('☺'), url('fonts/Inter-LightItalicBETA.woff') format('woff'), url('fonts/Inter-LightItalicBETA.ttf') format('truetype'), url('fonts/Inter-LightItalicBETA.svg') format('svg');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Regular.eot');
	src: local('☺'), url('fonts/Inter-Regular.woff') format('woff'), url('fonts/Inter-Regular.ttf') format('truetype'), url('fonts/Inter-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Italic.eot');
	src: local('☺'), url('fonts/Inter-Italic.woff') format('woff'), url('fonts/Inter-Italic.ttf') format('truetype'), url('fonts/Inter-Italic.svg') format('svg');
	font-weight: 400;
	font-style: italic;
}
/* @font-face { */
	/* font-family: 'Inter'; */
	/* src: url('fonts/Inter-Medium.eot'); */
	/* src: local('☺'), url('fonts/Inter-Medium.woff') format('woff'), url('fonts/Inter-Medium.ttf') format('truetype'), url('fonts/Inter-Medium.svg') format('svg'); */
	/* font-weight: 500; */
	/* font-style: normal; */
/* } */
/* @font-face { */
	/* font-family: 'Inter'; */
	/* src: url('fonts/Inter-MediumItalic.eot'); */
	/* src: local('☺'), url('fonts/Inter-MediumItalic.woff') format('woff'), url('fonts/Inter-MediumItalic.ttf') format('truetype'), url('fonts/Inter-MediumItalic.svg') format('svg'); */
	/* font-weight: 500; */
	/* font-style: italic; */
/* } */
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Bold.eot');
	src: local('☺'), url('fonts/Inter-Bold.woff') format('woff'), url('fonts/Inter-Bold.ttf') format('truetype'), url('fonts/Inter-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-BoldItalic.eot');
	src: local('☺'), url('fonts/Inter-BoldItalic.woff') format('woff'), url('fonts/Inter-BoldItalic.ttf') format('truetype'), url('fonts/Inter-BoldItalic.svg') format('svg');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Black.eot');
	src: local('☺'), url('fonts/Inter-Black.woff') format('woff'), url('fonts/Inter-Black.ttf') format('truetype'), url('fonts/Inter-Black.svg') format('svg');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-BlackItalic.eot');
	src: local('☺'), url('fonts/Inter-BlackItalic.woff') format('woff'), url('fonts/Inter-BlackItalic.ttf') format('truetype'), url('fonts/Inter-BlackItalic.svg') format('svg');
	font-weight: 900;
	font-style: italic;
}

html{height: 100%;}
body{margin: 0 auto; padding-top: 130px; height: 100%; white-space: normal; font-family: 'Inter', sans-serif; color: #000000; background: #FFFFFF; line-height: 1.1; font-size: 20px; font-weight: 400;}

a,input{color: inherit; text-decoration: none;}
a, input, label, label::before, select, textarea, a *, button, .button, .wpcf7-list-item-label::before, .slick-prev:hover::before, .slick-next:hover::before, .popup-container, .popup, .popup-mobile-menu, .top, .tab, .tooltip, .faq-list-item, .faq-list-item .question::after, .brazil-map .pin-block{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

*{position: relative; margin: 0px; padding: 0px; list-style: none; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 0; font-family: inherit; font-weight: inherit; line-height: 1.1;}

b, strong, b *, strong *{font-weight: 700;}
p, p *{line-height: 1.4;}
p a{color: #23C4FF; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
p a:hover{color: #0494C9; border-color: rgba(255, 255, 255, 0.05);}

.blue{color: #23C4FF; line-height: inherit;}

.wrapper{margin: 0 auto; max-width: 1800px; padding: 30px 45px;}

.photo picture{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden;}
.photo picture img{display: block; width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width: 767px) {
body{font-size: 16px;}
/* body{padding-top: 99px;} */
/* ::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} */
.wrapper{padding-left: 15px; padding-right: 15px;}
}

/* Кнопки */

.button{display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 20px 40px; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: inherit; background: linear-gradient(147deg, rgba(74, 201, 230, 1) 0%, rgba(0, 9, 219, 1) 98%); border-radius: 6px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); white-space: nowrap; cursor: pointer;}
.button:hover{}

.btn-secondary{color: #000000; background: #FFFFFF;}
.btn-secondary:hover{}

.btn-sm{padding: 15px 20px; font-size: 16px; font-weight: 300;}
.btn-large{padding: 25px 45px; font-size: 24px;}

.buttons{display: flex; gap: 15px;}

.btn-icon::before{flex-shrink: 0; content: ""; display: block; width: 20px; height: 20px; background: center center no-repeat; background-size: contain;}

.btn-callback::before{background-image: url('images/icons/phone.svg');}
.btn-whatsapp::before{background-image: url('images/social/whatsapp.svg');}
.btn-telegram::before{background-image: url('images/social/telegram.svg');}
.btn-info{flex-direction: row-reverse;}
.btn-info::before{background-image: url('images/icons/info.svg');}

@media only screen and (max-width: 1730px) {
.btn-sm{font-size: 14px;}
}

@media only screen and (max-width: 767px) {
.button{padding: 15px 30px;}
}

/* Подсказки-тултипы */

.tooltip{position: absolute; bottom: calc(100% - 5px); right: -30px; display: block; padding: 10px 15px; width: 260px; color: #000000; line-height: 1.4; font-size: 14px; white-space: normal; background: #FFFFFF; border-radius: 12px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; z-index: 1; pointer-events: none;}
*:hover > .tooltip{bottom: calc(100% + 10px); opacity: 1; visibility: visible;}

/* Сетка форм */

.form-layout{display: flex; flex-direction: column; gap: 20px;}
.f-input{}
.f-group{margin: 10px 0px;}
.f-label{display: block; margin-bottom: 15px; font-size: 16px; font-weight: 900;}
.f-radio{display: flex; flex-wrap: wrap; gap: 10px 20px;}
.f-submit{display: flex; align-items: center; gap: 30px;}
.f-submit .button{min-width: 240px;}
.f-submit .agreement{font-size: 14px;}

.f-depend{display: none;}
.f-depend-selected{display: block;}

@media only screen and (max-width: 767px) {
.f-label{font-size: 14px;}
.f-submit{flex-direction: column; align-items: stretch;}
.f-submit .button{width: 100%;}
.f-submit .agreement{text-align: center; font-size: 12px;}
}

/* Поля форм */

.form-field{display: block; width: 100%; padding: 20px; color: #000000; line-height: 20px; font-size: 20px; background: #FFFFFF; border: 0px; border-radius: 4px; overflow-x: hidden; opacity: 0.85; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);}
/* .form-field:hover{opacity: 1;} */
/* .form-field:focus{opacity: 1;} */

input::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.5);}
input:-moz-placeholder{color: rgba(0, 0, 0, 0.5);}
textarea::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.5);}
textarea:-moz-placeholder{color: rgba(0, 0, 0, 0.5);}
button{background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
input[type="number"]{-moz-appearance: textfield;}
input[type="number"]:hover, input[type="number"]:focus{-moz-appearance: number-input;}
:active, :hover, :focus{outline: 0; outline-offset: 0;}
textarea{resize: none; overflow: auto; min-height: 120px}

.wpcf7-list-item, .f-group-item{margin: 0px !important;}
.wpcf7-list-item input, .f-group-item input{display: none;}
.wpcf7-list-item-label, .f-group-item-label{display: flex; align-items: center; gap: 10px; cursor: pointer;}
.wpcf7-list-item-label::before, .f-group-item-label::before{content: ""; display: block; width: 20px; height: 20px; background: center center no-repeat #FFFFFF; background-size: 12px;}

.wpcf7-radio .wpcf7-list-item-label::before, .f-radio .f-group-item-label::before{border-radius: 50%;}
.wpcf7-radio :checked + .wpcf7-list-item-label::before, .f-radio :checked + .f-group-item-label::before{background-image: url('images/icons/radio.svg');}

.f-range .irs--round{position: absolute; left: 8px; right: 8px; bottom: 0px; height: 15px;}
.f-range .irs--round .irs-line, .f-range .irs--round .irs-bar{display: none;}
.f-range .irs--round .irs-handle{top: 3px; width: 24px; height: 24px; border: 0; background: #23C4FF !important; border-radius: 50%; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); cursor: pointer;}
.f-range .measure{position: absolute; top: 0px; bottom: 0px; right: 0px; width: 45px; color: #000000; line-height: 64px; text-align: center;}

@media only screen and (max-width: 767px) {
.form-field{padding: 15px; font-size: 16px;}

.f-range .measure{line-height: 50px;}
}

/* Contact form 7 */

.wpcf7-spinner{position: absolute !important; top: 50%; right: 50%; transform: translate(50%, -50%); margin: 0px !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output{position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; display: flex; justify-content: center; align-items: center; margin: 0px !important; padding: 45px !important; text-align: center; color: #FFFFFF; line-height: 1.4; font-size: 20px; background-image: linear-gradient(to top, #00375C, #218ECB); border: 0 !important; border-radius: 12px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; animation: 3s alert-show ease;}

@keyframes alert-show {
  0% {top: -15px; opacity: 0; visibility: hidden;}
  15% {top: 0px; opacity: 1; visibility: visible;}
  85% {top: 0px; opacity: 1; visibility: visible;}
  100% {top: -15px; opacity: 0; visibility: hidden;}
}

@media only screen and (max-width: 767px) {
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output{font-size: 16px;}
}

/* Форматирование текста */

.story{max-width: 920px;}
.story *{font-size: 20px;}
.story p{margin: 15px 0px;}
.story h1{font-size: 48px; font-weight: 700;}
.story h2{margin-top: 40px; margin-bottom: 25px; line-height: 1.1; font-size: 36px; font-weight: 700;}
.story h3{margin-top: 40px; line-height: 1.3; font-size: 24px; font-weight: 700;}
.story h1 *, .story h2 *, .story h3 *{font-weight: 700;}
.story ul, .story ol{margin: 30px 0px; counter-reset: myCounter;}
.story li{margin: 15px 0px; padding-left: 30px; line-height: 1.4;}
.story li *{line-height: 1.4;}
.story li::before{position: absolute; left: 0px; top: 0px; display: block; color: #23C4FF; line-height: 1.4;}
.story ul li::before{content: "—";}
.story ol li::before{counter-increment: myCounter; content: counter(myCounter) ".";}
.story img{border-radius: 18px;}
.story .wp-caption{margin: 30px 0px;}
.story .wp-caption img{margin: 0px;}
.story .wp-caption-text{margin: 15px 0px 0px; text-align: center; color: rgba(0, 0, 0, 0.5); font-size: 16px; font-style: italic;}
.story blockquote{margin: 30px;}
.story blockquote *{line-height: 1.3; font-size: 24px;}

@media only screen and (max-width: 767px) {
.story *{font-size: 16px;}
.story h1{font-size: 36px;}
.story h2{font-size: 24px;}
.story h3{font-size: 20px;}
.story li{padding-left: 25px;}
.story img{border-radius: 12px;}
.story .wp-caption-text{font-size: 14px;}
.story blockquote{margin: 30px 15px;}
.story blockquote *{font-size: 20px;}
}

/* Slick Slider */

.slick-prev, .slick-next{outline: none; position: absolute; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; font-size: 0px; border-radius: 0px; cursor: pointer; z-index: 5;}
.slick-prev::before, .slick-next::before{content: ""; display: block; background: center center no-repeat #FFFFFF;}
.slick-prev:hover::before, .slick-next:hover::before{background-color: #218ECB;}
.slick-prev::before{background-image: url('images/icons/arrow-left.svg');}
.slick-next::before{background-image: url('images/icons/arrow-right.svg');}
.slick-disabled{opacity: 0; visibility: hidden;}

.slider{margin-left: -30px; margin-right: -30px;}
.slider > .slick-list{overflow: visible !important;}
.slider > .slick-list > .slick-track{display: flex !important;}
.slider > .slick-list > .slick-track > .slide{padding: 0px 30px; height: inherit;}

.slider > .slick-prev, .slider > .slick-next{width: 90px;}
.slider > .slick-prev{left: -15px;}
.slider > .slick-next{right: -15px;}
.slider > .slick-prev::before, .slider > .slick-next::before{width: 90px; height: 90px; background-size: 30px 30px; border-radius: 50%; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);}

@media only screen and (max-width: 1730px) {
.slider{margin-left: -22.5px; margin-right: -22.5px;}
.slider > .slick-list > .slick-track > .slide{padding: 0px 22.5px; height: inherit;}
.slider > .slick-prev, .slider > .slick-next{width: 60px;}
.slider > .slick-prev{left: -8px;}
.slider > .slick-next{right: -8px;}
.slider > .slick-prev::before, .slider > .slick-next::before{width: 60px; height: 60px; background-size: 20px 20px;}
}

@media only screen and (max-width: 767px) {
.slider{margin-left: -15px; margin-right: -15px;}
.slider > .slick-list{overflow: visible !important;}
.slider > .slick-list > .slick-track{display: flex !important;}
.slider > .slick-list > .slick-track > .slide{padding: 0px 15px; height: inherit;}

.slider > .slick-prev, .slider > .slick-next{width: 30px;}
.slider > .slick-prev{left: 0px;}
.slider > .slick-next{right: 0px;}
.slider > .slick-prev::before, .slider > .slick-next::before{width: 30px; height: 30px; background-size: 16px 16px;}
}

/* YouTube-видео */

.youtube{display: inline-block; padding-bottom: 56.25%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; cursor: pointer;}
.youtube .play{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; width: 69px; height: 50px; background: url('images/play.png') no-repeat; background-position: 0 -50px; background-size: 100% auto;}
.youtube:hover .play{background-position: 0 0;}
.youtube-video{padding-bottom: 56.25%; width: 100%;}
.youtube-video iframe{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;}

/* Попапы */

.popup-container{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; padding: 30px; opacity: 0; visibility: hidden; z-index: 999;}
.popup-visible{opacity: 1; visibility: visible;}
.popup-container > .popup-overlay{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.7); cursor: pointer;}
.popup{margin-top: 100px; width: 560px; max-height: calc(100vh - 60px); color: #FFFFFF; background: center center no-repeat #00375C; background-size: cover; border-radius: 12px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5); overflow-y: scroll; scrollbar-width: none;}
.popup-content{padding: 45px; background: rgba(0, 55, 92, 0.8);}
.popup-visible .popup{margin-top: 0px;}
.popup::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
.popup .popup-close{position: absolute; top: 5px; right: 5px; display: block; width: 45px; height: 45px; background: url('images/icons/close.svg') center center no-repeat; background-size: 20px 20px;}

.popup .headline{display: block; margin-bottom: 30px; text-align: center; font-size: 36px; font-weight: 900; text-transform: uppercase;}
.popup .f-submit{flex-direction: column; align-items: stretch;}
.popup .f-submit .button{width: 100%;}
.popup .f-submit .agreement{text-align: center;}

@media only screen and (max-width: 767px) {
.popup-container{padding: 0px;}
.popup{width: 100%; max-height: 100vh;}
.popup-content{padding: 45px 15px;}
}

/* Логотип */

.logo{display: inline-block; background: center top no-repeat; background-size: contain;}
.logo-white{background-image: url('images/logo-white.svg');}
.logo-black{background-image: url('images/logo-black.svg');}

/* Номер телефона */

.phone{white-space: nowrap;}

/* Социальные иконки */

.social{display: flex; gap: 10px;}
.social a{display: block; width: 45px; height: 45px; background: linear-gradient(147deg, rgba(74, 201, 230, 1) 0%, rgba(0, 9, 219, 1) 98%); border-radius: 6px;}
.social a:hover{border-color: #FFFFFF;}
.social a::before{content: ""; display: block; width: 100%; height: 100%; background: center center no-repeat; background-size: 30px 30px;}

.social .whatsapp::before{background-image: url('images/social/whatsapp.svg');}
.social .telegram::before{background-image: url('images/social/telegram.svg');}
.social .linkedin::before{background-image: url('images/social/linkedin.svg');}

/* Карты */

.map{background: rgba(0, 0, 0, 0.05); overflow: hidden;}
.map > div{position: absolute !important; top: 0px; left: 0px; right: 0px; bottom: 0px;}

/* Прелоудер */

.loader{position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; background-image: linear-gradient(to top, #00375C, #218ECB); z-index: 999;} 
.loader .logo{width: 200px; height: 310px;}
.loader-animation{display: block; width: 60px; height: 60px; border: 6px solid rgba(255, 255, 255, 0.3); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite;}
.loader-animation i{position: absolute; top: -9px; left: 20px; display: block; width: 12px; height: 12px; background: #FFFFFF; border-radius: 50%;}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@media only screen and (max-width: 767px) {
.loader{gap: 30px;} 
.loader .logo{width: 100px; height: 154px;}
.loader-animation{width: 40px; height: 40px; border-width: 4px;}
.loader-animation i{position: absolute; top: -6px; left: 16px; display: block; width: 8px; height: 8px; background: #FFFFFF; border-radius: 50%;}
}

/* Шапка */

.top{position: absolute; top: -130px; left: 0px; right: 0px; color: #FFFFFF; background: #00375C; z-index: 99;}
.top-no-bg{background: none;}
.top .wrapper{display: flex; justify-content: space-between; align-items: center; gap: 45px; margin-top: 130px; padding-top: 15px; padding-bottom: 15px;}
.top .wrapper .left, .top .wrapper .right{display: flex; align-items: center; gap: 45px;}
.top .logo{flex-shrink: 0; width: 65px; height: 100px;}

.main-menu{display: flex; gap: 5px;}
.main-menu > li > a{padding: 10px 15px; white-space: nowrap;}
.main-menu > li > a:hover{color: #23C4FF;}
.main-menu li.current-menu-item > a, .main-menu li.current-menu-parent > a, .main-menu li.current-menu-ancestor > a, .main-menu li.current-category-ancestor > a, .main-menu li.current-post-ancestor > a{color: #FFFFFF; outline: 1px solid #23C4FF; border-radius: 18px;}

.top-contacts{display: flex; flex-direction: column; gap: 10px; max-width: 300px;}
.top-contacts-item{display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 300;}
.top-contacts-item::before{content: ""; flex-shrink: 0; display: block; width: 20px; height: 20px; background: center center no-repeat; background-size: contain;}
.top-contacts-item.address::before{background-image: url('images/icons/address.svg');}
.top-contacts-item.phone::before{background-image: url('images/icons/phone.svg');}

.btn-menu{flex-shrink: 0; display: none; width: 40px; height: 40px; background: url('images/icons/menu.svg') center center no-repeat; background-size: contain;}

.top-fixed{position: fixed; top: 0px; background: none;}
.top-fixed::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; display: block; height: 90px; background: linear-gradient(to bottom, rgba(0, 84, 138, 1) 0%, rgba(0, 83, 138, 0) 96%); opacity: 0.7;}
.top-fixed .wrapper{margin-top: 0px; padding-top: 10px; padding-bottom: 10px;}
.top-fixed .logo{width: 45px; height: 45px; background-size: 100% auto;}
.top-fixed .top-contacts{display: none;}

@media only screen and (max-width: 1730px) {
.main-menu{display: none;}
.top-contacts-item{font-size: 14px;}
.btn-menu{display: block;}
}

@media only screen and (max-width: 1280px) {
.top .top-contacts{display: none;}
}

@media only screen and (max-width: 1080px) {
.top .buttons .button{padding: 15px; gap: 0px; font-size: 0px; border-radius: 50%;}
}

@media only screen and (max-width: 767px) {
/* .top{top: -99px;} */
/* .top .wrapper{margin-top: 99px;} */
.top .wrapper, .top .wrapper .left, .top .wrapper .right{gap: 30px;}
.top:not(.top-fixed) .logo{width: 45px; height: 69px;}
.top .buttons{gap: 10px;}
.top .buttons .button{padding: 10px;}
.btn-menu{width: 30px; height: 30px;}
}

/* Мобильное меню */

.popup-mobile-menu{position: absolute; top: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; align-items: center; gap: 30px; margin-right: -100px; padding: 60px 30px; width: 300px; color: #000000; background: #FFFFFF; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5); overflow-y: scroll; scrollbar-width: none;}
.popup-visible .popup-mobile-menu{margin-right: 0px;}
.popup-mobile-menu::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
.popup-mobile-menu > .popup-close{position: absolute; top: 5px; right: 5px; display: block; width: 45px; height: 45px; background: url('images/icons/close.svg') center center no-repeat #23C4FF; background-size: 20px 20px; border-radius: 6px;}

.popup-mobile-menu .logo{flex-shrink: 0; width: 65px; height: 100px;}
.mobile-menu{width: 100%;}
.mobile-menu > li > a{display: block; padding: 10px 0px; text-align: center; font-size: 16px; font-weight: 900; text-transform: uppercase;}

.popup-mobile-menu .buttons .button{padding: 15px; gap: 0px; font-size: 0px; border-radius: 50%;}
.popup-mobile-menu .top-contacts-item::before{-webkit-filter: grayscale(100%) brightness(0%); filter: grayscale(100%) brightness(0%);}

/* Хлебные крошки */

.breadcrumbs-block .wrapper{padding-bottom: 15px;}
.breadcrumbs{display: flex; flex-wrap: wrap; gap: 10px; color: rgba(0, 0, 0, 0.5); font-size: 16px;}
.breadcrumbs a{color: #23C4FF;}
.breadcrumbs a:hover{color: #0494C9;}

.breadcrumbs-white .breadcrumbs{color: rgba(255, 255, 255, 0.5);}
.breadcrumbs-white .breadcrumbs a{color: #FFFFFF;}
.breadcrumbs-white .breadcrumbs a:hover{color: #23C4FF;}

@media only screen and (max-width: 767px) {
.breadcrumbs-block .wrapper{padding-top: 0px;}
.breadcrumbs{gap: 5px 10px; font-size: 14px;}
}

/* Заголовок страницы */

.page-header .wrapper{padding-bottom: 15px;}
.page-header .headline{display: block; line-height: 1; font-size: 90px; font-weight: 900; text-transform: uppercase;}
.page-header .subheadline{display: block; margin-top: 15px; line-height: 1; font-size: 36px;}
.page-header .story{margin-top: 30px;}

@media only screen and (max-width: 1730px) {
.page-header .headline{font-size: 72px;}
}

@media only screen and (max-width: 767px) {
.page-header .headline{font-size: 48px;}
.page-header .subheadline{font-size: 24px;}
}

@media only screen and (max-width: 480px) {
.page-header .headline{font-size: 36px;}
}

/* Заголовок блока */

.block-header{margin-bottom: 45px;}
.block-header .headline{display: block; max-width: 980px; line-height: 1; font-size: 60px; font-weight: 900; text-transform: uppercase;}

@media only screen and (max-width: 1730px) {
.block-header .headline{font-size: 48px;}
}

@media only screen and (max-width: 767px) {
.block-header{margin-bottom: 30px;}
.block-header .headline{font-size: 36px;}
}

@media only screen and (max-width: 480px) {
.block-header .headline{font-size: 24px;}
}

/* Главная страница. Заходный блок */

.hello{color: #FFFFFF;}
.hello .wrapper{padding-top: 75px; padding-bottom: 75px; min-height: calc(100vh - 130px); overflow-x: hidden;}
.hello .content{display: flex; gap: 90px;}
.hello .page-header{max-width: 860px;}

.hello .right{display: flex; flex-direction: column; justify-content: space-between; gap: 45px;}
.hello .right .story{max-width: 720px;}
.hello .right .buttons{}

.what-we-do{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 75px;}
.what-we-do-item{padding: 40px 30px 30px; color: #FFFFFF;}
.what-we-do-item .bg{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); border-radius: 12px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);}
.what-we-do-item .bg::before{content: ""; display: block; width: 100%; height: 100%; opacity: 0.15; background-image: linear-gradient(120deg, rgba(74, 201, 230, 1) 0%, rgba(0, 9, 219, 1) 97%); border-radius: 12px;}
.what-we-do-item .number{position: absolute; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin-bottom: 15px; color: #FFFFFF; font-size: 16px; font-weight: 700; background-image: linear-gradient(to bottom, #23C4FF, #0494C9); border-radius: 12px 0px 12px 0px;}

.numbers-grid{display: flex; flex-direction: column; gap: 30px 45px;}
.numbers-grid-item{}
.numbers-grid-item .number{display: block; font-size: 36px; font-weight: 900;}
.numbers-grid-item .caption{margin-top: 5px; font-weight: 300;}
.numbers-grid-item .disclaimer{display: block; margin-top: 5px; color: rgba(255, 255, 255, 0.5); font-size: 16px; font-weight: 300;}

@media only screen and (max-width: 1730px) {
.hello .wrapper{padding-top: 45px;}
.what-we-do-item .text{font-size: 16px;}
}

@media only screen and (max-width: 1280px) {
.hello .content{flex-direction: column; gap: 30px;}
.hello .page-header{max-width: 1080px;}
.hello .right{gap: 30px;}
}

@media only screen and (max-width: 1080px) {
.hello .wrapper{padding-top: 45px; padding-bottom: 30px;}

.what-we-do{display: flex; gap: 20px; margin: 30px -45px 0px; padding: 30px 45px; overflow-x: scroll;}
.what-we-do::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
.what-we-do-item{flex-shrink: 0; width: 25vw;}

.hello .right{max-width: 100%;}
.numbers-grid{flex-direction: row;}
.numbers-grid-item{}
.numbers-grid-item .number{font-size: 24px;}
.numbers-grid-item .caption{margin-top: 3px; font-size: 16px;}
.numbers-grid-item .disclaimer{font-size: 14px;}
}

@media only screen and (max-width: 767px) {
.hello .wrapper{padding-top: 0px;}
.hello .story *{font-size: 14px;}

.what-we-do{gap: 15px; margin: 30px -15px 0px; padding: 30px 15px;}

.what-we-do-item{flex-shrink: 0; padding: 40px 15px 20px; width: 25vw;}
.what-we-do-item .text{font-size: 14px;}

.numbers-grid{flex-wrap: wrap; gap: 15px 30px;}
.numbers-grid-item{width: calc(50% - 15px);}
.numbers-grid-item .number{font-size: 16px;}
.numbers-grid-item .caption{font-size: 14px;}
.numbers-grid-item .disclaimer{margin-top: 3px; font-size: 12px;}
}

@media only screen and (max-width: 600px) {
.hello .buttons{flex-direction: column;}
.what-we-do-item{width: 35vw;}
}

@media only screen and (max-width: 480px) {
.what-we-do-item{width: 60vw;}
}

/* Главная страница. Фон страницы */

.page-bg{position: absolute; top: -130px; left: 0px; right: 0px; bottom: 0px; background: #00375C; z-index: -1;}

.bg-slideshow{position: absolute !important; right: 0; bottom: 0; left: 0; top: 0; opacity: 0.7;}
.bg-slideshow .slick-list, .bg-slideshow .slick-track, .bg-slideshow .slick-slide{width: 100%; height: 100%;}
.bg-slideshow .slick-slide{overflow: hidden;}
.bg-slideshow .photo{position: absolute; top: 0px; right: 0px; width: 115%; height: 100%;}
.bg-slideshow .slick-active .photo{animation: animate-slideshow 7.5s linear;}

@keyframes animate-slideshow {
0% {margin-right: -15%; transform: scale(0.5);}
100% {margin-right: 0; transform: scale(1);}
}

/* Блок. Почему стоит с нами работать */

.work-with-us{margin-bottom: 40px; color: #FFFFFF; background: #00375C; overflow-x: hidden;}
.work-with-us .bg{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.7;}
.work-with-us .wrapper{display: flex; gap: 75px; padding-top: 75px; padding-bottom: 75px;}

.work-with-us .left, .work-with-us .right{flex: 1;}

.wwu-list{display: flex; flex-direction: column; gap: 30px;}
.wwu-list-item{display: flex; align-items: center; gap: 20px; padding: 30px; background: linear-gradient(to bottom, #218ECB, #00375C); border-radius: 12px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);}
.wwu-list-item .number{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; color: #23C4FF; font-size: 24px; font-weight: 900; border: 3px solid #218ECB; border-radius: 50%;}
.wwu-list-item .text{font-size: 16px;}

.wwu-grid{display: flex; flex-direction: column; gap: 45px;}
.wwu-grid-item{display: flex; flex-direction: column; justify-content: space-between; gap: 30px; padding: 45px; color: #000000; background: #FFFFFF; border-radius: 12px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);}
.wwu-grid-item::before{content: ""; position: absolute; top: 40px; left: -22.5px; display: block; width: 45px; height: 45px; background: #FFFFFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.wwu-grid-item .headline{display: block; font-size: 36px; font-weight: 900; text-transform: uppercase;}
.wwu-grid-item .profits-list ul{gap: 20px;}
.wwu-grid-item .profits-list li{font-size: 20px;}
.wwu-grid-item .profits-list li::before{background: url('images/icons/tick-blue.svg');}

@media only screen and (max-width: 1730px) {
.wwu-list{gap: 20px;}
.wwu-grid{gap: 30px;}
.wwu-grid-item .headline{font-size: 24px;}
.wwu-grid-item .profits-list li{font-size: 16px;}
}

@media only screen and (max-width: 1080px) {
.work-with-us .wrapper{flex-direction: column;}
}

@media only screen and (max-width: 767px) {
.work-with-us{margin-bottom: 20px;}
.work-with-us .wrapper{gap: 45px; padding-top: 60px; padding-bottom: 60px;}
.wwu-list{gap: 15px;}
.wwu-list-item{gap: 15px; padding: 20px 15px;}
.wwu-list-item .number{width: 30px; height: 30px; font-size: 14px; border-width: 1px;}
.wwu-grid{gap: 20px;}
.wwu-grid-item{gap: 20px; padding: 30px 15px;}
.wwu-grid-item::before{top: 15px; left: -10px;}
.wwu-grid-item .headline{padding-left: 25px; font-size: 20px;}
}

@media only screen and (max-width: 480px) {
.wwu-list-item .text{font-size: 14px;}
}

/* Блок. Виды */

.types{margin-top: 30px; overflow-x: hidden;}

.types-grid{display: grid; gap: 45px 60px;}
.types-grid.col-2{grid-template-columns: repeat(2, 1fr);}
.types-grid.col-3{grid-template-columns: repeat(3, 1fr);}

.types-grid-item .photo{padding-bottom: 60%; border-radius: 18px; overflow: hidden;}
.types-grid-item .title{display: block; margin-top: 20px; font-size: 36px; font-weight: 700;}
.types-grid-item .desc{margin-top: 15px;}
.types-grid-item .price{display: block; margin-top: 20px; color: #23C4FF; font-size: 24px;}
.types-grid-item .link{display: flex; align-items: center; gap: 5px; margin-top: 20px; color: rgba(0, 0, 0, 0.5); line-height: 16px; font-size: 16px;}
.types-grid-item .link:hover{color: #23C4FF;}
.types-grid-item .link::before{content: ""; display: block; width: 16px; height: 16px; background: url('images/icons/link.svg') center center no-repeat; background-size: contain;}

@media only screen and (max-width: 1730px) {
.types-grid{display: grid; gap: 45px;}
.types-grid-item .desc{font-size: 16px;}
}

@media only screen and (max-width: 1080px) {
.types-grid{gap: 45px;}
.types-grid-item .title{font-size: 24px;}
.types-grid-item .desc{font-size: 16px;}
.types-grid-item .price{font-size: 20px;}
}

@media only screen and (max-width: 767px) {
.types{margin-top: 0px;}
.types-grid{display: flex; gap: 30px; margin: 0px -15px; padding: 0px 15px; overflow-x: scroll;}
.types-grid::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}

.types-grid-item{flex-shrink: 0; width: 65vw;}
.types-grid-item .photo{border-radius: 12px;}
.types-grid-item .title{font-size: 20px;}
.types-grid-item .desc{font-size: 14px;}
.types-grid-item .price{font-size: 16px;}
.types-grid-item .link{font-size: 14px;}
.types-grid-item .link::before{width: 14px; height: 14px;}
}

/* Кейсы */

.cases{overflow-x: hidden;}
.cases-slider .slide{height: inherit;}
.case-card{height: 100%; background: #FFFFFF; border-radius: 12px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.case-card .cover{padding-bottom: 32%;}
.case-card .portrait{position: absolute; bottom: -20px; left: 30px; width: 120px; height: 120px; border: 4px solid #FFFFFF; border-radius: 50%; overflow: hidden; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);}

.case-card .info{padding: 45px;}

.case-card .title{display: block; line-height: 1; font-size: 36px; font-weight: 900;}
.case-card .desc{margin-top: 25px;}
.case-card .desc *{font-size: 16px;}

.case-details{margin-top: 40px;}
.case-details ul{display: flex; flex-wrap: wrap; gap: 20px 30px;}
.case-details ul li{display: flex; flex-direction: column; gap: 5px; color: #23C4FF; font-size: 16px; font-weight: 900;}
.case-details ul li:last-child{border: 0px;}
.case-details ul li *{line-height: 1.1 !important;}
.case-details ul li strong{line-height: 24px; color: rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 400;}

@media only screen and (max-width: 1730px) {
.case-card{border-radius: 12px;}

.case-card .portrait{left: 15px; bottom: -10px; width: 90px; height: 90px;}

.case-card .info{gap: 30px; padding: 30px;}
.case-card .title{font-size: 24px;}
.case-card .desc{margin-top: 15px;}
.case-details{margin-top: 30px}
.case-details ul li strong{font-size: 12px;}
}

@media only screen and (max-width: 480px) {
.case-card .info{padding: 30px 15px;}
.case-card .title{font-size: 20px;}
.case-card .desc{margin-top: 20px;}
.case-card .desc *{font-size: 14px;}
}

/* Блок формы */

.cta-form-block{display: flex; justify-content: space-between; align-items: center; gap: 60px; padding: 60px; color: #FFFFFF; background: center center no-repeat #00375C; background-size: cover; border-radius: 18px; overflow: hidden;}
.cta-form-block-basic{justify-content: center;}
.cta-form-block::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: rgba(0, 0, 0, 0.15);}
.cta-form-block::after{content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; display: block; width: 50%; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.cta-form-block > div{z-index: 1;}
.cta-form-block .form{max-width: 620px;}
.cta-form-block .info{padding-left: 60px; max-width: 740px; border-left: 1px solid rgba(255, 255, 255, 0.1);}

.cta-form-block .info .headline{display: block; margin-bottom: 45px; line-height: 1; font-size: 36px; font-weight: 700;}
.profits-list ul{display: flex; flex-direction: column; gap: 30px;}
.profits-list li{display: flex; gap: 15px; font-size: 24px;}
.profits-list li:first-child{padding-top: 0px;}
.profits-list li::before{flex-shrink: 0; content: ""; display: block; width: 24px; height: 24px; background: url('images/icons/tick.svg') center center no-repeat; background-size: contain;}

.cta-form + .blog{margin-top: 40px;}

@media only screen and (max-width: 1730px) {
.cta-form-block{gap: 45px;}
.cta-form-block .info{padding-left: 45px;}
.cta-form-block .info .headline{margin-bottom: 30px; font-size: 24px;}
.profits-list li{font-size: 16px;}
}

@media only screen and (max-width: 1080px) {
.cta-form-block{flex-direction: column; gap: 60px;}
.cta-form-block .form{max-width: 100%;}

.cta-form-block .info{padding-left: 0px; max-width: 100%; border: 0px;}
}

@media only screen and (max-width: 767px) {
.cta-form-block{gap: 45px; margin: 0px -15px; padding: 45px 15px;}
.cta-form-block .info .headline{font-size: 20px;}
.profits-list li{gap: 10px;}
.profits-list li::before{width: 16px; height: 16px;}

.cta-form + .blog{margin-top: 10px;}
}

/* Блок эксперта */

.cta-expert .bg{position: absolute; top: 200px; left: 0px; right: 0px; bottom: 0px; background: center center no-repeat; background-size: cover; background-attachment: fixed; clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.cta-expert + .footer{margin-top: 0px;}
.cta-expert::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: rgba(255, 255, 255, 0.1);}
.cta-expert .wrapper{padding-top: 90px; padding-bottom: 90px;}

.expert-block{display: flex; gap: 60px; margin-top: 60px;}
.expert-block .left{width: 38%;}
.expert-block .right{width: 62%;}

.expert-block .photo{padding-bottom: 100%; border-radius: 18px 90px 18px 90px; overflow: hidden;}

.expert-block .name{display: block; font-size: 48px; font-weight: 900; text-transform: uppercase;}
.expert-block .job{display: block; margin-top: 10px; color: #23C4FF; font-size: 24px;}
.expert-block .bio{margin-top: 40px; max-width: 680px; background: #FFFFFF; border-radius: 18px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);}
.expert-block .bio .story{padding: 15px 45px;}

.expert-block .cta{display: flex; align-items: center; gap: 20px; padding: 30px 45px; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.expert-block .cta .or{flex: 1; display: flex; flex-direction: column; align-items: flex-end; gap: 10px;}
.expert-block .cta .or .caption{display: block; text-align: right; font-size: 16px;}

@media only screen and (max-width: 1730px) {
.expert-block .left{width: 23%;}
.expert-block .right{width: 77%;}
.expert-block .bio{max-width: 100%;}
}

@media only screen and (max-width: 1080px) {
.cta-expert .bg{top: 400px; background-attachment: scroll;}
.cta-expert .wrapper{padding-top: 75px; padding-bottom: 75px;}

.expert-block{gap: 45px;}
.expert-block .left{width: 200px;}
.expert-block .right{width: calc(100% - 245px);}

.expert-block .name{font-size: 36px;}
.expert-block .job{font-size: 20px;}

.expert-block .cta{flex-direction: column; align-items: stretch;}
.expert-block .cta .or{align-items: center;}
}

@media only screen and (max-width: 767px) {
.cta-expert .wrapper{padding-top: 60px; padding-bottom: 60px;}

.expert-block{flex-direction: column; margin-top: 45px;}

.expert-block .right{max-width: 500px; width: auto;}
.expert-block .bio{margin-top: 30px;}
.expert-block .bio .story{padding: 15px 15px;}
.expert-block .name{font-size: 24px;}
.expert-block .job{margin-top: 5px; font-size: 16px;}

.expert-block .cta{padding: 30px 15px;}
.expert-block .cta .or .caption{font-size: 14px;}
}

/* Блок FAQ */

.faq .wrapper{padding-top: 90px; padding-bottom: 60px;}
.faq .block-header .headline{margin-left: auto; margin-right: auto; text-align: center;}

.faq-list{display: flex; flex-direction: column; align-items: stretch; gap: 15px; margin: 45px auto 0px; max-width: 900px;}
.faq-list-item{background: #FFFFFF; border-radius: 18px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);}
.faq-list-item:hover{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);}
.faq-list-item input{display: none;}
.faq-list-item .question{display: flex; justify-content: space-between; align-items: center; gap: 45px; padding: 45px 30px 45px 45px; font-size: 24px; font-weight: 700; cursor: pointer;}
.faq-list-item .question::after{flex-shrink: 0; content: ""; display: block; width: 24px; height: 24px; background: url('images/icons/arrow-right.svg') center center no-repeat; background-size: contain;}
.faq-list-item input:checked ~ .question::after{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

.faq-list-item .answer{display: none; padding: 0px 45px 45px;}
.faq-list-item input:checked ~ .answer{display: block;}

@media only screen and (max-width: 1730px) {
.faq-list-item .answer *{font-size: 16px;}
}

@media only screen and (max-width: 767px) {
.faq .wrapper{padding-top: 60px; padding-bottom: 45px;}
.faq-list{margin-top: 30px;}
.faq-list-item{border-radius: 12px;}
.faq-list-item .question{gap: 30px; padding: 25px 15px; font-size: 16px;}
.faq-list-item .question::after{width: 16px; height: 16px;}
.faq-list-item .answer{margin-top: -15px; padding: 0px 15px 15px;}
.faq-list-item .answer *{font-size: 14px;}
}

/* Раздел статей */

.blog{overflow-x: hidden;}

.blog-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.blog-grid-item{display: flex; flex-direction: column; justify-content: space-between; gap: 30px; padding: 30px; border: 6px solid #23C4FF; border-radius: 18px;}
.blog-grid-item:hover{border-color: #0494C9;}
.blog-grid-item .photo{padding-bottom: 66%; border-radius: 18px; overflow: hidden;}
.blog-grid-item .title{display: block; margin-top: 20px; font-size: 36px; font-weight: 700;}
.blog-grid-item .date{color: rgba(0, 0, 0, 0.5); font-size: 16px;}

.blog .block-buttons{justify-content: center; margin-top: 45px;}

@media only screen and (max-width: 1730px) {
.blog-grid-item .title{font-size: 24px;}
.blog-grid-item .date{font-size: 14px;}
}

@media only screen and (max-width: 1080px) {
.blog-grid{grid-template-columns: repeat(2, 1fr);}

.blog-latest .blog-grid{display: flex; margin: 0px -45px; padding: 0px 45px; overflow-x: scroll;}
.blog-latest .blog-grid::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
.blog-latest .blog-grid-item{flex-shrink: 0; width: 35vw;}
}

@media only screen and (max-width: 767px) {
.blog-grid{gap: 15px;}
.blog-grid-item{gap: 20px; padding: 15px; border-width: 4px; border-radius: 12px;}
.blog-grid-item .photo{border-radius: 12px;}
.blog-grid-item .title{margin-top: 20px;}

.blog-latest .blog-grid-item{width: 60vw;}
}

@media only screen and (max-width: 480px) {
.blog-grid{grid-template-columns: repeat(1, 1fr);}

.blog-latest .blog-grid-item{width: 75vw;}
}

/* Пагинация */

.wp-pagenavi{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 45px;}
.wp-pagenavi a, .wp-pagenavi span{display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; color: #4E4E4E; font-weight: 700; background: #FFFFFF; border-radius: 6px;}
.wp-pagenavi a:hover{color: #23C4FF;}
.wp-pagenavi .current{color: #FFFFFF; background: #23C4FF;}

/* Страница статьи / Инфостраницы */

.article-header .block-header{margin: 0px -45px; padding: 0px 45px 45px; max-width: 900px; background: #FFFFFF; border-radius: 36px;}
.article-header .block-header .date{display: block; margin-top: 30px; color: rgba(0, 0, 0, 0.5);}
.article-header .block-header .desc{margin-top: 40px; font-size: 24px;}

.article-photo{margin-top: -300px; padding-bottom: 50%; z-index: -1;}

.article-page .wrapper{max-width: 980px;}

@media only screen and (max-width: 1080px) {
.article-photo{margin-top: -70px; padding-bottom: 50%;}
}

@media only screen and (max-width: 767px) {
.article-header .block-header{margin: 0px -15px; padding: 0px 15px 30px; border-radius: 0px;}
.article-header .block-header .date{margin-top: 15px; font-size: 16px;}
.article-header .block-header .desc{margin-top: 20px; font-size: 16px;}
.article-photo{margin-top: -20px; padding-bottom: 66%;}
}

/* Страница "О компании" */

.about{margin-bottom: 75px;}
.about .photo{position: absolute; top: 0px; right: 0px; bottom: 0px; width: 50%; border-radius: 90px 0px 0px 90px; overflow: hidden;}
.about .wrapper{padding-top: 75px; padding-bottom: 75px;}
.about .content{width: calc(50% - 60px);}
.about .button{margin-top: 30px;}

.company-numbers{margin-bottom: 60px; color: #FFFFFF; background: #00375C; overflow-x: hidden;}
.company-numbers .photo{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.7;}
.company-numbers .wrapper{padding-top: 90px; padding-bottom: 180px;}
.company-numbers .block-header{margin-bottom: 90px; text-align: right; transform: translate(calc(700px - calc(0.1vw* var(--scroll))), 0%); z-index: 1;}

.company-numbers .numbers-grid{flex-direction: row; justify-content: space-between; gap: 60px;}
.company-numbers .numbers-grid-item{flex: 1;}
.company-numbers .numbers-grid-item .number{font-size: 90px;}
.company-numbers .numbers-grid-item .caption{margin-top: 10px;}

@media only screen and (max-width: 1730px) {
.about .wrapper{padding-top: 45px; padding-bottom: 45px;}
.company-numbers .numbers-grid-item .number{font-size: 60px;}
}

@media only screen and (max-width: 1080px) {
.about{display: flex; flex-direction: column; margin-top: 15px;}
.about .photo{position: relative; top: auto; right: auto; bottom: auto; padding-bottom: 50%; width: 100%; border-radius: 36px 0px 0px 36px;}
.about .wrapper{padding-bottom: 0px;}
.about .content{width: 100%;}

.company-numbers .wrapper{padding-top: 60px; padding-bottom: 120px;}
.company-numbers .block-header{margin-bottom: 75px; transform: translate(calc(900px - calc(0.1vw* var(--scroll))), 0%);}
.company-numbers .numbers-grid{gap: 30px 45px;}
.company-numbers .numbers-grid-item .number{font-size: 48px;}
}

@media only screen and (max-width: 767px) {
.about .wrapper{padding-top: 30px;}
.about .button{margin-top: 20px;}

.company-numbers{margin-bottom: 40px;}
.company-numbers .wrapper{padding-top: 45px; padding-bottom: 90px;}
.company-numbers .block-header{transform: translate(calc(200px - calc(0.1vw* var(--scroll))), 0%);}
.company-numbers .numbers-grid-item .number{font-size: 36px;}
}

@media only screen and (max-width: 480px) {
.company-numbers .block-header{transform: translate(calc(170px - calc(0.1vw* var(--scroll))), 0%);}
}

/* Страница контактов */

.contact-page-header .wrapper{padding-bottom: 0px;}
.contact-page{margin-bottom: 45px;}
.contact-page .map{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.contact-page .wrapper{padding-top: 60px; padding-bottom: 60px; pointer-events: none;}

.contact-block{padding: 60px 45px; max-width: 500px; background: #FFFFFF; border-radius: 18px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); pointer-events: auto;}

.contact-block-list{display: flex; flex-direction: column; gap: 30px;}
.contact-block-list-item{display: flex; flex-direction: column; gap: 10px;}
.contact-block-list-item .label{}
.contact-block-list-item .value{font-size: 24px; font-weight: 900;}
.contact-block-list-item .social{margin-top: 5px;}

@media only screen and (max-width: 1080px) {
.contact-page{display: flex; flex-direction: column; margin-bottom: 15px;}
.contact-page .map{position: relative; top: auto; left: auto; right: auto; bottom: auto; padding-bottom: 68%;}
.contact-page .wrapper{padding-top: 0px; padding-bottom: 0px;}

.contact-block{margin-top: -10px; max-width: 100%;}
}

@media only screen and (max-width: 767px) {
.contact-page .wrapper{padding: 0px;}
.contact-block{padding: 40px 15px; border-radius: 12px;}

.contact-block-list{gap: 20px;}
.contact-block-list-item{gap: 5px;}
.contact-block-list-item .label{font-size: 14px;}
.contact-block-list-item .value{font-size: 20px;}
.contact-block-list-item .social{margin-top: 5px;}
}

@media only screen and (max-width: 480px) {
.contact-page .map{padding-bottom: 100%;}
}

/* Страница 404 */

.body-404{color: #FFFFFF; background: url('images/404.jpg') center center no-repeat #00375C; background-size: cover;}
.page-404 .wrapper{display: flex; align-items: center; min-height: 70vh;}
.page-404 .page-header{max-width: 860px;}
.page-404 .page-header .desc{margin-top: 20px; font-size: 24px;}

@media only screen and (max-width: 767px) {
.page-404 .page-header .desc{font-size: 16px;}
}

/* Подвал */

.footer{margin-top: 45px; color: #FFFFFF; background-image: linear-gradient(to top, #00375C, #218ECB);}
.footer .wrapper{padding-top: 60px; padding-bottom: 60px;}
.footer-columns{display: flex; justify-content: space-between; gap: 30px;}
.footer-columns .col{max-width: 300px;}

.footer .logo{width: 65px; height: 100px;}
.footer-contact{display: flex; flex-direction: column; gap: 5px;}
.footer-contact .label{color: rgba(255, 255, 255, 0.5); font-size: 16px;}

.footer-menu{display: flex; flex-wrap: wrap; gap: 15px 45px; margin: 45px 0px;}
.footer-menu a{font-size: 24px;}
.footer-menu a:hover{color: #23C4FF;}

.footer-bottom{display: flex; justify-content: space-between; gap: 30px;}
.footer .copyright p{margin: 10px 0px; color: rgba(255, 255, 255, 0.5); font-size: 16px;}

.footer-links{display: flex; flex-wrap: wrap; gap: 15px 30px; margin-top: 30px;}
.footer-links a{font-size: 16px;}
.footer-links a:hover{color: #23C4FF;}

.footer-bottom .right{text-align: right;}
.grecaptcha-badge {visibility: hidden;}
.recaptcha-disclaimer{margin-top: 30px; max-width: 205px; text-align: right;}
.recaptcha-disclaimer, .recaptcha-disclaimer a{font-size: 10px;}

@media only screen and (max-width: 1080px) {
.footer-columns{flex-wrap: wrap;}
.footer-columns .col:first-child{width: 100%;}
.footer-columns .col{max-width: 100%; width: calc(50% - 45px);}
}

@media only screen and (max-width: 767px) {
.footer-menu{gap: 15px 30px;}
.footer-menu a{font-size: 20px;}
.footer-bottom{flex-direction: column; gap: 45px;}
.footer .copyright p{font-size: 14px;}
.footer-links a{font-size: 14px;}
.footer-bottom .right{text-align: left;}
.recaptcha-disclaimer{text-align: left;}
}

@media only screen and (max-width: 480px) {
.footer-columns .col{width: 100%;}
.footer-menu{flex-wrap: nowrap; flex-direction: column;}
}