strong{
   font-family: "Manrope-SemiBold", sans-serif;
}
.productiona__grid{
  display: grid;
    grid-template-columns: 1fr;
        gap: 4rem;
}
.productiona__grid-block{
  display: flex;
        gap: 4rem;       
}
.productiona__grid-block-text {
 width: 66%;      
}
.productiona__grid-block-img {
 width: 33%;      
}
.productiona__grid-block-text img{
    height: 100%;
}
.productiona__grid-block-text p{
  font-size: 1rem;
}
.forma__text
 {
    gap: 0rem;
}
.productiona__grid-block-text b {
    font-family: "Manrope-SemiBold", sans-serif;
}



.poshivn__grid{
    display: grid;
   grid-template-columns: 2fr .9fr;
    gap: 0rem;
}
.poshivn__grid-text p{
    padding-bottom: 1.45rem;
}
.poshivn__grid-text p,.poshivn__grid-text ol li{
    font-size: 1rem;
}
.poshivn__grid img{
    justify-self: center;
}
ol{
        list-style-type: decimal; /* стандартные цифры */
   padding-top: .1rem;
   padding-left: 1rem;
    padding-bottom: .6rem;
}

.poshivn__grid-text b {
    font-family: "Manrope-SemiBold", sans-serif;
}


.poshivna__grid{
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 22px;
    align-items: center;
}
.bloki {
        gap: 42px;
    padding: 21px 0 0px 0;
    display: flex;
    flex-direction: column;
}
.nanesenie p{
    font-size: 1rem;
padding-bottom: 22px;
}
.bloki p{
    padding: 0;
}
.nanesenie span{
    font-family: 'Manrope-bold';
    text-transform: uppercase;
font-weight: 700;
}
.forma h3 {
    white-space: normal
}
.poshivna__grid-text {
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.nanesenie b{
    font-family: 'Manrope-bold';
font-weight: 700;
}
.forma__text {
    gap: 0rem;
}





.production__grid{
  display: grid;
    grid-template-columns: 1fr;
        gap: 3rem;
}
.production__grid-block{
  display: grid;
  grid-template-columns:  1fr 1fr;
        gap: 4.4rem;       
}

.production__grid-block-text img{
    width: 100%;
}
.left-text{
 flex-direction: row-reverse;
}
.production__grid-block-text p{
 font-size: 1.25rem; 
    line-height: 160%
}
.production__grid-block-text b {
    font-family: "Manrope-SemiBold", sans-serif;
}





.productionv__grid{
  display: grid;
    grid-template-columns: 1fr;
        gap: 4rem;
}
.productionv__grid-block{
  display: flex;
        gap: 1rem;       
}
.productionv__grid-block-text {
 width: 34%;      
}
.productionv__grid-block-vacans {
 width: 66%; 
    
}

.productionv__grid-block-text strong {
   font-family: "Manrope-bold", sans-serif;   
}


.productionv__grid-block-text span{
  color: #E30016;
  font-size: 1.375rem;
}
.vacansii p{
   font-weight: 400;
  font-size: 0.875rem;
  padding: 0.5rem 0;
}
.vacansii span{
  font-size: 1.25rem;
}
.vacansii {
  padding-bottom: 3rem;
}
.vacansii a{

     font-family: "Manrope-bold", sans-serif;   
font-size: 1.25rem;
line-height: 100%;
color: #91BE0D;
padding-top: 1rem;
}
.vacansii a:hover{
color: #E30016;
}
.productionv__grid-block-vacans p{
font-weight: 700;
font-size: 1.5rem;
line-height: 100%;
padding-bottom: 1.5rem;
 font-family: "Manrope-bold", sans-serif;   
}
.stroka {
     
    background: linear-gradient(90deg, #EFEFEF 0%, rgba(255, 255, 255, 0) 100%);
    display: flex;
    justify-content: space-between;
        align-items: center;
 margin: .6rem 6.2rem .7rem 0rem;
}
.stroka p{
    padding: 1.25rem 1.1rem;
font-weight: 700;
font-size: 20px;
line-height: 100%;
}
.stroka a{
font-weight: 700;
line-height: 100%;
    font-family: "Manrope-bold", sans-serif;   
text-align: center;
vertical-align: middle;
font-size: 0.875rem;
    padding: 0.5rem 1rem;
    box-shadow: 1px 2px 5px 0px #838383b2;
    background: #91BE0D;
    transition: all 300ms ease-out;
    color: #fff;
    border-radius: 0.3rem;
    cursor: pointer;

}
.stroka a:hover{
    background: #E30016;
    color: #fff;
}



@font-face {
  font-family: "Manrope-Light";
  src: url("../fonts/Manrope-Light.woff2");
  font-weight: lighter;
  font-style: Light;
  font-display: swap;
}
@font-face {
  font-family: "Manrope-ExtraBold";
  src: url("../fonts/Manrope-ExtraBold.woff2");
  font-weight: bold;
  font-style: Bold;
  font-display: swap;
}

.dostavka h2{
    text-align: left;
    font-family: "Manrope-ExtraBold";
font-weight: 800;
font-size: 1.875rem;
line-height: 16px;
vertical-align: middle;
color: #E30016;
padding: 0 28px 22px 27px;
}
.dostavka {
    padding-bottom: 52px;
 width: 77%;
 margin: auto;
}
.dostavka p{
    padding-bottom: 12px;
padding-left: 27px;
font-weight: 400;
font-size: 0.9375rem;
line-height: 16px;
vertical-align: middle;
}
.blockd {
    margin: 16px 0 67px 0px;
    padding: 24px 29px 0 29px;
    border-radius: 0.625rem;
    background: #EFEFEF80;
}
.blockd h3 {
    font-family: "Manrope-SemiBold";
    padding: 0.3rem 0;
color: #E30016;
font-weight: 600;
font-size: 1.25rem;
line-height: 16px;
}
.blockd span{
font-family: "Manrope-Light";
font-weight: 300;
font-size: 16px;
line-height: 16px;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 12%;
text-decoration-thickness: 5%;
text-decoration-skip-ink: auto;
}

.blockd p{
    font-family: "Manrope";
    padding: 0.3rem 0;
font-weight: 400;
font-size: 1rem;
line-height: 16px;
}
.plashka {
    padding: 16px 0 39px;
    display: flex;
    align-items: center;
    gap: 27px;
}
strong {
    font-family: "Manrope-SemiBold";
}


@font-face {
  font-family: "Manrope-Medium";
  src: url("../fonts/Manrope-Medium.woff2");
  font-weight: medium;
  font-style: Medium;
  font-display: swap;
}
h2 {
        padding-bottom: 16px;
    text-align: center;
    font-family: 'Manrope-bold';
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    vertical-align: middle;
}
.absaz {
    padding-bottom: 55px;
}
table {
    table-layout: fixed; /* Фиксирует ширину столбцов */
}
.size-table {
    border-collapse: collapse;
    border: 1px solid #000000;
} 
.pinktem {
 font-family: 'Manrope-bold';
font-weight: 700;
font-size: 18px;
line-height: 14px;
text-align: center;
vertical-align: middle;
padding: 7px 0;
    background: #E3001680;
}
.razm {
    width: 133px;
font-family: 'Manrope-bold';
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
vertical-align: middle;
    background: #D6D6D6;
    height: 44px;
}

.size-table th {
    width: 133px;
    border: 1px solid #000000;
}
.size-table td {
    width: 133px;
    border: 1px solid #000000;
}
.pink {
    width: 133px;
    height: 44px;
font-family: 'Manrope-bold';
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
vertical-align: middle;
    background: #E300164D;
}
.international-size {
    width: 133px;
    font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 24px;
line-height: 18px;
text-align: center;
vertical-align: middle;
height: 60px;
    background: #D6D6D64D;
}
.osta {
    width: 133px;
font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 24px;
line-height: 18px;
text-align: center;
vertical-align: middle;
height: 60px;
    background: #E300160D;
}
.polovina {
    display: flex;
    justify-content: center;
    padding: 21px 0;
}

.zeltem {
font-family: 'Manrope-bold';
font-weight: 700;
font-size: 18px;
line-height: 14px;
text-align: center;
vertical-align: middle;
padding: 7px 0;
background: #91BE0D80;
}
.zel {
    width: 133px;
    height: 44px;
font-family: 'Manrope-bold';
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
vertical-align: middle;
background: #91BE0D4D;
}
.ostaz {
    width: 133px;
font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 24px;
line-height: 18px;
text-align: center;
vertical-align: middle;
height: 60px;
background: #91BE0D0D;
}
.obuv th {
    min-width: 120px;
}
.obuv .ostaz {
font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 24px;
line-height: 18px;
text-align: center;
vertical-align: middle;
height: 45px; 
   width: 120px;
}
.obuv .osta {
   height: 45px; 
   width: 120px;
}


.obuv .international-size {
    height: 45px; 
   width: 120px;
}
.obuv .pink {
   height: 33px; 
}
.obuv .zel {
   height: 33px; 
}
.obuv .razm {
   height: 33px; 
}
.pinko {
    width: 133px;
    height: 33px;
font-family: 'Manrope-bold';
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
vertical-align: middle;
background: #E3001633;
}
.zelo {
    width: 133px;
    height: 33px;
font-family: 'Manrope-bold';
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
vertical-align: middle;
background: #91BE0D33;
}
.ostaol {
    width: 133px;
    height: 33px;
font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 24px;
line-height: 18px;
text-align: center;
vertical-align: middle;
background: #E3001603;
}
.ostazol {
    width: 133px;
    height: 33px;
font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 24px;
line-height: 18px;
text-align: center;
vertical-align: middle;
background: #91BE0D03;
}

.size-tabl {
    border-collapse: collapse;
    border: 1px solid #000000;
} 
.per th {
    background: #D6D6D6;
font-family: 'Manrope-bold';
font-weight: 700;
font-size: 12px;
line-height: 14px;
text-align: center;
vertical-align: middle;
border: 1px solid #000000;
}
.per td {
    border: 1px solid #000000;
    height: 45px;
    min-width: 76px;
    background: #D6D6D64D;
font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 20px;
line-height: 18px;
text-align: center;
vertical-align: middle;
}
.dlina {
    min-width: 150px;
    max-width: 150px;
    height: 42px;
}
.dlina2 {
    min-width: 152px;
    max-width: 152px;
}
.h2obuv {
    padding-bottom: 26px;
}
.h2perz {
    padding-bottom: 24px;
}
.perz {
    padding-bottom: 92px;
}


.compani p{
  font-family: 'Manrope';
font-weight: 400;
font-size: 18px;
line-height: 25px;
vertical-align: middle;
   font-weight: 400;
      padding: 13px 0 12px 0;
}
.compani span{
  font-family: "Manrope-Bold";
  font-size: 1.375rem;
  line-height: 33px;
}
.compani {
  padding-bottom: 3rem;
}
.productionc__grid-block-text strong {
    font-family: "Manrope-Bold";
    line-height: 100%;
}
.compani strong{
  font-family: "Manrope-Bold";
  line-height: 18px;
   font-weight: 700;
}
.productionc__grid-block{
  padding-bottom: 16px;
  display: flex;
        gap: 47px;       
}
.productionc__grid-block-text {
    padding-top: 106px;
 width: 53%;      
}
.productionc__grid-block-img img{
    height: 339px;
    width: 507px;
}
.productionc__grid-block-text p{
  font-family: 'Manrope';
font-weight: 400;
font-size: 18px;
line-height: 25px;
vertical-align: middle;

}
.productionc__grid-block-text span{
  font-family: "Manrope-Bold";
  color: #E30016;
  font-size: 1.375rem;
  line-height: 100%;
}


@font-face {
  font-family: "Manrope-ExtraBold";
  src: url("../fonts/Manrope-ExtraBold.woff2");
  font-weight: bold;
  font-style: Bold;
  font-display: swap;
}
.contact h2{
    font-family: "Manrope-ExtraBold";
font-weight: 800;
font-size: 28px;
line-height: 16px;
vertical-align: middle;
color: #E30016;
    padding-top: 8px;
    padding-bottom: 26px;
}
.contact h3{
    font-family: "Manrope-SemiBold";
font-weight: 600;
font-size: 20px;
line-height: 16px;
color: #91BE0D;
}
.ofis {
  padding-bottom: 67px;
}
.ofis p{
      padding: 12px 0;
    font-family: "Manrope-SemiBold";
font-weight: 600;
font-size: 20px;
line-height: 12px;
color: #000000;
}
.ofis span {
  font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #838383;
}
.pochta span {
  font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #838383;
}
.oficy {
column-gap: 120px;
  padding-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.oficy2 {
column-gap: 294px;
  padding-top: 36px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.oficy2 span{
font-family: 'Manrope-SemiBold';
font-weight: 600;
font-size: 16px;
line-height: 16px;
color: #838383;
}
.oficy a{
  font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #000000;
}
.oficy2 p{
  padding: 0;
  font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #000000;
}
.tel b {
  font-family: 'Manrope-Bold';
font-weight: 700;
font-size: 16px;
line-height: 16px;
color: #000000;
}
.tele span {
  font-family: 'Manrope-Bold';
font-weight: 700;
font-size: 16px;
line-height: 16px;
color: #000000;
}
.vrema {
  padding-top: 29px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0px;
  row-gap: 12px;
}
.vrema p{
  font-weight: 500;
  font-family: 'Manrope-Medium';
  font-size: 16px;
  padding: 0;
}
.telef {
  padding-top: 17px;
  display: grid;
  grid-template-columns: minmax(0, 132px) minmax(0, 141px);
  column-gap: 0px;
  row-gap: 8px;
}
.pochta {
    padding-top: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 43px;
    row-gap: 1px;
    align-items: center;
}
.opt {
    padding-top: 22px;
    display: grid;
    grid-template-columns: minmax(0, 270px) minmax(0, 187px) minmax(0, 80px);
    column-gap: 40px;
    row-gap: 13px;
    align-items: center;
}
.tel {
    padding-top: 6px;
    display: flex;
    flex-direction: column;
}
.tel a{
  cursor: pointer;
  padding: 6px 0;
      transition: all 300ms 
linear;
}
.tel a:hover,.tel p b:hover {
  color: #E30016;
    padding: 6px 0;
        transition: all 300ms 
linear;
}

a.tele:hover span{
    color: #E30016;
cursor: pointer;
        transition: all 300ms 
linear;
}
.tel a:hover b{
  color: #E30016;
    transition: all 300ms 
linear;
}
.oficy a{
  font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #000000;
}
.oficy2 a{
  font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #000000;
}




/*магазин*/
.magazin h2{
  padding-bottom: 38px;
}
.magazin p{
  font-family: 'Manrope-SemiBold';
font-weight: 600;
font-size: 20px;
line-height: 12px;
color: #000000;
}
.magazin-oficy {
column-gap: 111px;
  padding-top: 42px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.magazin-vrema {
  padding-top: 29px;
  display: grid;
  grid-template-columns: minmax(0, 86px) minmax(0, 97px);
  column-gap: 0px;
  row-gap: 12px;
}
.magazin-vrema p{
  padding: 0;
  font-family: 'Manrope-Medium';
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}
.magazin-vrema span {
  font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #838383;
}
.magazin-telef a{
font-family: 'Manrope-Medium';
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}
.magazin-telef b{
font-family: 'Manrope-Bold';
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}
.magazin-pochta a{
  font-family: 'Manrope-Medium';
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
}
.magazin-telef {
    gap: 12px;
    display: flex;
    padding-top: 29px;
    flex-direction: column;
}
.magazin-pochta h3 {
    padding-bottom: 26px;
}
.magazin {
    padding-bottom: 68px;
}


/*склад*/
.sclad{
    padding-bottom: 68px;
}
.sclad p{
  padding-top: 12px;
    padding-bottom: 44px;
  font-family: 'Manrope-SemiBold';
font-weight: 600;
font-size: 20px;
line-height: 12px;
color: #000000;
}
.sclad iframe {
  border-radius: 10px;
}


/*реквизиты*/
.recvizit p{
      padding: 12px 0 18px 0;
  font-family: 'Manrope-Medium';
font-weight: 500;
font-size: 20px;
line-height: 30px;
color:#000000
}
.recvizit {
  padding-bottom: 48px;
}
.pochta a:hover,a.tele:hover,.opt>a:hover,.magazin-telef a:hover,.magazin-pochta a:hover{
    color: #E30016;
cursor: pointer;
        transition: all 300ms 
linear;
}
.magazin-telef a:hover b{
    color: #E30016;
cursor: pointer;
        transition: all 300ms 
linear;
}








.services__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  gap: 1rem;
}
.catalog__grid-block {
  background: #efefef;
  border-radius: 0.625rem;
  box-shadow: 1px 2px 5px 0px #838383b2;
  transition: all 300ms ease-out;
  position: relative;
}
.catalog__grid-block:hover {
  transition: all 300ms ease-out;
  box-shadow: 1px 2px 10px 0px #91be0d;
}
.catalog__grid-block::before {
  content: "";
  border-radius: 0.625rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 190px;
  background: linear-gradient(to bottom, rgb(255 255 255), #00000000);
  pointer-events: none;
}
.catalog__grid-block p {
  font-family: "Manrope-Bold", sans-serif;
  position: absolute;
  font-size: 1.25rem;
  font-weight: 700;
 padding: 1.8rem 1.1rem;
}
.services__tekst {
  font-size: 1rem;
  line-height: 1.5rem;
   padding: 4rem 0rem 5rem 0rem;
}
.catalog__grid-block img {
  border-radius: 0.625rem;
}
@media only screen and (min-width: 320px) and (max-width: 1100px) {
.catalog__grid-block p {
    font-size: 1rem;
}
}