/*


Когда нужна картинка или любой элемент слева или справа текста/заголовка
.bullts li:before {
    content: "";
    width: 10px;
    height: 14px;
    display: inline-block;
    background-image: url(/wp-content/imgs/bullit1.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 22px;
}

Градиентная окантовка:
 border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: padding-box, border-box;



Добавляем шрифты:
@font-face {
	font-family: 'MuseoSansCyrl-900';
	src: url('../fonts/museosanscyrl-900.woff2') format('woff2');
}

.ms900 {
font-family: 'MuseoSansCyrl-900';
}






*/



 
@font-face {
	font-family: 'HelveticaNeue-Light';
	src: url('./fonts/HelveticaNeue-Light.woff') format('woff');
}

@font-face {
	font-family: 'HelveticaNeue-Thin';
	src: url('./fonts/HelveticaNeue-Thin.woff') format('woff');
}

@font-face {
	font-family: 'HelveticaNeue-Medium';
	src: url('./fonts/HelveticaNeue-Medium.woff') format('woff');
}
 


:root {
  --brown: #070604;
  --beige: #B8A08A;
  --white: #C9C9C9;
  --darkblue: #0A0C18;
  --widthsite: 1300px;
  --icon-color:#B8A08A;
  --icon-size:35px;
}


/*  Цвета  */
 
.beige {color:#B8A08A;}
.white {color:#C9C9C9;}
.white2 {color:#FFFFFF;}
.darkblue {color:#0A0C18;}
.brown {color:#070604;}

 
.b-darkblue, .b-darkblue:after {background-color: #0a0c18de;
    backdrop-filter: blur(10px);}
.b-brown, .b-brown:after {background-color:#070604;}
.b-beige, .b-beige:after {background-color:#B8A08A;}


/*  Иконки контактов и соц сетей  */ 

ul.icons {
display: flex;
   
    gap: 6px;
}

ul.icons li, ul.icons li a {
display: flex;
height:var(--icon-size);
align-items: center;
gap: 0px 8px
}

.icon span{
width: var(--icon-size); 
height: var(--icon-size);  
  }

  
 
  
  
.email_icon span:after{
background-image: url('/wp-content/imgs/email.svg');
}
  

.icon_tg span:after{
mask: url('/wp-content/imgs/tg.svg') no-repeat center;
-webkit-mask: url('/wp-content/imgs/tg.svg') no-repeat center;
}
  
.icon_wa span:after{
mask: url('/wp-content/imgs/wa.svg') no-repeat center;
-webkit-mask: url('/wp-content/imgs/wa.svg') no-repeat center;
}

.icon_dzen span:after{
mask: url('/wp-content/imgs/dzen.svg') no-repeat center;
-webkit-mask: url('/wp-content/imgs/dzen.svg') no-repeat center;
}




.phone_icon span:after{
mask: url('/wp-content/imgs/phone.svg') no-repeat center;
-webkit-mask: url('/wp-content/imgs/phone.svg') no-repeat center;
}

.icon span:after{
content:"";
background: var(--beige);
mask-size: calc(var(--icon-size) - 4%) calc(var(--icon-size) - 4%);
-webkit-mask-size: calc(var(--icon-size) - 4%) calc(var(--icon-size) - 4%);
mask-composite: subtract;
-webkit-mask-composite: destination-out;
width: var(--icon-size); 
height: var(--icon-size); 
display:block;
transition: all 0.4s ease;
}



.icon span{
background:  var(--black);
border-radius: 50%;
}


.icon span:hover{

transition: all 0.4s ease;
}

.icon span:hover:after{
background-color: var(--white);
}

.black_button span {
background:  var(--white);
}

.black_button span:after{
background-color: var(--black);
}


/*  Шрифты  */

.helvnt, .helvnt li {font-family: 'HelveticaNeue-Thin', sans-serif;}
.helvnl, .helvnl li {font-family: 'HelveticaNeue-Light', sans-serif;}
.helvnm, .helvnm li {font-family: 'HelveticaNeue-Medium', sans-serif;}


/*  Стили макета  */


body {
    
    background: #000;
}




#header {
 
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
    
}


.inner-header {
	max-width: var(--widthsite);
    margin: 0 auto;
}

.inner-main {
    max-width: var(--widthsite);
    margin: 0 auto;
}


.inner-footer {
	max-width: var(--widthsite);
    margin: 0 auto;
}

.page-style {
	padding:40px;
	line-height: 28px;
}

.page-style h2 {
    line-height: 40px;
}
 

.inner-main, .inner-header, .inner-footer {
    
	padding:0px 40px;
}


/*  Видео  */

   #video-background {
            position: fixed;
            top: 0;
            left: 0;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1;
            object-fit: cover;
        }

 

/*  Стили в шапке  */

.head { border-radius: 10px; }

.logo { align-items: flex-start; }
.logo img {height: 88px;}

.logo {
    margin-bottom: 12px;
    margin-top: 16px;
}

ul#primary-menu {
	 text-transform: uppercase;
	  font-size:14px;
	 
}

ul#primary-menu {
    display: flex;
    gap: 0 22px;
    
    
    
    color:#fff;
}

.current-menu-item a{
	color:var(--beige);
}



.icons {
	
	display:flex;
}


.icons {
	
	display:flex;
}




a.button_top {
     
    background: linear-gradient(92deg, #E9E8E8 0%, #FEFEFE 100%);
    padding: 15px 25px;
    border-radius: 50px;
    color:#141515;
	transition: all 0.2s ease;
}

a.button_top:hover {
     
 transform: scale(1.07);
 box-shadow: 0px 4px 11px #00000036;
}

.menu-item a {
	  transition: all 0.3s ease;
	 
	 
}

.menu-item a:hover {
	color:var(--beige);
	 
}




 

.partners {
	background:#000000;
}

.partners img{
	width:30%;
}

.posts-uslugi, .posts-keys {
  flex-wrap:wrap;
  gap:20px;
}


#header:before {
 
content:"";
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
background: linear-gradient(0deg, #0000004a 56%, #71717100 90%);
z-index:-1;
 }




/*  Стили подвала  */


.contacts {
	display:flex;
    overflow: hidden;
	position:relative;
	height: 500px;
    width: 100%;
}

.ymaps-layers-pane {
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
}

 
.map {
    position: absolute;
	width: 100%;
}

.right_contact {
	 min-width: 320px;
    background: #0a0c18bd;
    padding: 20px 30px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.address_icon:before {background-image: url(/wp-content/imgs/map.svg);}
.tg_icon2:before {background-image: url(/wp-content/imgs/tg2.svg);}
.wa_icon2:before {background-image: url(/wp-content/imgs/wa2.svg);}
.phone_icon2:before {background-image: url(/wp-content/imgs/phone.svg);}

ul.contact_items li {
	margin:20px 0;
	color:#fff;
}

ul.contact_items li:before { 
  content: "";
    width: 10px;
    height: 18px;
    display: inline-block;
   
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 22px;
}


.footer_contact {
	color:var(--white);
	 
}

.separ {
	border-right: 1px solid var(--white);
    /* width: 4px; */
    height: 40px;
}
	
.footer_contact img {height: 21px;}





/*  Стили для слайдера на главной  */

.swiper-pagination-bullet {
    width: 83px !important;
    height: 3px !important;
    background: #ddd;
    opacity: 1;
	border-radius:5px !important;
}

.swiper-pagination-bullet-active {
    background: var(--beige) !important;
}

.slide-image-content {
	position: absolute;
    bottom: 22px;
    left: 30px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
	align-items: center;
    width: 80%;
}

.slide-content:after {
 border-radius: 20px;
content:"";
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
background: linear-gradient(0deg, #000000ba 26%, #0000000d 40%);
    z-index: 1;
 }
 

 
 .rabot_arrow:after {
    content: "";
    width: 67px;
    height: 12px;
    display: inline-block;
    background-image: url(/wp-content/imgs/arrow22.svg);
    background-position:  center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 50px;
}

.raboti {
	border:1px solid var(--beige);
	color:#fff;
}



/*  Стили вывода блоков на главной  */


.frontpage_text p{
	
	margin:3px 0px;
	
}

.frontpage_text h1{
	
	color:#fff;
	
}


.slide-content:before {
	content:"";
	position:absolute;
	top:10px;
	right:20px;
	 width:70px;
	 height:70px;
	 display:inline-block;
  background-image: url(/wp-content/imgs/arrow_top.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    
	
}


.section {
   margin: 12px 0px;
    border-radius: 10px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
	position:relative;
	z-index:2;
	transition: all 0.4s ease;
}


.section:before {
 border-radius: 10px;
content:"";
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
background: linear-gradient(0deg, #00000094 26%, #0000000d 90%);
z-index:-1;
 }

.left_block {
	flex-shrink: 0;
   max-width: 320px;
    background: #0a0c18bd;
    padding: 20px 30px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

ul.bullts li {
    margin: 40px 0px;
	display: flex;
    align-items: center;
}
 

.bullts li:before {
	content:"";
	 width:10px;
	 height:14px;
	 display:inline-block;
  background-image: url(/wp-content/imgs/bullit1.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 22px;	
	
}


.right_block {
   
    display: flex;
	align-items: flex-end;
	padding:30px;
}

.button_block {
	 display: flex;
	align-items: flex-center;
}




.button_more {
   width: 50px;
    height: 105px;
    background-image: url(/wp-content/imgs/button43.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
	transition: all 0.2s ease;
}

.button_more:hover {
	 width: 80px;
	 height: 196px;
}


.slide-image2 {
    
    border-radius: 20px;
    overflow: hidden;
}

.slide-content2 {
   
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
}

.swiper-button-next, .swiper-button-prev {
    background: var(--beige) !important;
    opacity:1 !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background: rgba(0,0,0,0.9);
    transform: scale(1.1);
}


/*  Стили вывода основных страниц  */


.pages {
	padding:40px;
	
}

.post-title {
    display: flex;
    gap: 10px;
    align-items: center;
}

.post-title:before {
	content:"";
	 width:80px;
	 height:1px;
	 display:inline-block;
	background-color: var(--beige); /* цвет линии */
}

.big_img {
    width: 40%;
}

.small_img {
    width: 60%;
}

.big_img img {
    height: 357px;
	object-fit: cover;
	border-radius:5px;
}

.big_img .mcf-gallery-item  {
	width:96%;
}

.small_img img {
    width: 200px;
   height: 170px;
    object-fit: cover;
	border-radius:5px;
}

.zapis {
	border:1px solid var(--beige);
	border-radius:50px;
	padding:15px 30px;
	 
}



a.black_button, .black_button {
    transition: all 0.9s ease;
    border-radius: 50px;
    
 
	font-size: 16px;
	 
}

.black_button:hover {
	transform: scale(1.07);
}

.zapis p {
    display: inline-block;
}


 .price_list {
	 font-family: 'HelveticaNeue-Light';
 }

.price {
	margin-bottom: 17px;
	display:flex;
    font-size:15px;  
	
	 color: var(--white);
	 gap: 0px 5px;
	 align-items: center;
	 justify-content: space-between;
	 border-radius: 28px;
	 transition: all 0.4s ease;
	 padding: 9px 16px;
}

.price:hover {
	background:#443e38;
}


.price span:first-child {width: 70%;}

#zapros {
	background:var(--beige);
	color:var(--brown);
	padding:8px 20px;
	 border-radius: 50px;
	 transition: all 0.3s ease;
	 cursor:pointer;
	 text-align: center;
	 line-height: 17px;
}

.btn_hover {
	 transition: all 0.3s ease;
}

#zapros:hover, .btn_hover:hover {
	 transform: scale(1.1);
	 background:var(--brown);
	 color:var(--white);
}

.price_list .title {
	 font-size:18px; 
	 color:var(--beige);
	 margin-bottom: 17px;
}



.price_list .title:before {
	content:"";
	 width:10px;
	 height:18px;
	 display:inline-block;
  background-image: url(/wp-content/imgs/bullit1.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 22px;	
	
}

 



span.line {
    position: relative;
    /* width: 100%; */
    flex: 1 1 201px;
}

.line:empty::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--grey); /* цвет линии */
}



/*  Стили для страницы философия  */
ul.list-type {
    list-style-type: disc;
    margin-left: 60px;
}

ul.list-type li {
   line-height: 28px;
}

.whbord {
    border: 1px solid var(--white);
}



.post-189 img {width:auto;}


/* Стили мобильного меню */

ul#mobile-menu li {
    margin: 20px 0 !important;
}

#burgerMenu { display:none; }

.menu-content {
    padding: 20px 30px 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    align-content: center;
}


#burgerMenu { display:none; }



  .whatsapp-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            background-color: var(--beige);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 1000;
            text-decoration: none;
        }

        .whatsapp-button:hover {
            transform: scale(1.1);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
        }

        .whatsapp-button:active {
            transform: scale(0.95);
        }

        .whatsapp-icon {
            width: 35px;
            height: 35px;
            filter: brightness(0) invert(1);
        }

        /* Анимация пульсации */
        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(184,160,138, 0.7);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(184,160,138, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(184,160,138, 0);
            }
        }

        .whatsapp-button.pulse {
            animation: pulse 2s infinite;
        }
		
		
		

 

@media (max-width: 1024px) {
.post-uslugi {  width: calc(33.333333% - 13.33px);  }
.post-keys {   width: calc(50% - 10px);  }
.title_top {width: 100%;}

ul#primary-menu { display:none; }
#burgerMenu { display:flex; }

}

@media (max-width: 768px) {
	.page-style {
	padding:40px 20px;
}
	.price  {font-size: 14px;}
	.price span:first-child {width: 150px;}
#zapros {width: 119px;font-size: 14px;}
	
	.pages {padding:20px;}
	
	.small_img .row {flex-direction: column;width: 100%;}
	
	.mcf-gallery-item { width: 100% !important; margin: 0px;margin-bottom: 15px;}
	 
	
	.small_img img { width: 100% !important;height: 270px;}
 
 
 .big_img,  .small_img {width: 100%;}
 
.zapis { flex-direction: column; }
 
 
.inner-main, .inner-header, .inner-footer {
    padding: 0px 10px;
}

.slider_box { padding: 0px 10px !important;}
.right_block {display:none;}
 .logo img {height: 73px;}
.left_block {
   flex-shrink: 1;
    min-width: 260px;
    background: #0a0c18c7;
    
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.rabot_arrow {display:none;}

.swiper-slide .slide-image img {clip-path: initial !important;}

.frontpage_text {font-size: 13px !important; }

.contacts {height: auto;flex-direction: column-reverse;}
.map {position: inherit;}
}