/*   
Theme Name: burum
Author: Dmitrij Nikolaenko
Authot Email: dmitrij.nikolaenko.91@gmail.com
*/

html, body{width: 100%;min-height: 100%;}
body{
font-family: "Open Sans", sans-serif; word-break: break-word;    background: #000;}
/***position foter***/
/**
.butterfly-kids-regular {
  font-family: "Butterfly Kids", cursive;
  font-weight: 400;
  font-style: normal;
}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 700

.cuprum-<uniquifier> {
  font-family: "Cuprum", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
**/
 
* {margin: 0;padding: 0;}
html, body {height: 100%;}
#content-sites {display: flex;flex-direction: column;height: 100%;}
#content {flex: 1 0 auto;}
#footer {flex: 0 0 auto;}
/*** end position foter***/
a, input, img, textarea{outline: none;}
a{transition: 0.5s; color: #fff;}
a:hover{transition: 0.5s;}
h1{font-size: 62px;padding-bottom: 24px;}
h2{font-size: 52px;padding-bottom: 22px;}
h3{font-size: 42px;padding-bottom: 20px;}
h4{font-size: 36px;padding-bottom: 18px;}
h5{font-size: 32px;padding-bottom: 16px;}
h1, h2, h3, h4, h5{ font-family: "Open Sans", sans-serif; font-weight: 700;}
p{ font-size: 17px;padding-bottom: 12px;font-weight: 400; line-height: 150%;}
li{font-size: 17px; padding-bottom: 8px;font-weight: 400;}
ul, ol{padding-bottom: 12px;}
#go-top {position: fixed;width: 50px;height: 50px;line-height: 50px;bottom: 40px;right: 40px;z-index: 99;text-align: center;color: #fff !important;background: rgba(0, 0, 0, 0.28) url('/wp-content/themes/burum/img/to-top.png');background-position: center center;background-repeat: no-repeat;cursor: pointer;transition: 0.4s}
#go-top:hover {background: rgba(0, 0, 0, 0.54) url('/wp-content/themes/burum/img/to-top.png');background-position: center center;background-repeat: no-repeat;transition: 0.4s}
/***defaul for breadcrumbs**/
.breadcrumbs-page{border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    margin-bottom: 25px;
    padding-top: 25px;
	}
.breadcrumbs-page a{text-decoration: none !important;color: #ffffff !important;text-shadow: none;}
.breadcrumbs-page a:hover{text-decoration: underline !important;}
/**defaul for galery wordpress**/
.gallery {float: none;display: inline-block;width: 100%;}
.gallery img{width: 100%;height: auto;border: none !important;margin-bottom: 0px;transition: 0.5s;}
.gallery img:hover{-webkit-filter: sepia(100%);transition: 0.5s;}
.gallery-item{margin-top: 0px;}
/**defaul for img***/
img.alignleft{max-width: 50%;height: auto;margin-right: 25px;margin-bottom: 25px;margin-top: 25px;float: left;}
img.aligncenter{max-width: 100%;height: auto;margin-bottom: 25px;margin-top: 25px;float: none;}
img.alignright{max-width: 50%;height: auto;margin-left: 25px;margin-bottom: 25px;margin-top: 25px;float: right;}
.active-img {position: fixed !important;z-index: 999 !important;overflow: unset !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;max-width: 80% !important;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.38) !important;}
.close-img{position: fixed;z-index: 999;width: 30px;height: 30px;top: 8px;right: 8px;background: url('/wp-content/themes/burum/img/close-img.png');background-size: contain;cursor: pointer;display: none;}
/**end default**/
/****footer***/
footer {background: #000;padding: 80px 0px 0px 0px;color: #fff;display: inline-block;width: 100%;z-index: 2;bottom: 0px;}
.footer-box{display: flex;flex-direction: row;flex-wrap: wrap; align-items: flex-start;justify-content: space-between;	}
.box-content-footer{ box-sizing: border-box;	}
.box-content-footer ul{list-style-type: none;    margin: 0px;}
.box-content-footer p{font-size: 16px;	}
.box-content-footer a{text-decoration: none;font-size: 16px;color: #fff;	display:block;padding-bottom:4px;}
.box-content-footer a:hover{color:#DE1313;}
.box-footer-contact{display: flex;flex-direction: column;align-items: flex-end;	}
.box-footer-contact a{font-size: 22px;font-weight:600;padding-bottom:8px;}
.box-content-footer-logo{width: calc(25% - 15px);}
.box-footer-menu{
	width: calc(75% - 15px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 15px;
}
.title_column_footer{
    text-transform: uppercase;
    padding-bottom: 14px !important;
    font-weight: 700;
    font-size: 18px !important;
    display: inline-block !important;
}
.column-min-footer-menu{
	width:calc(30% - 10px);
	padding-bottom:8px;
}
.column-min-footer-contacts{
	width:calc(40% - 10px);
	padding-bottom:8px;
}
.date-site{text-align: left;
    padding: 15px 0px;
    font-size: 15px;}
/*** end footer style***/
/***header style***/
.header{
position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
        background: #000;
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.49);
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
.box-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    padding-top: 8px;	
}
.menu-top-site > ul{
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.menu-top-site ul{
    list-style-type: none;
    margin: 0px;		
	padding:0px; margin-right: 15px;
}
.box-menu-and-socials{
	    width: calc(100% - 110px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.menu-top-site li{padding:0px;}
.menu-top-site a{
    text-decoration: none;
    font-size: 17px;
    color: #fff;
    padding: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}
.menu-top-site a:hover{color:#DE1313;}
.contacts-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 60px;	
}
.contacts-header a{    line-height: 0px;
    padding: 0px;}
.contacts-header a:hover{opacity: 0.3;}
.phone-header{
    text-decoration: none;
    font-size: 22px;
    padding: 12px;
    font-weight: 600;
    color: #888;	
}
.phone-header a:hover{
	color: #666;
}
.logo-header img{
	height:49px;
}
.logo-header a{
    text-decoration: none;
    color: #9ba8dd;
    font-size: 22px;
    font-weight: 900;
    display: flex;
    align-items: center;	
}
.logo-header span{
display: block;
    padding-left: 8px;
}	
/*** end header style***/
/*** ul & ol down style ****/
ul.children-ul{
position: absolute !important;
    top: 27px;
    white-space: nowrap;
    background:#000;
    padding: 12px 10px !important;
    left: -10px;
}
ul.children-ul a{
    padding: 6px 6px;
    display: block;	
}
ul.menu a{
	position:relative;
	z-index:1;
}
.arrow-bottom , .arrow-top {
    position: relative;
}
.arrow-bottom:before {
    content: '\203A';
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.5s;
    color: #d6d6d6;
    font-size: 18px;
    transform: rotate(90deg);
	transition:0.3s;
	transform-origin:center;
}
.arrow-top:before {
    content: '\203A';
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.5s;
    color: #d6d6d6;
    font-size: 18px;
    transform: rotate(-90deg);
	transition:0.3s;
	transform-origin:center;
}
/*** end ul & ol down style ****/
/*******/
/****mobile***/
.mobile-menu{display:none;}
.mobile-buttons{
	display: none;
	position:relative;
	width: 56px;
    height: 56px;
}
/****end mobile style***/
/***other styles****/
.button-pages{
    font-size: 15px;
    background: #0093ec;
    padding: 14px 16px;
    color: #fff;
    cursor: pointer;
}
.button-pages:hover{
	background: #a8dd9b;
	transition:0.5s;
}
.box-before-header{width:100%;}
.button-top-modal{display:none;}
/***end other styles****/
::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:6px;height:0px}::-webkit-scrollbar-track {background-color:#ecedee}::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 0px;background-color:#444;transition: 0.5s;}::-webkit-scrollbar-thumb:hover{background-color:#000;transition: 0.5s;}::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:6px;height:0px}::-webkit-scrollbar{width: 6px;}


span.wpcf7-not-valid-tip, .ajax-loader, .wpcf7 br{ display: none!important;}
input.wpcf7-not-valid {
    border: 1px solid red !important;
}
.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #ff0000 !important;
    color: #ff0000;
    font-size: 16px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
    background: #fff;
}
.footer-menu a, .grey-footer-row{ color: #d0d0d0; text-transform:uppercase;}
.flex-justyf-end{ display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
.fifty-box{ width:calc(50% - 10px);}
.box-monitor1{
	position:relative;z-index:3;height:calc(100vh - 50px); overflow:hidden;
}
.banner-monitor1-home-page{
	position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 70%;
    z-index: -1;
}
.white-red-title{
	color: #fff;
    text-transform: uppercase;
    font-size: 46px;
    line-height: 142%;
    padding-top: 160px;
    letter-spacing: 3px; padding-bottom: 20px;
}
.white-red-title span{color: #DE1313;}
.btn_white_border:hover{transition:0.5s; background: #565656;}
.btn_white_border{
text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 16px;
    display: inline-block;
    font-size: 16px;
}
.box-monitor2{
	padding-top: 105px; padding-bottom:85px;
}
.background_slider_fon{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 25px;
    position: relative;
    z-index: 3;
}
.background_slider_fon:before{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background: rgb(0 0 0 / 49%);
    width: 100%;
}
.box-fon-about-us{
	position:relative;z-index:3;padding-bottom: 25px; padding-top: 25px; min-height:380px;
}
.box-fon-about-us:before{
	position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 45%;
    z-index: -1;
    background: url(/wp-content/uploads/2024/06/Group-1124-1.svg);
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;	
}
.box-title-container{    
	text-align: center;
    padding-bottom: 35px;
    max-width: 860px;
    margin: auto;     color: #fff;
}
.after-title{   
	letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 158%;
    font-size: 18px;
}
.content-post-slid-index{
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.text-post-slid-index{
    width: 50%;
    padding-bottom: 80px;
    padding-left: 5%;
    color: #fff;
    padding-top: 15px;
}
.text-post-slid-index p{font-size: 24px;}
.slick-dots{bottom: 10px;}
.slick-dots li button:before, .slick-dots li.slick-active button:before{color: #fff;font-size:10px;}
.flex-justyf-end-stretch{
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
.box-advantages{
	    padding-top: 30px;
    padding-bottom: 80px;
}
.post-advantage{
    width: calc(25% - 20px);
    background: #101010;
    text-align: center;
    padding: 25px 15px;
    box-sizing: border-box;
    border-radius: 0px; 
	cursor: pointer; margin-bottom: 27px;
    transition: 0.5s;     box-shadow: 0px 0px 0px #000; text-decoration: none;
}
.post-advantage:hover{
    transition: 0.5s;
    box-shadow: 0px 0px 6px 4px #696969;
    background: #323232; transform: scale(1.09);
}
.icon_post_advantage{
max-width: 80%;
    height: auto;	
}
.title_post_advantage{
	    padding-top: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    padding-bottom: 12px;
}
.description_post_advantage{
	    font-size: 14px;
}
.box_bottom_homepage{
	position:relative; z-index:3;
}
.box_bottom_homepage:before{
	content:'';
	position:absolute; top:0px; right:0px; bottom:0px; width:50%;
	background:rgb(0 0 0 / 60%);     z-index: -1;
}
.logo_bottom_box{width:80%; height:auto;}
.box-content-bottom-hom{padding-bottom:80px; padding-top:80px;}
.flex-justyf-end-align-end{
	    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}
.title_bottom_box{
    font-size: 37px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 6px;
    border-left: 5px solid #fff;
    padding-left: 20px;
    box-sizing: border-box;
    margin-bottom: 25px;	
}
.btn_black{
    text-decoration: none;
    color: #fff;
    padding: 14px 50px 14px 20px;
    display: inline-flex;
    font-size: 20px;
    background: #222222;
    width: auto;
    border-radius: 0px;
    position: relative;
    z-index: 3; border: 1px solid #fff;
}
.btn_black img{    
	width: 26px;
    position: absolute;
    right: 20px;
    top: calc(50% - 2px);transition:0.3s;
}
.btn_black:hover{background: #4f4f4f;}
.btn_black:hover img{right: 14px; transition:0.5s;}
.before_title_contact{color: #fff; font-size: 20px;}
.monitor1_contact_page{padding-top: 70px; padding-bottom: 70px;}
.title_big_text{
    font-size: 80px;
    font-weight: 500;
    color: #fff;
    line-height: 110%;
    padding-bottom: 70px;
    font-family: "Open Sans", sans-serif;
}
.article-box strong{color: #fff;}
.box-max-video iframe{width:100%; aspect-ratio: 10 / 5;     max-height: calc(100vh - 50px);}
.title_about_page_contacts{font-size: 30px; padding-bottom: 35px; letter-spacing: 5px; color: #fff;}
.post_about_us_contact{width:calc(33.33% - 15px);}
.posts_about_us_contact .post_about_us_contact:nth-child(1) {color: #fff;}
.posts_about_us_contact .post_about_us_contact:nth-child(1) p{font-size: 23px; font-weight: 300;}
.column_contact{ width:calc(33.333% - 15px); position:relative; z-index:1; text-align:left; padding-left: 32px; box-sizing:border-box; padding-bottom: 45px;
}
.column_contact_phone:before{content:''; position:absolute; background: url('/wp-content/uploads/2024/07/Icon.svg');background-position:center; background-size:contain; width: 20px; height: 20px; top: 2px; left:0px; background-repeat:no-repeat;
}
.column_contact_adress:before{content:''; position:absolute; background: url('/wp-content/uploads/2024/07/Icon-1.svg');background-position:center; background-size:contain; width: 20px; height: 20px; top:2px; left:0px;background-repeat:no-repeat;
}
.column_contact_email:before{ content:''; position:absolute; background: url('/wp-content/uploads/2024/07/Icon-2.svg');background-position:center; background-size:contain; width: 20px; height: 20px; top:2px; left:0px; background-repeat:no-repeat;
}
.box-map-page-contact{position:relative; z-index:1; width:100%; aspect-ratio: 10/10; max-height: calc(100vh - 120px);}
.map-iframe iframe, .map-iframe{width:100%; height:100%;}
.title_btn_map{
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 1;
    padding-top: 9px;
    margin-right: 14px;
}
.title_btn_map:before{
    content: '';
    position: absolute;
    top: 12px;
    right: -30px;
    background: url(/wp-content/uploads/2024/07/Icon-3.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 20px;
}
.map-hover{
position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgb(17 17 17 / 77%);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;	
}
.container-btn-map{
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
}
.container-btn-map:hover{transition:0.5s; opacity: 0.3;}
.img-single-product{height: calc(100vh - 50px);
    padding-bottom: 35px;
    box-sizing: border-box;}
.container-monitor1-single{
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap; min-height: 460px;	
}
#breadcrumbs{color: #888;    font-size: 15px;}
.text-single-product img{
	margin: auto;
    margin-bottom: 25px;
    margin-top: 25px;
    display: block;
}
.monitor1-category{
    position: relative;
    z-index: 1;
    min-height: 480px;
    /*height: calc(100vh - 50px);*/
}
.monitor2-category{
    position: relative;
    z-index: 1;
    min-height: calc(100vh - 50px);
    background: #fff;
}
.container-title-category{padding-top: 45px; width: 60%;}
.container2-title-category{width: calc(60% - 25px); padding-top: 50px; padding-bottom: 50px;}
.container-monitor2-single{ justify-content:flex-end; color: #000; height: 100%; display: flex; align-items: center; flex-wrap: wrap;}
.post_url_container2_category{ display: block;
    text-decoration: none;
    color: #000;
    font-size: 17px;
    margin-bottom: 14px;
    margin-top: 14px;
    position: relative;
    z-index: 3; padding-bottom: 2px; transition: 0.5s;
}
.post_url_container2_category:hover{color: #a6a6a6; transition: 0.5s;}
.post_url_container2_category:before{
	content: '';
	position: absolute; right:10px; top: 5px; background: url('/wp-content/uploads/2024/07/Vector-3.svg');
	background-position: center; width: 15px; height: 12px; transition: 0.5s;
}
.post_url_container2_category:hover:before{transition: 0.5s; right:0px;}
.post_url_container2_category:after{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 15px; background: #000; height: 1px; transition: 0.5s;}
.post_url_container2_category:hover:after{width: 46px;  transition: 0.5s;}
.posts-products-catalog{
	padding-top: 25px; padding-bottom: 45px;
}
.btn_post_catalog{
    font-size: 17px;
    border-radius: 0px;
    padding: 14px 28px;
    text-decoration: none;
    display: inline-block;
}
.btn_post_catalog:hover{
	background: transparent !important;
}
.after_title_post_catalog{
	    font-size: 20px;
    padding-bottom: 32px;
    display: block;     opacity: 0.7;
}
.posts-adwantages-product-catalog{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 15px;
    padding-top: 170px;
	align-items: flex-end;     opacity: 0.7;
}
.post_adw_catalog{width: calc(30% - 15px);}
.img-post-product-catalog{ width: 100%;  height: 100%; transition: 1s;}
.box-img-post-product-catalog{
	width: 45%; overflow: hidden;
}
.post-project{display:flex; flex-direction:row; justify-content:space-between; align-items:stretch;    border-radius: 0px; margin-bottom: 35px; overflow: hidden;     flex-wrap: wrap;}
.post-project:hover .img-post-product-catalog{
	    transform: scale(1.4); transition: 1s;
}
.text-post-product-catalog{width: 55%; box-sizing: border-box; padding: 62px 25px 25px 50px;}
.title_post_catalog{font-size: 40px; font-weight: 600; padding-bottom: 20px; }
.before_title_post_catalog{	font-size: 20px; padding-bottom: 16px; display: block;    opacity: 0.7;}
.posts-projects{padding-top: 35px;}
.posts-projects .post-project:nth-child(2n) .box-img-post-product-catalog{order: 2;}
.posts-projects .post-project:nth-child(2n) .text-post-product-catalog{order: 1;}
.category_container_services{
    color: #000;
    background: #ffff;
    padding-bottom: 65px;
    padding-top: 65px;
}
.img_desc{display:none;}
.posts-services{
	display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.post-services{    width: calc(50% - 10px);
    text-decoration: none;
    color: #000;
    background: #F4F6FA;
    border-radius: 0px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;margin-bottom: 20px;}
.post-services:hover{opacity:0.5;}	
.post-services:nth-child(1),
.post-services:nth-child(4),
.post-services:nth-child(5),
.post-services:nth-child(8),
.post-services:nth-child(9),
.post-services:nth-child(12),
.post-services:nth-child(13),
.post-services:nth-child(16),
.post-services:nth-child(17){
	color: #fff; background: #0D0D0D;
}
.title_post_service{
    font-size: 24px;
    font-weight: 600;
    padding: 24px 24px 10px 24px;
    box-sizing: border-box;
}
.content_post_service{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.text_post_servis{
    width: calc(60% - 15px);
    padding: 0px 0px 16px 24px;
    box-sizing: border-box;
    font-size: 15px;
}
.img-post-service{
    width: 40%;
    aspect-ratio: 10 / 8;
}
.monitor1-single-service{
    position: relative;
    z-index: 1;
    padding-top: 65px;
    padding-bottom: 45px;
    min-height: 340px;
}
.img_monitor1-single-service{
	aspect-ratio: 10 / 10;
    width: 40%;
}
.title-single-service{width: 60%;}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999; 
	background: #000;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .2s ease, visibility .2s ease;
}
.preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.preloader img{max-width: 280px; width: 60%;}
.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #4e4e4e;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}
.scroll_to_left, .scroll_to_right, .scroll_to_left_amin, .scroll_to_right_amin {
    transition: 1s;
}
.scroll_to_left, .scroll_to_right, .scroll_to_left_amin, .scroll_to_right_amin {
    transition: 1s;
}
.scroll_to_right {
    transform: translate(120%, 10px);
}
.scroll_to_left {
    transform: translate(-120%, 10px);
}
.scroll_to_left_amin, .scroll_to_right_amin {
    transform: translate(0%, 0px);
}
.fon-text{
    background: rgb(0 0 0 / 65%);
    box-sizing: border-box;
}
.color_text_black{color:#000;}
.monitor2-home-page-new{
	min-height: auto !important;
}
.btn_black_border{
	    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #000;
    padding: 12px 16px;
    display: inline-block;
    font-size: 16px;
}
.btn_black_border:hover{
    transition: 0.5s;
    background: #565656;
	color: #fff;
}

@media(max-width:960px){
	.posts-projects .post-project:nth-child(2n) .box-img-post-product-catalog{order:1;}
	.posts-projects .post-project:nth-child(2n) .text-post-product-catalog{order:2;}
	.box-img-post-product-catalog{width: 100%;}
	.img-post-product-catalog { width: 100%;aspect-ratio: 10 / 10;}
	.text-post-product-catalog { width: 100%;	box-sizing: border-box;	padding: 20px;}
	.posts-projects .post-project:nth-child(2n) .img-post-product-catalog { order: 1;}
	.post_adw_catalog { width: calc(50% - 12px); padding-top: 16px;}
	.after_title_post_catalog, .before_title_post_catalog{font-size:18px;}
	.title_post_catalog{font-size: 28px;}
	.posts-adwantages-product-catalog{padding-top:50px;}
	.img_desc{display:block; width: 100%; height:auto;background-color:#000;}
	.container2-title-category{width:100%;}
	.monitor2-category {min-height: auto; padding-bottom: 45px;}
	.monitor2-category .img_desc{order: 2;}
	.box-fon-about-us{padding-top: 0px;}
	.box-title-container{padding-bottom: 20px;}
	.monitor2-category:before, .box-fon-about-us:before{display:none;}
	.box-slider-index > .slick-prev, .box-slider-index > .slick-next{ width: 24px; height: 18px; }
	.box-monitor1:before{background-position: center left;}
	.box-monitor1{height: auto; padding-bottom: 60px;}
	.mobile-menu{
		bottom: 0px;
        overflow: auto;
		display: block;
        position: fixed;
        z-index: 99;
        background: #000;
        width: 100%;
        box-sizing: border-box;
        padding: 16px 12px;
        box-shadow: 0px 8px 8px rgb(0 0 0 / 50%);
        border-top: 1px solid rgb(61 61 61);
		        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
	}
	.container-monitor1-single {
		height: 100%;
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
		background: rgb(0 0 0 / 51%);
		padding-bottom: 25px;         min-height: auto;
	}
	.monitor1-category:before{ z-index: -1; width: 100% !important;}
	.container-title-category { padding-top: 45px;	width: 100%;}
	
	.mobile-menu::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
	.mobile-menu::-webkit-scrollbar-track {background-color:#ecedee}
	.mobile-menu::-webkit-scrollbar-thumb {-webkit-border-radius: 0px;border-radius: 2px;background-color:#9ba8dd;transition: 0.5s;}
	.mobile-menu::-webkit-scrollbar-thumb:hover{background-color:#808dc3;transition: 0.5s;}
	.mobile-menu::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
	.mobile-menu::-webkit-scrollbar{width: 6px;}	
	
	.mobile-menu ul{ list-style-type: none;	margin: 0px; padding: 12px;	}
	.mobile-menu li{	padding-bottom: 8px;}
	.mobile-menu ul a{
		        text-decoration: none;
        color: #fff;
        display: block;
        padding: 0px 12px;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        padding-bottom: 8px;
        padding-top: 8px;	
	}
	.mobile-menu ul a:hover{color:#888;}
	.children-ul {
		position: relative !important;
		top: 4px;
		white-space: normal;
		background: transparent;
		box-shadow: none;
		padding: 8px 8px 8px 20px !important;
		left: 0px;
		z-index: 99;
		width: 100%;
		box-sizing: border-box;
	}
	.children-ul li{position:relative;}
	.children-ul li:before{
	    content: '—';
		position: absolute;
		left: -8px;
		top: 0px;	
	}
	.menu-top-site{display:none;}
	.open-mobile-menu, .mobile-buttons{display: block;}
	.open-mobile-menu, .close-mobile-menu{
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		cursor:pointer;
	}
	.open-mobile-menu:hover, .close-mobile-menu:hover{background-color: #232323;}
	.open-mobile-menu{
		background: url('/wp-content/uploads/2020/03/menu_button.png');
		background-position: center;
		background-size: 34%;
		background-repeat: no-repeat;
		background-color: #1f1f1f;
	}
	.close-mobile-menu{
		background:url('/wp-content/uploads/2020/03/close-img-min.png');
		background-position: center;
		background-size: 34%;
		background-repeat: no-repeat;
		background-color: #1f1f1f;
		display:none;
	}
	.footer-box{justify-content: center;}
	.box-content-footer{width:50%;}
	.box-footer-contact{align-items: center;}
	.box-footer-menu{width: 100%; padding-top: 25px;}
	.box-menu-and-socials{width:60px;}
	.title_big_text{font-size:60px;}
	.fifty-box, .column-form-contacts, .box_bottom_homepage:before{width:100%;}
	.post_about_us_contact, .column_contact{width: calc(50% - 15px); padding-bottom: 28px;}
	.title_home_page{text-align:right;}
	h1{font-size: 32px;padding-bottom: 24px;}
	h2{font-size:28px;padding-bottom: 22px;}
	h3{font-size: 26px;padding-bottom: 20px;}
	h4{font-size: 24px;padding-bottom: 18px;}
	h5{font-size: 22px;padding-bottom: 16px;}
	.text-post-slid-index {
		width: 100%; padding: 15px 15px 40px 15px; color: #fff;
	}
	.text-post-slid-index p { font-size: 18px; }
	.post-advantage {
		width: calc(50% - 7px);
		background: #101010;
		text-align: center;
		padding: 17px 10px;
		box-sizing: border-box;
		border-radius: 0px;
		margin-bottom: 16px;
	}
	.logo_bottom_box{width: 100%;}
	.logo-bottom-home{width: 40%;}
	.title_bottom_home{width: calc(60% - 15px);}
	.title_bottom_box{
		 font-size: 24px;
    padding-left: 16px;
    margin-bottom: 8px;
	}
	.btn_black, .title_post_advantage{font-size:18px;}
	.img-single-product {
		height: auto;
		padding-bottom: 35px;
		box-sizing: border-box;
		aspect-ratio: 10 / 7;
	}
}
@media(max-width:768px){
	.title_post_service{font-size: 20px;}
}
@media(max-width:740px){
	.white-red-title{font-size:30px;}
	.title_big_text { font-size: 30px; padding-top: 12px; padding-bottom: 40px;}
	.posts_about_us_contact .post_about_us_contact:nth-child(1) p {font-size: 20px; font-weight: 300;}
	.contacts-header a > img{height: 20px;}
	.column-min-footer-menu, .column-min-footer-contacts, .column_contact, .post_about_us_contact, .post-advantage, .post-services{width:100%;}
	.box-monitor2 { padding-top: 40px; padding-bottom: 35px;}
	.button-top-modal{display:block;margin-bottom:15px}
	.box-content-footer{width:100%; text-align:center;padding:15px 0px;}
	.title_about_page_contacts{ font-size: 22px; padding-bottom: 16px;}
	.after-title {letter-spacing: 0.5px; text-transform: uppercase;	line-height: 158%; font-size: 17px;}
	
	
}
@media(max-width:420px){
	.title_post_service{font-size: 18px;}
	.text_post_servis{padding: 0px 0px 16px 16px;}
	.title_post_service{padding: 20px 16px 10px 16px;}
}

/*** safe global design foundation ***/
:root {
	--sp-color-ink: #101010;
	--sp-color-ink-soft: #1c1c1c;
	--sp-color-paper: #f5f5f2;
	--sp-color-muted: #666;
	--sp-color-accent: #de1313;
	--sp-space-1: 8px;
	--sp-space-2: 16px;
	--sp-space-3: 24px;
	--sp-space-4: 40px;
	--sp-space-5: 64px;
	--sp-space-6: 96px;
	--sp-font-body: "Open Sans", sans-serif;
	--sp-font-display: "Cuprum", "Open Sans", sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--sp-font-body);
	font-size: 16px;
	line-height: 1.58;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

a,
button,
input,
textarea,
select {
	transition-duration: .2s;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.open-mobile-menu:focus-visible,
.close-mobile-menu:focus-visible {
	outline: 2px solid var(--sp-color-accent);
	outline-offset: 4px;
}

.contacts-header a,
.open-mobile-menu,
.close-mobile-menu,
.mobile-buttons {
	min-height: 44px;
	min-width: 44px;
}

.contacts-header {
	flex-wrap: nowrap;
	gap: 8px;
	width: auto;
}

.btn_white_border,
.btn_black_border,
.btn_black,
.btn_post_catalog,
input[type="submit"] {
	box-sizing: border-box;
	min-height: 46px;
}

.btn_white_border:hover,
.btn_black_border:hover,
.btn_black:hover,
.btn_post_catalog:hover,
input[type="submit"]:hover {
	border-color: var(--sp-color-accent);
}

body.page-template-default .text-single-product {
	background: var(--sp-color-paper);
	color: var(--sp-color-ink);
	padding: clamp(32px, 5vw, 64px) clamp(20px, 4vw, 48px);
}

body.page-template-default .text-single-product h1 {
	font-size: clamp(34px, 5vw, 52px);
	line-height: 1.08;
}

body.page-template-default .text-single-product h2 {
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.12;
}

body.page-template-default .text-single-product h3 {
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.18;
}

body.page-template-default .text-single-product p,
body.page-template-default .text-single-product li {
	font-size: 16px;
	line-height: 1.68;
}

body.page-template-default .text-single-product p,
body.page-template-default .text-single-product ul,
body.page-template-default .text-single-product ol {
	max-width: 860px;
}

body.single-post .text-single-product {
	background: var(--sp-color-paper);
	color: var(--sp-color-ink);
	padding: clamp(36px, 6vw, 76px) clamp(20px, 5vw, 64px);
}

body.single-post .project-copy {
	max-width: 880px;
	margin: 0 auto;
}

body.single-post .project-copy h2,
body.single-post .project-media h2 {
	font-family: var(--sp-font-display);
	font-size: clamp(28px, 3.4vw, 40px);
	font-weight: 700;
	line-height: 1.12;
	margin: 52px 0 18px;
	text-transform: uppercase;
}

body.single-post .project-copy p,
body.single-post .project-copy li {
	font-size: 17px;
	line-height: 1.72;
}

body.single-post .project-copy > h2:first-child {
	margin-top: 0;
}

body.single-post .project-copy img {
	display: block;
	float: none !important;
	height: auto;
	margin: 30px auto;
	max-width: 100%;
}

body.single-post .project-copy .gallery {
	clear: both;
	display: grid;
	gap: 12px;
	margin: 30px 0;
}

body.single-post .project-copy .gallery-item {
	float: none;
	margin: 0;
	min-width: 0;
	width: auto !important;
}

body.single-post .project-copy .gallery-columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.single-post .project-copy .gallery-columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.single-post .project-copy .gallery img {
	border: 0;
	filter: none;
	margin: 0 auto;
	transition: none;
	width: auto;
}

body.single-post .project-copy .gallery img:hover {
	filter: none;
}

body.single-post .project-copy .gallery-icon,
body.single-post .project-copy .gallery-icon a {
	display: block;
	text-align: center;
}

body.single-post .project-copy table {
	border: 0;
	margin: 30px 0;
	table-layout: fixed;
	width: 100%;
}

body.single-post .project-copy td {
	border: 0;
	padding: 6px;
}

body.single-post .project-copy td img {
	margin: 0 auto;
}

body.single-post .project-copy .project-lead {
	font-size: clamp(19px, 2vw, 22px);
	line-height: 1.58;
	margin-top: 0;
}

body.single-post .project-specs {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.single-post .project-specs li {
	border-top: 1px solid #d8d8d4;
	padding: 13px 0 13px 25px;
	position: relative;
}

body.single-post .project-specs li::before {
	background: var(--sp-color-accent);
	content: '';
	height: 7px;
	left: 2px;
	position: absolute;
	top: 23px;
	width: 7px;
}

body.single-post .project-media {
	clear: both;
	display: flow-root;
	margin: 70px auto 0;
	max-width: 1040px;
}

body.single-post .project-media figure {
	margin: 0 0 28px;
}

body.single-post .project-media img {
	float: none !important;
	height: auto;
	max-width: 100%;
}

body.single-post .project-contact-cta {
	align-items: center;
	border-top: 1px solid #cfcfca;
	clear: both;
	display: flex;
	justify-content: space-between;
	margin: 0 clamp(20px, 5vw, 64px);
	padding: 38px 0 64px;
}

body.single-post .project-contact-cta p {
	color: #777;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 0 6px;
	text-transform: uppercase;
}

body.single-post .project-contact-cta h2 {
	font-family: var(--sp-font-display);
	font-size: clamp(28px, 3.2vw, 40px);
	line-height: 1.1;
	margin: 0;
}

@media (max-width: 740px) {
	body.single-post .project-copy p,
	body.single-post .project-copy li {
		font-size: 16px;
		line-height: 1.68;
	}

	body.single-post .project-copy .gallery {
		gap: 8px;
		grid-template-columns: minmax(0, 1fr);
	}

	body.single-post .project-contact-cta {
		align-items: flex-start;
		flex-direction: column;
		gap: 24px;
	}
}

.monitor1_contact_page,
.box-about-contact-pag {
	background: var(--sp-color-ink);
	color: #fff;
}

.monitor1_contact_page .article-box,
.monitor1_contact_page .article-box p {
	color: #d8d8d8;
}

/*** homepage composition polish ***/
body.home .box-monitor1 {
	background: var(--sp-color-ink);
	height: calc(100vh - 50px);
	min-height: 620px;
	position: relative;
}

body.home .box-monitor1::after {
	background: linear-gradient(to left, #101010 0%, rgba(16, 16, 16, .96) 32%, rgba(16, 16, 16, .64) 58%, transparent 100%);
	bottom: 0;
	content: "";
	left: 28%;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

body.home .banner-monitor1-home-page {
	width: 74%;
	z-index: 0;
}

body.home .box-monitor1 > .container-box {
	height: 100%;
	position: relative;
	z-index: 2;
}

body.home .title_home_page {
	align-items: flex-start;
	align-self: stretch;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
	padding-left: clamp(18px, 3vw, 54px);
	text-align: left;
}

body.home .white-red-title {
	font-family: var(--sp-font-display);
	font-size: clamp(46px, 4.3vw, 62px);
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.02;
	padding: 0 0 28px;
}

body.home .fon-text {
	background: transparent;
	max-width: 650px;
	text-shadow: 0 3px 18px rgba(0, 0, 0, .65);
}

body.home .btn_white_border {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 13px 18px;
}

body.home .monitor2-home-page-new {
	background: var(--sp-color-paper);
	color: var(--sp-color-ink);
	min-height: 620px !important;
	overflow: hidden;
	padding: 0;
}

body.home .monitor2-home-page-new::before {
	background-position: center;
	background-size: cover;
	width: 44%;
}

body.home .monitor2-home-page-new .container-monitor2-single {
	align-items: center;
	height: auto;
	justify-content: flex-end;
	min-height: 620px;
}

body.home .monitor2-home-page-new .img_desc {
	display: none;
}

body.home .monitor2-home-page-new .container2-title-category {
	box-sizing: border-box;
	padding: var(--sp-space-5) 0;
	width: 52%;
}

body.home .monitor2-home-page-new .container2-title-category > br {
	display: none;
}

body.home .monitor2-home-page-new h2 {
	font-family: var(--sp-font-display);
	font-size: clamp(38px, 4vw, 52px);
	letter-spacing: 0;
	line-height: 1.05;
	padding-bottom: var(--sp-space-2);
}

body.home .monitor2-home-page-new h3 {
	font-family: var(--sp-font-display);
	font-size: clamp(28px, 3vw, 38px);
	line-height: 1.08;
	padding-top: var(--sp-space-3);
}

body.home .monitor2-home-page-new .after-title {
	color: var(--sp-color-muted);
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.55;
	text-transform: none;
}

body.home .box-slider-index {
	background: var(--sp-color-ink);
}

body.home .post-slider-index {
	height: calc(100vh - 50px);
	max-height: 820px;
	min-height: 560px;
}

body.home .content-post-slid-index {
	align-items: stretch;
	box-sizing: border-box;
	justify-content: flex-end;
	margin: 0;
	max-width: none;
	padding: 0 0 0 50%;
	width: 100%;
}

body.home .background_slider_fon {
	align-items: center;
	background: linear-gradient(to right, rgba(0, 0, 0, .28), rgba(0, 0, 0, .78) 62%, rgba(0, 0, 0, .88));
	box-sizing: border-box;
	max-width: none;
	padding: 0;
	width: 100%;
}

body.home .background_slider_fon::before {
	display: none;
}

body.home .text-post-slid-index {
	box-sizing: border-box;
	max-width: 620px;
	padding: 56px clamp(36px, 7vw, 96px);
	width: 100%;
}

body.home .text-post-slid-index p {
	font-size: clamp(19px, 1.7vw, 24px);
	line-height: 1.48;
}

body.home .box-monitor2 {
	background: var(--sp-color-paper);
	color: var(--sp-color-ink);
	padding-bottom: 56px;
	padding-top: 72px;
}

body.home .box-title-container {
	color: var(--sp-color-ink);
	max-width: 900px;
}

body.home .box-title-container h2 {
	font-family: var(--sp-font-display);
	font-size: clamp(36px, 4vw, 50px);
	letter-spacing: 0;
	line-height: 1.06;
}

body.home .box-title-container .after-title {
	color: var(--sp-color-muted);
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.62;
	text-transform: none;
}

body.home .box-advantages {
	padding-bottom: 40px;
	padding-top: 16px;
}

body.home .post-advantage {
	background: var(--sp-color-ink);
	border: 1px solid #2b2b2b;
	border-top: 3px solid var(--sp-color-accent);
	box-shadow: none;
	color: #fff;
	min-height: 230px;
	padding: 28px 20px;
	transform: none;
}

body.home .post-advantage:hover {
	background: var(--sp-color-ink-soft);
	box-shadow: none;
	transform: translateY(-3px);
}

body.home .icon_post_advantage {
	height: 54px;
	max-width: 72px;
	object-fit: contain;
}

body.home i.icon_post_advantage {
	align-items: center;
	color: var(--sp-color-accent);
	display: flex;
	font-size: 34px;
	justify-content: center;
	width: 54px;
}

body.home .title_post_advantage {
	font-size: 18px;
	line-height: 1.3;
	padding: 18px 0 10px;
}

body.home .description_post_advantage {
	color: rgba(255, 255, 255, .78);
	font-size: 14px;
	line-height: 1.55;
}

body.home .box_bottom_homepage {
	align-items: center;
	display: flex;
	min-height: 400px;
}

body.home .box_bottom_homepage > .container-box {
	width: 100%;
}

body.home .box-content-bottom-hom {
	padding-bottom: 72px;
	padding-top: 72px;
}

body.home .box-content-bottom-hom .flex-justyf-end-align-end {
	align-items: center;
	flex-wrap: nowrap;
	gap: 32px;
	justify-content: center;
	margin: 0 auto;
	max-width: 520px;
	transform: translateX(-18px);
}

body.home .logo-bottom-home {
	flex: 0 1 230px;
	width: auto;
}

body.home .title_bottom_home {
	flex: 0 1 240px;
	width: auto;
}

body.home .logo_bottom_box {
	max-width: 230px;
	width: 100%;
}

body.home .title_bottom_box {
	font-family: var(--sp-font-display);
	font-size: clamp(28px, 3vw, 37px);
	letter-spacing: 1px;
	line-height: 1.08;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}

	.animation-opacity {
		opacity: 1 !important;
	}
}

@media(max-width:960px) {
	body.home .box-monitor1 {
		height: auto;
		min-height: calc(100svh - 52px);
		padding: 0;
	}

	body.home .box-monitor1::after {
		background: linear-gradient(to bottom, transparent 0%, rgba(16, 16, 16, .2) 32%, #101010 78%);
		left: 0;
		top: 16%;
	}

	body.home .banner-monitor1-home-page {
		background-position: top center !important;
		background-size: contain !important;
		bottom: auto;
		height: 58%;
		width: 100%;
	}

	body.home .box-monitor1 > .container-box {
		min-height: calc(100svh - 52px);
	}

	body.home .box-monitor1 .fifty-box:first-child {
		display: none;
	}

	body.home .title_home_page {
		align-items: flex-start;
		box-sizing: border-box;
		justify-content: flex-end;
		min-height: calc(100svh - 52px);
		padding: 0 0 52px;
		text-align: left;
		width: 100%;
	}

	body.home .white-red-title {
		font-size: clamp(36px, 10vw, 46px);
		max-width: 520px;
		padding-bottom: 22px;
	}

	body.home .monitor2-home-page-new {
		min-height: 0 !important;
		padding: 0 0 48px;
	}

	body.home .monitor2-home-page-new .container-monitor2-single {
		gap: 0;
		min-height: 0;
	}

	body.home .monitor2-home-page-new .img_desc {
		background: var(--sp-color-ink);
		display: block;
		max-height: 520px;
		object-fit: cover;
		order: 1;
		width: 100%;
	}

	body.home .monitor2-home-page-new .container2-title-category {
		order: 2;
		padding: 40px 0 0;
		width: 100%;
	}

	body.home .post-slider-index {
		aspect-ratio: auto;
		height: 68vh;
		max-height: 700px;
		min-height: 520px;
	}

	body.home .content-post-slid-index {
		align-items: flex-end;
		padding: 0;
	}

	body.home .background_slider_fon {
		align-items: flex-end;
		background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .82) 38%, rgba(0, 0, 0, .94));
		min-height: 48%;
	}

	body.home .text-post-slid-index {
		max-width: 640px;
		padding: 32px 58px 48px;
	}

	body.home .post-advantage {
		min-height: 220px;
		padding: 24px 16px;
		width: calc(50% - 8px);
	}

	body.home .box-content-bottom-hom .flex-justyf-end-align-end {
		transform: none;
	}
}

@media(max-width:740px) {
	body.home .box-monitor1,
	body.home .box-monitor1 > .container-box,
	body.home .title_home_page {
		min-height: calc(100svh - 52px);
	}

	body.home .white-red-title {
		font-size: clamp(34px, 10.5vw, 42px);
		line-height: 1.04;
	}

	body.home .monitor2-home-page-new h2 {
		font-size: 36px;
	}

	body.home .text-post-slid-index {
		padding: 28px 48px 46px;
	}

	body.home .text-post-slid-index p {
		font-size: 17px;
	}

	body.home .post-advantage {
		min-height: 0;
		width: 100%;
	}

	body.home .box_bottom_homepage {
		min-height: 520px;
	}

	body.home .box-content-bottom-hom .flex-justyf-end-align-end {
		align-items: center;
		flex-direction: column;
		gap: 24px;
		text-align: center;
	}

	body.home .logo-bottom-home,
	body.home .title_bottom_home {
		flex: 0 1 auto;
		width: 100%;
	}

	body.home .logo_bottom_box {
		max-width: 170px;
	}

	body.home .title_bottom_box {
		border-left: 0;
		border-top: 3px solid #fff;
		padding: 18px 0 0;
	}
}

/*** projects archive: responsive images and immediate rendering ***/
body.category-projects .projects-catalog {
	padding-bottom: 72px;
	padding-top: 72px;
}

body.category-projects .projects-catalog > .container-box > h3 {
	font-family: var(--sp-font-display);
	font-size: clamp(34px, 4vw, 48px);
	letter-spacing: 0;
	line-height: 1.08;
	padding-bottom: 0;
}

body.category-projects .posts-projects {
	padding-top: 32px;
}

body.category-projects .post-project {
	background: var(--project-bg);
	color: var(--project-text);
	min-height: 460px;
}

body.category-projects .box-img-post-product-catalog {
	background: #181818;
	min-height: 460px;
}

body.category-projects .img-post-product-catalog {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body.category-projects .btn_post_catalog {
	background: var(--project-text);
	border: 1px solid var(--project-text);
	color: var(--project-bg);
	font-weight: 700;
}

body.category-projects .btn_post_catalog:hover {
	background: transparent !important;
	color: var(--project-text) !important;
}

@media(max-width:960px) {
	body.category-projects .projects-catalog {
		padding-bottom: 48px;
		padding-top: 48px;
	}

	body.category-projects .post-project,
	body.category-projects .box-img-post-product-catalog {
		min-height: 0;
	}

	body.category-projects .img-post-product-catalog {
		aspect-ratio: 4 / 3;
		height: auto;
	}
}

/*** services archive ***/
body.category-services {
	background: var(--sp-color-paper);
}

body.category-services .services-hero {
	background: var(--sp-color-ink);
	color: #fff;
	min-height: 560px;
	overflow: hidden;
	position: relative;
}

body.category-services .services-hero::before {
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 62%;
}

body.category-services .services-hero::after {
	background: linear-gradient(90deg, #101010 8%, rgba(16, 16, 16, .94) 35%, rgba(16, 16, 16, .18) 78%, rgba(16, 16, 16, .42));
	content: "";
	inset: 0;
	position: absolute;
}

body.category-services .container-monitor1-single {
	align-items: center;
	display: flex;
	min-height: 560px;
	position: relative;
	z-index: 1;
}

body.category-services .container-title-category {
	max-width: 700px;
	padding: 80px 0;
}

.services-eyebrow,
.contact-eyebrow {
	color: var(--sp-color-accent);
	font-family: var(--sp-font-display);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 16px;
	text-transform: uppercase;
}

body.category-services .services-hero .title_big_text {
	font-family: var(--sp-font-display);
	font-size: clamp(52px, 6.2vw, 78px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: .98;
	margin: 0;
	max-width: 680px;
	text-transform: uppercase;
}

.services-page {
	background: var(--sp-color-paper);
	color: var(--sp-color-ink);
	padding: 88px 0 96px;
}

.services-heading {
	max-width: 760px;
}

.services-heading h2,
.contact-main h2,
.contact-form-panel h2,
.contact-visit h2 {
	font-family: var(--sp-font-display);
	font-size: clamp(38px, 4vw, 54px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.02;
	margin: 0;
	text-transform: uppercase;
}

.services-heading > p:last-child {
	color: var(--sp-color-muted);
	font-size: 16px;
	line-height: 1.65;
	margin: 24px 0 0;
	max-width: 680px;
}

.services-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 52px;
}

.service-card {
	background: var(--sp-color-ink);
	border-top: 4px solid var(--sp-color-accent);
	color: #fff;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.service-card > img {
	aspect-ratio: 4 / 3;
	display: block;
	object-fit: cover;
	width: 100%;
}

.service-card-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 30px;
}

.service-number {
	color: var(--sp-color-accent);
	font-family: var(--sp-font-display);
	font-size: 15px;
	font-weight: 700;
}

.service-card h3 {
	font-family: var(--sp-font-display);
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.05;
	margin: 14px 0 18px;
	text-transform: uppercase;
}

.service-card p,
.service-card li {
	color: #d7d7d7;
	font-size: 14px;
	line-height: 1.6;
}

.service-card ul {
	border-top: 1px solid #393939;
	list-style: none;
	margin: 24px 0 30px;
	padding: 18px 0 0;
}

.service-card li {
	padding: 5px 0 5px 18px;
	position: relative;
}

.service-card li::before {
	background: var(--sp-color-accent);
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	top: 13px;
	width: 5px;
}

.service-card-link,
.contact-visit-link {
	align-items: center;
	align-self: flex-start;
	border: 1px solid #fff;
	color: #fff;
	display: inline-flex;
	font-family: var(--sp-font-display);
	font-size: 13px;
	font-weight: 700;
	justify-content: center;
	margin-top: auto;
	min-height: 44px;
	padding: 0 22px;
	text-transform: uppercase;
}

.service-card-link:hover,
.contact-visit-link:hover {
	background: #fff;
	color: var(--sp-color-ink);
}

/*** contacts page ***/
body.page-template-page-contact {
	background: var(--sp-color-ink);
}

.contact-hero {
	background-color: var(--sp-color-ink);
	background-image: linear-gradient(90deg, #101010 0%, rgba(16, 16, 16, .95) 35%, rgba(16, 16, 16, .28) 72%, rgba(16, 16, 16, .55)), url('/wp-content/uploads/2024/10/bck_main_page_2-1024x1024.png');
	background-position: center, right 32% center;
	background-repeat: no-repeat;
	background-size: cover, min(64vw, 920px) auto;
	color: #fff;
	min-height: 650px;
}

.contact-hero > .container-box {
	align-items: center;
	display: flex;
	min-height: 650px;
}

.contact-hero-content {
	max-width: 680px;
	padding: 88px 0;
}

.contact-hero h1 {
	font-family: var(--sp-font-display);
	font-size: clamp(56px, 7vw, 92px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: .94;
	margin: 0;
	text-transform: uppercase;
}

.contact-hero-content > p:not(.contact-eyebrow) {
	color: #d8d8d8;
	font-size: 17px;
	line-height: 1.65;
	margin: 28px 0 30px;
	max-width: 560px;
}

.contact-phone-link {
	border-bottom: 2px solid var(--sp-color-accent);
	color: #fff;
	display: inline-block;
	font-family: var(--sp-font-display);
	font-size: clamp(27px, 3vw, 38px);
	font-weight: 700;
	line-height: 1.2;
	padding-bottom: 5px;
}

.contact-main {
	background: var(--sp-color-paper);
	color: var(--sp-color-ink);
	padding: 96px 0;
}

.contact-layout {
	align-items: start;
	display: grid;
	gap: clamp(50px, 8vw, 120px);
	grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
}

.contact-intro {
	color: var(--sp-color-muted);
	font-size: 16px;
	line-height: 1.65;
	margin: 24px 0 42px;
	max-width: 520px;
}

.contact-list {
	margin: 0;
}

.contact-list > div {
	border-top: 1px solid #c9c9c6;
	display: grid;
	gap: 20px;
	grid-template-columns: 130px 1fr;
	padding: 22px 0;
}

.contact-list dt {
	color: var(--sp-color-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.contact-list dd,
.contact-list a {
	color: var(--sp-color-ink);
	font-family: var(--sp-font-display);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0;
}

.contact-list dd span {
	color: var(--sp-color-muted);
	font-family: var(--sp-font-body);
	font-size: 13px;
	font-weight: 400;
}

.contact-form-panel {
	background: var(--sp-color-ink);
	color: #fff;
	padding: clamp(34px, 5vw, 60px);
}

.contact-form-panel > p:not(.contact-eyebrow) {
	color: #bdbdbd;
	font-size: 14px;
	line-height: 1.6;
	margin: 20px 0 30px;
}

.contact-form-panel .wpcf7 p {
	margin: 0 0 14px;
}

.contact-form-panel input:not([type="submit"]):not([type="checkbox"]),
.contact-form-panel textarea {
	background: #1d1d1d;
	border: 1px solid #424242;
	box-sizing: border-box;
	color: #fff;
	font-family: var(--sp-font-body);
	font-size: 15px;
	min-height: 52px;
	padding: 14px 16px;
	width: 100%;
}

.contact-form-panel input[type="checkbox"] {
	accent-color: var(--sp-color-accent);
	flex: 0 0 20px;
	height: 20px;
	min-height: 20px;
	width: 20px;
}

.contact-form-panel .wpcf7-list-item-label {
	font-size: 13px;
	line-height: 1.45;
}

.contact-form-panel textarea {
	min-height: 130px;
	resize: vertical;
}

.contact-form-panel input[type="submit"] {
	background: var(--sp-color-accent);
	border: 1px solid var(--sp-color-accent);
	color: #fff;
	cursor: pointer;
	font-family: var(--sp-font-display);
	font-size: 14px;
	font-weight: 700;
	min-height: 48px;
	padding: 0 28px;
	text-transform: uppercase;
}

.contact-visit {
	background: #191919;
	color: #fff;
	padding: 66px 0;
}

.contact-visit-inner {
	align-items: center;
	display: flex;
	gap: 40px;
	justify-content: space-between;
}

.contact-visit h2 {
	font-size: clamp(32px, 4vw, 48px);
	max-width: 760px;
}

@media(max-width:960px) {
	body.category-services .services-hero,
	body.category-services .container-monitor1-single {
		min-height: 500px;
	}

	body.category-services .services-hero::before {
		width: 76%;
	}

	.services-grid {
		grid-template-columns: 1fr;
	}

	.service-card {
		display: grid;
		grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
	}

	.service-card > img {
		height: 100%;
	}

	.contact-layout {
		grid-template-columns: 1fr;
	}

	.contact-details {
		max-width: 680px;
	}
}

@media(max-width:740px) {
	body.category-services .services-hero,
	body.category-services .container-monitor1-single {
		min-height: 460px;
	}

	body.category-services .services-hero::before {
		background-position: 64% center;
		width: 100%;
	}

	body.category-services .services-hero::after {
		background: linear-gradient(0deg, #101010 0%, rgba(16, 16, 16, .74) 50%, rgba(16, 16, 16, .25));
	}

	body.category-services .container-title-category {
		align-self: flex-end;
		padding: 48px 0;
	}

	body.category-services .services-hero .title_big_text {
		font-size: clamp(42px, 13vw, 58px);
	}

	.services-page {
		padding: 60px 0 64px;
	}

	.services-grid {
		margin-top: 36px;
	}

	.service-card {
		display: flex;
	}

	.service-card-content {
		padding: 26px 22px 28px;
	}

	.contact-hero {
		background-image: linear-gradient(0deg, #101010 0%, rgba(16, 16, 16, .88) 48%, rgba(16, 16, 16, .18)), url('/wp-content/uploads/2024/10/bck_main_page_2-768x768.png');
		background-position: center, center top;
		background-size: cover, auto 62%;
		min-height: calc(100svh - 52px);
	}

	.contact-hero > .container-box {
		align-items: flex-end;
		min-height: calc(100svh - 52px);
	}

	.contact-hero-content {
		padding: 62px 0 46px;
	}

	.contact-hero h1 {
		font-size: clamp(48px, 14vw, 66px);
	}

	.contact-main {
		padding: 62px 0;
	}

	.contact-layout {
		gap: 48px;
	}

	.contact-list > div {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.contact-form-panel {
		padding: 30px 22px;
	}

	.contact-visit-inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

/*** homepage media showcase ***/
.sparta-media {
	background: #151515;
	color: #fff;
	overflow: hidden;
	padding: 88px 0 82px;
}

.sparta-media-heading {
	align-items: end;
	display: flex;
	gap: 48px;
	justify-content: space-between;
	margin-bottom: 42px;
}

.sparta-media-heading h2 {
	font-family: var(--sp-font-display);
	font-size: clamp(40px, 5vw, 62px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.sparta-media-heading > p {
	color: #aaa;
	font-size: 15px;
	line-height: 1.65;
	margin: 0 0 3px;
	max-width: 430px;
	padding: 0;
}

.sparta-media-track {
	--sp-carousel-card-width: 440px;
	box-sizing: border-box;
	margin-left: calc(50% - 50vw);
	padding: 0 clamp(28px, 4vw, 64px);
	width: 100vw;
}

.sparta-media-track .slick-list {
	overflow: hidden;
}

.sparta-media-track .slick-slide {
	box-sizing: border-box;
	height: auto;
	margin: 0 9px;
	width: var(--sp-carousel-card-width);
}

.sparta-media-track .slick-track {
	display: flex;
}

.sparta-video-card {
	background: #0c0c0c;
	border-top: 3px solid var(--sp-color-accent);
	height: 100%;
}

.sparta-video-trigger,
.sparta-video-card iframe {
	aspect-ratio: 16 / 9;
	background: #000;
	border: 0;
	cursor: pointer;
	display: block;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}

.sparta-video-trigger img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease, opacity .35s ease;
	width: 100%;
}

.sparta-video-trigger::after {
	background: linear-gradient(0deg, rgba(0, 0, 0, .45), transparent 56%);
	content: "";
	inset: 0;
	position: absolute;
}

.sparta-video-trigger:hover img {
	opacity: .8;
	transform: scale(1.025);
}

.sparta-video-play {
	align-items: center;
	background: var(--sp-color-accent);
	bottom: 20px;
	color: #fff;
	display: flex;
	height: 54px;
	justify-content: center;
	left: 20px;
	position: absolute;
	width: 54px;
	z-index: 1;
}

.sparta-video-play i {
	font-size: 17px;
	margin-left: 3px;
}

.sparta-video-meta {
	box-sizing: border-box;
	min-height: 132px;
	padding: 23px 25px 27px;
}

.sparta-video-meta p {
	color: var(--sp-color-accent);
	font-family: var(--sp-font-display);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
}

.sparta-video-meta h3,
.sparta-instagram-card h3 {
	font-family: var(--sp-font-display);
	font-size: 27px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.08;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.sparta-instagram-card {
	background: #0c0c0c;
	border-top: 3px solid var(--sp-color-accent);
	height: 100%;
}

.sparta-instagram-card > a {
	background-image: linear-gradient(90deg, rgba(8, 8, 8, .98), rgba(8, 8, 8, .63)), url('/wp-content/uploads/2024/10/bck_main_page_2-768x768.png');
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-end;
	min-height: 420px;
	padding: 34px;
	text-decoration: none;
}

.sparta-instagram-card span {
	color: var(--sp-color-accent);
	font-family: var(--sp-font-display);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.sparta-instagram-card span i {
	font-size: 18px;
	margin-right: 9px;
}

.sparta-instagram-card p {
	color: #bbb;
	font-size: 14px;
	line-height: 1.55;
	margin: 18px 0 24px;
	padding: 0;
}

.sparta-instagram-card strong {
	align-self: flex-start;
	border-bottom: 2px solid var(--sp-color-accent);
	font-family: var(--sp-font-display);
	font-size: 13px;
	padding-bottom: 4px;
	text-transform: uppercase;
}

.sparta-youtube-link {
	color: #fff;
	display: inline-block;
	font-family: var(--sp-font-display);
	font-size: 13px;
	font-weight: 700;
	margin-top: 58px;
	text-decoration: none;
	text-transform: uppercase;
}

.sparta-youtube-link i {
	color: var(--sp-color-accent);
	margin-left: 8px;
}

.sparta-instagram-showcase {
	background: var(--sp-color-paper);
	color: var(--sp-color-ink);
	overflow: hidden;
	padding: 88px 0 116px;
}

.sparta-instagram-heading {
	align-items: end;
	display: flex;
	gap: 48px;
	justify-content: space-between;
	margin-bottom: 42px;
}

.sparta-instagram-heading h2 {
	font-family: var(--sp-font-display);
	font-size: clamp(40px, 5vw, 62px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.sparta-instagram-heading > p {
	color: var(--sp-color-muted);
	font-size: 15px;
	line-height: 1.65;
	margin: 0 0 3px;
	max-width: 430px;
	padding: 0;
}

.sparta-instagram-track {
	--sp-carousel-card-height: 720px;
	--sp-carousel-card-width: 340px;
	box-sizing: border-box;
	margin-left: calc(50% - 50vw);
	padding: 0 clamp(28px, 4vw, 64px);
	width: 100vw;
}

.sparta-instagram-track .slick-list {
	overflow: hidden;
}

.sparta-instagram-track .slick-track {
	display: flex;
}

.sparta-instagram-track .slick-slide {
	box-sizing: border-box;
	height: auto;
	margin: 0 9px;
	width: var(--sp-carousel-card-width);
}

.sparta-instagram-embed {
	background: #fff;
	border-top: 3px solid var(--sp-color-accent);
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
}

.sparta-instagram-embed iframe {
	background: #fff;
	border: 0;
	display: block;
	height: var(--sp-carousel-card-height);
	width: 100%;
}

.sparta-instagram-placeholder {
	background: #111;
	border: 0;
	cursor: pointer;
	display: block;
	height: var(--sp-carousel-card-height);
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}

.sparta-instagram-placeholder::after {
	background: linear-gradient(0deg, rgba(0, 0, 0, .82), rgba(0, 0, 0, .08) 58%);
	content: "";
	inset: 0;
	position: absolute;
}

.sparta-instagram-placeholder img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
	width: 100%;
}

.sparta-instagram-placeholder:hover img {
	transform: scale(1.025);
}

.sparta-instagram-placeholder span {
	border-bottom: 2px solid var(--sp-color-accent);
	bottom: 34px;
	color: #fff;
	font-family: var(--sp-font-display);
	font-size: 14px;
	font-weight: 700;
	left: 34px;
	padding-bottom: 5px;
	position: absolute;
	text-transform: uppercase;
	z-index: 1;
}

.sparta-instagram-showcase .sparta-instagram-card > a {
	min-height: var(--sp-carousel-card-height);
}

.sparta-media-track .slick-prev,
.sparta-media-track .slick-next,
.sparta-instagram-track .slick-prev,
.sparta-instagram-track .slick-next {
	background: rgba(8, 8, 8, .82);
	border: 1px solid rgba(255, 255, 255, .34);
	height: 52px;
	top: 50%;
	transform: translateY(-50%);
	width: 52px;
	z-index: 5;
}

.sparta-media-track .slick-prev,
.sparta-instagram-track .slick-prev {
	left: 8px;
}

.sparta-media-track .slick-next,
.sparta-instagram-track .slick-next {
	right: 8px;
}

.sparta-media-track .slick-prev:hover,
.sparta-media-track .slick-prev:focus,
.sparta-media-track .slick-next:hover,
.sparta-media-track .slick-next:focus,
.sparta-instagram-track .slick-prev:hover,
.sparta-instagram-track .slick-prev:focus,
.sparta-instagram-track .slick-next:hover,
.sparta-instagram-track .slick-next:focus {
	background: var(--sp-color-accent);
}

.sparta-media-track .slick-prev::before,
.sparta-media-track .slick-next::before,
.sparta-instagram-track .slick-prev::before,
.sparta-instagram-track .slick-next::before {
	color: #fff;
	font-size: 24px;
}

.sparta-media-track .slick-dots,
.sparta-instagram-track .slick-dots {
	bottom: -42px;
}

.sparta-media-track .slick-dots li,
.sparta-instagram-track .slick-dots li {
	height: 16px;
	margin: 0 3px;
	width: 16px;
}

.sparta-media-track .slick-dots li button,
.sparta-instagram-track .slick-dots li button {
	height: 16px;
	padding: 0;
	width: 16px;
}

.sparta-media-track .slick-dots li button::before,
.sparta-instagram-track .slick-dots li button::before {
	font-size: 9px;
	height: 16px;
	line-height: 16px;
	opacity: .35;
	width: 16px;
}

.sparta-media-track .slick-dots li button::before {
	color: #fff;
}

.sparta-instagram-track .slick-dots li button::before {
	color: var(--sp-color-ink);
}

.sparta-media-track .slick-dots li.slick-active button::before,
.sparta-instagram-track .slick-dots li.slick-active button::before {
	color: var(--sp-color-accent);
	opacity: 1;
}

/*** global site header and footer ***/
.site-header {
	background: rgba(8, 8, 8, .97);
	border-bottom: 1px solid #242424;
	box-shadow: none;
}

.site-header .box-header {
	box-sizing: border-box;
	min-height: 72px;
	padding-bottom: 9px;
	padding-top: 9px;
}

.site-header .logo-header img {
	display: block;
	height: 46px;
	width: auto;
}

.site-header .box-menu-and-socials {
	gap: 20px;
	width: auto;
}

.site-header .menu-top-site ul {
	margin-right: 0;
}

.site-header .menu-top-site a {
	font-family: var(--sp-font-display);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	padding: 12px 13px;
}

.site-header .contacts-header {
	border-left: 1px solid #303030;
	gap: 4px;
	padding-left: 18px;
}

.site-header .contacts-header a {
	align-items: center;
	box-sizing: border-box;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
}

.site-header .contacts-header a:hover {
	color: var(--sp-color-accent);
	opacity: 1;
}

.site-header .header-phone {
	font-family: var(--sp-font-display);
	font-size: 16px;
	font-weight: 700;
	gap: 9px;
	margin-right: 4px;
	padding: 0 8px;
}

.site-header .header-social {
	font-size: 19px;
	width: 44px;
}

.site-header .mobile-buttons {
	height: 48px;
	width: 48px;
}

.site-header .open-mobile-menu,
.site-header .close-mobile-menu {
	background: #1b1b1b;
	border: 0;
	box-sizing: border-box;
	padding: 14px;
}

.site-header .open-mobile-menu span {
	background: #fff;
	display: block;
	height: 2px;
	margin: 5px 0;
	width: 100%;
}

.site-header .close-mobile-menu span {
	background: #fff;
	display: block;
	height: 2px;
	left: 12px;
	position: absolute;
	top: 23px;
	width: 24px;
}

.site-header .close-mobile-menu span:first-child {
	transform: rotate(45deg);
}

.site-header .close-mobile-menu span:last-child {
	transform: rotate(-45deg);
}

.mobile-contact-panel {
	border-top: 1px solid #333;
	box-sizing: border-box;
	margin-top: 20px;
	max-width: 440px;
	padding: 26px 12px 8px;
	text-align: center;
	width: 100%;
}

.mobile-contact-panel > p {
	color: #8c8c8c;
	font-family: var(--sp-font-display);
	font-size: 13px;
	font-weight: 700;
	padding-bottom: 12px;
	text-transform: uppercase;
}

.mobile-contact-panel > a {
	color: #fff;
	display: block;
	font-family: var(--sp-font-display);
	font-size: 24px;
	font-weight: 700;
	padding: 7px 0;
	text-decoration: none;
}

.mobile-contact-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 18px;
	justify-content: center;
	margin-top: 16px;
}

.mobile-contact-links a {
	border-bottom: 1px solid var(--sp-color-accent);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 4px 0;
	text-decoration: none;
	text-transform: uppercase;
}

.site-footer {
	background: #090909;
	border-top: 1px solid #242424;
	color: #fff;
	display: block;
	padding: 0;
}

.footer-main {
	display: grid;
	gap: clamp(32px, 5vw, 70px);
	grid-template-columns: 1.25fr .65fr 1fr 1.05fr;
	padding-bottom: 72px;
	padding-top: 72px;
}

.footer-brand,
.footer-column {
	min-width: 0;
}

.footer-logo {
	display: inline-block;
	padding: 0;
}

.footer-logo img {
	display: block;
	height: 51px;
	width: auto;
}

.footer-brand > p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 1.65;
	margin: 24px 0;
	max-width: 330px;
	padding: 0;
}

.footer-column h2 {
	color: #fff;
	font-family: var(--sp-font-display);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 22px;
	padding: 0;
	text-transform: uppercase;
}

.footer-column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-column li {
	font-size: 14px;
	line-height: 1.45;
	padding: 0 0 10px;
}

.footer-column a,
.footer-brand a {
	color: #bcbcbc;
	text-decoration: none;
}

.footer-column a:hover,
.footer-brand a:hover,
.footer-bottom a:hover {
	color: #fff;
}

.footer-media-links {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.footer-media-links a {
	align-items: center;
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	gap: 8px;
	text-transform: uppercase;
}

.footer-media-links i {
	color: var(--sp-color-accent);
	font-size: 18px;
}

.footer-location {
	align-items: center;
	color: #fff;
	display: flex;
	font-family: var(--sp-font-display);
	font-size: 19px;
	font-weight: 700;
	gap: 9px;
	padding: 0 0 17px;
}

.footer-location i {
	color: var(--sp-color-accent);
}

.footer-phone {
	display: block;
	font-family: var(--sp-font-display);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	padding: 0 0 8px;
}

.footer-email {
	display: block;
	font-size: 13px;
	overflow-wrap: anywhere;
	padding: 10px 0 0;
}

.footer-messengers {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	margin-top: 22px;
}

.footer-messengers a {
	border-bottom: 1px solid #4a4a4a;
	font-size: 12px;
	font-weight: 700;
	padding-bottom: 3px;
	text-transform: uppercase;
}

.footer-bottom {
	border-top: 1px solid #262626;
}

.footer-bottom-inner {
	align-items: center;
	display: flex;
	justify-content: space-between;
	min-height: 70px;
}

.footer-bottom p,
.footer-bottom a {
	color: #777;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}

.contact-messengers {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 22px;
	margin-top: 28px;
}

.contact-messengers a {
	border-bottom: 2px solid var(--sp-color-accent);
	color: var(--sp-color-ink);
	font-family: var(--sp-font-display);
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 4px;
	text-transform: uppercase;
}

@media(max-width:1120px) and (min-width:961px) {
	.site-header .header-phone span {
		display: none;
	}

	.site-header .header-phone {
		margin-right: 0;
		width: 44px;
	}
}

@media(max-width:960px) {
	.sparta-media-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}

	.sparta-instagram-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}

	.site-header .box-header {
		min-height: 64px;
	}

	.site-header .logo-header img {
		height: 42px;
	}

	.site-header .box-menu-and-socials {
		margin-left: auto;
		width: auto;
	}

	.site-header .contacts-header {
		border-left: 0;
		padding-left: 0;
	}

	.site-header .header-social:last-child {
		display: none;
	}

	.mobile-menu {
		align-items: center;
		justify-content: flex-start;
		padding: 32px 25px;
	}

	.mobile-menu ul {
		padding: 0;
		width: 100%;
	}

	.mobile-menu ul a {
		font-family: var(--sp-font-display);
		font-size: 26px;
		font-weight: 700;
		letter-spacing: 0;
		padding: 10px 12px;
	}

	.footer-main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media(max-width:620px) {
	.sparta-media {
		padding: 62px 0 58px;
	}

	.sparta-instagram-showcase {
		padding: 62px 0 66px;
	}

	.sparta-media-heading {
		margin-bottom: 32px;
	}

	.sparta-instagram-heading {
		margin-bottom: 32px;
	}

	.sparta-video-meta h3,
	.sparta-instagram-card h3 {
		font-size: 24px;
	}

	.sparta-instagram-showcase .sparta-instagram-card > a {
		padding: 28px;
	}

	.sparta-media-track,
	.sparta-instagram-track {
		padding-left: 18px;
		padding-right: 18px;
	}

	.sparta-media-track .slick-prev,
	.sparta-media-track .slick-next,
	.sparta-instagram-track .slick-prev,
	.sparta-instagram-track .slick-next {
		height: 44px;
		width: 44px;
	}

	.site-header .contacts-header {
		gap: 0;
	}

	.site-header .header-social {
		width: 40px;
	}

	.footer-main {
		gap: 42px;
		grid-template-columns: 1fr;
		padding-bottom: 54px;
		padding-top: 54px;
		text-align: left;
	}

	.footer-brand > p {
		max-width: 420px;
	}

	.footer-bottom-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
		justify-content: center;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

@media(max-width:430px) {
	.site-header .header-phone span {
		display: none;
	}

	.site-header .header-phone {
		margin-right: 0;
		padding: 0;
		width: 40px;
	}
}
/**for js**/
#answer-top-modal-form-order-call-back, #answer-modal-form-ok{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    background: #fff;
	color: #333;
    padding: 25px;
    z-index: 999;
    box-shadow: 0px 0px 8px 1px #000;
    line-height: 150%;
	display:none;
}
.display-none{
	display: none !important;
}
.display-block{
	display: block !important;
}