@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html {
  position: relative;
  min-height: 100%;
}
html, body{ font-family: 'Open Sans', sans-serif; overflow-x:hidden;}
body{margin-bottom: 140px;  padding-top:138px;}

@media only screen and (max-width: 991px)  {body{ padding-top:136px;}}
@media only screen and (max-width: 600px)  {body{ padding-top:118px;}}

.bg-green{background:#9e9d9d;}
.clear{clear:both; width:100%;}
.activelang{color:#75ce0d !important;}
.top-pre{position:relative;}
.top-contacts{ position:absolute;color:white; bottom:13px;
right:20px;}
.navbar-toggler {border:0px;
outline:none !important;
}
.top-contacts a, #moblang, #moblang a{color:white ;}
#moblang{display:none;}
.top-pre::after{
 content: "";
  position: absolute;
  display: block;
  height: 1px;
  background-color: white;
width: calc(100% - 40px);
left: 50%;
transform: translateX(-50%);
z-index:100;
}
#top-logo {margin:15px 0 5px 20px;}
@media only screen and (max-width: 600px)  {
#top-logo{width:45px;

	
	}	.top-contacts{ position:absolute;color:white; bottom:10px;
right:20px;}
.navbar{dispaly:block !important;}
}
.tel, .lglink{font-weight:300; text-decoration:none !important;}
.tellast{display:inline-block; padding-right:40px; /*padding-left:10px;*/}
@media only screen and (max-width: 778px)  {.tel{font-size:0.79rem;}}
@media only screen and (max-width: 640px)  {
//.tellast{display:inline-block; padding-right:5px; padding-left:0px;}
}
@media only screen and (max-width: 688px)  {
	.lglinkd{display:none;}
	#moblang{display:block; padding-right:5px;}
.tellast{display:inline-block; padding-right:5px; padding-left:0px;}	
.tel{display:block;}
.top-contacts{font-size:1.0rem;}

}
@media only screen and (max-width: 688px)  {
.top-contacts{font-size:0.8rem;}
}
.top-line{width:90% !important; border-bottom:1px solid white; height:0px; overflow:hidden; margin:0px;}
.navbar-nav{width:100%;
justify-content: space-between;
}
.jumbotron h1,.jumbotron h1 p
{font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:3.5rem;
text-transform:uppercase;
color:white;
line-height:3.5rem
}

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

	.jumbotron h1 p{margin-bottom:0px !important;
	line-height:3.5rem
	}
}
@media only screen and (max-width: 677px)  {
	.jumbotron  p br{display:none;} 

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

.jumbotron h1,.jumbotron h1 p{

font-size:2.5rem;
}
}
.jumbotron p{

font-size:1.0rem;
}
.jumbotron{ 
margin:0px;
border-radius:0;
    background: no-repeat center center; 
   
    background-size: cover;
    color:white;
}

.whoweare{
text-align:center;

padding-top:30px;
padding-bottom:30px;

}
#whoweare{font-weight:500;
padding-bottom:15px;
}

#whoweare::after{
 content: "";
  position: absolute;
  display: block;
  height: 1px;
  background-color: #006634;
width: 80px;
left: 50%;
transform: translateX(-50%);
z-index:100;

}
.mln60{padding-top:40px;
padding-bottom:40px;
	background:#d6d7d7;
}
.for60m{text-align:center;
}
.for60mt{position: relative;}
.mln60ch {
	position: absolute;
	top: 50%;
	left: 25%;
	height: 30%;
	width: 50%;
	margin: -15% 0 0 -25%;
	line-height:30px;
}
.mln60ch span{

font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:3.5rem;
color:#aad874;
}

.mln60ch  p:first-of-type {
display:inline-block;
background: rgb(170,216,116);
background: linear-gradient(90deg, rgba(170,216,116,1) 0%, rgba(255,255,255,1) 100%, rgba(0,212,255,1) 100%);
}
.mln60ch  p{margin-bottom:5px;}
.mln60ch {font-size:1.25rem;}
@media only screen and (max-width: 991px)  {
.mln60ch {font-size:1rem;}
.mln60ch span{font-size:2.5rem;}
}

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

.mln60ch {font-size:0.9rem;}
}

.relat{position:relative;}
#crbig{position:absolute;
left:15%;
top:10%;

}

#crbig2{position:absolute;
left:15%;
top:10px;

}
#crbig3{position:absolute;
right:18%;
top:20%;

}
#crsmall{position:absolute;
left:3%;
top:0%;

}
#crsmall2{position:absolute;
right:3%;
top:1%;

}

#crsmall4{position:absolute;
right:25%;
top:50%;

}

#crsmal3{position:absolute;
left:20%;
top:80%;

}

.goalandmis{background-image:url(/files/misbg.png);
	  background-size: auto 100%;
    background-repeat: repeat-x;
padding-top:30px;
padding-bottom:100px;
}
.gandm{background-repeat:no-repeat;}
.gandm2{margin-top:20%;}
.gandm1 .gnmname{position:absolute;
top:28%;
left:20%;
font-size:2.1rem;
width:20%;
line-height:1.6rem;
}
.gandm1 .gmtex{

position:absolute;
top:23%;
left:43%;

width:50%;
line-height:1.5rem;


}

.gmtex{width:285px !important;}
.gandm2 .gnmname{position:absolute;
top:52%;
left:19%;
font-size:2.1rem;
width:20%;
line-height:1.6rem;
}
.gandm2 .gmtex{

position:absolute;
top:43%;
left:43%;

width:50%;
line-height:1.5rem;


}

@media only screen and (max-width: 1199px)  {
.gandm1 .gnmname{position:absolute;
top:28%;
left:22%;
font-size:2.1rem;
width:20%;
line-height:1.6rem;
}
.gandm1 .gmtex{

position:absolute;
top:23%;
left:49%;

width:50%;
line-height:1.5rem;


}
.gandm2 .gnmname{position:absolute;
top:52%;
left:22%;
font-size:2.1rem;
width:20%;
line-height:1.6rem;
}
.gandm2 .gmtex{

position:absolute;
top:43%;
left:49%;

width:50%;
line-height:1.5rem;


}


}
@media only screen and (max-width: 991px)  {
.mln60ch {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30%;
	width: 50%;
	margin: -15% 0 0 -25%;
	line-height:30px;
}
.gandm1 .gnmname{position:absolute;
top:130px;
left:112px;
font-size:2.1rem;
width:20%;
line-height:1.8rem;
}
.gandm1 .gmtex{
top:39%;
left:33%;
width:100%;
}	

/*.gandm1 .gmtex{position:relative;
top:0%;
left:0%;
width:100%;
}*/

.gandm2{margin-top:30px; padding-left:300px;}
.gandm2 .gnmname{position:absolute;
top:130px;
left:400px;
font-size:2.1rem;
width:20%;
line-height:1.5rem;
}
.gandm2 .gmtex{position:absolute;
top:39%;
left:540px;

}

}

@media only screen and (max-width: 768px)  {
	.gandm1 .gnmname{position:absolute;
top:130px;
left:100px;
font-size:2.1rem;
width:20%;
line-height:1.8rem;
}
	.gandm1 .gmtex{
top:39%;
left:43%;
width:100%;
}	
	.gandm2{margin-top:30px;padding-left:0px; }
.gandm2 .gnmname{position:absolute;
top:130px;
left:100px;
font-size:2.1rem;
width:20%;
line-height:1.5rem;
}
.gandm2 .gmtex{position:absolute;
top:39%;
left:43%;

}
	.for60mt{padding-left:0px;}
	
	.gmtex p br{display:none;}
.jumbotron h1
{
font-size:2.0rem;}
.fwimg{ width:100%;}
.mln60ch{position: relative;
width:100%;
top:0px;
left:0px;
margin:0px;
margin-top:30px;
	

}
}

@media only screen and (max-width: 580px)  {
	.gandm1 .gnmname{position:absolute;
top:130px;
left:90px;
font-size:2.1rem;
width:20%;
line-height:1.8rem;
}
	.gandm1 .gmtex{
top:200px;
left:90px;
width:100%;
}
	.gandm2 .gnmname{position:absolute;
top:130px;
left:90px;
font-size:2.1rem;
width:20%;
line-height:1.5rem;
}
.gandm2 .gmtex{position:absolute;
top:190px;
left:90px;
}
.gandm2{margin-top:135px;padding-left:0px; margin-bottom:70px;}
}


.preim{
text-align:center;
#background:url(/files/preimbg.png) #d4c5a4;
text-align:center;

padding-top:30px;
padding-bottom:30px;

}
.preimdiv{display:inline-block;
border:0px solid red;
width:33%;
margin-top:20px;
text-align:left;
font-size:15px;
padding-top:70px;
background-size: cover;
    background-position:top;
    background-repeat: no-repeat;
vertical-align:top
}
.preimdiv > img{width:165px;}
.preimdiv > div{margin-left:44px;}
.preimdiv > div > span{
font-weight:600;
}

@media only screen and (max-width: 1055px)  {
.preimdiv{display:inline-block;
//text-align:center;
width:50%;}

}


@media only screen and (max-width: 768px)  {
.preimdiv{display:inline-block;
width:100%;
//text-align:center;
}
	.preim h2{padding-left:15px;
	padding-right:15px;}
	.whoweare{padding-left:15px;
	padding-right:15px;}
}
.gallery{margin-top:30px;
margin-bottom:30px;
}
.gal{margin:3px;}
.footer{color:#7fb299;}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px; /* Set the fixed height of the footer here */
  //line-height: 60px; /* Vertically center the text there */
 padding-top:20px;
}

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


.footer {
  position: relative;
  
    height: auto;
  }
  body{margin-bottom: 0px;}
  
  }


.controw{margin-top:30px;
margin-bottom:30px;
}

#assort{padding-top:30px;
padding-left:15px;
padding-right:15px;	
padding-bottom:30px;
#background:#ece8e7;
text-align:center;
}
#assort h2{
margin-bottom:30px;}
#assort h2::after{
 content: "";
  position: absolute;
  display: block;
  height: 1px;
  background-color: #000000;
width: 80px;
left: 50%;
margin-top:15px;

transform: translateX(-50%);
z-index:100;

}
.assort{#display:inline-block;
display:none;
width:149px;
height:185px;
background-position:bottom;
background-repeat:no-repeat;
margin-left:50px;
margin-right:40px;
margin-bottom:30px
}

.assort span{ display:inline-block; color:white;
margin-top:47px;
font-size:1.5rem;
 }
 
 #infograf{margin-top:30px;
 display:none;
 margin-bottom:30px;
 text-align:center;
 }
 
 #infograf .container{margin-top:20px;
  margin-bottom:30px;
  padding-bottom:30px;
 }
 

 .proc85{text-align:left; position:relative; margin-top:60px;}
 .proc85 p{margin-left:10px;}
 .proc85 img{width:100%;}
 #proc85{position:absolute;
 margin-top:-20px;
 top:0px;
 right:10px;
 font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:3.7rem;
color:#019934;
 
 }
 
  #proc15{position:absolute;
 margin-top:-20px;
 bottom:10px;
 right:30px;
 font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:2.4rem;
color:#73ce0a;
 
 }
 
 .procwrap{text-align:left; vertical-align:bottom;  height:70px;}
 #proc1, #proc2{width:50%; float:left;
 
 position:relative;
 }
 
 .forproc{display:inline-block; width:60px; height:70px;  vertical-align:middle; text-align:center;
 position:relative;
  z-index:2;
 }
 
 
 .procdesc{width:100px;  display:inline-block; margin-left:15px;vertical-align:middle; line-height:18px; }
 #proc1s{position:absolute;
 width:1px;
 height:100%;
 top:0px;
 left:30px;
background: rgb(2,100,1);
background: linear-gradient(180deg, rgba(2,100,1,1) 0%, rgba(55,147,5,1) 100%);
 z-index:1;
 
 }
 
 #proc2s{position:absolute;
 width:1px;
 height:100%;
 top:0px;
 left:30px;
background: rgb(68,158,9);
background: linear-gradient(180deg, rgba(68,158,9,1) 0%, rgba(118,205,13,1) 100%);
 z-index:1;
 
 }
 
 .roundproc{
 z-index:2;
 display:inline-block; 
 vertical-align:middle;
 border-radius:50%;
 
 font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:1.4rem; text-align:center;
color:#a4dd69;
 }
@media only screen and (max-width: 991px)  {
.no-flex{display:block;}
.proc85, .procwrap{ max-width:100% !important;}
.infocon{max-width:520px;}


}


@media only screen and (max-width: 400px)  {#proc1, #proc2{width:100% !important;
	padding-left:45px;
	}
	#proc2{margin-bottom:15px;}
	#proc1s, #proc2s{left:75px;}
}

.products{clear:both; padding-top:30px;

padding-bottom:80px;
text-align:center;
#background-color:#dfcda9;
#background:url(/images/gofrabg.jpg) center repeat-y;
background-size: 100% auto;
background-repeat:repeat-y;	

}
@media only screen and (max-width: 400px)  {
	.products{padding-left:15px;
	padding-right:15px;}
}
 .primer{display:inline-block;
 width:250px;
 height:320px;
 text-align:left;
 margin-top:30px;
 border-left:1px solid #a9a077;
 vertical-align:top;
 }
 .primername{padding-left:15px;
  border-bottom:1px solid #a9a077;
  width:225px;
  height:58px;
  padding-bottom:8px;
  font-weight:500;
 }
 .primercode{padding-left:15px;
  padding-top:5px;
  padding-bottom:15px;
 font-size:0.9rem;
 }
 .primer img{margin-left:15px; width:200px;}
 
 .obzor{
 
 clear:both; padding-top:30px;

padding-bottom:30px;
text-align:center;
 }
 .mwrap{display:inline-block;}
 .th{font-weight:600; text-transform:uppercase; background:#97d134;
 padding:3px;
 }
 #obzor{text-align:left;}
 .tdleft{padding-right:20px;
 padding-left:3px;
 padding-top:10px;
 border-bottom:1px solid #97d134;
 }
 .tdright{
 padding-left:3px;
 padding-top:10px;
 border-bottom:1px solid #97d134;
 }
 
 #pobor{height:121px;
 text-align:center;
 color:white;
 background:url(/images/oborbg.png);
  background-position-x: right;
 background-size:cover;
 }
 
  #obor{height:60px;
 text-align:center;
 color:white;
margin-right:15px;
margin-left:15px;	  
 background:url(/images/snake3.png);
 background-position-x: right;
	   background-position-y: center;
background-repeat: repeat-x;

 }
  #pobor h1{font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:2.5rem;

color:white;
line-height:60px;}


 #obor h1{font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:2.5rem;
background:white;
color:black;
text-transform:uppercase;
display:inline-block;
margin-top:5px;
padding-right:15px;
padding-left:15px;
}

@media only screen and (max-width: 991px)  {
	 #pobor{height:121px;
 text-align:center;
 color:white;
 background:url(/images/oborbg.png);
  background-position-x: center;
 background-size:cover;
 }

#pobor h1, #obor h1{font-size:2.5rem;}
}

@media only screen and (max-width: 685px)  {
	.obzor{padding-left:15px;
	padding-right:15px;
	}
#pobor h1, #obor h1{font-size:2.5rem;}
 .obzor h2{font-size:1.6rem !important;}
}

@media only screen and (max-width: 680px)  {
.jumbotron h1,.jumbotron h1 p
{font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:2.5rem;
line-height:2.5rem

}
}
@media only screen and (max-width: 500px)  {
.jumbotron h1,.jumbotron h1 p
{font-family: 'Raleway', sans-serif;
font-weight:900 !important;
font-size:1.9rem;
line-height:2.1rem

}
#pobor h1{font-size:2.0rem;

line-height:60px;
}
	
	 #obor{height:60px;
 text-align:center;
 color:white;
margin-right:15px;
margin-left:15px;	  
 background:url(/images/snake3.png);
 background-position-x: right;
	   background-position-y: top;
background-repeat: repeat-x;
padding-top:10px;

 }
 #obor h1{font-size:2.3rem;}
	
}
.podbor{padding-top:50px;
padding-bottom:50px;
}
.poborname{font-weight:bold;}
.pobordesk{  font-style: italic;}
.right{text-align:right;}
.right img{max-width:100%;} 
.pobordiv{clear:both; width:100%;
height:1px;
background:#87b479;
margin-top:30px;
margin-bottom:30px;

}
.pobordiv:last-child{display:none;}
.left{text-align:center;}
@media only screen and (max-width: 768px)  {
 .right, .left{padding-left:30px; padding-right:30px;}
.centr {padding-left:45px; padding-right:45px;}	
.right, .left{text-align:center; margin-top:15px; }

}
.podbor{margin-right:-30px; margin-left:-30px;}
.obor{margin-top:0px;
padding-bottom:30px;
margin-left:-15px;
margin-right:-15px;
}
.obor .col-md-6{padding-left:15px; padding-right:15px;}
.foroborname{text-align:center;}
.oborname{
display:inline-block;
width:40%;
font-weight:900 !important;
margin-top:0px;
margin-bottom:35px;
text-align:center;
}

.oborname::after{
 content: "";
  position: absolute;
  display: block;
  height: 1px;
  background-color: black;
width: 90px;
left: 50%;
margin-top:15px;
transform: translateX(-50%);
z-index:100;
}
.wid412{max-width:66%; margin-bottom:4px; }
.wid100{ margin-right:4px; display:inline-block;}
.wid137{ margin-right:2px; margin-left:2px; display:inline-block; width:134px;}
.wid124{ margin-right:4px; display:inline-block;}
.wid278{ margin-right:4px; display:inline-block;}
.wid204{ margin-right:4px; display:inline-block; width:204px;}

@media only screen and (max-width: 991px)  {
.wid412{width:100%;}
.wid100{
width: calc(25% - 4px);

}

.wid137{
width: calc(33.3% - 4px);

}

.wid124{
width: calc(33.3% - 4px);

}
.wid278{
width: calc(66.6% - 4px);

}
.wid206{
width: calc(50% - 4px);

}

}
.oborim{text-align:right;}
@media only screen and (max-width: 768px)  {
	.oborname{

margin-bottom:20px;

}
.oborim{padding-left:30px; padding-right:30px;}
.oborim{text-align:center; margin-top:15px;
margin-bottom:15px;
 }
 .oborname{width:90%;}

}

.gal {display:inline-block;}
#gallery{text-align:center;}

/* =========================
   TABLE HEADERS
========================= */

.cardboard-types {
  position: relative;
}

/*
  Заголовки над всей таблицей
*/

.cardboard-types::before {
  content: "";

  position: absolute;

  top: 0;
  right: 0;

  width: 55%;

  height: auto;
}

/* отдельный блок заголовков */
.cardboard-types__head {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  width: 55%;

  margin-left: auto;

  margin-bottom: 0;

  gap: 2vw;
}

.cardboard-types__head-item {
  font-size: 20px;
  line-height: 1.1;
  text-align:center;
  color: #b6c800;
}

/* =========================
   ROWS
========================= */

.cardboard-row {
  display: grid;

  grid-template-columns:
    clamp(70px, 10vw, 180px)
    minmax(220px, 1fr)
    minmax(420px, 55%);

  gap: 2vw;

  align-items: center;

  padding-block: 0.5vw;
  margin-bottom:20px;
  border-bottom: 1px solid #d9d9d9;
}

.cardboard-row__image img {
  width: 100%;
  height: auto;
  display: block;
}

.cardboard-row__title {
  font-size: 20px;
  line-height: 1.08;
  font-weight: 700;
  color: #000;
 text-align:left;
}

.cardboard-row__info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1vw;
}

/* скрываем label на desktop */
.cardboard-row__label {
  display: none;
}

.cardboard-row__value {
  font-size: 20px;
  line-height: 1.1;
  color: #000;
	 text-align:center;
}

/* =========================
   TABLET
========================= */

@media (max-width: 1200px) {
  .cardboard-types__head {
    display: none;
  }

  .cardboard-row {
    grid-template-columns:
      clamp(80px, 12vw, 140px)
      1fr;

    align-items: start;
  }

  .cardboard-row__image {
    grid-row: span 2;
  }

  .cardboard-row__info {
    grid-column: 2;
    margin-top: 18px;
  }

  /* labels снова показываем */
  .cardboard-row__label {
    display: block;

    margin-bottom: 0.6vw;

    font-size: 20px;
    line-height: 1.1;
     text-align:left;
    color: #b6c800;
  }

  .cardboard-row__title {
    font-size: 20px;
  }

  .cardboard-row__value {
    font-size: 20px;
	   text-align:left;
  }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {
  .cardboard-row {
    grid-template-columns: 72px 1fr;

    gap: 14px;

    padding-block: 20px;
  }

  .cardboard-row__image {
    grid-row: span 2;
  }

  .cardboard-row__title {
    font-size: 20px;
  }

  .cardboard-row__info {
    grid-column: 2;

    grid-template-columns: repeat(3, 1fr);

    gap: 10px;

    margin-top: 12px;
  }

  .cardboard-row__label {
    font-size: 11px;
    margin-bottom: 6px;
  }

  .cardboard-row__value {
    font-size: 16px;
    line-height: 1.15;
  }
}

/* =========================
   VERY SMALL MOBILE
========================= */

@media (max-width: 530px) {
  .cardboard-row {
    grid-template-columns: 60px 1fr;
  }
 .cardboard-row__value {
    font-size: 14px;
    line-height: 1.15;
  }
  .cardboard-row__info {
    gap: 8px;
  }
}



.hero-block {
  position: relative;

  overflow: hidden;

  background: #d9d7d7;

  isolation: isolate;
}

/* зеленое свечение */
.hero-block::before {
  content: "";

  position: absolute;

  top: -12vw;
  right: -10vw;

  width: 38vw;
  height: 38vw;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(174, 255, 120, 0.75) 0%,
      rgba(174, 255, 120, 0.45) 22%,
      rgba(174, 255, 120, 0.18) 42%,
      rgba(174, 255, 120, 0.06) 58%,
      rgba(174, 255, 120, 0) 72%
    );

  filter: blur(35px);

  z-index: -1;
}

/* дополнительная мягкость */
.hero-block::after {
  content: "";

  position: absolute;

  top: -6vw;
  right: 2vw;

  width: 22vw;
  height: 22vw;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,0.35) 0%,
      rgba(255,255,255,0.08) 45%,
      rgba(255,255,255,0) 75%
    );

  filter: blur(30px);

  z-index: -1;
}




.hero-block {
  position: relative;

  overflow: hidden;

  min-height: 30vh;
  padding-bottom:15px;
  background:
    radial-gradient(circle at 92% 18%,
      rgba(185,255,120,.75) 0%,
      rgba(185,255,120,.45) 12%,
      rgba(185,255,120,.18) 26%,
      rgba(185,255,120,0) 42%
    ),
    radial-gradient(circle at 100% 40%,
      rgba(120,255,180,.35) 0%,
      rgba(120,255,180,0) 35%
    ),
    #d9d7d7;
}

.hero-block .container {
  position: relative;
  min-height: 50vh;
}

/* =========================
   CONTENT
========================= */

.hero-block__content {
  position: relative;
  z-index: 2;

  padding-top: 5vw;
}

.hero-block__subtitle {
  font-size: 1.2vw;
  font-weight: 700;

  margin-bottom: 3vw;
}

.hero-block__title {
  font-size: 6vw;
  line-height: 0.95;
  font-weight: 900;

  margin-bottom: 5vw;
}

.hero-block__text {
  font-size: 2.2vw;
  font-weight: 700;
}

/* =========================
   PARALLAX BOX
========================= */

.hero-block__box {
  position: absolute;
  opacity:50%;
  right: 2vw;

  top: -20vh;

  width: 15vw;

  will-change: transform;

  z-index: 1;

  transform: translate3d(0, 0, 0);
}

.hero-block__box img {
  width: 100%;
  display: block;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {
  .hero-block {
    min-height: 30vh;
	
  }

  .hero-block .container {
    min-height: 30vh;
  }

  .hero-block__subtitle {
    font-size: 14px;
    margin-bottom: 28px;
  }

  .hero-block__title {
    font-size: 58px;
    margin-bottom: 36px;
  }

  .hero-block__text {
    font-size: 22px;
  }

  .hero-block__box {
    width: 62vw;
    right: -6vw;
    top: -10vh;
	      z-index: 1;
  }
}



.factory-capacity {
  position: relative;

  overflow: hidden;

  background:url('/files/72bg4.png');

 # background-size: cover;
  background-position: center;

  padding: 3vw 0 3vw;

  color: #fff;
}

/* =========================
   GLOW
========================= */

.factory-capacity__glow {
  position: absolute;

  border-radius: 50%;

  pointer-events: none;

  filter: blur(70px);

  opacity: .95;
}

.factory-capacity__glow--left {
  left: -10vw;
  bottom: -8vw;

  width: 20vw;
  height: 20vw;

  background:
    radial-gradient(
      circle,
      rgba(48,255,48,.95) 0%,
      rgba(48,255,48,.45) 35%,
      rgba(48,255,48,0) 72%
    );
}

.factory-capacity__glow--right {
  top: -8vw;
  right: -6vw;

  width: 18vw;
  height: 18vw;

  background:
    radial-gradient(
      circle,
      rgba(120,255,90,.95) 0%,
      rgba(120,255,90,.45) 35%,
      rgba(120,255,90,0) 72%
    );
}

/* =========================
   CONTENT
========================= */

.factory-capacity__inner {
  position: relative;
  z-index: 2;
}

.factory-capacity__top {
	 position: relative;
  z-index: 3;
  font-size: 1.2vw;
  font-weight: 700;
  margin-left: 15%;
  margin-bottom: 0vw;
}

.factory-capacity__content {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 10vw;
}

.factory-capacity__number {
  position: relative;
  z-index: 3;

  font-size: 10vw;
  line-height: .9;
  font-weight: 900;

  letter-spacing: -.04em;
}

.factory-capacity__unit {
  position: relative;
  z-index: 3;

  font-size: 6vw;
  line-height: 1.0;
  font-weight: 900;

  margin-left: 2vw;
	padding-top:8vh;
}

.factory-capacity__unit sup {
  font-size: .42em;
  top: -.8em;

  position: relative;
}

.factory-capacity__bottom {
  position: relative;

  z-index: 3;

  text-align: right;
  margin-right:20%;
  font-size: 1.2vw;
  font-weight: 700;

  
}
/* =========================
   FLOATING BOXES
========================= */

.factory-box {
  position: absolute;

  will-change: transform;

  transition: transform .15s linear;

  pointer-events: none;

  z-index: 1;
}

.factory-box--1 {
  width: 12vw;

  left: 1vw;
  top: 7vw;
}

.factory-box--2 {
  width: 10vw;

  left: 36%;
  top: -1vw;
}

.factory-box--3 {
  width: 11vw;

  right: 30%;
  bottom: -4vw;
	z-index: 1;
}

.factory-box--4 {
  width: 10vw;

  right: 1vw;
  top: 10vw;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

  .factory-capacity {
    padding: 70px 0 50px;
  }

  .factory-capacity__top {
    font-size: 22px;
    margin-left: 0;
    margin-bottom: 28px;

    text-align: center;
  }

  .factory-capacity__content {
    flex-direction: column;

    min-height: auto;
  }

  .factory-capacity__number {
    font-size: 30vw;
  }

  .factory-capacity__unit {
    font-size: 10vw;

    margin-left: 0;
    margin-top: -40px;
  }

  .factory-capacity__bottom {
    margin-top: 22px;

    text-align: center;
    margin-right:0;
    font-size: 24px;
  }

  /* коробки компактнее */

  .factory-box--1 {
    width: 22vw;

    left: -2vw;
    top: 24vw;
  }

  .factory-box--2 {
    width: 18vw;

    left: 60%;
    top: 2vw;
  }

  .factory-box--3 {
    width: 20vw;

    right: 18%;
    bottom: -10vw;
	  
  }

  .factory-box--4 {
    width: 18vw;

    right: -4vw;
    top: 28vw;
  }

  .factory-capacity__glow--left,
  .factory-capacity__glow--right {
    width: 42vw;
    height: 42vw;
  }
}


/* HEADER */

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;

    background: #d9d9d9;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.header-inner {
    min-height: 92px;

    display: flex;
    align-items: center;

    gap: 28px;

    padding: 10px 32px;
}

/* ЛОГО */

.header-logo {
    height: 72px;

    display: flex;
    align-items: center;

    flex-shrink: 0;
}

.header-logo img {
    height: 100%;
    width: auto;
    object-fit: contain;
    display: block;
}

/* DESKTOP MENU */

.header-nav {
    display: flex;
    align-items: center;
    gap: 32px;

    margin-left: auto;
}

.header-nav a {
    color: #222;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;

    transition: opacity .2s ease;
}

.header-nav a:hover {
   color:#b0cb21;
}

/* ТЕЛЕФОНЫ */

.header-phones {
    display: flex;
    flex-direction: column;
    gap: 4px;

    margin-left: 24px;

    flex-shrink: 0;
}

.header-phones a {
    color: #222;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.1;
    white-space: nowrap;
}

/* BURGER */

.header-burger {
    display: none;

    width: 44px;
    height: 44px;

    border: 0;
    background: transparent;

    cursor: pointer;

    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;

    flex-shrink: 0;
}

.header-burger span {
    width: 24px;
    height: 2px;
    background: #222;

    display: block;
}

/* MOBILE MENU */

.mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 14px;

    background: #d9d9d9;

    padding: 0 18px;

    max-height: 0;
    overflow: hidden;

    opacity: 0;

    transition:
        max-height .3s ease,
        opacity .2s ease,
        padding .3s ease;
}

.mobile-menu.active {
    max-height: 400px;

    padding: 0 18px 18px;

    opacity: 1;
}
.mobile-menu a {
    color: #222;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

/* MOBILE */

@media (max-width: 991px) {

    .header-inner {
        min-height: 74px;

        padding: 10px 18px;
        gap: 12px;
    }

    .header-logo {
        height: 52px;
    }

    .header-nav {
        display: none;
    }

    /* телефоны остаются видимыми */
    .header-phones {
        margin-left: auto;
        margin-right: 6px;
        gap: 2px;
    }

    .header-phones a {
        font-size: 12px;
    }

    .header-burger {
        display: flex;
    }
}

/* BODY OFFSET */

body {
    padding-top: 92px;
}

@media (max-width: 991px) {
    body {
        padding-top: 74px;
    }
}
a,
button {
    cursor: pointer !important;
}
button:focus{outline:none;}


.partners-section {
    position: relative;

    padding: 110px 20px;

    overflow: hidden;

    background:#fff;
}

.partners-container {
    max-width: 1140px;
    margin: 0 auto;
}

/* HEAD */

.partners-head {
    text-align: center;
    margin-bottom: 55px;
}

.partners-line {
    width: 80px;
    height: 1px;

    display: block;

    margin: 0 auto 22px;

    border-radius: 30px;

    background: #006634;
}

.partners-head h2 {
    margin: 0 0 16px;

   
    line-height: 1;
    
    color: #222;
}

.partners-head p {
    margin: 0;

    font-size: 20px;
    color: #666;
}

/* GRID */

.partners-grid {
    display: grid;

    grid-template-columns: repeat(12, 1fr);

    gap: 20px;

    grid-auto-flow: dense;
}

/* ITEMS */

.partner-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner-item img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    display: block;
}



.size-sm {
    grid-column: span 2;
    height: 110px;
}

.size-md {
    grid-column: span 3;
    height: 110px;
}

.size-square {
    grid-column: span 3;
    height: 110px;
}

.size-wide {
    grid-column: span 4;
    height: 100px;
}

/* нижний элемент по центру */

.center-item {
    grid-column: 5 / span 4;
}

/* TABLET */

@media (max-width: 991px) {

    .partners-section {
        padding: 90px 20px;
    }

    .partners-head h2 {
        font-size: 42px;
    }

    .partners-head p {
        font-size: 18px;
    }

    .partners-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .partner-item,
    .size-sm,
    .size-md,
    .size-square,
    .size-wide,
    .center-item {
        grid-column: auto;
        height: auto;
    }

    .partner-item img {
        width: 50%;
        height: auto;
    }
	   .last-row-start {
    grid-column: 1 / span 2;
}
	.last-row-start img {
        width: 40%;
        height: auto;
    }
}

/* MOBILE */

@media (max-width: 640px) {

    .partners-section {
        padding: 70px 16px;
    }

    .partners-head {
        margin-bottom: 38px;
    }

    .partners-head h2 {
        font-size: 32px;
    }

    .partners-head p {
        font-size: 16px;
        line-height: 1.5;
    }

   .last-row-start {
    grid-column: 1 / span 2;
}
	.last-row-start img {
        width: 40%;
        height: auto;
    }
}



.about-values {
    padding: 100px 20px;

    background:
		url('/images/bldb.png') right bottom  no-repeat ,
        linear-gradient(
            180deg,
			#ffffff 0%,
            #f5d3b2 50%,
            #e7e7e7 100%
        );
	
}

.about-values__container {
    max-width: 1140px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 36px;
}

/* CARD */

.value-card {
    position: relative;

    min-height: 360px;

    padding:
        42px
        42px
        130px;

    border: 2px solid #1f1f1f;
    border-radius: 28px;

    overflow: hidden;

    background: rgba(255,255,255,.12);

    backdrop-filter: blur(2px);
}

/* TITLE */

.value-card__title {
    margin: 0 0 40px;

    font-size: 52px;
    line-height: .9;
    font-weight: 900;

    color: #b8d317;

    text-transform: uppercase;
}

/* TEXT */

.value-card__text {
	 position: relative;

    max-width: 640px;

    font-size: 22px;
    line-height: 1.12;
    font-weight: 400;

    color: #111;

    letter-spacing: -0.02em;
	z-index:3;
}

/* ICON */

.value-card__icon {
    position: absolute;

    right: 26px;
    bottom: 18px;

    pointer-events: none;
    user-select: none;
	z-index:1;
}

.value-card__icon--goal {
    width: 112px;
}

.value-card__icon--mission {
    width: 112px;
}

/* LAPTOP */

@media (max-width: 1200px) {

    .value-card {
        min-height: 300px;
    }

    .value-card__title {
        font-size: 34px;
    }

    .value-card__text {
        font-size: 22px;
    }
}

/* TABLET */

@media (max-width: 991px) {

    .about-values {
        padding: 80px 20px;
    }

    .about-values__container {
        grid-template-columns: 1fr;
    }

    .value-card {
        min-height: auto;

        padding:
            36px
            36px
            40px;
    }

    .value-card__title {
        margin-bottom: 30px;

        font-size: 58px;
    }

    .value-card__text {
        font-size: 24px;
        line-height: 1.15;
    }
}

/* MOBILE */

@media (max-width: 640px) {


	
    .about-values {
        padding: 60px 16px;
		   background:
		url('/images/bld.png') right bottom  no-repeat ,
        linear-gradient(
            180deg,
			#ffffff 0%,
            #f5d3b2 50%,
            #e7e7e7 100%
        );
    }

    .about-values__container {
        gap: 22px;
    }

    .value-card {
        border-radius: 22px;

        padding:
            28px
            24px
            70px;
		margin-right:20px;
		margin-left:20px;
    }

    .value-card__title {
        margin-bottom: 22px;

        font-size: 42px;
    }

    .value-card__text {
        font-size: 18px;
        line-height: 1.2;
    }

    .value-card__icon--goal {
        width: 90px;
    }

    .value-card__icon--mission {
        width: 90px;
    }

    .value-card__icon {
        right: 16px;
        bottom: 14px;
    }
}

.obortext{padding-right:0; margin-bottom:20px;}
.oborim{ margin-bottom:20px;}