*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
p,
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

body {
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: #737373;
}

a:not([class]):hover {
  text-decoration-skip-ink: auto;
  color:#2b6943;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
a,
textarea,
select {
  font: inherit;
  color: inherit;
}

@font-face {
  font-family: Bebas_Neue; /* Имя шрифта */
  src: url(/fonts/Bebas_Neue.ttf); 
}

body {
  color: #434448;
  background: #f8f8f8;
  position: relative;
  overflow-x: auto;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body *::-moz-selection {
  background: #2b6943;
  color: #fff;
}

body *::-webkit-selection {
  background: #2b6943;
  color: #fff;
}

body *::selection {
  background: #2b6943;
  color: #fff;
}

.width{
  max-width: 1440px;
  margin: 0 auto;
}

.header-container{
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.header__title{
  flex: 2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #737373;
}

.header__title:hover{
  color: #2b6943;
  text-decoration: none;
}

.header-container:hover{
  text-decoration: none;
}

.nav li{
  margin: 5px;
}

.butto{
  position: fixed; 
  bottom: 20px; 
  right: 20px; 
  display: block; 
  background: #2db700; 
  color: #fff; 
  text-decoration: none; 
  padding: 6px 23px; 
  font-size: 17px;
  z-index: 999; }

.butto:hover { 
  background:#737373;
  color: #fff; 
}



.title__text{
  display: inline-block;
  /* height: 24px; */
  box-sizing: border-box;
  font: 400 18px/1.4 'Roboto Condensed';
}


.header-logo {
    max-width: 60px;
    margin: 15px 15px 20px 30px;
    flex: 1;
}

.header-logo img {
    object-fit: cover;
}

.nav{
  display: flex;
}

li a{
  text-decoration: none;
}

.content__container{
  background-color: #f8f8f8;
}

.main-title{
  font-family: 'Bebas_Neue';
  font-weight: 500;
  font-size: 40px;
  letter-spacing: normal;
  color: #434448;;
  padding-top: 50px;
}

.main-info{
  text-align: center;
}

.main-info__blocks{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  color: #434448;
  padding: 30px 30px;
}

.main-info__b{
  background: #fff;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: .3s;
  cursor: pointer;
  font: 600 16px/1.4 'Roboto Condensed';
  color: #434448;
  margin: 5px;
  min-width: 150px;
  max-width: 155px;
  min-height: 160px;
}

.about__company{
  font: 400 18px/1.4 'Roboto Condensed';
  color: #737373;
  margin: 10px;
}


.main-info__b:hover{
  text-decoration: none;
  color: #434448;
  
}

.main-info__b:hover{
  box-shadow: 0 0 20px rgba(145, 137, 137, 0.5);
  transition: .3s;
}

.hover_pl{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_pl_a.png");
}

.main-info__b:hover .hover_pl{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_pl_n.png");
}

.hover_ds{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_ds_a.png");
}

.main-info__b:hover .hover_ds{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_ds_n.png");
}

.hover_sk{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_sk_a.png");
}

.main-info__b:hover .hover_sk{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_sk_n.png");
}

.hover_dp{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_dp_a.png");
}

.main-info__b:hover .hover_dp{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_dp_n.png");
}

.hover_yr{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_yr_a.png");
}

.main-info__b:hover .hover_yr{
  width:80px;
  height: 82px;
  background: no-repeat url("/image/icon_yr_n.png");
}

.main-info__b a{
  text-decoration: none;
  color: #737373;
}

.main-info__b a:hover{
  
  color: #737373;
}

.footer{
  background-color: #eee;
}

.footer-container{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding: 60px 0 0 0;
}

.footer__logo-block{
  width: 200px;
  text-align: justify;
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

.logo-block__img{
  max-width: 134px;
  max-height: 120px;
}


.logo-block__year{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #434448;
}

.logo-block__copyright{
  font-size: 10px;
  line-height: 15px;
  color: #828282;
}

.footer__info-block{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-width: 300px;
  max-width: 600px;
  justify-content: space-between;
  margin: auto;
  text-transform: uppercase;
}

.info-block__name{
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  color: #737373;
}

.info-block__sep{
  width: 1px;
  height: 140px;
  background-color: #737373;
  margin: 0 60px;
}

.text__strong{
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  color: #434448;
}

.text__norm{
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #737373;
  margin-left: 5px;
}

.text__norm a{
  color:#737373 ;
}

.text__norm a:hover{
  color: #2b6943;
}

ul{
  padding: 0;
  margin: 0;
}

.info-block__connect{
  display: flex;
  align-items: baseline;
}

.info-block__tel {
  display: flex;
  margin-top: 10px;
}

.info-block__mail{
  margin-left: 10px;
}

@media (max-width:1023px) {
  .footer-container{
    padding: 20px;
    flex-direction: column-reverse;
  }
  .footer__logo-block {
    margin-top: 20px;
  }
  .footer__info-block{
    flex-direction: column;
    padding: 0 10px;
  }
  .info-block__sep {
    width: 100%;
    height: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .info-block__name {
    color: #434448;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .info-block__adress {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .info-block__text .text__strong {
    margin-top: 24px;
    margin-bottom: 12px;
  }
  .text__strong {
    font-size: 18px;
    line-height: 26px;
  }
  .info-block__connect {
    align-items: center;
    flex-direction: column;
  }
  .info-block__tel {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .info-block__mail {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.goods{
  margin: 0 auto;
}

.name__good{
  text-align: center;
  box-sizing: border-box;
  font-size: 30px;
  font: 400 18px/1.4 'Roboto Condensed';
  text-transform: uppercase;
  color: #fff;
  background-color: #2b6943;
}

.name__pos{
  text-align: center;
  box-sizing: border-box;
  font-size: 20px;
  font: 400 18px/1.4 'Roboto Condensed';
  text-transform: uppercase;
  color: #2db700;
}

.good-block{
  display: flex;
  align-items: center;
  border-bottom:1px solid #737373;
  max-width: 400px;
  margin: 0 auto;
}

.good_img{
  max-width: 120px;
}