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

@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-Regular.eot');
	src: local('☺'), url('fonts/Manrope-Regular.woff') format('woff'), url('fonts/Manrope-Regular.ttf') format('truetype'), url('fonts/Manrope-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-Medium.eot');
	src: local('☺'), url('fonts/Manrope-Medium.woff') format('woff'), url('fonts/Manrope-Medium.ttf') format('truetype'), url('fonts/Manrope-Medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-Bold.eot');
	src: local('☺'), url('fonts/Manrope-Bold.woff') format('woff'), url('fonts/Manrope-Bold.ttf') format('truetype'), url('fonts/Manrope-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-ExtraBold.eot');
	src: local('☺'), url('fonts/Manrope-ExtraBold.woff') format('woff'), url('fonts/Manrope-ExtraBold.ttf') format('truetype'), url('fonts/Manrope-ExtraBold.svg') format('svg');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Special Gothic Expanded One';
	src: url('fonts/SpecialGothicExpandedOne-Regular.eot');
	src: local('☺'), url('fonts/SpecialGothicExpandedOne-Regular.woff') format('woff'), url('fonts/SpecialGothicExpandedOne-Regular.ttf') format('truetype'), url('fonts/SpecialGothicExpandedOne-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}


html{height: 100%;}
body{margin: 0 auto; height: 100%; white-space: normal; font-family: 'Manrope', sans-serif; color: #000000; background: #FFFFFF; line-height: 1; font-size: 18px; font-weight: 400; letter-spacing: 1%;}

a,input{color: #000000; text-decoration: none;}
a, input, label, label::before, select, textarea, a *, button, .button, .button::after, .header, .header .wrapper, .btn-menu i, .slick-prev::before, .slick-next::before, .popup-container, .popup, .home-services-grid-item .bg::after, .news-slider-card .info::before, .projects-slider-card .info::before, .service-block .photo::after, .safety-accordion-label::after, .safety-accordion-item .desc{
  -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: inherit;}

b, strong, b *, strong *{font-weight: 700;}
p, p *{line-height: 1.4;}

.wrapper{margin: 0 auto; max-width: 1600px; padding: 0px 60px;}
.layout-3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
.phone{white-space: nowrap;}

.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: 1080px) {
.wrapper{padding-left: 32px; padding-right: 32px;}
}

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

/* Кнопки */

.button{display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 0px 10px 0px 20px; height: 32px; color: #000000; font-family: 'Manrope', sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; white-space: nowrap; background: #FFBF00; border-radius: 500px; cursor: pointer;}
.button::after{content: ""; display: block; width: 39px; height: 15px; background: url('images/icons/arrow-right-black.svg') center center no-repeat; background-size: contain;}
.button:hover{background: #F3B500;}

.btn-alt, .header-yellow-bg:not(.header-scroll) .button{color: #FFBF00; background: #000000;}
.btn-alt::after, .header-yellow-bg:not(.header-scroll) .button::after{background-image: url('images/icons/arrow-right-yellow.svg');}
.btn-alt:hover, .header-yellow-bg:not(.header-scroll) .button:hover{background: #191919;}

.btn-secondary{text-transform: none; background: transparent; border: 2px solid #000000;}
.btn-secondary:hover{color: #FFBF00; background: transparent; border-color: #FFBF00;}
.btn-secondary:hover::after{background-image: url('images/icons/arrow-right-yellow.svg');}

.btn-input{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; border-radius: 500px; cursor: pointer;}

@media only screen and (max-width: 767px) {
.button{font-size: 16px;}
.btn-secondary{height: 24px}
.btn-secondary::after{width: 27px; background-position: right center; background-size: auto 15px;}
}

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

.form-field{display: block; width: 100%; padding: 24px 12px; color: #000000; line-height: 1.4; font-size: 18px; background: none; border: 5px solid #FFBF00; border-radius: 30px; overflow-x: hidden;}
.form-field:hover{border-color: #F3B500;}
.form-field:focus{border-color: #F3B500;}

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;}

:active, :hover, :focus{outline: 0; outline-offset: 0;}
textarea{resize: none; overflow: auto; min-height: 120px}

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

.form-layout{display: flex; flex-direction: column; align-items: flex-stretch; gap: 20px;}
.f-line{display: flex; align-items: flex-start; gap: 16px;}
.f-label{flex-shrink: 0; display: block; margin-top: 20px; width: 234px; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 18px; line-height: 1.4; font-weight: 400; text-transform: uppercase;}
.f-required .f-label::after{content: "(Required)"; display: block; text-transform: none;}
.f-input{flex: 1;}
.f-submit{margin-top: 10px; padding-left: 250px;}

@media only screen and (max-width: 767px) {
.form-layout{gap: 24px;}
.f-line{flex-direction: column; align-items: stretch; gap: 12px;}
.f-label{margin-top: 0px; font-size: 14px;}
.f-required .f-label::after{display: inline; margin-left: 7px; font-size: 12px;}
.f-submit{padding-left: 0px;}
}

/* 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: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; margin: 0px !important; padding: 32px !important; text-align: center; font-weight: 700 !important; color: #000000; line-height: 1.4; background: #FFBF00; border: 0 !important; border-radius: 30px; opacity: 0; visibility: hidden; z-index: 2; animation: 3s alert-show ease;}

.wpcf7-not-valid-tip{position: absolute !important; top: 12px; right: 16px; max-width: 100%; padding: 3px 6px; color: #000000 !important; font-size: 14px !important; font-weight: 700 !important; white-space: nowrap; background: #FFBF00; border-radius: 12px; z-index: 1; pointer-events: none;}

@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;}
}

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

.story{}
.story > :first-child{margin-top: 0px;}
.story > :last-child{margin-bottom: 0px;}
.story *{font-size: 18px;}
.story p{margin: 24px 0px;}
.story h1, .story h2, .story h3{font-family: 'Special Gothic Expanded One', sans-serif; font-weight: 400; text-transform: uppercase;}
.story h1{font-size: 64px;}
.story h2{margin-top: 32px; margin-bottom: 15px; line-height: 1; font-size: 28px;}
.story h3{margin-top: 32px; line-height: 1; font-size: 18px;}
.story h1 *, .story h2 *, .story h3 *{font-weight: 400;}
.story ul, .story ol{margin: 32px 0px; counter-reset: myCounter;}
.story li{margin: 16px 0px; padding-left: 24px; line-height: 1.4;}
.story li *{line-height: 1.4;}
.story li::before{position: absolute; left: 0px; top: 0px; display: block; line-height: 1.4;}
.story ul li::before{content: "—";}
.story ol li::before{counter-increment: myCounter; content: counter(myCounter) ".";}
.story img{margin: 32px 0px; border-radius: 0px;}
.story .wp-caption{margin: 32px 0px;}
.story .wp-caption img{margin: 0px;}
.story .wp-caption-text{margin: 16px 0px 0px; text-align: center; color: rgba(0, 0, 0, 0.45); font-size: 14px;}
.story blockquote{margin: 32px 40px;}
.story blockquote *{line-height: 1.3; font-size: 24px; font-weight: 500;}
.story a{border-bottom: 1px solid #000000;}
.story a:hover{color: #FFBF00; border-color: #FFBF00;}

@media only screen and (max-width: 767px) {
.story *{font-size: 14px;}
.story p{margin: 16px 0px;}
.story h1{font-size: 32px;}
.story h2{margin-bottom: 10px; font-size: 28px;}
.story h3{font-size: 18px;}
.story ul, .story ol{margin: 24px 0px;}
.story li{margin: 12px 0px; padding-left: 18px;}
.story li *{line-height: 1.4;}
.story img{margin: 24px 0px;}
.story .wp-caption{margin: 24px 0px;}
.story .wp-caption-text{margin: 12px 0px 0px; font-size: 12px;}
.story blockquote{margin: 24px 32px;}
.story blockquote *{font-size: 18px;}
}

/* Slick Slider */

.slick-slider{}

.slick-prev, .slick-next{outline: none; position: absolute; top: 0; bottom: 0; display: block; width: 90px; text-indent: 9999px; text-align: unset; white-space: nowrap; border-radius: 0px; overflow: hidden; cursor: pointer; z-index: 1;}
.slick-prev{left: 20px;}
.slick-next{right: 20px;}

.slick-prev, .slick-next{outline: none; position: absolute; top: 50%; display: block; width: 62px; height: 26px; background: center center no-repeat; background-size: 39px 15px; border: 2px solid #000000; border-radius: 500px; transform: translate(0%, -50%); text-indent: 9999px; text-align: unset; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1;}
.slick-prev:hover, .slick-next:hover{border-color: #FFBF00;}
.slick-prev{left: -170px; background-image: url('images/icons/arrow-left-black.svg');}
.slick-prev:hover{background-image: url('images/icons/arrow-left-yellow.svg');}
.slick-next{left: -98px; background-image: url('images/icons/arrow-right-black.svg');}
.slick-next:hover{background-image: url('images/icons/arrow-right-yellow.svg');}

.slick-disabled{opacity: 0; visibility: hidden;}

.slick-dots{position: absolute; left: 0; right: 0; bottom: 24px; display: flex; align-items: center; gap: 8px; margin: 0 auto; padding: 0px 60px; width: 100%; max-width: 1600px; list-style: none; z-index: 1;}
.slick-dots li{flex: 1;}
.slick-dots li button{display: block; padding: 0px; width: 100%; height: 5px; background: #FFFFFF; font-size: 0; color: transparent; border-radius: 3px; opacity: 0.3; overflow: hidden; cursor: pointer;}
.slick-dots li button:hover{opacity: 0.7;}
.slick-dots .slick-active button{opacity: 0.7;}

@media only screen and (max-width: 1080px) {
.slick-dots{gap: 2px; padding: 0px 32px;}
}

@media only screen and (max-width: 767px) {
.slick-prev, .slick-next{width: 40px; height: 22px; background: none !important;}
.slick-prev::before, .slick-next::before{content: ""; position: absolute; top: 50%; right: 50%; display: block; width: 27px; height: 15px; background: no-repeat; background-size: auto 15px; transform: translate(50%, -50%);}

.slick-prev{left: -88px;}
.slick-prev::before{background-position: left center; background-image: url('images/icons/arrow-left-black.svg');}
.slick-prev:hover::before{background-image: url('images/icons/arrow-left-yellow.svg');}
.slick-next{left: -44px;}
.slick-next::before{background-position: right center; background-image: url('images/icons/arrow-right-black.svg');}
.slick-next:hover::before{background-image: url('images/icons/arrow-right-yellow.svg');}

.slick-dots{padding: 0px 16px;}
}

/* Попапы */

.popup-container{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; padding: 32px; opacity: 0; visibility: hidden; z-index: 90;}
.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: -50px; padding: 60px 24px 48px; width: 720px; max-height: 100vh; background: #FFBF00; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.5); overflow-y: scroll; scrollbar-width: none;}
.popup-visible .popup{margin-top: 0px;}
.popup::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
.popup > .popup-close{position: absolute; top: 12px; right: 12px; padding: 0px; width: 48px; height: 48px; background: url('images/icons/close.svg') center center no-repeat; background-size: 16px 16px;}

.popup .button{flex-shrink: 0;}

@media only screen and (max-width: 767px) {
.popup-container{padding: 0px;}
.popup{padding: 60px 16px 48px;}
}

/* Видео */

.video-wrapper{position: relative; width: 100%; margin: auto; cursor: pointer;}
.video-wrapper video{width: 100%; display: block;}
.play-button{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: url('images/icons/play.svg') center center no-repeat #FFBF00; background-size: 20px 20px; border-radius: 50%; z-index: 2; transition: opacity 0.3s;}
.play-button:hover{background-color: #F3B500;}
.play-button.hidden{opacity: 0; pointer-events: none;}

.progress-container{position: absolute; bottom: 0; left: 0; right: 0; height: 8px; background: rgba(132, 132, 132, 0.3); cursor: pointer; z-index: 2;}
.progress-bar{height: 100%; width: 0%; background: #FFBF00; transition: width 0.1s linear;}

@media only screen and (min-width: 768px) {
.video-fullscreen .fullscreen-toggle{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; cursor: pointer; z-index: 3;}

.video-fullscreen-open .video-wrapper{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; max-width: unset; background: rgba(0, 0, 0, 0.7); z-index: 999;}
.video-fullscreen-open .fullscreen-toggle{left: unset; bottom: unset; top: 10px; right: 10px; padding: 0px; width: 60px; height: 60px; background: url('images/icons/close.svg') center center no-repeat #FFBF00; background-size: 16px 16px; border-radius: 50%;}
.video-fullscreen-open .fullscreen-toggle:hover{background-color: #F3B500;}
}

@media only screen and (max-width: 767px) {
.video-fullscreen .fullscreen-toggle{display: none;}
}

/* Соцсети */

.social{display: flex; flex-direction: column; gap: 15px;}
.social a{display: block; width: 44px; height: 44px; background: center center no-repeat; background-size: contain;}
.social .facebook{background-image: url('images/social/facebook.svg');}
.social .linkedin{background-image: url('images/social/linkedin.svg');}
.social .youtube{background-image: url('images/social/youtube.svg');}

/* Шапка */

.header{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99;}
.header .wrapper{padding-top: 40px; padding-bottom: 40px;}

.header .left, .header .right{display: flex; align-items: center; gap: 7px;}

.schela-logo-header{display: inline-block; width: 245px; height: 27px; background: url('images/scafframe-logo.svg') center center no-repeat; background-size: contain;}
.header-yellow-bg:not(.header-scroll) .schela-logo-header{-webkit-filter: grayscale(100%) brightness(0%); filter: grayscale(100%) brightness(0%);}

.header .right{grid-column: span 2; justify-content: flex-end;}

.main-menu{flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 0px 16px; background: #FFFFFF; border: 1px solid #000000; border-radius: 500px;}
.main-menu > li > a{display: block; padding: 7px 16px; color: rgba(0, 0, 0, 0.3); font-size: 16px; font-weight: 500;}
.main-menu > li > a:hover{color: rgba(0, 0, 0, 1);}
.main-menu > li.current-menu-item > a, .main-menu > li.current-menu-parent > a, .main-menu > li.current-menu-ancestor > a{color: rgba(0, 0, 0, 1);}

.header-has-bg:not(.header-scroll) .main-menu{background: rgba(255, 255, 255, 0.75); border-color: transparent;}
.header-home:not(.header-scroll) .main-menu > li > a{color: rgba(0, 0, 0, 1);}

.header-scroll{position: fixed;}
.header-scroll .wrapper{padding-top: 20px; padding-bottom: 20px;}
.header-scroll:not(.header-menu-active){background: #FFFFFF; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);}

.btn-menu{display: none; flex-shrink: 0; flex-direction: column; justify-content: center; align-items: stretch; gap: 2px; padding: 4px 6px; width: 40px; height: 24px; border: 2px solid #000000; border-radius: 20px; z-index: 99;}
.btn-menu i{display: block; width: 100%; height: 2px; background: #000000;}

.header-menu-active .btn-menu i:nth-child(1){-webkit-transform: rotate(30deg) translate(3px, 3px); -ms-transform: rotate(30deg) translate(3px, 3px); transform: rotate(30deg) translate(3px, 3px);}
.header-menu-active .btn-menu i:nth-child(2){opacity: 0;}
.header-menu-active .btn-menu i:nth-child(3){-webkit-transform: rotate(-30deg) translate(2px, -3px); -ms-transform: rotate(-30deg) translate(2px, -3px); transform: rotate(-30deg) translate(2px, -3px);}
.header-menu-active .schela-logo-header, .header-menu-active .main-menu, .header-menu-active .button{opacity: 0; visibility: hidden;}

.header-has-bg:not(.header-scroll) .btn-menu{border-color: #FFFFFF;}
.header-has-bg:not(.header-scroll) .btn-menu i{background: #FFFFFF;}

.header-menu-active .btn-menu{border-color: #000000 !important;}
.header-menu-active i{background: #000000 !important;}

@media only screen and (max-width: 1400px) {
.header .button .prefix{display: none;}
}

@media only screen and (max-width: 1320px) {
.main-menu{display: none;}
.header .right{gap: 16px;}
.btn-menu{display: flex;}
}

@media only screen and (max-width: 1080px) {
.header .wrapper{padding-top: 24px; padding-bottom: 24px;}
.header-scroll .wrapper{padding-top: 16px; padding-bottom: 16px;}
}

@media only screen and (max-width: 767px) {
.header .wrapper{padding-top: 12px; padding-bottom: 12px;}
.header-scroll .wrapper{padding-top: 12px; padding-bottom: 12px;}
.schela-logo-header{width: 127px; height: 14px;}
.header .button{display: none;}
}

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

#popup-menu{justify-content: flex-end; padding: 0px;}
.popup-menu{display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; gap: 32px; margin-top: 0px; margin-right: -50px; padding: 112px 0px 48px; width: 300px; height: 100vh;}
.popup-visible .popup-menu{margin-right: 0px;}

.mobile-menu{}
.mobile-menu a{display: block; padding: 10px 16px; font-size: 28px; font-weight: 700;}

.popup-menu .below{padding: 0px 16px;}

@media only screen and (max-width: 1080px) {
.popup-menu{padding-top: 92px; padding-bottom: 32px;}
}

@media only screen and (max-width: 767px) {
.popup-menu{padding-top: 60px; padding-bottom: 24px;}
}

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

.page-headline{display: block; color: #FFBF00; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 64px; font-weight: 400; text-transform: uppercase;}

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

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

.block-headline{display: block; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 60px; font-weight: 400; text-transform: uppercase;}

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

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

.home-hero{overflow-x: hidden;}
.home-hero .gallery-slider{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.home-hero .gallery-slider::after{content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block; background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2)); pointer-events: none;}
.home-hero .gallery-slider .slick-list,
.home-hero .gallery-slider .slick-track,
.home-hero .gallery-slider .slick-slide,
.home-hero .gallery-slider .photo{height: 100%;}

.home-hero .wrapper{display: flex; justify-content: flex-start; align-items: flex-end; padding-top: 170px; padding-bottom: 90px; min-height: 100vh; pointer-events: none;}
.home-hero .content{max-width: 1090px;}
.home-hero .desc{display: block; margin-top: 24px; color: #FFFFFF; font-size: 25px; font-weight: 800; text-transform: uppercase;}

@media only screen and (max-width: 1080px) {
.home-hero .page-headline{font-size: 60px;}
.home-hero .desc{font-size: 18px;}
}

@media only screen and (max-width: 767px) {
.home-hero .page-headline{font-size: 32px;}
.home-hero .desc{margin-top: 16px; font-size: 14px;}
}

/* Главная страница. Услуги */

.home-services .wrapper{padding-top: 110px;}
.home-services .block-header{display: flex; align-items: center; gap: 32px;}
.home-services .block-header::after{content: ""; flex-shrink: 0; display: block; width: 55px; height: 55px; background: url('images/icons/arrow-sm-down-white.svg') center center no-repeat #000000; background-size: 20px 20px; border-radius: 50%;}
.home-services .block-intro .right{grid-column: span 2;}

.home-services-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 180px;}
.home-services-grid-item:nth-child(3n + 2){top: 325px;}
.home-services-grid-item:nth-child(8){top: 0px; left: calc(100% + 32px);}
.home-services-grid-item .bg{padding-bottom: 154%;}

.home-services-grid-item .info{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; gap: 24px; padding: 32px; background: #FFBF00;}
.home-services-grid-item .info::after{content: ""; position: absolute; top: 32px; right: 32px; display: block; width: 62px; height: 26px; background: url('images/icons/arrow-right-black.svg') center center no-repeat; background-size: 39px 15px; border: 2px solid #000000; border-radius: 500px;}

.home-services-grid-item .icon{display: block; margin-bottom: 64px; width: 30px; height: 30px; background: center center no-repeat; background-size: contain;}
.home-services-grid-item .title{display: block; margin-right: 72px; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}

.home-services-grid-item.has-photo .bg::after{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: linear-gradient(to top, rgba(255, 191, 0, 1), rgba(132, 132, 132, 0), rgba(132, 132, 132, 0));}
.home-services-grid-item.has-photo:not(:hover) .info{top: unset; background: rgba(234, 234, 234, 0);}
.home-services-grid-item.has-photo:not(:hover) .icon{display: none;}
.home-services-grid-item.has-photo:not(:hover) .below{display: none;}

.home-services-grid-item.has-photo:hover .info{top: unset; min-height: 490px; background: rgba(234, 234, 234, 1);}

@media only screen and (max-width: 1320px) {
.home-services-grid{grid-template-columns: repeat(2, 1fr);}
.home-services-grid-item:nth-child(3n + 2){top: unset;}
.home-services-grid-item:nth-child(8){top: unset; left: unset;}
.home-services-grid-item:nth-child(even){top: 125px;}
}

@media only screen and (max-width: 1080px) {
.home-services .block-header, .home-services .block-intro .right{grid-column: span 3;}
.home-services-grid{margin-top: 110px;}

.home-services-grid-item .info::after{top: 24px;}
.home-services-grid-item .title{font-size: 18px;}

.home-services-grid-item.has-photo:hover .info{top: unset; min-height: unset; background: rgba(234, 234, 234, 0);}
.home-services-grid-item.has-photo:hover .icon{display: none;}
.home-services-grid-item.has-photo:hover .below{display: none;}
}

@media only screen and (max-width: 767px) {
.home-services .wrapper{padding-top: 48px;}
.home-services .block-header{gap: 16px;}
.home-services .block-header::after{width: 26px; height: 26px; background-size: 10px 10px;}

.home-services-grid{grid-template-columns: repeat(1, 1fr); gap: 16px; margin-top: 48px;}
.home-services-grid-item:nth-child(even){top: unset;}
.home-services-grid-item .bg{padding-bottom: 100%;}
.home-services-grid-item:not(.has-photo) .info{position: relative; top: unset; left: unset; right: unset; bottom: unset; min-height: 345px;}
.home-services-grid-item .info{padding: 32px 24px;}
.home-services-grid-item .info::after{right: 24px; top: 28px; width: 48px; height: 23px; background-size: 27px auto;}
.home-services-grid-item .icon{margin-bottom: 16px;}
}

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

.home-news{overflow: hidden;}
.home-news .wrapper{padding-top: 200px; padding-bottom: 275px;}
.home-news .wrapper::before{content: "";}
.home-news .content{grid-column: span 2;}

.news-slider{margin: 115px -12px 0px;}
.news-slider .slick-list{overflow: visible;}
.news-slider .slide{padding: 0px 12px;}

.news-slider-card{display: block; height: 353px;}
.news-slider-card .photo{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.news-slider-card .info{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: flex-end; padding: 32px; overflow: hidden;}
.news-slider-card .info::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));}
.news-slider-card:hover .info::before{background: rgba(255, 191, 0, 0.8); backdrop-filter: grayscale(80%);}
.news-slider-card .title{display: block; color: #FFFFFF; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.news-slider-card:hover .title{color: #000000;}
.news-slider .below{position: absolute; top: calc(100% + 20px); left: 12px; right: 12px; display: flex; justify-content: space-between; align-items: flex-start; gap: 32px;}
.news-slider .below .desc{color: rgba(0, 0, 0, 0.5);}
.news-slider .below .more-link{color: rgba(0, 0, 0, 0.5); line-height: 1.4; border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.news-slider .below .more-link:hover{color: #FFBF00; border-color: #FFBF00;}

@media only screen and (max-width: 1080px) {
.home-news .wrapper{padding-bottom: 170px;}
.home-news .wrapper::before{display: none;}
.home-news .content{grid-column: span 3; padding-left: 25%;}
.home-news .news-slider{margin-top: 60px; margin-right: 15%;}
}

@media only screen and (max-width: 767px) {
.home-news .wrapper{padding-top: 80px; padding-bottom: 170px;}
.home-news .content{padding-left: 0px;}

.news-slider{margin-left: -6px; margin-right: -6px; margin-top: 32px;}
.home-news .news-slider{margin-left: 84px; margin-top: 48px;}
.news-slider .slide{padding: 0px 6px;}

.news-slider-card .info{padding: 16px;}
.news-slider-card .title{font-size: 18px;}
}

/* Главная страница. Видео */

.home-video .wrapper{}
.home-video .video-desc{margin-top: 32px;}

.home-video .video-desc .headline{display: block; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.home-video .video-desc .right{grid-column: span 2;}
.home-video .video-desc .button{margin-top: 32px;}

@media only screen and (max-width: 767px) {
.home-video .video-desc{gap: 16px;}
.home-video .video-desc .left, .home-video .video-desc .right{grid-column: span 3;}
.home-video .video-desc .headline{font-size: 18px;}
.home-video .video-desc .button{margin-top: 24px;}
}

/* Главная страница. Преимущества */

.home-why .wrapper{padding-top: 175px;}
.home-why .wrapper::before{content: "";}
.home-why .content{grid-column: span 2;}
.home-why .accordion{margin-top: 56px;}

.accordion{display: flex; flex-direction: column; gap: 16px;}
.accordion-input{display: none;}
.accordion-item{display: flex; align-items: flex-start; gap: 32px; padding: 32px 24px 32px 48px; background: rgba(255, 191, 0, 1); border: 5px solid #FFBF00; border-radius: 30px; cursor: pointer;}
.accordion-item .accordion-preview{display: flex; align-items: center; gap: 30px; width: calc(50% - 16px);}
.accordion-item .icon{flex-shrink: 0; display: block; width: 30px; height: 30px; background: center center no-repeat; background-size: contain;}
.accordion-item .title{display: block; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.accordion-item .caption{margin-top: 8px;}

.accordion-item .desc{display: none; align-items: flex-start; gap: 32px; width: calc(50% - 16px);}
/* .accordion-item .desc::after{content: ""; flex-shrink: 0; display: block; width: 62px; height: 26px; background: url('images/icons/arrow-right-black.svg') center center no-repeat; background-size: 39px 15px; border: 2px solid #000000; border-radius: 500px;} */

:checked + .accordion-item{background: rgba(255, 191, 0, 0);}
:checked + .accordion-item .accordion-preview{align-items: flex-start;}
:checked + .accordion-item .desc{display: flex;}

@media only screen and (max-width: 1320px) {
.home-why .wrapper::before{display: none;}
.home-why .content{grid-column: span 3;}
}

@media only screen and (max-width: 1080px) {
.home-why .wrapper{padding-top: 110px;}
.accordion-item .desc::after{display: none;}
}

@media only screen and (max-width: 767px) {
.home-why .wrapper{padding-top: 75px;}
.home-why .accordion{margin-top: 32px;}
.accordion-item{flex-direction: column; align-items: stretch; padding: 32px 24px;}
.accordion-item .accordion-preview{width: 100%;}
.accordion-item .title{font-size: 18px;}
.accordion-item .desc{width: 100%;}
}

/* Категория */

.category{padding-top: 170px;}
.category-menu{display: flex; flex-wrap: wrap; gap: 8px; max-width: 360px;}
.category-menu a{display: block; padding: 6px 12px; font-size: 20px; font-weight: 700; background: #FFBF00; border-radius: 500px; white-space: nowrap;}
.category-menu a:hover{background: #F3B500;}
.category-menu > li.current-menu-item > a, .category-menu > li.current-menu-parent > a, .category-menu > li.current-menu-ancestor > a{color: #FFBF00; background: #000000;}

.category-newsroom .category-menu{margin-bottom: 48px;}
.category-services .wrapper::before{content: "";}

.category .right{grid-column: span 2;}
.category .category-desc{margin-top: 24px;}
.category .category-empty{margin-top: 48px;}

@media only screen and (max-width: 1080px) {
.category{padding-top: 130px;}

.category .wrapper{display: flex; flex-direction: column; align-items: stretch;}
.category-menu{margin-bottom: 0px; max-width: unset;}
.category-newsroom .category-menu{margin-bottom: 0px;}
}

@media only screen and (max-width: 767px) {
.category{padding-top: 65px;}
.category .wrapper{gap: 24px;}
.category-menu a{padding: 6px 12px; font-size: 16px;}
.category .category-desc{margin-top: 16px;}
.category .category-empty{margin-top: 32px;}

.category-services{padding-top: 75px;}
.category-services .wrapper::before{display: none;}
}

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

.wp-pagenavi{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; margin-top: 64px;}
.wp-pagenavi a, .wp-pagenavi span{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 48px; height: 26px; font-size: 14px; font-weight: 700; border: 2px solid #000000; border-radius: 500px;}
.wp-pagenavi a:hover{color: #FFBF00; border-color: #FFBF00;}
.wp-pagenavi .current{background: #FFBF00; border-color: #FFBF00;}

.previouspostslink, .nextpostslink{width: 62px !important; text-indent: 9999px; white-space: nowrap; background: center center no-repeat; background-size: 39px 15px; overflow: hidden;}
.previouspostslink{background-image: url('images/icons/arrow-left-black.svg');}
.previouspostslink:hover{background-image: url('images/icons/arrow-left-yellow.svg');}
.nextpostslink{background-image: url('images/icons/arrow-right-black.svg');}
.nextpostslink:hover{background-image: url('images/icons/arrow-right-yellow.svg');}

@media only screen and (max-width: 767px) {
.wp-pagenavi{margin-top: 48px;}
}

/* Блок с соцсетями */

.subscribe{display: flex; align-items: flex-start; gap: 32px; padding: 24px; background: #FFBF00;}
.subscribe .headline{display: block; font-size: 25px; font-weight: 800; text-transform: uppercase; letter-spacing: 0;}

.subscribe .social{flex-direction: row; gap: 15px;}
.subscribe .social a{width: 35px; height: 35px;}

@media only screen and (min-width: 1081px) and (max-width: 1320px) {
.subscribe{flex-direction: column; gap: 24px;}
}

@media only screen and (max-width: 1080px) {
.subscribe{display: none;}
}

/* Услуги. Плитка */

.service-block{margin-top: 100px; overflow: hidden;}
.service-block .wrapper::before{content: "";}
.service-block-sale .wrapper::before{content: "%"; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 60px; font-weight: 400; text-transform: uppercase;}
.service-block .content{grid-column: span 2;}
.service-block .icon{position: absolute; top: 10px; left: -70px; display: block; width: 30px; height: 30px; background: center center no-repeat; background-size: contain;}
.service-block .block-headline{padding-right: 240px;}
.service-block .desc{margin-top: 32px;}
.service-block-desc-2-cols .desc{column-count: 2; column-gap: 32px;}
.service-block .button{position: absolute; top: 0px; right: 0px;}

.service-block-yellow-bg{background: #FFBF00;}
.service-block-yellow-bg .wrapper{padding-top: 60px; padding-bottom: 60px;}
.service-block-yellow-bg + .service-block-yellow-bg{margin-top: 0px !important;}
.service-block-yellow-bg + .service-block-yellow-bg .wrapper{padding-top: 30px;}

.service-block-yellow-bg .btn-secondary:hover{color: #000000; border-color: #000000;}
.service-block-yellow-bg .btn-secondary:hover::after{background-image: url('images/icons/arrow-right-black.svg');}

.service-block-sale .content{display: flex; flex-direction: column; align-items: stretch;}
.service-block-sale .block-headline{order: 1;}
.service-block-sale .service-gallery, .service-block-sale .service-photo-singular{order: 2;}
.service-block-sale .desc{order: 3; margin-top: 48px;}

.service-gallery{margin: 48px -16px 0px;}
.service-gallery:not(.service-gallery-slider){display: flex;}
.service-gallery:not(.service-gallery-slider) .slide{flex: 1;}
.service-gallery .slick-list{overflow: visible;}
.service-gallery .slide{padding: 0px 16px;}
.service-gallery .photo{display: block; padding-bottom: 86%;}
.service-photo-singular{display: block; margin-top: 48px; padding-bottom: 42%;}

.service-block .photo::after{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #FFBF00; mix-blend-mode: hard-light; opacity: 0;}
.service-block .photo:hover::after{opacity: 1;}

.service-block-yellow-bg .slick-prev:hover, .service-block-yellow-bg .slick-next:hover{border-color: #000000;}
.service-block-yellow-bg .slick-prev:hover{background-image: url('images/icons/arrow-left-black.svg');}
.service-block-yellow-bg .slick-next:hover{background-image: url('images/icons/arrow-right-black.svg');}

@media only screen and (max-width: 1320px) {
.service-block .block-headline{padding-right: 0px;}
.service-block .button{position: relative; top: unset; right: unset; margin-top: 32px;}
}

@media only screen and (max-width: 1080px) {
.service-block:not(.service-block-sale) .wrapper::before{display: none;}
.service-block .content{grid-column: span 3;}
.service-block-sale .wrapper{padding-left: 25%;}
.service-block-sale .wrapper::before{position: absolute; left: 32px; top: 60px;}
.service-block-yellow-bg .wrapper{padding-left: 25%;}
}

@media only screen and (max-width: 767px) {
.service-block{margin-top: 48px;}
.service-block + .service-block{margin-top: 70px;}
.service-block .desc{margin-top: 20px;}

.service-block-desc-2-cols .desc{column-count: unset; column-gap: unset;}

.service-block-yellow-bg .wrapper{padding-left: 90px; padding-top: 30px; padding-bottom: 30px;}
.service-block .icon{top: 4px; width: 20px; height: 20px;}
.service-block-sale .wrapper{padding-left: 90px; padding-bottom: 40px;}
.service-block-sale .wrapper::before{left: 16px; top: 30px;}
.service-block-sale .block-headline{max-width: 240px;}

.service-gallery-slider{margin: 32px -6px 0px; padding-right: 40px;}
.service-block:not(.service-block-sale) .service-gallery-slider{margin-left: 84px;}
.service-gallery-slider .slide{padding: 0px 6px;}
.service-gallery:not(.service-gallery-slider){gap: 12px; margin: 32px -16px 0px; padding: 0px 16px; overflow-x: scroll;}
.service-gallery:not(.service-gallery-slider) .slide{flex: unset; flex-shrink: 0; padding: 0px; width: 65vw;}
.service-gallery .photo{padding-bottom: unset; height: 353px;}
.service-photo-singular{margin-top: 32px; padding-bottom: unset; height: 567px;}

.service-block-yellow-bg .slick-prev:hover::before{background-image: url('images/icons/arrow-left-black.svg');}
.service-block-yellow-bg .slick-next:hover::before{background-image: url('images/icons/arrow-right-black.svg');}
}

/* Проекты. Плитка */

.projects{margin-top: 110px;}
.projects-main{margin-top: 210px; overflow: hidden;}
.projects-cat-headline-v-2{display: none;}
.projects-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 32px;}
.projects-grid-item .photo{display: block; padding-bottom: 86%;}
.projects-grid-item .info{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 32px; margin-top: 48px;}
.projects-grid-item .title{display: block; max-width: calc(100% - 190px); font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.projects-grid-item .desc{width: 100%;}

.projects-grid-v-1 .projects-grid-item:first-of-type{grid-column: span 3;}
.projects-grid-v-1 .projects-grid-item:first-of-type .photo{padding-bottom: 38%;}
.projects-grid-v-1 .projects-grid-item:first-of-type .desc{max-width: 66%;}

.projects-grid-v-2 .projects-grid-item:first-of-type{grid-column: span 2;}
.projects-grid-v-2 .projects-grid-item:first-of-type .photo{padding-bottom: 58%;}

/* .projects-cat:not(:first-of-type){margin-top: 170px;} */
.projects-cat{margin-bottom: 170px;}
.projects-cat .projects-grid:not(.projects-grid-v-2){margin-top: 48px;}

@media only screen and (max-width: 1320px) {
.projects-grid{grid-template-columns: repeat(2, 1fr);}
.projects-grid-v-1 .projects-grid-item:first-of-type{grid-column: span 2;}
.projects-grid-v-2 .projects-grid-item:first-of-type .photo{padding-bottom: 38%;}
}

@media only screen and (max-width: 1080px) {
.projects-main{margin-top: 110px;}
.projects-grid-item .info{gap: 24px; margin-top: 32px;}

.projects-cat{margin-bottom: 110px;}
}

@media only screen and (max-width: 767px) {
.projects-main{margin-top: 60px;}
.projects{margin-top: 60px;}

.projects-cat-headline-v-2{display: block;}
.projects-grid-v-2 .block-headline{display: none !important;}

.projects-grid{margin-top: 24px !important; margin-left: 90px; margin-right: 12%;}
.projects-grid .slick-list{overflow: visible;}
.projects-grid-item{padding: 0px 6px;}
.projects-grid-item .photo{padding: unset; height: 353px;}
.projects-grid-item .info{flex-direction: column; align-items: stretch; gap: 12px; margin-top: 24px;}
.projects-grid-item .title{max-width: unset !important; font-size: 18px;}
.projects-grid-item .desc{max-width: 90% !important; color: rgba(0, 0, 0, 0.5);}
.projects-grid-item .button{position: absolute; left: 0px; top: calc(100% + 16px);}

.projects-cat{margin-bottom: 110px;}
}

/* Проекты. Страница проекта */

.project-hero{min-height: 75vh; overflow-x: hidden;}
.project-hero .gallery-slider{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.project-hero .gallery-slider .slick-list,
.project-hero .gallery-slider .slick-track,
.project-hero .gallery-slider .slick-slide,
.project-hero .gallery-slider .photo{display: block; height: 100%;}

.project-info .wrapper{padding-top: 56px;}
.project-info .right{grid-column: span 2;}
.project-info .project-headline{display: block; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.project-info .project-headline-mob{display: none;}
.project-info .desc{margin-top: 32px; column-count: 2; column-gap: 32px;}

.project-services{display: flex; align-items: center; gap: 16px; margin-top: 32px;}
.project-services .headline{font-size: 16px; font-weight: 700;}
.tags{display: flex; flex-wrap: wrap; gap: 8px;}
.tags a{display: block; padding: 5px 10px; font-size: 16px; border: 1px solid #000000; border-radius: 500px;}
.tags a:hover{color: #FFFFFF; background: #191919; border-color: #191919;}

.project-video .wrapper{padding-top: 48px;}

.project-navigation .wrapper{padding-top: 64px;}
.project-browse{display: flex; justify-content: space-between; gap: 8px;}
.project-browse .previous{padding: 0px 20px 0px 10px; flex-direction: row-reverse;}
.project-browse .previous::after{background-image: url('images/icons/arrow-left-black.svg');}
.project-browse .previous:hover::after{background-image: url('images/icons/arrow-left-yellow.svg');}
.project-browse .to-all{padding: 0px 20px;}
.project-browse .to-all::after{display: none;}

@media only screen and (max-width: 1080px) {

}

@media only screen and (max-width: 767px) {
.project-info .wrapper{display: flex; flex-direction: column; align-items: stretch; padding-top: 40px;}
.project-info .left{display: flex; align-items: flex-start; gap: 24px;}
.project-info .category-menu{flex: 1; flex-direction: column; align-items: flex-start;}
.project-info .project-headline-mob{display: block; width: 62%;}
.project-info .right .project-headline{display: none;}
.project-info .desc{margin-top: 0px; column-count: unset; column-gap: unset;}

.project-services{flex-direction: column; align-items: flex-start; gap: 12px;}
.project-services .headline{font-size: 14px;}
.tags{gap: 5px;}
.tags a{padding: 3px 6px; font-size: 14px;}

.project-video .wrapper{padding-top: 40px;}

.project-navigation .wrapper{padding-top: 40px;}
.project-browse .previous, .project-browse .next{padding: 0px !important; width: 48px; text-indent: 9999px; text-align: unset; white-space: nowrap; overflow: hidden;}
.project-browse .previous::after{background-position: left center;}
.project-browse .previous::after, .project-browse .next::after{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
}

@media only screen and (max-width: 480px) {
.project-info .wrapper{gap: 24px;}
.project-info .project-headline-mob{display: none;}
.project-info .right .project-headline{display: block;}
.project-info .desc{margin-top: 32px;}
}

/* Проекты. Слайдер проектов */

.projects-latest{overflow: hidden;}
.projects-latest .block-headline{display: none;}
.projects-latest .wrapper{padding-top: 48px;}
.projects-latest .wrapper::before{content: "";}
.projects-latest .content{grid-column: span 2;}

.projects-slider{margin: 0px -16px;}
.projects-slider .slick-list{overflow: visible;}
.projects-slider .slide{padding: 0px 16px;}

.projects-slider-card{display: block; padding-bottom: 74%;}
.projects-slider-card .photo{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.projects-slider-card .info{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: 24px;}
.projects-slider-card .info::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: linear-gradient(to top, rgba(255, 191, 0, 1), rgba(132, 132, 132, 0), rgba(132, 132, 132, 0));}
.projects-slider-card:hover .info::before{background: rgba(0, 0, 0, 0.8); backdrop-filter: grayscale(80%);}
.projects-slider-card .title{display: block; color: #000000; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.projects-slider-card:hover .title{color: #FFFFFF;}

@media only screen and (max-width: 767px) {
.projects-latest .wrapper{padding-top: 60px;}
.projects-latest .wrapper::before{display: none;}
.projects-latest .block-headline{display: block; grid-column: span 3;}
.projects-latest .content{grid-column: span 3;}
.projects-slider{margin: 0px -6px; width: 70%;}
.projects-slider .slide{padding: 0px 6px;}
.projects-slider-card{padding-bottom: unset; height: 353px;}
.projects-slider-card .info{padding: 20px;}
.projects-slider-card .title{font-size: 18px;}
}

/* Новости. Плитка */

.news-grid{display: flex; flex-direction: column; gap: 48px; margin-top: 64px;}
.news-grid-item:not(:last-of-type){padding-bottom: 48px; border-bottom: 2px solid #000000;}
.news-grid-item .photo{display: block; padding-bottom: 74%;}

.news-grid-item .meta{display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 16px;}
.news-grid-item .title{margin-top: 24px;}
.news-grid-item .desc{margin-top: 12px; column-count: 2; column-gap: 32px;}
.news-grid-item .desc, .news-grid-item .desc *{line-height: 1.4;}
.news-grid-item .desc strong{font-weight: 400; background: #FFBF00;}
.news-grid-item .button{gap: 24px; margin-top: 38px; width: 256px;}

.news-grid-item:nth-child(4) .photo,
.news-grid-item:nth-child(5) .photo,
.news-grid-item:nth-child(9) .photo,
.news-grid-item:nth-child(10) .photo{display: none;}

.news-grid-item:nth-child(4) .meta,
.news-grid-item:nth-child(5) .meta,
.news-grid-item:nth-child(9) .meta,
.news-grid-item:nth-child(10) .meta{margin-top: 0px;}

.news-grid-item:nth-child(2),
.news-grid-item:nth-child(3),
.news-grid-item:nth-child(7),
.news-grid-item:nth-child(8){display: flex; flex-direction: row-reverse; align-items: flex-start; gap: 24px;}


.news-grid-item:nth-child(2) .photo-wrapper,
.news-grid-item:nth-child(3) .photo-wrapper,
.news-grid-item:nth-child(7) .photo-wrapper,
.news-grid-item:nth-child(8) .photo-wrapper{flex-shrink: 0; width: calc(50% - 12px);}

.news-grid-item:nth-child(2) .photo,
.news-grid-item:nth-child(3) .photo,
.news-grid-item:nth-child(7) .photo,
.news-grid-item:nth-child(8) .photo{padding-bottom: 94%;}

.news-grid-item:nth-child(2) .title,
.news-grid-item:nth-child(3) .title,
.news-grid-item:nth-child(7) .title,
.news-grid-item:nth-child(8) .title{font-size: 28px;}

.news-grid-item:nth-child(2) .desc,
.news-grid-item:nth-child(3) .desc,
.news-grid-item:nth-child(7) .desc,
.news-grid-item:nth-child(8) .desc{display: -webkit-box; column-count: unset; column-gap: unset; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

@media only screen and (max-width: 1080px) {

}

@media only screen and (max-width: 767px) {
.news-grid{gap: 32px; margin-top: 48px;}
.news-grid-item:not(:last-of-type){padding-bottom: 32px;}

.news-grid-item:nth-child(2),
.news-grid-item:nth-child(3),
.news-grid-item:nth-child(7),
.news-grid-item:nth-child(8){flex-direction: column; align-items: stretch; gap: 0px;}

.news-grid-item:nth-child(2) .photo-wrapper,
.news-grid-item:nth-child(3) .photo-wrapper,
.news-grid-item:nth-child(7) .photo-wrapper,
.news-grid-item:nth-child(8) .photo-wrapper{width: 100%;}

.news-grid-item .button{gap: 16px; margin-top: 32px; width: 180px;}
}

@media only screen and (max-width: 480px) {
.news-grid-item .desc{column-count: unset; column-gap: unset;}
}

/* Новости. Статья */

.article-body .meta{display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 24px;}
.article-body .story{margin-top: 32px;}
.article-body::after{content: ""; display: block; margin-top: 110px; height: 2px; background: #000000;}

.news-recent{overflow: hidden;}
.news-recent .wrapper{padding-top: 110px;}
.news-recent .wrapper::before{content: "";}
.news-recent .content{grid-column: span 2;}
.news-recent .news-slider{margin-top: 64px;}

@media only screen and (max-width: 1080px) {
.news-recent .wrapper::before{display: none;}
.news-recent .content{grid-column: span 3; padding-left: 25%;}
.news-recent .news-slider{margin-right: 15%;}
}

@media only screen and (max-width: 767px) {
.article-body .meta{gap: 16px; margin-bottom: 16px;}
.article-body .story{margin-top: 24px;}
.article-body::after{margin-top: 64px;}

.news-recent .wrapper{padding-top: 64px;}
.news-recent .content{padding-left: 90px;}
.news-recent .news-slider{margin-top: 32px;}
}

/* Safety. Первый блок */

.safety-hero{min-height: 75vh; overflow-x: hidden;}
.safety-hero .gallery-slider{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.safety-hero .gallery-slider .slick-list,
.safety-hero .gallery-slider .slick-track,
.safety-hero .gallery-slider .slick-slide,
.safety-hero .gallery-slider .photo{display: block; height: 100%;}

/* Safety. Интро */

.safety-intro{padding-top: 60px;}
.safety-intro .left{display: flex; justify-content: space-between; align-items: center; gap: 32px;}
.safety-intro .left::after{content: ""; flex-shrink: 0; display: block; width: 55px; height: 55px; background: url('images/icons/arrow-sm-right-black.svg') center center no-repeat #FFBF00; background-size: 20px 20px; border-radius: 50%;}
.safety-intro .right{grid-column: span 2;}

@media only screen and (max-width: 1080px) {
.safety-intro .left, .safety-intro .right{grid-column: span 3;}
.safety-intro .left{justify-content: flex-start;}
}

@media only screen and (max-width: 767px) {
.safety-intro{padding-top: 48px;}
.safety-intro .left{gap: 16px;}
.safety-intro .left::after{width: 26px; height: 26px; background-size: 10px 10px;}
}

/* Safety. Аккордеон */

.safety-pillars{padding-top: 120px;}
.safety-pillars .wrapper::before{content: "";}
.safety-pillars .content{grid-column: span 2;}
.safety-pillars .block-headline{max-width: 600px;}

.safety-accordion{margin-top: 32px;}
.safety-accordion-input{display: none;}
.safety-accordion-item{border-bottom: 2px solid #000000;}
.safety-accordion-item:first-child{border-top: 2px solid #000000}

.safety-accordion-label{display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 32px 0px; cursor: pointer;}
.safety-accordion-preview{display: flex; align-items: center; gap: 32px;}
.safety-accordion-item .icon{flex-shrink: 0; display: block; width: 83px; height: 83px; background: center center no-repeat; background-size: contain;}
.safety-accordion-item .title{display: block; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 60px; font-weight: 400; text-transform: uppercase;}
.safety-accordion-label::after{content: ""; flex-shrink: 0; display: block; width: 30px; height: 30px; background: url('images/icons/safety-accorion-arrow.png') center center no-repeat; background-size: contain;}

.safety-accordion-item .desc{max-width: 860px; height: 0px; overflow: hidden;}

.safety-accordion-item :checked + .safety-accordion-label::after{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.safety-accordion-item :checked ~ .desc{padding-bottom: 32px; height: unset;}

@media only screen and (max-width: 1320px) {
.safety-pillars .wrapper::before{display: none;}
.safety-pillars .content{grid-column: span 3;}
}

@media only screen and (max-width: 1080px) {
.safety-pillars{padding-top: 90px;}
}

@media only screen and (max-width: 767px) {
.safety-pillars{padding-top: 60px;}

.safety-accordion-label{padding: 24px 0px;}
.safety-accordion-preview{display: flex; align-items: center; gap: 16px;}
.safety-accordion-item .icon{width: 35px; height: 35px;}
.safety-accordion-item .title{font-size: 28px;}
.safety-accordion-label::after{width: 20px; height: 20px;}

}

/* Safety. Блок ресурсов */

.safety-resources{padding-top: 120px;}
.safety-resources-block{background: #FFBF00;}
.safety-resources-block .left{display: flex; align-items: flex-end; padding: 24px;}
.safety-resources-block .safety-resources-hotline{font-weight: 700;}
.safety-resources-block .right{grid-column: span 2;}
.safety-resources-block .bg{padding-bottom: 42%;}
.safety-resources-block .bg::after{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: #FFBF00; mix-blend-mode: hard-light;}

@media only screen and (max-width: 1080px) {
.safety-resources{padding-top: 90px;}
.safety-resources-block{gap: 0px;}
.safety-resources-block .left{grid-column: span 3;}
.safety-resources-block .safety-resources-hotline{font-size: 18px;}
.safety-resources-block .right{grid-column: span 3;}
}

@media only screen and (max-width: 767px) {
.safety-resources .wrapper{padding-left: 0px; padding-right: 0px;}
.safety-resources{padding-top: 60px;}
}

/* Safety. Статьи */

.safety-article-block{padding-top: 120px;}
.safety-article-block + .safety-article-block{padding-top: 80px;}
.safety-article-block .wrapper::before{content: "";}
.safety-article-block .content{grid-column: span 2;}
.safety-article-block .block-headline{padding-right: 300px;}
.safety-article-block .desc{margin-top: 20px;}

@media only screen and (max-width: 1080px) {
.safety-article-block{padding-top: 90px;}
.safety-article-block + .safety-article-block{padding-top: 60px;}
.safety-article-block .wrapper::before{display: none;}
.safety-article-block .content{grid-column: span 3;}
}

@media only screen and (max-width: 767px) {
.safety-article-block{padding-top: 60px;}
.safety-article-block + .safety-article-block{padding-top: 48px;}
.safety-article-block .block-headline{padding-right: 0px;}
.safety-article-block .desc{margin-top: 16px;}
}

/* О компании. Первый блок */

.about-hero{background: #FFBF00;}
.about-hero .bg{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.about-hero .bg::after{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: #FFBF00; mix-blend-mode: hard-light;}

.about-hero .wrapper{padding-top: 170px; padding-bottom: 32px; min-height: 100vh;}
.about-hero .wrapper::before{content: ""}

.about-hero .content{grid-column: span 2; align-self: end;}
.about-hero .page-headline{color: #000000;}
.about-hero .desc{display: block; margin-top: 32px; font-weight: 700;}

@media only screen and (max-width: 1080px) {
.about-hero .wrapper::before{display: none;}
.about-hero .content{grid-column: span 3;}
}

@media only screen and (max-width: 767px) {
.about-hero .desc{margin-top: 24px}
}

/* О компании. История */

.about-history .wrapper{padding-top: 40px;}
.about-history .left{display: flex; justify-content: space-between; align-items: flex-start; gap: 32px;}
.about-history .left::after{content: ""; flex-shrink: 0; display: block; margin-top: 32px; width: 55px; height: 55px; background: url('images/icons/arrow-sm-right-black.svg') center center no-repeat #FFBF00; background-size: 20px 20px; border-radius: 50%;}
.about-history .desc{display: block; margin-top: 32px; font-weight: 700;}
.about-history .right{grid-column: span 2;}
.about-history .button{margin-top: 32px;}

@media only screen and (max-width: 1080px) {
.about-history .left{grid-column: span 3;}
.about-history .right{grid-column: span 3;}
}

@media only screen and (max-width: 767px) {
.about-history .wrapper{gap: 24px;}
.about-history .left{align-items: flex-start; gap: 16px;}
.about-history .desc{margin-top: 16px;}
.about-history .left::after{margin-top: 0px; width: 26px; height: 26px; background-size: 10px 10px;}
.about-history .button{margin-top: 24px;}
}

/* О компании. Преимущества */

.about-advantages{padding-top: 115px;}
.advantages-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 60px;}
.advantages-grid-item{display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; gap: 32px; padding: 32px; background: #FFBF00;}
.advantages-grid-item-last{background: #EAEAEA;}
.advantages-grid-item .advantage-header{display: flex; align-items: center; gap: 32px;}
.advantages-grid-item .icon{flex-shrink: 0; display: block; width: 86px; height: 86px; background: center center no-repeat; background-size: contain;}
.advantages-grid-item .title{display: block; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.advantages-grid-item .desc{margin-top: 24px;}
.advantages-grid-item .button{align-self: flex-end;}

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

@media only screen and (max-width: 1080px) {
.about-advantages{padding-top: 90px;}
.advantages-grid-item .advantage-header{flex-direction: column; align-items: flex-start; gap: 24px;}
}

@media only screen and (max-width: 767px) {
.about-advantages{padding-top: 75px;}
.advantages-grid{gap: 12px; margin-top: 32px;}
.advantages-grid-item{padding: 24px;}
.advantages-grid-item .advantage-header{gap: 16px;}
.advantages-grid-item .icon{width: 55px; height: 55px;}
.advantages-grid-item .title{font-size: 18px;}
}

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

/* О компании. Отзывы */

.about-testimonials{padding-top: 160px; overflow: hidden;}

.testimonials-wrapper::before{content: "";}
.testimonials-wrapper .content{grid-column: span 2;}
.testimonials-slider{margin: 60px -12px 0px;}
.testimonials-slider .slick-list{overflow: visible;}
.testimonials-slider .slick-track{display: flex;}
.testimonials-slider .slide{padding: 0px 12px; height: inherit;}

.testimonial-card{display: flex; flex-direction: column; height: 100%; background: #E5E5E5;}
.testimonial-card::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: linear-gradient(to top, rgba(255, 191, 0, 1), rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0));}
.testimonial-card .photo{padding-bottom: 74%;}
.testimonial-card .info{flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 48px; padding: 32px;}
.testimonial-card .person-name{display: block; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.testimonial-card .person-job{display: block; margin-top: 5px; font-weight: 700;}

@media only screen and (max-width: 1080px) {
.about-testimonials{padding-top: 110px;}

.testimonials-slider{margin-right: 23%;}
}

@media only screen and (max-width: 767px) {
.about-testimonials{padding-top: 75px;}

.testimonials-wrapper::before{display: none;}
.testimonials-wrapper .content{grid-column: span 3; padding-left: 90px;}
.testimonials-slider{margin-top: 48px; margin-left: -6px; margin-right: 15%;}
.testimonials-slider .slide{padding: 0px 6px}

.testimonial-card .photo{padding-bottom: 54%;}
.testimonial-card .info{gap: 32px; padding: 24px;}
.testimonial-card .person-name{font-size: 18px;}
}

/* О компании. Команда */

.about-team{padding-top: 190px;}

.about-team .desc{margin-top: 24px;}
.about-team .button{margin-top: 52px;}

.about-team .right{grid-column: span 2;}

.team-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px 24px;}
.team-grid-item .team-card{display: block; padding-bottom: 74%;}
.team-grid-item .team-card .photo{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.team-grid-item .team-card .info{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: flex-end; padding: 32px;}
.team-grid-item .team-card .info::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));}
.team-grid-item .team-card-company .info::before{background: #FFBF00; mix-blend-mode: hard-light;}
.team-grid-item .team-card .name{display: block; color: #FFFFFF; font-family: 'Special Gothic Expanded One', sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase;}
.team-grid-item .team-card-company .name{color: #000000;}

.team-grid-item .below{display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; margin-top: 20px;}
.team-grid-item .below .job{color: rgba(0, 0, 0, 0.5);}
.team-grid-item .below .contact-link{color: rgba(0, 0, 0, 0.5); line-height: 1.4; border-bottom: 1px solid rgba(0, 0, 0, 0.5); white-space: nowrap;}
.team-grid-item .below .contact-link:hover{color: #FFBF00; border-color: #FFBF00;}

@media only screen and (max-width: 1080px) {
.about-team{padding-top: 110px;}
.about-team .wrapper{gap: 48px;}
.about-team .left, .about-team .right{grid-column: span 3;}
.about-team .button{margin-top: 32px;}
}

@media only screen and (max-width: 767px) {
.about-team{padding-top: 75px;}
.about-team .desc{margin-top: 16px;}
.about-team .button{margin-top: 24px;}

.team-grid{gap: 32px 12px;}
.team-grid-item .team-card .info{padding: 16px;}
.team-grid-item .team-card .name{font-size: 18px;}

.team-grid-item .below{gap: 16px; margin-top: 16px;}
}

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

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

.contact-page{padding-top: 170px;}

.contact-info{border: 5px solid #FFBF00;}
.contact-info .above{padding: 32px 32px 64px; background: #FFBF00;}
.contact-info .social{flex-direction: row; gap: 15px;}
.contact-info .social a{width: 35px; height: 35px;}
.contact-info .contact-list{display: flex; flex-direction: column; align-items: flex-start; gap: 7px; margin-top: 24px;}
.contact-info .contact-list-item{font-size: 25px; font-weight: 800; letter-spacing: 0; text-transform: uppercase;}
.contact-info .below{padding: 32px;}
.contact-info .office-headline{display: block; font-size: 25px; font-weight: 800; letter-spacing: 0px; text-transform: uppercase;}
.contact-info .address{margin-top: 5px;}
.contact-info .hours-headline{display: block; margin-top: 20px; font-weight: 800; letter-spacing: 0;}
.contact-info .hours{display: flex; flex-direction: column; align-items: stretch; gap: 2px; margin-top: 10px;}
.contact-info .hours-item{display: flex; align-items: flex-start; gap: 10px;}
.contact-info .hours-item .label, .contact-info .hours-item .value{width: 50%; line-height: 1.4;}
.contact-info .hotline{display: flex; align-items: flex-start; gap: 10px; margin-top: 72px;}
.contact-info .hotline .title, .contact-info .hotline .phone{width: 50%; font-weight: 700;}

.contact-page .right{grid-column: span 2;}
.contact-page .right .contact-info{display: none;}
.contact-page .story{margin-top: 40px;}

.map{margin-top: 40px; height: 430px;}

.contact-page .form{margin-top: 128px;}
.contact-page .block-headline{margin-bottom: 40px;}

@media only screen and (max-width: 1320px) {
.contact-page .left{display: none;}
.contact-page .right{grid-column: span 3;}
.contact-page .right .contact-info{display: block; margin-top: 48px;}
}

@media only screen and (max-width: 767px) {
.contact-page{padding-top: 75px;}
.contact-page .story{margin-top: 16px;}
.contact-page .right .contact-info{margin-top: 32px;}
.map{margin-top: 32px; height: 320px;}

.contact-info .above{padding: 24px 16px 32px;}
.contact-info .contact-list-item{font-size: 18px;}
.contact-info .below{padding: 24px;}
.contact-info .office-headline{font-size: 18px;}
.contact-info .hotline{margin-top: 48px;}

.contact-page .form{margin-top: 60px;}
.contact-page .block-headline{margin-bottom: 24px;}
}

/* Простая страницы */

.simple-page{padding-top: 170px;}
.simple-page .wrapper::before{content: "";}
.simple-page .content{grid-column: span 2;}

.simple-page .story{margin-top: 40px;}

@media only screen and (max-width: 1080px) {
.simple-page{padding-top: 130px;}
}

@media only screen and (max-width: 767px) {
.simple-page{padding-top: 75px;}
.simple-page .wrapper::before{display: none;}
.simple-page .content{grid-column: span 3;}
.simple-page .story{margin-top: 16px;}
}

/* Страница ошибки 404 */

.page-404{padding-top: 170px; background: #FFBF00;}
.page-404 .wrapper{display: flex; justify-content: center; align-items: center; padding-bottom: 40px; min-height: 450px; text-align: center;}
.page-404 .page-headline{color: #000000; font-size: 128px;}
.page-404 .story{margin-top: 20px;}
.page-404 .story a:hover{color: #191919; border-color: #191919;}

@media only screen and (max-width: 1080px) {
.page-404{padding-top: 130px;}
}

@media only screen and (max-width: 767px) {
.page-404{padding-top: 75px;}
.page-404 .wrapper{padding-bottom: 24px;}
.page-404 .wrapper{min-height: 320px;}
.page-404 .page-headline{font-size: 60px;}
.page-404 .story{margin-top: 16px;}
}

/* Подвал */

.footer{}
.footer .wrapper{padding-top: 120px; padding-bottom: 60px;}
.footer .wrapper::before{content: ""; display: block; margin-bottom: 45px; height: 2px; background: #000000;}
.schela-logo-footer{display: block; width: 100%; padding-bottom: 11%; background: url('images/scafframe-logo.svg') center center no-repeat; background-size: contain;}

.footer-columns{margin-top: 60px;}

.footer-contact{grid-column: span 2; display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
.footer-contact-item{font-size: 32px; font-weight: 800;}
.footer-contact-item.phone{color: rgba(0, 0, 0, 0.45); letter-spacing: 0%;}

.footer-columns .right{display: flex; justify-content: space-between; gap: 32px;}
.footer-columns .right::after{content: "";}

.footer-menu{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.footer-menu a{font-size: 28px; font-weight: 700;}
.footer-menu a:hover{color: #FFBF00;}

.footer-bottom{margin-top: 214px;}

.footer-bottom .left{grid-column: span 2; display: flex; justify-content: space-between; align-items: flex-end; color: rgba(0, 0, 0, 0.4); line-height: 1.1; font-size: 24px;}
.footer-bottom .address{max-width: 530px;}
.footer-bottom .left::after{content: "";}

.footer-links{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 24px;}
.footer-links a{line-height: 1.1; font-size: 24px; border-bottom: 1px solid #000000;}
.footer-links a:hover{color: #FFBF00; border-color: #FFBF00;}

@media only screen and (max-width: 1080px) {
.footer-bottom{display: flex; flex-direction: column; margin-top: 115px;}
.footer-bottom .left{flex-direction: column; align-items: stretch; gap: 16px;}
}

@media only screen and (max-width: 767px) {
.footer .wrapper{padding-top: 90px; padding-bottom: 16px;}
.footer .wrapper::before{margin-bottom: 32px;}
.footer-columns{display: flex; flex-direction: column; align-items: stretch; gap: 48px; margin-top: 24px;}
.footer-contact{gap: 8px;}
.footer-contact-item{font-size: 18px;}

.footer-columns .right{display: grid; grid-template-columns: repeat(3, 1fr);}
.footer-columns .right::after{display: none;}
.footer-columns .right::before{content: "";}
.footer-menu{gap: 20px;}
.footer-menu a{font-size: 18px;}
.footer .social a{width: 35px; height: 35px;}

.footer-bottom .left{font-size: 14px;}
.footer-bottom .left::after{display: none;}

.footer-links a{font-size: 14px;}
}