/*
Theme Name: kent child
Template: kent
Description: Файл стилей для дочерней темы Kent. Для информации: <a href='http://codex.wordpress.org/Child_Themes'>Child Theme WordPress</a>.
Version: 1.0
Author: Myakish
Author URI: http://kutest.lofis.net/
*/

/*@import url("../kent/style.css");
@import url("site-content-frontpage.css");*/

/*Переопределение базы*/
/*Размеры*/


a:focus { outline: none !important; } /* Чтобы небыло рамки в фокусе у ссылок (Chrome грешит) */
:focus { outline: none !important; }  /* Чтобы небыло рамки в фокуск */
p:empty {display: none;}

html, body, .container {
    width: 100%;
    overflow-x: hidden;
}

html {font-size: 100%;} /*16px*/

body {
  background: white;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  line-height: 1.75;
  color: #000000;
}

p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
	margin: 3rem 0 1.38rem;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: var(--Orange);
	margin-top: 2vw;
	margin-bottom: 2vw;
}

h1 {font-size: 1.802rem; text-transform:uppercase;}
h2 {font-size: 1.602rem;}
h3 {font-size: 1.424rem;}
h4 {font-size: 1.266rem;}
h5 {font-size: 1.125rem; text-transform:uppercase;}
small, .text_small {font-size: 0.889rem;}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.content, .container, .branding {
  animation: fade-in .4s ease;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('https://site136.local/font/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://site136.local/font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
  url('https://site136.local/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
  url('https://site136.local/font/fontawesome-webfont.woff?v=4.7.0') format('woff'),
  url('https://site136.local/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
  url('https://site136.local/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.mw1200{max-width:1200px;}
.w100vw{width:	100vw;}
.w80vw{width:	80vw;}
.w75vw{width:	75vw;}
.w50vw{width:	50vw;}
.w40vw{width:	40vw;}
.w33vw{width:	33vw;}
.w100{width:	100%;}
.w90{width:	90%;}
.w80{width:	80%;}
.w75{width:	75%;}
.w50{width:	50%;}
.w40{width:	40%;}
.w33{width:	33%;}
.h100{height:	100vh;}
.h70{height:	70vh;}
.h50{height:	50vh;}
.b-center{margin-left:auto;margin-right:auto;}
.t-center{text-align:center;}
.d-block{display: block !important;}
.d-inline-block{display: inline-block !important;}
.d-flex-column{display: flex; flex-flow: column;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;color: #ffffff; margin:0px;text-align: left;}
.divider75{width:75%;height:1px;box-sizing:border-box;background-color:var(--D-Gray);margin-left:auto;margin-right:auto;}
.divider50{width:50%;height:1px;box-sizing:border-box;background-color:var(--D-Gray);margin-left:auto;margin-right:auto;}
.divider25{width:25%;height:1px;box-sizing:border-box;background-color:var(--D-Gray);margin-left:auto;margin-right:auto;}
.top-bottom{margin-top: 3vw; margin-bottom: 3vw;}
.text120{font-size:	120%;}
.text150{font-size:	150%;}
.text200{font-size:	200%;}
.text95{font-size:	95%;}
.text90{font-size:	90%;}
.text80{font-size:	80%;}
.text70{font-size:	70%;}
.text60{font-size:	60%;}
.text50{font-size:	50%;}
.text40{font-size:	40%;}
.mleft5pr {padding-left:6% !important;text-align: justify;}
.mleft5p{margin-left:	5% !important;}
.mright5p{margin-right: 5% !important;}
.bolder{font-weight:	bolder;}
.no-visibility{visibility:	hidden;}
.no-display{display:	none !important;}
.l-h-n { line-height: normal; } /*Нормальный Line-height*/
.text-left, .t-left {text-align: left;}
.text-right, .t-right {text-align: right;}
.text-center, .t-center {text-align: center;}
.pointer{cursor: pointer;}
.uppercase{text-transform: uppercase;;}

.max-content{width: max-content;}
.min-content{width: min-content;}
.fit-content{width: fit-content;}

.max-width1200 {max-width:1200px;margin-left:auto;margin-right:auto;display:block}

.v-middle{vertical-align: middle !important;}

.no-list, .n-list { list-style-type: none;}

hr {
	height: 1px;
	border: 0;
	background-image: -webkit-linear-gradient(left,	rgba(63,94,123, .75), rgba(63,94,123, .25),rgba(63,94,123, .0),rgba(63,94,123, .25),rgba(63,94,123, .75));
	background-image: -moz-linear-gradient(left,	rgba(63,94,123, .75), rgba(63,94,123, .25),rgba(63,94,123, .0),rgba(63,94,123, .25),rgba(63,94,123, .75));
	background-image: -ms-linear-gradient(left,	rgba(63,94,123, .75), rgba(63,94,123, .25),rgba(63,94,123, .0),rgba(63,94,123, .25),rgba(63,94,123, .75));
	background-image: -o-linear-gradient(left,	rgba(63,94,123, .75), rgba(63,94,123, .25),rgba(63,94,123, .0),rgba(63,94,123, .25),rgba(63,94,123, .75));
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vh;
	margin-bottom: 5vh;
}
.indep{
	margin-top: 3vh;
	margin-bottom: 3vh;
}
hr.empty{
	margin-top: 3vh;
	margin-bottom: 3vh;
	height: 0;
	border: 0;
}
:root {
	--OrangeP:	rgb(234,102,37);	/*Проблеск*/
	--Orange:	rgb(234,102,37);		/*darkorange;*/
	--Orange-Menu:  rgb(234,102,37);

	--Blue:		rgb(30,144,255);
	--D-Blue:       rgb(63,94,123);
	--WhiteSmoke:	rgb(245,245,245);
	--WhiteSmoke-75:rgba(245,245,245,.75);
	--BrandBGRND:	#fff;
	--BrandHGHT:	130px;
	--TopMenuHover:	rgba(65,128,194,.15);
	--Green:	#199D6E;
	--D-Gray:	rgba(34,34,34,1);
	--L-Gray:	#eee;
	--LL-Gray:	#ccc;
	--L-Gray-50:	rgba(238,238,238,.5);
	--L-Gray-75:	rgba(238,238,238,.75);
	--MR7:		7px;
	--MR15:		5vw;
	--WO-Arrows:	90vw;
	--Menu-Hover:	darkgray;
	--BtnBg:	var(--Green);
	--BtnBgAct:	var(--Green);
	--BtnBgHvr:	var(--Green);
	--SubMenuBg:	var(--Orange);
	--LinkHvr:	var(--Orange);
	--HeaderColor:	darkgray;
	--FooterBg:	var(--Orange);
	--FooterBgHvr:	darkgray;
	--LtSlideBg:	var(--Orange);   /* Фон левого слайда */
	--LtSlideMnHvr:	var(--Orange);   /* Ховер левого слайд-меню */
	--Err404:	darkgray;
}
.color-orange { color:var(--Orange) !important; }
.back-orange { background:var(--Orange) !important;}
.color-d-gray { color:darkgray !important;}
.back-d-gray { background:darkgray !important;}
.color-green { color:var(--Green) !important; }
/*  Иконки перед текстом                                                  ********************************/

/*Сщциальные иконки*/
*[class*='link-']::before,*[class*='fa-']::before{
	font-family: 'FontAwesome';
	margin-right: var(--MR7);
}
.link-vk::before	{content: '\f189';}
.link-ok::before	{content: '\f263';}
.link-inst::before	{content: '\f16d';}
.link-fb::before	{content: '\f09a';}
.link-whapp::before	{content: '\f232';}
.link-ytube::before	{content: '\f166';}
.link-phone::before	{content: "\f098";}
.link-email::before	{content: "\f0e0";}
.link-site::before	{content: "\f015";}
.link-map-mark::before	{content: "\f041";}
.link-viber::before	{content: "\f409";}
.link-tg::before	{content: "\f2c6";}
.link-skype::before	{content: "\f17e";}
.link-home::before	{content: "\f015";}
.fa-hand-o-right::before	{content: "\f0a4";}
.fa-handshake-o::before		{content: "\f2b5";}
.fa-check-square::before	{content: "\f14a";}
.fa-fire::before		{content: "\f06d";}
.fa-flag::before		{content: "\f024";}
.fa-flag-checkered::before	{content: "\f11e";}
.fa-envelope-square::before	{content: "\f199";}
.fa-gavel::before		{content: "\f0e3";}
.fa-futbol-o::before		{content: "\f1e3";}
.fa-globe::before		{content: "\f0ac";}
.fa-heart::before		{content: "\f004";}
.fa-info::before		{content: "\f129";}
.fa-paper-plane::before		{content: "\f1d8";}
.fa-pencil-square::before	{content: "\f14b";}
.fa-question::before		{content: "\f128";}
.fa-question-circle::before	{content: "\f059";}
.fa-smile-o::before		{content: "\f118";}
.fa-thumbs-o-up::before		{content: "\f087";}
.fa-plus-square::before		{content: "\f0fe";}
.fa-rub::before			{content: "\f158";}

.copyright::before {
  font-family: 'FontAwesome';
  content: "\f1f9";
}
.ban::before {
  font-family: 'FontAwesome';
  content: "\f05e";
  margin-right:.0em;
  font-size: 1.em;
  color: var(--LL-Gray);
}
.check::before {
  font-family: 'FontAwesome';
  content: "\f00c";
  margin-right:.0em;
  font-size: 1.1em;
  color: var(--Green);
}

/*.mark_link::after {
	font-family: 'FontAwesome';
	content: "\f0c1"; 
	font-size: 1.1em;
	color: #dce2e3;
}*/
/***************************************/

#main p.page-404 {
    background: var(--Err404);
}
/* Блок контента единой ширины с отступами от краёв */
.content {
  width: var(--WO-Arrows) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0px !important;
/*  font-family: "constan";*/
}
/* ----------------------- */
#aside {
	width: 0%;/*30%*/
}
#main {
	width: 100%; /*70%*/
	max-width: 100%; /*840px*/
	padding: 30px 5% 0 5%;
	margin-left: 0px;/*30%*/
}
/*eob Размеры*/
/*Цвета*/
/* LeftMenu */
.container.slide .slide_overlay {
/*	background: var(--LtSlideBg);*/
/*	background: url(/wp-content/uploads/2021/08/fasad-166.jpg) center no-repeat;*/
	background: url(/wp-content/uploads/2021/08/fasad-419.jpg) center no-repeat;
/*	background: url(/wp-content/uploads/2018/12/P1310377-min.jpg) center no-repeat;*/
/*	background: url(/wp-content/uploads/2018/12/P1310369-min.jpg) center no-repeat;*/
	background-size: cover;
  cursor: pointer;
  position: fixed; /* absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*width: 100vw;
  height: 150vh; */
  display: block;
  content: '';
  z-index: 2500;
}
nav.menu {
  position: fixed;
  height: 100vh;
  width: 0;
  background: var(--L-Gray);
  overflow: auto;
}
nav.menu.slide {
  background: var(--L-Gray);
  z-index:3019;
}
nav.menu a.menu-close:hover {
  background: var(--LtSlideMnHvr);
  color: var(--L-Gray);
}
nav.menu form.searchform {
  border-bottom: .5px dotted var(--D-Gray);
}
nav.menu a.menu-close {
  font-size: 1.2em;
  color: var(--D-Gray);
  background: rgba(255,255,255,1);
}
nav.menu ul.menu-wrap {
    font-size: 1.1em;
}
nav.menu ul li {
  border-bottom: .5px dotted var(--D-Gray);
}
nav.menu ul li a {
  color: var(--D-Gray);
}
nav.menu ul li a:hover {
  color: var(--L-Gray);	
  background-color: var(--LtSlideMnHvr); /* Ховер левого слайд-меню */
}
nav.menu ul li a.menu-expand:hover {
  color: var(--L-Gray);
  background-color: var(--D-Gray);
}
nav.menu ul li a.menu-expand {
  color: var(--D-Gray);
  background: rgb(255,255,255);
  padding: 2px 30px;
}
/*Eob LeftMenu*/

#aside a, .main a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#aside a:hover, .main a:hover {
	color: var(--LinkHvr); /*var(--Green);*/
	text-decoration: none;
	text-shadow: 0 0 1px, 0 0 11px !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Оформление ссылки */

.main a:not(.button):not(.nolink):not(.link-whapp):not(.link-phone):not(.no-paper-clip):not([href='tel:88126333111']):not([href="mailto:info@site136.local"]):not([href="https://site136.local/"]):after {
	content: "\f546";
	font-size: 110%;
	color: var(--Orange);/*bisque;*/ /*peru;*/
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-family: 'dashicons';
	line-height: 1;
	vertical-align: top;
	margin-left: -0em;
	margin-top: -0.2em;
}
/* Для информера погоды */
.gsLinks {
	display:none !important;
}
/*eob Цвета*/
h1.contacts {
    padding-left: 0%;
    color: #222;
}
h2.contacts {
    padding-left: 0%;
    color: #222;
	line-height: 0.9;
	font-size: calc( (100vw - 480px)/(1280 - 480) * (34 - 25) + 25px) !important; 
}
h4, p{
    padding-left: 0%; 
    color: #222;
	margin: 0 0 10px 0;
	text-align: justify;
/*    display: inline-block;  */
}
/* ---------------------------------------------  Карусель с афишей театра */
@media only screen and (min-width:414px) {
  .tooltip > img:hover{
        opacity: 0;
        transition: all 1s ease-in-out;
  }
}
div[class*='-ticket']{
   font-family: 'FontAwesome';
}

/* *******************************************************************************************Слайдер главной страницы */
.hades.tparrows {
    cursor: pointer;
    background: var(--L-Gray-75);
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    z-index: 100;
}
.hades.tparrows::before {
    font-family: "revicons";
    font-size: 30px;
    color: rgba(0, 0, 0, 1);
    display: block;
    line-height: 100px;
    text-align: center;
    transition: background 0.3s, color 0.3s;
}
/************************************************************************************************ Eof Слайдер главной страницы */
/************************************************************************************************ Header ***********************/
/*Header menu*/
#header_menu {
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: none;
  border: none;
  position:relative;
  z-index:1965;
}

#header_menu ul {
  display: none;
}

#main #footer {
    padding: 30px 15px;
    font-size: 0.85em;
    clear: both;
    background: none;
    text-align: center;
}


img.izm-garden {
	align-content: center;
	width:80%;
}
/*.contact {
    padding-left: 3%;
}*/
.mainpage {
	padding-left: 0% !important;
}
/* Заменён синий цвет с синего на зелёный */
#main .pagination span, #main .archive-pagination span, #main .pagination span.current, #main .archive-pagination span.current {
    margin: 0 5px 2px 5px;
    background: var(--Orange);
    border-color: var(--Orange-50);
    color: #fff;
    display: inline-block;
    padding: 2px 8px;
    vertical-align: middle;
}

/* Коррекция для SVG картинки в меню */
.menu-item a img.menu-image {width: 36px;height: 36px;max-width: 36px;}
.menu-item a img.hovered-image  {width: 36px;height: 36px;margin-left: -36px !important;}

/* Кнопки */
.msg{
	background-size: 40px 40px;
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	box-shadow: 0 0 8px rgba(0,0,0,.3);        
	width: 85%;
	margin: 20px auto;
	padding:15px;
	-moz-animation: bg-animate 5s linear infinite;
	-webkit-animation: bg-animate 5s linear infinite;
	-ms-animation: bg-animate 5s linear infinite;
	animation: bg-animate 5s linear infinite;
}
@-webkit-keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
} 
@-moz-keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
} 
@keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

.black1 {background:#000; margin-left:10px; display:inline; border:4px solid #000;}
.red1 {background:#c00; margin-left:10px; display:inline; border:4px solid #c00;}
.blue1 {background:#00a; margin-left:10px; display:inline; border:4px solid #00a;}
.green1 {background:#080; margin-left:10px; display:inline; border:4px solid #080;}
 
.aqua {display:block; line-height: 32px; color:#fff; font-family:arial, sans-serif; font-size:14px; font-weight:bold; float:left; text-decoration:none; padding:0 10px;
text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.4)), color-stop(50%,  rgba(255, 255, 255, 0.2)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0));
}
 
.black2 {background:#000; margin-left:10px; display:inline; border:1px solid #000;}
.red2 {background:#c00; margin-left:10px; display:inline; border:1px solid #c00;}
.blue2 {background:#00a; margin-left:10px; display:inline; border:1px solid #00a;}
.green2 {background:#080; margin-left:10px; display:inline; border:1px solid #080;}
 
.vista {display:block; line-height: 36px; color:#fff; font-family:arial, sans-serif; font-size:14px; font-weight:bold; float:left; text-decoration:none; padding:0 13px 0 14px;
text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)), color-stop(48%, rgba(255, 255, 255, 0.5)), color-stop(50%,  rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; }
}
.button{
	text-decoration:none; text-align:center; 
	padding:10px 20px !important; 
	border:none; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px; 
	border-radius: 3px; 
	color:#ffffff !important; 
	background-color: var(--BtnBg) !important; 
	box-shadow:3px 3px 3px #bababa;
	-moz-box-shadow: 3px 3px 3px #bababa;  box-shadow:3px 3px 3px #bababa;  
}
.button:hover{
	padding:10px 20px; 
	border: none; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px; 
	border-radius: 3px; 
	color:#ffffff !important; 
	background-color: var(--BtnBgHvr) !important; 
	box-shadow:2px 3px 3px #bababa;
	-moz-box-shadow: 3px 3px 3px #bababa;  box-shadow:3px 3px 3px #bababa;  
}
.button:active{
	padding:10px 20px; 
	border:none; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px; 
	border-radius: 3px; 
	color:#ffffff !important; 
	background-color: var(--BtnBgAct) !important; 
	box-shadow:none;  
}
.btn-lg-call::after {
	position: absolute;
	top: -150px;
	left: -40px;
	width: 30px;
	height: 300px;
	margin-left: 60px;
	content: '';
	transition: all .1s;
	transform: rotate(45deg);
	animation-name: slideme;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-delay: .05s;
	animation-iteration-count: infinite;
	background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.8) 50%, rgba(229, 172, 142, 0));
}
.btn-lg-call {
	display: inline-block;
	text-rendering: auto;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	position: relative;
	top: 0;
	overflow: hidden;
	cursor: pointer;
	border-radius: 4px;
}
.btn-arrow::after {
	content: "\f178";
	font-size: 16px;
	margin-left: 10px;
	font-family: 'FontAwesome';
	font-weight: lighter;
}
.btn-call {
	background: #ff370b;
	border: 1px solid #ff370b;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 15px;
	font-weight: normal;
	max-width: 100%;
	text-align: center;
}
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
/* Списки */
/****************************************************** .list6c */
.list6c {
	padding:0;
	list-style: none;
}
.list6c > li{
	padding:6px;
	text-indent: -25px;
}
.list6c > li:before {
	padding-right:10px;
	font-weight: bold;
	color: var(--OrangeP);
	font-family: 'FontAwesome';
	content: "\f0a4";
	transition-duration: 0.5s;
}
.list6c > li:hover:before {
	color: var(--OrangeP);
	content: "\f164";
}
.list6c > li > a:after { margin-left: 20px !important; }
/******************************************************* list sqare start */
ol.sqare, ol.square{
	list-style-type: none; 
	counter-reset: num;
	font-size: 16px;
	overflow: auto;
}
ol.sqare > li, ol.square > li {
	position: relative;
	line-height: 2;
	padding-left:50px;
}
ol.sqare > li:before, ol.square > li:before {
	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0;
	left: -1px;
	width: 28px;
	height: 28px;
	background: var(--OrangeP);
	color: #fff;
	text-align: center;
	line-height: 28px;
	font-size: 18px;
}
/* list sqare end */
/****************************************************** List push */
.push {
	list-style: none;
}
.push li {
	position: relative;
	padding: 20px 0 20px 40px;
	color: var(--Orange);
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;
}
.push li:before {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--Green);
	content: "";
	left: 0;
	transition: .3s ease-in-out;
	top: 27px;
}
.push li:after {
	position: absolute;
	border-left: 1px dotted var(--Green);
	width: 1px;
	bottom: -12px;
	content: "";
	left: 3px;
	top: 48px;
}
.push li p {
	font-variant: normal;
	font-weight: normal;
	text-indent: 2%;
}

.push li:hover:before{box-shadow: 0 0 0 10px rgba(25,157,110,.2)}
.push li:last-child:after {content: none;}
/****************************************************** push-counter */
.push-counter {
	list-style: none;
	counter-reset: li;
}
.push-counter li {
	position: relative;
	padding: 20px 0 20px 40px;
	color: var(--Orange);
	font-variant: small-caps;
	font-weight: bold;
	cursor: pointer;
}
.push-counter li:before {
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	font-size:120%;
	left: -3px;
	transition: .3s ease-in-out;
	top: 25px;
	counter-increment: li;
	content: counter(li);
}
.push-counter li:after {
	position: absolute;
	border-left: 1px dotted var(--Green);
	width: 1px;
	bottom: -12px;
	content: "";
	left: 3px;
	top: 48px;
}
.push-counter li p {
	font-variant: normal;
	font-weight: normal;
	text-indent: 2%;
}
.push-counter li:hover:before{
	color:var(--Orange);
	text-shadow: 0 0 1px #fff, 0 0 5px #fff, 0 0 10px var(--Green), 0 0 15px var(--Green), 0 0 20px var(--Green), 0 0 30px var(--Green), 0 0 40px var(--Green);
}
.push-counter li:last-child:after {content: none;}

/****************************************************** List push end */
/****************************************************** .list1a */
.list1a {
    padding:0;
    list-style: none;
    counter-reset: li;
}
.list1a > li {
    border: 2px solid var(--OrangeP);
    background: var(--WhiteSmoke);
    position: relative;
    margin-bottom: 20px;
    padding: 16px 10px;
}
.list1a > li:hover {
    z-index: 1;
}
.list1a > li:before {
    border: 2px solid var(--OrangeP);
    position: absolute;
    top: -14px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: bold;
    color: black;
    background: var(--WhiteSmoke);
    counter-increment: li;
    content: counter(li);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.list1a > li:hover:before {
    background: var(--WhiteSmoke);
    color: var(--OrangeP);
    -webkit-transform: translate(-12px, 0);
    -ms-transform: translate(-12px, 0);
    -o-transform: translate(-12px, 0);
    transform: translate(-12px, 0);
}
.list1a > li:after {
    content: "";
    position: absolute;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: width;
    transition-property: width;
    z-index: -1;
    background: #FFF;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
}
.list1a > li:hover:after {
    width: 100%;
}
/****************************************************** .list7 */
.list7 {
	counter-reset: li; 
	list-style: none; 
	padding: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.list7 > li {
	position: relative;
	display: block;
	padding: .4em .4em .4em .8em;
	margin: .5em 0 .5em 2.5em;
	background: var(--WhiteSmoke);
	color: #444;
	text-decoration: none;
	transition: all .3s ease-out;
}
.list7 > li:hover {background: var(--WhiteSmoke);}       
.list7 > li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -2.5em;
	top: 50%;
	margin-top: -1em;
	background: var(--OrangeP);
	color: #fff;
	height: 2em;
	width: 2em;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}
.list7 > li:after {
	position: absolute;
	content: "";
	border: .5em solid transparent;
	left: -1em;
	top: 50%;
	margin-top: -.5em;
	transition: all .3s ease-out;
}
.list7 > li:hover:after {
	left: -.5em;
	border-left-color: var(--OrangeP);
}
/****************************************************** .step */
ol.step, ul.step {
	list-style-type: none; 
	counter-reset: num;
	position: relative;	    
	margin: 0 0 0 60px;
	padding: 15px 0 5px 0;
	font-size: 16px;
}
ol.step li, ul.step li {
	position: relative;	
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	line-height: 1.4;
}
ol.step li:after, ul.step li:after {
	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0;
	left: -45px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 18px;
	border-radius: 50%;
	border: 2px solid var(--OrangeP);
}
/* Вертикальная линия */
ol.step:before, ul.step:before {
	content: ''; 
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: -30px;    
	width: 1px;
	border-left: 2px solid var(--OrangeP);
}
/* Скрытие линии у последнего li */
ol.step li:last-child:before, ul.step li:last-child:before {
	content: ''; 
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38px;
	width: 28px;
	background:  transparent;
}
/*********************************************/




/* Sob Контактные формы Contact Form */
.form-with-animated-labels ul, .form-with-animated-labels ol {list-style: none;}
.form-with-animated-labels [type="submit"] { cursor: pointer; }
.form-with-animated-labels textarea { resize: none; }
form.form-with-animated-labels {
    max-width: 600px;
    padding: 0 15px;
    margin: 0 auto;
}
/* FORM ELEMENTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.form-with-animated-labels .form-wrapper { position: relative; }
.form-with-animated-labels .form-wrapper + .form-wrapper { margin-top: 30px;}

.form-with-animated-labels [type="text"],
.form-with-animated-labels [type="email"],
.form-with-animated-labels [type="tel"],
.form-with-animated-labels textarea {
    width: 100%;
    padding: 15px 10px;
    border: 1px solid var(--BtnBg);
    border-radius: 3px;
    color: #000;
    background: var(--WhiteSmoke);
    font-size: 18px;
}

.form-with-animated-labels textarea {height: 130px;}


.form-with-animated-labels [type="text"]:focus,
.form-with-animated-labels [type="email"]:focus,
.form-with-animated-labels [type="tel"]:focus,
.form-with-animated-labels textarea:focus {
    border-color: var(--Orange);
}
.form-with-animated-labels label {
    position: absolute;
    top: 45%;
    left: 10px;
    font-size: 18px;
    transform: translateY(-50%);
    color: var(--Orange);
    transition: all 0.25s ease-in-out;
}
.form-with-animated-labels .form-textarea-wrapper label {
    top: 10px;
    transform: none;
}
.form-with-animated-labels label.focused {
    top: -22px;
    transform: none;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}
.form-with-animated-labels [type="submit"] {
	min-width: 160px;
	padding: 20px 4px;
	border-radius: 10px;
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	text-transform: lowercase;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
/*    color: var(--white);
    background: var(--brown);*/
	max-width: fit-content;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.form-with-animated-labels .form-submit-wrapper svg {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(40deg);
    opacity: 0.75;
    fill: var(--white);
    width: 60px;
    height: 60px;
}
.form-with-animated-labels .wpcf7-form-control-wrap {
    position: static;
}
.form-with-animated-labels .wpcf7-not-valid-tip {
    position: absolute;
    bottom: 100%;
    right: 10px;
    font-size: 12px;
}
/* OUTPUT MESSAGES CF7
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wpcf7 form .wpcf7-response-output {
    font-size: 18px;
    padding: 10px;
    margin: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--Orange);
}

/* Eob Контактные формы Contact Form */

.placeholder-form {
    box-sizing: border-box;
    width: 100%;
}
.placeholder-container {
    position: relative;
    width: 100%;
    /*margin-bottom: 20px;*/
}
.placeholder-container input,
.placeholder-container textarea {
    background-color: #FFF;
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    line-height: 18px;  
    outline: 0;
    padding: 10px !important;
    width: 100%;
}
.placeholder-container input {height: 50px;}
.placeholder-container textarea {height: 130px;}
.placeholder-container label {
    color: var(--Orange);
    background-color: #FFF;
    font-size: 16px;
    line-height: 16px;
    padding: 5px 10px;
    pointer-events: none;
    position: absolute;
    transition: all 200ms;
    top: 12px;
    left: 10px;
}
.placeholder-container input:focus + label,
.placeholder-container input:not(:placeholder-shown) + label,
.placeholder-container textarea:focus + label,
.placeholder-container textarea:not(:placeholder-shown) + label{
    top: -10px;
    left: 10px;
    font-size: 11px; 
    background-color: var(--Orange);
    color:#fff;
    padding: 2px 10px;
}
label {
	display: block;
	text-transform: uppercase;
	font-weight: inherit;
}
.politic {margin-bottom: 20px;display: inline-block;}
.unic-text {font-size: 24px;}



/**********************************************************************************/

/* Картинки */
.photo-container, .photo-one, .photo-two {
	overflow: hidden;
	position: relative;
}
.photo-one img, .photo-two img {
	width:100%;
	display:block;
	transform: scale(1.1);
}
.photo-one {
	position:absolute;
	width:100%;
}    
.photo-two {
	width:33%;
	animation: blockshift 6s infinite linear;
}
.photo-one img {
	filter: contrast(0.5);
}
.photo-two img{
	position:relative;
	width: 300%!important;
	max-width: 300%!important;
	animation: imgshift 6s infinite linear;
	transform: scale(1.35);
}
@keyframes blockshift {
	from {left:-33%;}
	to {left:100%;}
}
@keyframes imgshift {
	from {left:100%;}
	to {left:-300%;}
}
.photo-container {
	border-radius: 15% 5%;
	border: solid var(--Orange) 0.3vw;
	box-sizing: border-box;
	background-color: var(--Orange);
}
/* Eob Картинки */
.glossarij {
	text-align: right;
	font-weight:bolder;
	text-transform: uppercase;
}
.img-left {
	float:left;
	margin-right:30px;
	margin-bottom:1em;
	width:30%;
}

.fl-left {
	width:45%;
	float:left;
	margin-right: 3em;
	margin-bottom:3em;
}

.f-left, .float-left {float:left;}

@media only screen and (max-width:1414px) {
	.fl-left {
		width:100%;
		float:none;
		margin-left: auto;
		margin-right: auto;
	}
}
.no-fl {
	display:block;
	width:100%;
	height: 0px;
	margin: 0px;
}
.post-video {
	max-width: 33%;
	float: left;
	padding-right: 25px;
	padding-bottom: 25px;
}
.block-center {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
@media only screen and (max-width:512px) {
	.block-center {
		width:90%;
	}
}
@media only screen and (max-width:320px) {
	.block-center {
		width:100%;
	}
}
/***************************************************** Адаптивная таблица ****************/
.resp-tab {
	border-radius: 5px;
	font-weight: normal;
	border:  solid 1px var(--Orange);
	border-collapse: inherit; /*collapse;*/
	width: 100%;
	text-align:center;
 /*   max-width: 100%;*/
}
.resp-tab thead, .resp-tab td {
	padding: 10px 20px;
	border:  solid 1px var(--Orange);
}
.resp-tab th {
	color: #FFF;
	background: var(--Orange);
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;    
}
.resp-tab td span {
	background: var(--Orange);
	color: #FFF;
	display: none;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;        
	padding: 5px 10px;
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
}
td[colspan*='3']{
	background: var(--L-Gray-75);
	color:  var(--Orange);
/*	font-weight: bold;*/
	text-transform: uppercase;
}
tr td:first-child {
	text-align:left;
}
@media (max-width: 768px) {
	tr td:first-child {
		text-align:center;
	}
	.resp-tab thead {
        	display: none;
	}
	.resp-tab tr {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	  .resp-tab tr:last-child{
		margin-bottom: 0;
	}
	.resp-tab td {
		margin: 0 -1px -1px 0;
		padding-top: 35px;
		position: relative;
		width: 100%;
	}
	td.table-desktop-only {
		display:none;
	}
	.resp-tab td span {
		display: block;
	}
}
@media (max-width: 480px) {
    .resp-tab td {
        width: 100%;
    }
}
/*****************************************************************************************/
/* Начало стилей для блока мессенлджеров */
.ml_wrapper {
	position: fixed;
	bottom: 150px;
/*	right: 75px;*/
	left: 75px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100000;
}	
	
.ml_bgimg {
	background-image: url('/wp-content/uploads/2024/02/chat.svg');
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: 70%;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.2s linear;
}
	
.ml_btn_label {
	position: relative;
	cursor: pointer;
	z-index: 2;
	width: 60px;
	height: 60px;
	justify-content: center;
	align-items: center;
	background: #1ac139;
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);
	overflow: hidden;
}	
	
.ml_btn_input {display: none;}
	
.ml_icon_link {
	border-radius: 50%;
	box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);
	opacity: 0;
	visibility: hidden;
	width: 50px;
	height: 50px;
}	
	
.ml_btn_input:checked~.ml_icon_link {
	opacity: 1;
	visibility: visible;
}		
	
.ml_btn_input:checked~a:nth-of-type(1) {
	transition: all 0.2s ease-in-out;
	transform: translate(0,-135%);
}
	
.ml_btn_input:checked~a:nth-of-type(2) {
	transition: all 0.225s ease-in-out;
	transform: translate(0,-255%);
}
	
.ml_btn_input:checked~a:nth-of-type(3) {
	transition: all 0.25s ease-in-out;
	transform: translate(0,-375%);
}
.ml_btn_input:checked~a:nth-of-type(4) {
	transition: all 0.275s ease-in-out;
	transform: translate(0,-495%);
}
.ml_btn_input:checked~a:nth-of-type(5) {
	transition: all 0.3s ease-in-out;
	transform: translate(0,-615%);
}
.ml_btn_input:checked~a:nth-of-type(6) {
	transition: all 0.325s ease-in-out;
	transform: translate(0,-735%);
}
.ml_btn_input:checked~a:nth-of-type(7) {
	transition: all 0.35s ease-in-out;
	transform: translate(0,-855%);
}
	
.ml_tooltip {
	position: absolute;
	right: 70px;
	white-space: nowrap;
	background: #fff;
	padding: 6px 9px;
	font-size: 13px;
	border-radius: 3px;
	transform: translateX(0%) translateY(-50%);
	top: 50%;
	background: #292929;
	color: #fff;
	opacity: 0;
	transition: all 0.1s linear;
}	
	
.ml_btn_input:checked+label .ml_icon-close {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.ml_icon-close {
	opacity: 0;
	visibility: hidden;
	transform: scale(.1);
}
.ml_icon {
	transition: all 0.3s ease-in-out;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}	
.ml_btn_input:checked+label {background: #fff!important; animation: none;}

.ml_icon_link:hover .ml_tooltip {opacity: .85;}

.ml_tooltip {
	position: absolute;
	left: 70px;
	white-space: nowrap;
	background: #fff;
	padding: 6px 9px;
	font-size: 16px;
	border-radius: 5px;
	border: solid 1px #292929;
	transform: translateX(0%) translateY(-50%);
	top: 50%;
	color: #292929;
	opacity: 0;
	transition: all 0.1s linear;
	display: inline-table;;
}	

@media (max-width:1024px) { .ml_wrapper {bottom: 100px;left:24px;} }
@media (max-width:480px) { .ml_wrapper {bottom: 50px;left:10px;} }
/* Конец стилей для блока мессенлджеров */

/*Страница отзывов*/
.reviews-container {
	max-width: 1200px;
	margin: 50px auto 20px; 
	padding: 20px; 
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.reviews-row {
	display: flex; 
	flex-wrap: wrap; gap: 60px; 
	justify-content: center; 
	margin-bottom: 70px;
}

.review-card {
	flex: 1; 
	min-width: 280px; 
	max-width: 500px; 
	background: #fff; 
	border-radius: 16px; 
	padding: 30px; 
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); 
	transition: all 0.3s ease;
}

.review-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.reviewer-name {
	font-weight: 600; 
	color: #2c3e50; 
	margin: 0; 
	font-size: 1.1em;
}

.review-text {
	color: #4a5568; 
	line-height: 1.7; 
	margin: 0; 
	font-size: 1em; 
	border-left: 3px solid #e2e8f0; 
	padding-left: 15px; 
	font-style: italic;
}

.review-header img {
	height: 25px;
}

.ratingYn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
	margin-bottom:50px;
	margin-top:-70px;
}

.ratingYn img {
	height:70px;
}

@media (max-width:1024px) { .ml_wrapper {bottom: 100px;left:24px;} }

@media (max-width:550px) {
	.review-header img {
	height: 16px !important;
}
}

@media (max-width:550px) {
	.ratingYn img {
	height: 70px !important;
}
}
/*Конец страницы отзывов*/



/*Страница Политика конфиденциальности администрации*/

.politica_konf {
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 50px auto;

}

.PDF {
	margin-top: 30px; 
	padding: 15px; 
	background-color: #f8f9fa; 
	border-radius: 5px;
}
/*Конец страницы Политика конфиденциальности администрации*/


/*Начало страницы "О компании"*/        
        
        .subtitle {
            font-size: 1.1rem;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
        }
        
        .timeline-container {
            position: relative;
            padding: 2rem;
        }


        
        .timeline {
            display: flex;
            overflow-x: auto;
            scroll-behavior: smooth;
            padding: 2rem 1rem;
            scrollbar-width: none; /* Firefox */
        }
        
        .timeline::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Edge */
        }
        
        .timeline-item {
            flex: 0 0 auto;
            width: 350px;
            margin-right: 2rem;
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            opacity: 0.7;
        }
        
        .timeline-item.active {
            opacity: 1;
            transform: scale(1.03);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }
        
        .timeline-img {
            height: 200px;
            overflow: hidden;
            position: relative;
        }
        
        .timeline-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .timeline-item:hover .timeline-img img {
            transform: scale(1.05);
        }
        
        .timeline-year {
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgb(234, 102, 37);;
            color: white;
            padding: 0.5rem 1rem;
            font-size: 1.2rem;
            font-weight: 500;
        }
        
        .timeline-content {
            padding: 1.5rem;
        }
        
        .timeline-title {
            font-size: 1.3rem;
            margin-bottom: 0.75rem;
            color: rgb(234, 102, 37);;
        }


        
        .timeline-desc {
            line-height: 1.5;
        }
        
        .timeline-nav {
            display: flex;
            justify-content: center;
            margin-top: 2rem;
            gap: 1rem;
        }
        
        .nav-btn {
            background: rgb(234, 102, 37);
            color: white;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1.2rem;
        }
        
        .nav-btn:hover {
            background: #d76500;
            transform: translateY(-2px);
        }
        
        .timeline-dots {
            display: flex;
            justify-content: center;
            margin-top: 1.5rem;
            gap: 0.75rem;
        }
        
        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgb(234, 102, 37);;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .dot.active {
            background: #d76500;
            transform: scale(1.2);
        }


.num_1 {
	display: flex;
    gap: 20px;
    flex-wrap: wrap;
	justify-content: center;
}



.num_2 {
	width: 300px;
	border: solid 30px #80808008;
	border-radius:40px;
	padding: 10px;
}

.num_3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.num_2 .number{
	color: rgb(234, 102, 37);
	font-size:20px;
}
        
        .benefits {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
        }
        
        .benefit-card {
            background: white;
            border-radius: 12px;
            padding: 30px 25px;
            width: 100%;
            max-width: 320px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-align: center;
        }
        
        .benefit-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
        }
        
        .benefit-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 20px
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 50px;
        }
        
        .benefit-title {
            font-size: 1.4rem;
            margin-bottom: 15px;
            color: #2c3e50;
        }
        
        .benefit-card .benefit-icon {
            color: #f59500;
        }

.fa {
	margin:0 !important;
}
        

       
@media (max-width: 768px) {
.benefits {
           gap: 20px;
}
            
            .benefit-card {
                max-width: 100%;
            }
        }
@media (max-width: 768px) {
	        .benefit-card {
            background: white;
            border-radius: 12px;
            padding: 30px 25px;
            width: 80%;
            max-width: 320px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-align: center;
        }
}

@media (max-width: 350px) {
	        .benefit-card {
            background: white;
            border-radius: 12px;
            padding: 30px 25px;
            width: 180px;
            max-width: 320px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-align: center;
        }
}


.slider-container {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.cleaner {
	display: flex;
    gap: 30px;
    flex-direction: row;
	margin: 30px 0;
    transition: transform 0.3s ease-in-out;
	padding: 20px;
}

@media (max-width:768px) {
	.cleaner {
	display: flex;
    gap: 30px;
    flex-direction: column;
	justify-content: center;
	margin: 30px 0;
	align-items: center;
}
}


.cleaner_card {
    display: flex;
    width: 300px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    border-radius: 15px;
    padding: 10px;
    flex-direction: column;
    align-items: center;
	justify-content: space-around;
}

@media (max-width:400px){
	.cleaner_card {
    display: flex;
    width: 200px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    border-radius: 15px;
    padding: 10px;
    flex-direction: column;
    align-items: center;
}
	
	.cleaner img {
	border-radius: 50%;
	width: 100% !important;
}
}

.cleaner_card p{
	text-align: center;
}

.cleaner_marks {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

.cleaner_marks p{
    background-color: var(--Orange);
    border-radius: 10px;
    padding: 5px;
    color: #fff;
}

.cleaner img {
	border-radius: 50%;
	width: 250px;
	max-width: max-content;
}

/*Кнопки для сладера с сотрудниками*/

.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  z-index: 10;
  transition: background 0.3s;
}

.slider-btn:hover {
  background: rgba(0,0,0,0.8);
}

.prev-btn {
  left: 10px;
}

.next-btn {
  right: 10px;
}

/* Скрываем кнопки на мобильных устройствах */
@media (max-width: 768px) {
  .slider-btn {
    display: none;
  }
}

/********************************/


.tech {
	display: flex;
    gap: 30px;
    flex-direction: row;
	justify-content: center;
	margin: 30px 0;
}

@media (max-width:768px) {
	.tech {
	display: flex;
    gap: 30px;
    flex-direction: column;
	justify-content: center;
	margin: 30px 0;
	align-items: center;
}
}


.tech_card {
    display: flex;
    width: 300px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    border-radius: 15px;
    padding: 10px;
    flex-direction: column;
    align-items: center;
	justify-content: center;
}

.tech_card img {
	border-radius:15px;
	height: 270px;
}

.tech_card p{
	text-align: center;
}

@media (max-width:500px){
	        .timeline-item {
            flex: 0 0 auto;
            width: 200px;
            margin-right: 2rem;
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            opacity: 0.7;
        }
}

@media (max-width:410px){
	.tech_card {
    display: flex;
    width: 220px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    border-radius: 15px;
    padding: 10px;
    flex-direction: column;
    align-items: center;
	justify-content: center;
}
}

@media (max-width:500px) {
	        .timeline-year {
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgb(234, 102, 37);;
            color: white;
            padding: 0.5rem 1rem;
            font-size: 0.8rem;
            font-weight: 500;
        }
}

@media (max-width:500px) {
	        .timeline-title {
            font-size: 0.8rem;
            margin-bottom: 0.75rem;
            color: rgb(234, 102, 37);;
        }
}

@media(max-width:450px){
	        .timeline-nav {
            display: none;
        }
	        .timeline-dots{
            display: none;
        }
}

@media (max-width:768px) {
	.num_1 {
	display: flex;
    gap: 20px;
    flex-wrap: wrap;
	justify-content: center;
}
}
/*Конец страницы "О компани"*/


/*Замена заголовков на "p" без потери стиля*/
.stroka {
	margin: 3rem 0 1.38rem;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: var(--Orange);
    margin: 2vw auto;
	font-size: 1.602rem;
	text-align: center;
	font-weight: 700;
}

@media (max-width:450px){
	        .timeline-container {
            position: relative;
		    padding:2rem 0;
        }
}

@media (max-width:550px) {
	        .timeline-desc {
            line-height: 1.5;
			font-size: 0.8rem;
        }
}
/*********************************/

/* Таблица цена*/


.container_price {
            width: 100%;
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
	        margin: auto;
        }

@media (max-width:600px) {
	.container_price {
       width: 100%;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch; /* для плавного скролла на iOS */
	}
}
        
        .head_table {
            background:#ea6625;
            color: white;
            padding: 25px;
            text-align: center;
        }
        
        .title_table {
            font-size: 1.602rem;;
            margin-bottom: 8px;
            font-weight: 600;
			color: white;
			text-align: center;
        }
        
        .subtitle {
            font-size: 16px;
            opacity: 0.9;
			color: white;
			text-align: center;
        }
        
        .table_price {
            width: 100%;
            border-collapse: collapse;
			text-align: center;
        }
        
        .th_price {
            background-color: #f8f9fa;
            padding: 16px 20px;
            text-align: left;
            font-weight: 600;
            color: #2c3e50;
            border-bottom: 2px solid #e9ecef;
			text-align: center;
        }
        
        .td_price {
            padding: 14px 20px;
            border-bottom: 1px solid #e9ecef;
            color: #495057;
        }
        
        .tr_price:last-child .td_price {
            border-bottom: none;
        }
        
        .tr_price:nth-child(even) {
            background-color: #f8f9fb;
        }
        
        .tr_price:hover {
            background-color: #edf2f7;
            transition: background-color 0.2s ease;
        }
        
        .price {
            font-weight: 600;
            color: #ea6625;
        }
        
        .area {
            font-weight: 500;
			text-align: center !important;
        }
        
        .note {
            padding: 20px;
            text-align: center;
            color: #6c757d;
            font-size: 14px;
            background-color: #f8f9fa;
            border-top: 1px solid #e9ecef;
        }


/******************************/

/*Страница "Оплата"*/

   .section-oplata {
	  max-width: 1200px;
      margin: auto;
      background: white;
      border-radius: 15px;
      padding: 35px;
      margin-bottom: 35px;
      border-left: 4px solid rgb(234, 102, 37);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .kto-platit {
      font-size: 1.8rem;
      margin-bottom: 20px;
      color: #2c3e50;
      display: flex;
      align-items: center;
      gap: 10px;
    }


    .varianty-oplaty {
      font-size: 1.3rem;
      margin: 25px 0 15px 0;
      color: rgb(234, 102, 37);
      padding-left: 15px;
      border-left: 3px solid rgb(234, 102, 37);
    }

    p {
      margin-bottom: 15px;
      font-size: 1.05rem;
    }

    .payment-method {
      background: #f8f9fa;
      border-radius: 10px;
      padding: 20px;
      margin: 20px 0;
      border: 1px solid #e9ecef;
    }



    .feature-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      margin: 25px 0;
    }

    .feature-card {
      background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
      padding: 20px;
      border-radius: 10px;
      border: 1px solid #e9ecef;
      text-align: center !important;
    }
    
.feature-card p {
	text-align: center !important;
}


    .faq-item {
      background: #f8f9fa;
      border-radius: 10px;
      padding: 20px;
      margin: 15px 0;
      border-left: 3px solid rgb(234, 102, 37);
    }

    .question {
      font-weight: 600;
      color: #2c3e50;
      margin-bottom: 8px;
      font-size: 1.1rem;
    }

    .answer {
      color: #555;
    }

    .badge {
      background: rgb(234, 102, 37);
      color: white;
      padding: 5px 12px;
      border-radius: 20px;
      font-size: 0.9rem;
      display: inline-block;
      margin-bottom: 10px;
    }

    .lead {
      font-size: 1.2rem;
      color: #555;
      margin-bottom: 30px;
      font-weight: 500;
    }

    .process-steps {
      margin: 25px 0;
    }

    .step {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-bottom: 25px;
      padding: 20px;
      background: #f8f9fa;
      border-radius: 10px;
      border-left: 4px solid rgb(234, 102, 37);
    }

    .step-icon {
      background: rgb(234, 102, 37);
      color: white;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }


    .documents-section {
      margin: 30px 0;
      padding: 25px;
      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
      border-radius: 10px;
    }


    .documents-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 15px;
      margin-top: 20px;
    }

    .doc-card {
      background: white;
      padding: 20px 15px;
      border-radius: 8px;
      text-align: center;
      border: 1px solid #e9ecef;
      transition: transform 0.3s ease;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .doc-card:hover {
      transform: translateY(-2px);
    }


    .doc-card span {
      font-size: 0.9rem;
      color: #555;
      font-weight: 500;
    }

    .conditions-section {
      margin-top: 30px;
    }


    .condition-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
      margin-top: 20px;
    }

    .condition-card {
      background: white;
      padding: 25px;
      border-radius: 10px;
      border: 2px solid #e9ecef;
      transition: all 0.3s ease;
    }

    .condition-card:hover {
      border-color: rgb(234, 102, 37);
      box-shadow: 0 5px 15px rgba(234, 102, 37, 0.1);
    }

    .condition-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 10px;
    }

    .condition-example {
      color: #666;
      font-style: italic;
      margin-bottom: 20px;
      font-size: 0.95rem;
    }

    .payment-schedule {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .payment-phase {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 12px;
      background: #f8f9fa;
      border-radius: 8px;
    }

    .payment-phase.single {
      justify-content: center;
      text-align: center;
    }

    .phase-percent {
      background: rgb(234, 102, 37);
      color: white;
      padding: 8px 15px;
      border-radius: 20px;
      font-weight: 600;
      min-width: 60px;
      text-align: center;
      flex-shrink: 0;
    }

    .phase-desc {
      color: #555;
      font-size: 0.95rem;
    }

    @media (max-width: 768px) {
      .step {
        flex-direction: column;
        text-align: center;
        gap: 15px;
      }

      .condition-cards {
        grid-template-columns: 1fr;
      }

      .documents-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .payment-phase {
        flex-direction: column;
        text-align: center;
        gap: 10px;
      }
    }

    @media (max-width: 768px) {

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

    .icon {
      width: 1em;
      height: 1em;
      fill: rgb(234, 102, 37);
      ;
    }

    .feature-card .icon {
      width: 2.5em;
      height: 2.5em;
      margin-bottom: 15px;
    }

    .step-icon .icon {
      width: 1.5em;
      height: 1.5em;
      fill: white;
    }

    .doc-card .icon {
      width: 2em;
      height: 2em;
      margin-bottom: 10px;
    }

    .condition-header .icon {
      width: 1.3em;
      height: 1.3em;
      margin-right: 10px;
    }

    .documents-section .icon,
    .conditions-section .icon {
      width: 1.2em;
      height: 1.2em;
      margin-right: 8px;
    }
@media (max-width: 450px) {
	.section-oplata {
		padding:5px;
		border-left: none;
	}
	
	.payment-method {
		padding:5px;
	}
}
/******************************/

/*Стили для поля "Преимущества" на странице услуг*/

    .advantages-grid-uslugi {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      gap: 30px;
      margin-top: 40px;
    }

    .advantage-card-uslugi {
      display: flex;
      align-items: flex-start;
      padding: 30px 25px;
      background: white;
      border-radius: 15px;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
      border-left: 4px solid transparent;
      position: relative;
      overflow: hidden;
    }

    .advantage-card-uslugi::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(234, 102, 37, 0.05), transparent);
      transition: left 0.6s ease;
    }

    .advantage-card-uslugi:hover::before {
      left: 100%;
    }

    .advantage-card-uslugi:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 40px rgba(234, 102, 37, 0.15);
      border-left-color: rgb(234, 102, 37);
    }

    .advantage-icon-uslugi {
      font-size: 2.5rem;
      margin-right: 20px;
      min-width: 60px;
      height: 60px;
      background: rgba(234, 102, 37, 0.1);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }

    .advantage-card-uslugi:hover .advantage-icon-uslugi {
      background: rgb(234, 102, 37);
      transform: scale(1.1);
    }

    .advantage-content-uslugi span {
      font-size: 1.3rem;
      font-weight: 600;
      margin-bottom: 8px;
      color: #2d3748;
      line-height: 1.3;
    }

    .advantage-content-uslugi p {
      color: #718096;
      line-height: 1.5;
      margin: 0;
      font-size: 1rem;
    }

    .advantage-icon-uslugi {
    font-size: 0; /* Скрываем текст если есть */
    margin-right: 20px;
    min-width: 60px;
    height: 60px;
    background: rgba(234, 102, 37, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.advantage-icon-uslugi svg {
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.advantage-card-uslugi:hover .advantage-icon-uslugi {
    background: rgb(234, 102, 37);
    transform: scale(1.1);
}

.advantage-card-uslugi:hover .advantage-icon-uslugi svg {
    transform: scale(1.1);
}

    /* Адаптивность */
    @media (max-width: 768px) {
      .advantages-section-uslugi {
        padding: 50px 0;
      }

      .advantages-title-uslugi {
        font-size: 2rem;
        margin-bottom: 40px;
      }

      .advantages-grid-uslugi {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .advantage-card-uslugi {
        padding: 20px;
      }

      .advantage-icon-uslugi {
        font-size: 2rem;
        min-width: 50px;
        height: 50px;
        margin-right: 15px;
      }

      .advantage-content-uslugi span {
        font-size: 1.2rem;
      }
    }

/*************************************/


/*Стили для поля "Примеры работ*/

    .portfolio-grid-uslugi {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
      gap: 40px;
      margin-bottom: 50px;
    }

    .portfolio-item-uslugi {
      background: white;
      border-radius: 20px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      transition: all 0.3s ease;
    }

    .portfolio-item-uslugi:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 50px rgba(234, 102, 37, 0.15);
    }

    /* Стили для сравнения до/после */
    .portfolio-comparison-uslugi {
      position: relative;
      height: 700px;
      overflow: hidden;
      border-radius: 15px 15px 0 0;
    }

    .portfolio-comparison-uslugi-min {
        height: 400px !important;
    }

    .comparison-wrapper-uslugi {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .image-before-uslugi,
    .image-after-uslugi {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    .image-before-uslugi {
      z-index: 2;
      clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
    }

    .image-after-uslugi {
      z-index: 1;
    }

    .image-before-uslugi img,
    .image-after-uslugi img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .image-label-uslugi {
      position: absolute;
      top: 15px;
      padding: 5px 12px;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      font-size: 0.8rem;
      font-weight: 600;
      border-radius: 4px;
      z-index: 3;
    }

    .image-before-uslugi .image-label-uslugi {
      left: 15px;
    }

    .image-after-uslugi .image-label-uslugi {
      right: 15px;
    }

    .comparison-slider-uslugi {
      position: absolute;
      top: 0;
      left: 50%;
      width: 4px;
      height: 100%;
      background: rgb(234, 102, 37);
      z-index: 4;
      cursor: col-resize;
      transform: translateX(-50%);
    }

    .slider-handle-uslugi {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      background: rgb(234, 102, 37);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
      transition: all 0.3s ease;
    }

    .slider-handle-uslugi:hover {
      transform: translate(-50%, -50%) scale(1.1);
    }

    .slider-handle-uslugi svg {
      color: white;
      width: 20px;
      height: 20px;
    }

    /* Контентная часть */
    .portfolio-content-uslugi {
      padding: 25px;
    }

    .portfolio-content-uslugi span {
      font-size: 1.4rem;
      font-weight: 600;
      margin-bottom: 15px;
      color: #2d3748;
    }

    .portfolio-meta-uslugi {
      display: flex;
      gap: 20px;
      margin-bottom: 15px;
    }

    .meta-item-uslugi {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.9rem;
      color: #718096;
    }

    .meta-item-uslugi svg {
      color: rgb(234, 102, 37);
    }

    .portfolio-features-uslugi {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .portfolio-features-uslugi li {
      position: relative;
      padding: 8px 0 8px 25px;
      color: #4a5568;
      line-height: 1.5;
    }

    .portfolio-features-uslugi li::before {
      content: '✓';
      position: absolute;
      left: 0;
      color: rgb(234, 102, 37);
      font-weight: bold;
    }

    /* Кнопка CTA */
    .portfolio-cta-uslugi {
      text-align: center;
    }

    .cta-button-uslugi {
      background: rgb(234, 102, 37);
      color: white;
      border: none;
      padding: 15px 40px;
      font-size: 1.1rem;
      font-weight: 600;
      border-radius: 50px;
      cursor: pointer;
      transition: all 0.3s ease;
      box-shadow: 0 5px 20px rgba(234, 102, 37, 0.3);
    }

    .cta-button-uslugi:hover {
      background: #d9531e;
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(234, 102, 37, 0.4);
    }

    /* Адаптивность */
    @media (max-width: 768px) {
      .portfolio-section-uslugi {
        padding: 50px 0;
      }

      .portfolio-title-uslugi {
        font-size: 2rem;
      }

      .portfolio-grid-uslugi {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .portfolio-comparison-uslugi {
        height: 250px;
      }

      .portfolio-content-uslugi {
        padding: 20px;
      }

      .portfolio-meta-uslugi {
        flex-direction: column;
        gap: 10px;
      }
    }

/* --- Стили Блока FAQ (Изолированные) --- */
/*
 * Мы используем префикс 'custom-faq__'
 * чтобы эти стили не конфликтовали
 * с другими стилями на вашем сайте.
 */

/* Общий контейнер (Блок) */
.custom-faq__section {
    margin: 40px auto; /* Увеличил отступ для наглядности */
    background: #ffffff;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
}

/* Заголовок (Элемент) */
.custom-faq__title {
    text-align: center;
    color: #EA6625; /* <-- ВАШ ЦВЕТ */
    margin-bottom: 30px;
    font-size: 2rem; /* Немного увеличим для акцента */
    font-weight: 700;
}

/* Один элемент FAQ (Элемент) */
.custom-faq__item {
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: background-color 0.2s ease-in-out;
}

/* Кликабельный вопрос (Элемент) */
.custom-faq__question {
    font-weight: 600;
    font-size: 1.1rem;
    color: #34495e;
    padding: 18px 50px 18px 25px; /* Оставили место справа для иконки */
    cursor: pointer;
    position: relative;
    list-style: none; /* Убираем стандартный маркер */
}

/* Убираем стандартный маркер (стрелку) в Safari/Chrome */
.custom-faq__question::-webkit-details-marker {
    display: none;
}

/* Наша кастомная иконка "+" */
.custom-faq__question::after {
    content: '+';
    font-size: 1.8rem; /* Увеличил иконку */
    font-weight: 400;
    color: #EA6625; /* <-- ВАШ ЦВЕТ */
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
}

/* При наведении мыши на элемент */
.custom-faq__item:hover {
    background-color: #fcfcfc;
}

/* --- Стили для ОТКРЫТОГО состояния --- */

/* Модификатор: когда элемент [open] (открыт) */
.custom-faq__item[open] {
    background-color: #ffffff;
    border-color: #EA6625; /* <-- ВАШ ЦВЕТ */
}

/* Меняем иконку на "-" когда блок открыт */
.custom-faq__item[open] .custom-faq__question::after {
    content: '−'; /* Это правильный знак "минус" */
    transform: translateY(-50%);
}

/* Контент ответа (Элемент) */
.custom-faq__answer {
    padding: 0 25px 20px 25px;
    border-top: 1px solid #eef0f1;
}

/* Стилизация текста внутри ответа (безопасно) */
.custom-faq__answer p {
    margin: 0;
    padding-top: 15px;
    color: #555;
    font-size: 1rem;
}

/********************************/

/*FOOTER*/

.footer_contact {
	display: block;
    margin-top: 15px;
}


/* Общие стили для секции (можно оставить те же, что были) */
.chemicals-section {
    font-family: Arial, sans-serif;
    padding: 40px 20px;
    background-color: #f8f8f8;
}

.chemicals-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 30px; 
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
}

/* Стили карточки средства (используем те же стили, что и для оборудования) */
.chemical-card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
    overflow: hidden;
    /* Изменено для 3 карточек в ряд: 1/3 ширины минус отступы */
    flex: 1 1 calc(33.333% - 20px); 
    min-width: 280px; 
    transition: transform 0.3s, box-shadow 0.3s;
}

.chemical-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* Стили заглушки для изображения (Общий стиль) */
.chemical-image-placeholder {
    width: 100%;
    height: 320px; 
    background-color: #e6e6e6; 
    border-bottom: 1px solid #e0e0e0;
    background-size: cover; /* Чтобы изображение помещалось целиком */
    background-repeat: no-repeat;
    background-position: center;
}

/* Индивидуальные стили заглушек для разных средств */
.rinse-image {
    background-image: url('/wp-content/uploads/oborud/karpaks.jpg');
}

.carpet-cleaner-image {
    background-image: url('/wp-content/uploads/oborud/carpet.jpg');
}

.pigment-image {
    background-image: url('/wp-content/uploads/oborud/himteck.jpg');
    background-size: inherit; !important;
}

.cleanfix-image {
    background-image: url('/wp-content/uploads/oborud/cleanfix.jpg');
}

.cleanfix-image-pil {
    background-image: url('/wp-content/uploads/oborud/cleanfix_pil.jpg');
}


/* Стили заголовка (оранжевая часть) */
.card-header {
    background-color: #EA6625; /* Ваш фирменный цвет */
    color: #ffffff;
    padding: 15px 20px; /* Немного уменьшил горизонтальный паддинг */
    border-bottom: 3px solid #d45920; 
    height: 80px; /* Фиксированная высота для заголовка, чтобы карточки были одинаковыми */
    display: flex;
    align-items: center;
}

.chemical-title {
    margin: 0;
    font-size: 1.25em;
    font-weight: bold;
    color: white;
}

/* Стили основного тела карточки */
.card-body {
    padding: 20px;
}

.chemical-description {
    font-size: 0.95em;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 0;
}


/* Стили для мебели, которую чистим */


  .cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 20px 0;
  }

  .card-mebel {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .card-mebel:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  }

  .card-image-mebel {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .card-title-mebel {
	display: block;
    width: 100%;
    background-color: #EA6625;
    color: white;
    padding: 15px 20px;
    font-size: 1.2em;
    font-weight: bold;
  }

  .card-content-mebel {
    padding: 20px;
    line-height: 1.6;
    color: #333;
  }

  @media (max-width: 768px) {
    .cards-grid {
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
    }
  }

/***************************/

/* Медиа-запросы для адаптивности */
@media (max-width: 992px) {
    /* На планшетах - по 2 карточки в ряд */
    .chemical-card {
        flex: 1 1 calc(50% - 15px);
    }
}

@media (max-width: 600px) {
    /* На мобильных - по 1 карточке в ряд */
    .chemical-card {
        flex: 1 1 100%;
    }
}