.logo_link {
   position: relative;
   z-index: 2;
}

.section_heading {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.section_title_color {
   font-weight: 400;
   font-size: 1.9em;
   color: var(--h1color);
}

.section_title_color span {
   color: var(greencolor2);
}


.input_form:not(:last-child) {
   margin-bottom: 30px;
}

.main_btn {
   cursor: pointer;
   background-color: var(--maincolor);
   color:var(--superblack) ;
   height: 50px;
   font-weight: 600;
   font-size: 1em;
   
   width: 370px;
   transition: 0.3s;
}

.main_btn:hover {
   transition: 0.3s;
   background-color: #6c775d;
}

.main_btn:active {
   transition: 0.3s;
   background-color: var(--maincolor);
}

.contacts {
   position: relative;
   margin-bottom: 100px;
}

.contacts_col {
   display: flex;
   flex-direction: column;
   padding-left: 47px;
   margin-right: 30px;
}

.contacts_txt {
   font-weight: normal;
   font-size: 1em;
   position: relative;
}

.contacts_txt:first-child:before {
   content: '';
   position: absolute;
   top: 0;
   left: -48px;
   background-image: url('../img/mato-point-icon-mato.svg');
   background-repeat: no-repeat;
   background-size: cover;
   width: 18px;
   height: 22px;
}

.contacts_txt:nth-child(2):before {
   content: '';
   position: absolute;
   top: 0;
   left: -48px;
   background-image: url('../img/mato-clock-icon.svg');
   background-repeat: no-repeat;
   background-size: cover;
   width: 20px;
   height: 21px;
}

.mmmform {
	width:90%;
	background-color:#f7f7f7;
	padding:30px;
}

.captcha-wrapper {


margin-top:-40px !important;
margin-left:-70px !important;

}
.g-recaptcha {
	
}



.mmmform  input {
  width: 100%;                 /* максимальная ширина внутри контейнера */
  box-sizing: border-box;       /* учитываем padding и border в ширину */
  
  padding: 10px 14px;           /* внутренние отступы */
  font-size: 16px;              /* размер шрифта */
  font-family: Arial, sans-serif; /* шрифт */
  color: #333;                  /* цвет текста */
  
  border: 1px solid #ccc;       /* граница */
  border-radius: 4px;           /* скругление углов */
  
  outline: none;                /* убираем стандартный обвод при фокусе */
  transition: border-color 0.3s, box-shadow 0.3s; /* плавный переход */
}

.mmmform  input:focus {
  border-color: #007BFF;        /* цвет границы при фокусе */
  box-shadow: 0 0 4px rgba(0, 123, 255, 0.3); /* легкая подсветка */
}



.mmmform textarea {
  width: 100%;          /* ширина */
  height: 120px;        /* высота */
  padding: 10px;        /* внутренние отступы */
  font-size: 16px;      /* размер шрифта */
  font-family: Arial, sans-serif;
  border: 1px solid #ccc;  /* граница */
  border-radius: 6px;      /* скругление углов */
  resize: vertical;        /* возможность растягивать только по вертикали */
  box-sizing: border-box;  /* учитывает padding в ширину */
}

.mmmform textarea:focus {
  border-color: #4A90E2;   /* подсветка при фокусе */
  outline: none;           /* убираем стандартный контур */
  box-shadow: 0 0 5px rgba(74,144,226,0.5);
}



.contacts_link {
   font-weight: normal;
   font-size: 1em;
  
   text-decoration: none;
   color: #2C2C2C;
   margin-bottom: 30px;
   position: relative;
}

.tel_link {
   font-weight: normal;
   font-size: 1em;
  
   text-decoration: none;
   color: #2C2C2C;
}

.tel_group {
   display: flex;
   flex-direction: column;
  
   position: relative;
}

.tel_link:first-child {
   margin-bottom: 10px;
}

.order_call {
   font-weight: 600;
   font-size: 18px;
   
   color: var(--maincolor);
   text-decoration: none;
   position: relative;
   left: -50px;
}

.contacts_inner {
   margin-top: 65px;
   display: flex;
}

.tel_group:before {
   content: '';
   position: absolute;
   top: 5px;
   left: -48px;
   background-image: url('../img/mato4-phone-icon.svg');
   background-repeat: no-repeat;
   background-size: cover;
   width: 18px;
   height: 19px;
}

.contacts_link:before {
   content: '';
   position: absolute;
   top: 0;
   left: -48px;
   background-image: url('../img/mato-mail-icon.svg');
   background-repeat: no-repeat;
   background-size: cover;
   width: 20px;
   height: 19px;
}

.map {
   width: 100%;
   height: 326px;
}





.logo_link svg {
      transition: 0.3s;
      
}

.logo_link:hover svg {
   fill: #000000;
   transition: 0.3s;
}

.swiper-slide {
   width: auto;
}
      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.mySwiper,.mySwiper2 {
   padding-bottom: 70px;

}

.slider_wrp {
   margin-top: 90px;
}

.mySwiper2  {
	width:800px;
}
.mySwiper2 .swiper-wrapper {
	 
      width: 100%;
      height: 450px;
      margin-left: auto;
      margin-right: auto;
    }
	
	.mySwiper2 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
	

.main_btn {
 
   align-items: center;
   justify-content: center;
   text-decoration: none;
}

.modal44 {
   width: 90%;
   cursor: default !important;
   padding: 50px 50px 120px 50px;
   
   
   background: #ffffff url("../img/gr11.jpg") repeat-x left bottom;
   
}

.for_cap {
   width: 98%;
   margin-left: 10px !important;
}
   


.v_photo {
 transition: all 200ms ease-in-out;
  overflow: hidden;
}

.v_photo img {


width: 100%; 
height: 100%;

object-fit: cover;
object-position: top;
transition: 300ms all ease-in-out;
  
}




.w35:hover  .v_photo img {
	object-fit: cover; 
filter: sepia(90%);
filter: brightness(67%);
transform: scale(1.11);
}


.vph { 
position: relative;
}

.vph .overlay {
  position: absolute;
  top: 0;            /* прижимаем к низу картинки */
  left: 0;
  width: 100%;          /* полоса во всю ширину */
  height: 60px;         /* фиксированная стандартная высота */
  background: rgba(108,119, 93, 0.9); /* цветная полоса (можно заменить на любой цвет) */
  color: #fff;          /* цвет текста внутри */
  display: flex;        
  align-items: center;  /* вертикальное выравнивание текста */

  font-size: 1.1em;      /* стандартный размер текста */
  font-weight:600;
  align-items: center;            /* по вертикали по центру */
  justify-content: center;        /* по горизонтали по центру */
  text-align:center;
}


.mebel h1, .mebel h2  {
  display: flex;             /* делаем flex-контейнер */
  flex-direction: column;    /* чтобы текст и span были друг под другом */
  justify-content: center;   /* по вертикали внутри h1 */
  align-items: stretch;      /* растягиваем по ширине контейнера */
  text-transform: uppercase; /* большие буквы */
   font-size: 2.8em;
  margin: 0 0 20px 0;
  text-align: justify;       /* текст заполняет всю ширину */
}

.mebel h2  {
  display: flex;             /* делаем flex-контейнер */
  flex-direction: column;    /* чтобы текст и span были друг под другом */
  justify-content: center;   /* по вертикали внутри h1 */
  align-items: stretch;      /* растягиваем по ширине контейнера */
  text-transform: uppercase; /* большие буквы */
   font-size: 2.4em;

  padding:10px 40px;
  text-align: justify;       /* текст заполняет всю ширину */
}

.mebel  h1::after,.mebel h2::after  {
  content: "";
  display: inline-block;
  width: 100%; /* заставляем последнюю строку тоже растянуться */
}




.h2sp {
	font-size: 1.3em;
font-weight:600;
text-align:center;
}
.h2sp2 {  
 margin-top:16px;
font-size: 1.4em;
font-weight:600;
}

.mebel h1 span {
  display: block;
  text-transform: none;  /* обычный регистр */
  margin-top:-8px;
  font-size: 0.6em;
  font-weight: normal;
  text-align: justify; 
}
.mebel h2 span {
  display: block;
  text-transform: none;  /* обычный регистр */
  margin-top:-15px;
  font-size: 1.14em;
  font-weight: normal;
  text-align: justify; 
}

.nh2 h2, .newh1  {
 
  text-align: center;       /* текст заполняет всю ширину */
  color:#6c775d;
}

.nh2 h2 span{
  text-align: center;       /* текст заполняет всю ширину */
   font-size: 0.75em;
}

.newh1 span {
  text-align: center;       /* текст заполняет всю ширину */
   font-size: 0.80em !important;
}


.iconn div {
	padding-left: 40px;         /* отступ, чтобы текст не налезал на иконку */
  padding-top: 60px;          /* отступ сверху от иконки */
	
  background-repeat: no-repeat;       /* чтобы не дублировалась */
  background-position: center top;      /* верхний левый угол */
  background-size: 48px 48px;         /* стандартный размер иконки */
 
}

.iconn p {
	 border-left:2px solid #6c775d;
	 padding-left:10px;
}
.iconn strong {
	display:flex;
color: #6c775d;
margin-top:5px;
font-size:1.1em;
}


#pr11 {
	background-image: url('../img/ruble.svg');  /* сама иконка */
	
}

#pr21 {
	background-image: url('../img/deadline.svg');  /* сама иконка */
	
}

#pr31 {
	background-image: url('../img/individual2.svg');  /* сама иконка */
	
}

#pr41,#pr4139 {
	background-image: url('../img/protection.svg');  /* сама иконка */
	
}

#pr011 {
	background-image: url('../img/industrial-park.svg');  /* сама иконка */
	
}

#pr021 {
	background-image: url('../img/factory2.svg');  /* сама иконка */
	
}

#pr031 {
	background-image: url('../img/handshake.svg');  /* сама иконка */
	
}

#pr041 {
	background-image: url('../img/payment-system.svg');  /* сама иконка */
	
}

#pr1133 {
	background-image: url('../img/edit3.svg');  /* сама иконка */
	
}
#pr2134 {
	background-image: url('../img/prototyping.svg');  /* сама иконка */
	
}


#pr3135 {
	background-image: url('../img/3d.svg');  /* сама иконка */
	
}
#pr4136 {
	background-image: url('../img/calculation.svg');  /* сама иконка */
	
}

#pr4137 {
	background-image: url('../img/production.svg');  /* сама иконка */
	
}

#pr4138 {
	background-image: url('../img/fast-delivery.svg');  /* сама иконка */
	
}




.vph.v_photo:hover img {
	object-fit: cover; 
filter: sepia(90%);
filter: brightness(67%);
transform: scale(1.11);
}

.vph.v_photo:hover .overlay {
	font-weight:700; 
	font-size:1.2em;
	
	
	
}



.br {
margin-bottom:60px;
}

.brpre {
margin-top:60px;
}


 


.small {
 font-size:1.0em;

   position:relative;
   min-height: initial !important;
 
}

.small h4{
 font-size:1.4em !important;
 margin-bottom:-2px !important;

}
.rungo {
 position: absolute;
   bottom: 0px;
   
   height:60px;
   width:100%;
    background: var(--footcolor);
}

 .greeneff {
	  background: var(--newgr) !important;
     transition: all 0.2s ease-in-out !important;
	
	 
  }
  
  .greeneff:hover {
      background: var(--footcolor) !important;
    color: #fff !important;
    transform: scale(1.05) !important;
  }
  
  
  
  .breadcrumbs {
   margin-top: 50px;
   margin-bottom: 49px;
}

.breadcrumbs a:first-child {
   text-decoration: none;
   color: #4F4F4F;
   font-weight: 600;
   font-size: 18px;
   
}

.breadcrumbs a:not(:first-child) {
   color: var(--maincolor);
   font-weight: 600;
   font-size: 18px;
   
   padding-left: 46px;
   position: relative;
   text-decoration: none;
}

.breadcrumbs a:not(:last-child) {
   color: #4F4F4F;
}


.breadcrumbs a:not(:first-child):before {
   position: absolute;
   content: '';
   background-image: url('../img/mato-breadcrumb_arr.svg');
   background-repeat: no-repeat;
   background-size: cover;
   width: 11px;
   height: 16px;
   top: 3px;
   left: 15px;
}


.sm_form {
   display: flex;
   flex-direction: column;
   width: 90%;
}
.input_form_sm:not(:last-child) {
   margin-bottom: 20px;
}

.sm_form_title {
   font-weight: normal;
   font-size: 1.4em;
   margin-bottom:30px;

}

.sm_form_title span {
   color: var(--maincolor);
}

.sm_form_txt {
   font-weight: 300;
   font-size: 1em;
 
   margin-top: 20px;
   margin-bottom: 33px;
   z-index: 3;
}


.sm_form.sm_form_card1 {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   width: 100%;
   gap: 30px;
   margin-top: 30px;
}



.form-inner_card {
   flex-direction: row;
}



.ph_global_right {
   float:right;
   margin-left:20px;
   margin-top:20px;
   margin-right:20px;
   margin-bottom: 20px;
}

.ph_global_left {
   float:left;
   margin-left:6px;
   margin-top:20px;
   margin-right:20px;
   margin-bottom: 20px;
}

.w_txt {
   position:relative;
}

.w_txt  span.cl {
   position:absolute;
   padding:5px;
   color: var(--othercolor) ;
   left:0px;
   bottom:0px;
   z-index:100;
   background-color: #AE7515;
   opacity:0.6;
   border-radius:5px5px 0 0;	
   display:block;
   width:100%;
   text-align:center;
   min-height:40px;
   border-top:1px solid #FDFFEC;
  
   font-size: 0.6em;

}

.ph_global_left img, .ph_global_right img
{
     box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
     border-radius: 8px 8px 0 0;
     min-width: 190px;
}

.prim {
   font-size:0.7em;
   font-style: italic;
   
}













.obv {
   text-shadow: 
      -0   -2px 2px #FFFFFF,
       0   -2px 2px #FFFFFF,
      -0    2px 2px #FFFFFF,
       0    2px 2px #FFFFFF,
      -2px -0   2px #FFFFFF,
       2px -0   2px #FFFFFF,
      -2px  0   2px #FFFFFF,
       2px  0   2px #FFFFFF,
      -1px -2px 2px #FFFFFF,
       1px -2px 2px #FFFFFF,
      -1px  2px 2px #FFFFFF,
       1px  2px 2px #FFFFFF,
      -2px -1px 2px #FFFFFF,
       2px -1px 2px #FFFFFF,
      -2px  1px 2px #FFFFFF,
       2px  1px 2px #FFFFFF,
      -2px -2px 2px #FFFFFF,
       2px -2px 2px #FFFFFF,
      -2px  2px 2px #FFFFFF,
       2px  2px 2px #FFFFFF,
      -2px -2px 2px #FFFFFF,
       2px -2px 2px #FFFFFF,
      -2px  2px 2px #FFFFFF,
       2px  2px 2px #FFFFFF;
}


.swiper-slide {
   width: auto;
}
      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

.mySwiper {
   padding-bottom: 70px;

}

.swiper-pagination-bullet {
   border-radius: 0;
   width: 20px;
   height: 20px;
   border: 1px solid var(--maincolor);
   background-color: #fff;
}

.swiper-pagination-bullet-active {
   background-color: var(--maincolor);
}

.slider_title {
   font-weight: normal;
   font-size: 2em;

   margin-bottom: 59px;
}

.slider_wrp {
   margin-top: 90px;
}

.partners {
   margin-bottom: 50px;
}

.btn-loadmore {
   background-color: var(--maincolor);
   width: 370px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: 600;
   font-size: 18px;
   
   color: var(--superblack) ;
   margin: 50px auto;
   cursor: pointer;
}

.main_btn {
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
}

.product_card_wrp {
   margin-top: 67px;
}

.animate__fadeInRightBig {
animation-duration: 4s;
   animation-delay: 0.5s;
   animation-iteration-count: 1;
}

.container ul {
	margin-left:40px;
}


.container ol {
	margin-left:40px;
}


/* Стрелочка */
.nav_link--parent .caret{
  border:4px solid transparent;
  border-top-color: currentColor;
  display:inline-block;
  margin-left:6px;
  transition: transform .2s;
}

/* Базовый вид подпунктов */
.nav_misc .subnav{
  min-width:220px;
  padding:8px;
  background:#fff;
  border:1px solid #e6e6e6;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.nav_misc .subnav a{
  display:block;
  padding:9px 12px;
  color:#222;
  text-decoration:none;
  white-space:nowrap;
  border-radius:0px;
}
.nav_misc .subnav a:hover{ background:#f6f6f6; }



.footer-inner .grid_3form h4{
	margin-bottom:15px;
}

.footer-inner .grid_3form {
	color:var(--superblack) ;
	
}

.footer-inner .grid_3form p  {
 line-height: 50% !important;
 margin-bottom:7px;
}



.footer-inner .grid_3form p::before {
  content: "";
  display: inline-block;
  width: 30px;   /* ширина иконки */
  height: 30px;  /* background-image: url("../img/telephone.svg"); */
  margin-right: 5px;
  
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}


.footer-inner .grid_3form .icon_phone::before {
  background-image: url("../img/telephone.svg");
}

.footer-inner .grid_3form .icon_mail::before {
  background-image: url("../img/envelope.svg");
}

.footer-inner .grid_3form .icon_location::before {
  background-image: url("../img/location.svg");
}


.footer-inner .grid_3form .icon_uslugi::before {
  background-image: url("../img/uslugi.svg");
}


.tcenter {
	text-align:center;
}

.bbtm {
	border-top:1px  grey solid;
	border-radius: 0px !important;
	margin-top:25px !important;
}

.color_desc2 {
	
	font-size:0.8em !important;
}