

/* Start:/local/templates/ogl/css/style.css?177550438282176*/
@font-face {
  font-family: 'Golos Text';
  src: url('/local/templates/ogl/css/../fonts/Golos-Text_Regular.ttf');
}

@font-face {
  font-family: 'Non Bureau';
  src: url('/local/templates/ogl/css/../fonts/non-bureau-extended-5.ttf');
}

@font-face {
  font-family: 'Non Bureau Bold';
  src: url('/local/templates/ogl/css/../fonts/non-bureau-bold.ttf');
}
@font-face {
  font-family: 'Non Bureau Medium Extended';
  src: url('/local/templates/ogl/css/../fonts/non-bureau-extended-5.ttf');
}
@font-face {
  font-family: 'Non Bureau Bold Extended';
  src: url('/local/templates/ogl/css/../fonts/non-bureau-extended.ttf');
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  /* max-width: 1920px; */
  background: #2c2c2c;
  color: #fff;
  font-family: "Golos text", sans-serif;
}

.title,
.sale-title,
.sub-block li,
.title-about,
.title-form {
  font-family: "Non Bureau", sans-serif;
}

input,
textarea {
  font-family: "Golos text", sans-serif;
}

img {
  min-height: 200px;
  min-width: 310px;
  object-fit: cover;
}

div.bxml-dialog *,
div.bxml-subdialog-cont *,
div.mlsd img {
  min-height: auto;
  min-width: auto
}

.footer-menu li {
  font-family: "Golos text", sans-serif;
}

.btn {
  font-size: 14px;
}

a {
  color: #E8A930;
  text-decoration: none;
}

li {
  list-style: none;
}

h1 {
  font-size: 70px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

h2 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 40px;
  font-family: 'Non Bureau';
}

.map_rf_h2_desc {
  display: block;
}

.map_rf_h2_mob {
  display: none;
}

hr {
  background: #E8A930;
  border: none;
  height: 2px;
}

ul li a {
  color: #E8A930;
  color: #fff;
}

.footer-menu ul li a {
  color: #fff;
}

.fixed-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background: #2c2c2c;
  /* border-bottom: 2px solid; */
}

.header {
  max-width: 1360px;
  max-width: 97%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 70px;
  padding: 16px 0;
}

.header-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 37px;
  padding: 0;
  color: #2c2c2c;
}
.header .menu a {
  white-space: nowrap;
}

.flex-block-semen {
  margin-bottom: 40px;
}

.main {

  padding-top: 75px;
}

.main section,
.page-block {
  max-width: 1240px;
  max-width: 95vw;
  max-width: 97%;
  margin: 0 auto;

}

nav.menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

.menu li {
  list-style: none;
  /* text-transform: uppercase; */
  display: inline-block;
  letter-spacing: 0.05em;
}

h2 a.title-block {
  font-size: 40px;
  color: #fff;
  margin-bottom: 40px;
  font-family: 'Non Bureau';
}

.title-block {
  text-transform: uppercase;
}

.btn-first {
  margin-right: 19px !important;
}


.txt-under-jobs {
  color: #000;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media (min-width: 2000px) {
  .subtitle-form {
    font-size: 24px !important;
    width: 600px !important;
  }
}

@media (max-width: 1123px) {
  .header {
    margin-bottom: 30px;
  }
}

.btn-first {
  margin-top: 40px;
}

.subtitle {
  width: 100%;
  font-weight: 500;

  font-size: 26px;
  line-height: 130%;
}

.first-screen .subtitle {
  font-family: 'Non Bureau Medium Extended';
  letter-spacing: 0.05em;
   word-spacing: 5px;
}

.subtitle-block {
  display: flex;
  justify-content: end;
}

.left-subtitle-block {
  margin-right: 147px;
  display: none;
}

.left-subtitle-block .btn-block .btn-first-slide {
  display: block;
}

.rigth-subtitle-block {
  position: absolute;
  bottom: 1%;
}



.rigth-subtitle-block a {
  display: block;

}

.zayavka {
  margin-left: 30px;
}

.catalog-block .btn-block a {
  color: #C8971E;
  font-size: 18px;
  display: block;
  margin-right: 0px !important;
  text-align: center;
}

.first-screen .rigth-subtitle-block {
  display: none;
}

.first-screen {
  margin: unset !important;
}

h2.title-block {
  font-weight: 600;
  letter-spacing: 0.05em;
  word-spacing: 5px;
}

.btn-block .btn-first:nth-child(2) {
  background: #C8971E;
}

.soc-block {
  display: flex;
}

.menu.info_foot {
  position: relative;
}

.menu.info_foot .soc-block {
  position: absolute;
  right: 278px;
  top: 12px;

}

.soc-block img {
  min-height: auto;
  min-width: auto;
}

.soc-block a {
  margin-right: 10px;
}

.phone {
  margin-bottom: 10px;
  font-size: 24px;
}

.mail {
  margin-bottom: 10px;
  font-size: 24px;
}

.info_foot li {
  text-transform: initial;
}

.last-link {
  margin-right: 0 !important;
}

.filter-active {
  opacity: 1 !important;
}

/* Слайдер */
.slick-slider {
  min-width: 0;
  position: relative;
}

/* Ограничивающая оболочка */
.slick-list {
  overflow: hidden;
}

/* Лента слайдов */
.slick-track {
  display: flex;
  align-items: flex-start;
}

/* Слайд */
.slick-slide {}

/* Слайд активный */
.slick-slide.slick-active {}

/* Слайд основной */
.slick-slide.slick-current {}

/* Слайд по центру */
.slick-slide.slick-center {}

/* Стрелка */
.slick-arrow {}

/* Стрелка влево */
.slick-arrow.slick-prev {}

/* Стрелка вправо */
.slick-arrow.slick-next {}

/* Стрелка не активная */
.slick-arrow.slick-disabled {}

/* Точки */
.slick-dots {}

.slick-dots li {}

.slick-dots button {}

.slider__item {
  padding: 0 15px;

}

.slider .slider__item img {
  min-width: 290px !important;
  min-height: 270px;
}
.slider.logistik-page-slider .slider__item img {
  min-height: 400px;
}

/* Конкретный слайдер */
.slider {
  position: relative;
  padding: 0;
}

.first-sld {
  max-width: 1240px;
  max-width: 95vw;
  max-width: 97%;
  margin: 0 auto;
  max-height: 600px;
}

.first-sld .slick-dots {

  display: none !important;
}

@media (max-width: 767px) {
  .menu ul {
    gap: 3%;
  }
  .slider {
    padding: 0;
  }

  .semen:hover,
  .shild:hover,
  .mikro:hover .svg-tizers {
    padding: 15px 0 !important;
    color: #E8A930 !important;
  }

  .semen:hover a {
    padding-left: 0 !important;
    color: #E8A930 !important;
  }

  .link-production.szr-link {
    text-align: left;
  }

  .one-szr {
    justify-content: center;
  }

  summary:before {
    top: 2px;
  }

  .sub-block div {
    display: none !important;
  }

  .tizers {}

  .btn-first-slide {
    margin-left: 0 !important;
  }

  .sub-block .product-img {
    margin-right: 0px !important;
  }

  .semen-1b:after {

    background: transparent !important;
  }

  .slider .slick-dots {
    display: block !important;
    right: 43% !important;
    bottom: -2% !important;
  }

  .first-sld .slick-dots {
    display: block !important;
    right: 43% !important;
    bottom: 10% !important;
    display: none !important;
  }

  .preloader__image {
    background-size: contain !important;
    max-width: 150px !important;
  }

  .slider .slick-dots li {
    width: 18px;
    height: 18px;
  }

  .form-with-person .form input {
    width: 260px;
  }

  .form-with-person .form textarea {
    width: 260px;
  }


  .about .reviews_block,
  .about .jobs_block,
  .about .table-wrap {
    margin-top: 0 !important;
  }
.header-btn a {
    width: 95px;
    font-size: 8px;
    height: 20px;
  }
  .header .svg-logo {
    max-width: 50px;
  }
.header .menu a {
    font-size: 8px;
  }
}

@media (max-width: 639px) {
.header {
    display: none;
  }

  .mob_header {
    display: flex !important;
    /*  justify-content: space-around; */
    align-items: center;
    height: 70px;
  }
  .menu li {
    margin-left: 0;
    font-size: 8px;
  }
  .header-btn a {
    width: 95px;
    font-size: 8px;
    height: 20px;
  }
  
}


.slider .slick-arrow {
  position: absolute;
  top: 66%;
  margin: -30px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 50px;
  height: 50px;
}

.slider .slick-arrow.slick-prev {
  right: 40px !important;
  background: url("/local/templates/ogl/images/l.svg") 0 0 / 100% no-repeat;
  cursor: pointer;
}

.slider .slick-arrow.slick-next {
  right: 0 !important;
  background: url("/local/templates/ogl/images/r.svg") 0 0 / 100% no-repeat;
  cursor: pointer;
}

.slider .slick-arrow.slick-disabled {
  opacity: 0.2;
}

.slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider .slick-dots li {
  list-style: none;
  margin: 0px 10px;
}

.slider .slick-dots button {
  font-size: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  display: none;
}

.slider .slick-dots {
  right: 45%;
}

.slider .slick-dots li.slick-active button {
  background-color: transparent;
  border: 1px solid #fff;
}


.slider__item img {
  max-width: 100%;
}

.sale-title {
  width: 100%;
  font-size: 18px;
  font-family: "Golos text", sans-serif;
  max-width: 310px;
}
.logistik .sale-title {
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}

.logistik-about {
  font-size: 18px;
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 611px;
}

.logistik h3 {
  font-size: 30px;
  margin-top: 40px;
  margin-bottom: 20px;
  max-width: 840px;
  font-family: 'Non Bureau Medium Extended';
  font-weight: 400;
  letter-spacing: 0.05em;
  word-spacing: 5px;
}

.logistik-page-slider .slick-track {
  justify-content: space-between;
  gap: 20px;

  top: 0;
}
.logistik-page-slider .slick-arrow.slick-prev {
  right: 60px !important;
}
.logistik-page-slider .slider__item {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
 
}

.logistik-footer {
  margin-top: 120px;
  padding: 40px 0;
  display: flex;
  /* justify-content: space-between; */
  gap: 120px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.logistik-footer__item {
  max-width: 42vw;
  font-size: 20px;
}

.sale-hr {
  margin-bottom: 40px;
  width: 1015px;
}

.product {
  margin-top: 125px !important;
}

.map_rf {
  margin-top: 125px !important;
}

.video-block {
  margin-top: 125px !important;
}

.sub-block {
  display: flex;
}

.sub-block ul {
  font-size: 48px;
}

.sub-block .product-img {
  margin-right: 20px;
}

.sub-block li {
  border-bottom: 3px solid;
  border-top: 3px solid;
  padding: 20px 20px 20px 0px;
  text-transform: uppercase;
  transition: 2s;
}

.sub-block li:first-child {
  border-bottom: 0;
  width: 675px;
}

.sub-block li:last-child {
  border-top: 0;
}

.news {
  margin-top: 125px !important;
}

.news-block {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  max-width: 1015px;
  margin-left: auto;
  padding-top: 40px;
  border-top: 2px solid;
}

.one-news {
  flex: 0 0 33.33%;
  margin-bottom: 40px;
  text-align: left;
}

.title-news {
  max-width: 325px;
  margin-left: 0;
  margin-top: 20px;
  text-align: left;
  font-size: 20px;
  line-height: 25px;
}

.subtitle-news {
  max-width: 325px;
  margin-left: 0;
  margin-top: 10px;
  text-align: left;
  line-height: 22px;
  color: #fff;
  height: 100px;
}

.lastblock-news {
  color: #C8971E;
  display: flex;
  justify-content: space-between;
  max-width: 325px;
  margin-top: 20px;
  margin-left: 0;
}

.lastblock-news p {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
}

.lastblock-news .link-production a {
  color: #C8971E !important;
}



.link-production a {
  color: #C8971E;
}

.title-about {
  font-size: 40px;
  margin-bottom: 30px;

  margin-left: auto;
  line-height: 59px;
}

.info-about {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: flex-end;
  gap: 40px;
}

.ones-about {
  max-width: 590px;
  width: 100%;
  /* max-height: 182px; */
  padding: 25px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
}

.ones-about:nth-child(1) .text-about {
  font-weight: 600;

}

.ones-about:last-child {
  margin-right: 0;
}

.text-about {
  line-height: 130%;
  color: #fff;
  max-width: 540px;
  font-size: 18px;
}
.golos-bold {
  font-weight: 600;
}

.link-about {
  color: #C8971E;
}

.number-about,
.number-abouts {
  margin-top: 8px;
  font-size: 65px;
  color: #C8971E;
}

.about_hr {
  margin-top: 8px;
}

.new-hr {
  width: 996px !important;
}

.news {
  margin-top: 125px !important;
}

.about {
  margin-top: 125px !important;
  position: relative;
}

.sale.about_notindex,
.about.about_notindex,
.news.about_notindex {
  margin-top: 0px !important;
}

.about-block {
  width: 100%;
  height: 658px;
  padding: 30px;
}

.map {
  margin-top: 125px !important;
}

.map-block .contacts {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 40px;
}

.contacts-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}

.contacts-left__item {
  display: flex;
  gap: 30px;
  max-width: 454px;
}

.contacts-left__text a {
  color: #fff;
}

.contacts-left__title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.work-time {
  display: flex;
  gap: 65px;
}
.work-time__left p, 
.work-time__right p {
  margin-bottom: 10px;
}
.map-block .btn {}

.our-filials {
  text-transform: uppercase;
}

.contact-block {
  display: flex;
  margin-top: 40px;
}

.btn {
  background: #E8A930;
  width: 326px;
  height: 63px;
  padding: 20px 0px;
  color: #fff;
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
}

.town {
  font-size: 36px;
  margin-bottom: 10px;
  font-weight: 700;
}

.contact-part {
  display: block;
  font-size: 18px;
  color: #fff;
}

.mail-contacts {
  /* margin-bottom: 40px; */
}

.contact-info hr {
  margin-bottom: 20px;
}

.link-production .our-filials {
  color: #C8971E !important;
  font-size: 18px;
}



.footer {
  /* max-width: 1920px; */
  margin-top: 125px;

  position: relative;
  overflow-x: clip;
}



.footer-content {
  display: flex;
  /*  max-width: 1920px; */
  margin: 0 auto;
  padding-bottom: 100px;
  justify-content: space-evenly;
  padding-top: 86px;
  background: #E8A930;
}

footer li {
  color: #fff;
}

.footer-hr {
  background: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}

.inside-footer-content {
  display: flex;
  margin: 0 auto;
  margin-top: 100px;
  align-items: center;
}

.svg-logo {
  max-width: 286px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
}

.footer-menu {
  margin-left: 60px;
}

.footer-menu .menu li {
  font-size: 12px;
  margin-left: 0px;
  margin-right: 30px;
}

.logo-container {
  align-items: center;
  display: flex;
}

section.tizers {
  margin-top: 60px;
}

.tizers-block {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tizers-content-one {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 20px;
  background: #6D6D6D;
  width: 400px;
  width: 29vw;
  width: calc(100% / 3 - 14px);
  min-height: 234px;
}

.tizers-content-one:nth-child(1) .block-info-tizers {
  max-width: 200px;
}
.tizers-content-one:nth-child(2) .block-info-tizers {
  max-width: 250px;
}
.tizers-content-one:nth-child(3) .block-info-tizers {
  max-width: 230px;
}
.tizers-content-one:nth-child(5) .block-info-tizers {
  max-width: 270px;
}
.tizers-content-one.tiz-anim:last-child {
  background: #E8A930;
  color: #2C2C2C;
  justify-content: center;
}

.tizers-content-one.tiz-anim:last-child .svg-tizers {
  display: none;
}

.tizers-content-one.tiz-anim:last-child .text-tizers {
  color: #2C2C2C;
}

/* .svg-tizers-img{
  border: 4px solid;
  border-image: url(/local/templates/ogl/images/border.svg) 1;
} */

.tiz-anim {
  /* border-image: url("/local/templates/ogl/images/border-big.svg") 1; */
  /* border-right: 4px solid; */
  /* border-bottom: 4px solid; */
}

/* .tiz-anim::before{
  position:absolute;
  top: 0;
  right: 0;
  width: 66%;
  width:50%;
  border-top: 4px solid #E8A930; 
  border-image: url("/local/templates/ogl/images/border-big.svg") 1;
  content:"";
} */

.block-info-tizers {}

/*  .tizers-content-one div{
   width: 33%;
} */

.text-tizers {
  /* border-bottom: 1px solid; */
  letter-spacing: 0.05em;
  line-height: 23px;
  color: #fff;
  max-width: 630px;
  width: 100%;
}

.title-tizers {}

.svg-tizers {}


.svg-tizers img {
  min-height: unset;
  min-width: unset;
  max-width: 50px;
}

section.team {
  margin-top: 120px;
}

.team p {
  font-size: 18px;
  margin-bottom: 40px;
}

.team-item {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  gap: 30px;
}

.team-item:nth-child(2) {
  border-top: unset;
}

.team-title {
  font-family: 'Non Bureau';
  font-size: 30px;
  font-weight: 500;
 letter-spacing: 0.05em;
  width: 320px;
  word-spacing: 5px;
}

.team-img {
  /* width: 400px; */
  /* height: 285px; */
  overflow: hidden;
  max-height: 300px;
}
.team-img img {
  /* min-width: 50vw; */
  height: 300px;
  max-width: 400px;
}


.team-text {
  font-size: 14px;
}

.team-text ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 350px;
}

.team-text li {
  list-style: disc;
  line-height: 120%;

}
@media (min-width: 1280px) {
  .team-title {
    font-size: 2em;
  }
  .team-img {
    
    overflow: hidden;
    max-height: 450px;
  }
  .team-img img {
    width: 30vw;
    height: auto;
    max-width: unset;
  }
  .team-text {
    font-size: 1.2em;
  }
  .team-text ul {
    max-width: 400px;
  }
}
section.autopark {
  margin-top: 120px;
}

.autopark .desc {
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 840px;
}

.autopark .advantages {
  font-size: 30px;
  font-family: 'Non Bureau Medium Extended';
  margin-bottom: 40px;
  letter-spacing: 0.05em;
  word-spacing: 5px;
}

.autopark-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
}

.autopark-content-one {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 20px;
  background: #6D6D6D;
 /*width: 400px;
  min-width: 400px;
  width: calc(100% / 3 - 14px);
  */
  min-height: 234px;
  padding-bottom: 33px;
}
.autopark-content-one:nth-child(4) .block-info-autopark {
  max-width: 210px;
}
.autopark-content-one.tiz-anim:last-child {
  background: #E8A930;
  color: #2C2C2C;
  justify-content: center;
}

.autopark-content-one.tiz-anim:last-child .svg-tizers {
  display: none;
}

.autopark-content-one.tiz-anim:last-child .text-tizers {
  color: #2C2C2C;
}

.svg-autopark-img {
  min-height: unset;
  min-width: unset;
  max-width: 50px;
}

.autopark-content-one.bigCard {
  display: grid;
  grid-row: 1 / 3;
  grid-column: 3 / 3;
  padding: 25px;
  align-items: flex-end;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position-x: 90% !important;
}

.text-autopark {
  max-width: 260px;
  letter-spacing: 0.05em;
}

.autopark-content-one.bigCard .text-autopark {
  max-width: 323px;
  max-width: 85%;
  line-height: 150%;
}

.autopark-content-one.bigCard .svg-autopark {
  display: none;
}

.title {
  line-height: 130%;
  /*    margin-top: 75px; */
  width: 100%;
  max-width: 1360px;
}



.frst_titile {
  /* max-width: 928px; */
  font-size: 50px;
  color: #E8A930;
  font-weight: 800;
  font-family: 'Non Bureau Bold Extended';
  margin-bottom: 0;
  letter-spacing: 0.05em;
   word-spacing: 5px;
}

.sale {
  margin-top: 125px !important;
}

.logistik {
  margin-top: 125px !important;
}
.slider.logistik-page-slider .slick-arrow {
  top: -40px;
}
.log-txt {
  color: #000;
  max-width: 1015px;
  margin-left: auto;
  margin-bottom: 20px;
  text-align: justify;
}

.svg-block {
  overflow-x: clip;
  position: relative;
  width: 1015px;
}

.logistik-block,
.sale-block {
  text-align: -webkit-right;
}

.wrapper {
  margin: 0 !important;
  margin-top: 30px !important;
}

.btn-block a:hover~.detal_svg {
  transform: rotate(45deg);
}

.zayavka:hover~.zayav_svg {
  transform: rotate(45deg);
}

.our-filials:hover~.fil_svg {
  transform: rotate(45deg);
}

.link-production a:hover~.production_svg:nth-child(1n) {
  transform: rotate(45deg);
}

.link-production a:hover~.production_svg:nth-child(2n) {
  transform: rotate(45deg);
}

.link-production a:hover~.production_svg:nth-child(3n) {
  transform: rotate(45deg);
}

.link-production a:hover~.production_svg:nth-child(4n) {
  transform: rotate(45deg);
}

.link-production a:hover~.production_svg:nth-child(5n) {
  transform: rotate(45deg);
}

.link-production a:hover~.production_svg:nth-child(6n) {
  transform: rotate(45deg);
}

svg {
  transition: 0.5s;
}

.production_svg path {
  fill: #C8971E;
}

.element-animation {
  /* Скроем элемент в начальном состоянии */
  opacity: 0;
  transform: translateY(20px);
}

.element-animation.element-show {
  opacity: 1;
  transition: all 1.5s;
  transform: translateY(0%);
}

.sbpr {
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 100%;
  height: 447px;
  transition: 0.5s;
}



.map-index {
  margin-top: 120px !important;
}
.map-index h2.title-block {
  margin-bottom: 0;
}
.semen,
.shild,
.mikro {
  position: relative;
  cursor: pointer;
}

.semen:hover,
.shild:hover,
.mikro:hover {
  color: #fff;
  transition: 0.8s;
  padding-left: 10px;
}

.semen:hover a {
  color: #fff;
  transition: 0.8s;
  padding-left: 10px;
}

.semen:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 1s;
}

.semen-1b:after {
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background: #BABABA;
}



.semen-1b:hover:after,
.semen-1b:active:after {
  width: 100%;
}

.shild:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 1s;
}

.shild-1b:after {
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background: #C8971E;
}

.shild-1b:hover:after,
.shild-1b:active:after {
  width: 100%;
}

.mikro:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 1s;
}

.mikro-1b:after {
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background: #C8971E;
}

.mikro-1b:hover:after,
.mikro-1b:active:after {
  width: 100%;
}

/* .hover1 {
  background: url(https://l-digital.ru/img/agroks/semen.jpg);
  transition: all 0.5s;
} */


@keyframes move {
  0% {
    transform: translate(0, 100vh);
  }

  100% {
    transform: translate(0vh, 0);
  }
}

.sunflwr {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 11%;
  transform: translate(-50%, 0%);
}

.sunflwr2 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 19%;
  transform: translate(-50%, 0%);
}

.sunflwr3 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 25%;
  transform: translate(-50%, 0%);
}

.sunflwr4 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 34%;
  transform: translate(-50%, 0%);
}

.sunflwr5 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 45%;
  transform: translate(-50%, 0%);
}

.sunflwr6 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 51%;
  transform: translate(-50%, 0%);
}

.sunflwr7 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 67%;
  transform: translate(-50%, 0%);
}

.sunflwr8 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 75%;
  transform: translate(-50%, 0%);
}

.sunflwr9 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 87%;
  transform: translate(-50%, 0%);
}

.sunflwr10 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 22%;
  transform: translate(-50%, 0%);
}

.sunflwr11 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 61%;
  transform: translate(-50%, 0%);
}

.sunflwr12 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 5%;
  transform: translate(-50%, 0%);
}

.sunflwr13 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 95%;
  transform: translate(-50%, 0%);
}

.sunflwr14 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 56%;
  transform: translate(-50%, 0%);
}

.sunflwr15 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 37%;
  transform: translate(-50%, 0%);
}

.sunflwr16 {
  width: 300px;
  height: 300px;
  position: absolute;
  bottom: 78%;
  left: 79%;
  transform: translate(-50%, 0%);
}

.sunflwr__leaf--left,
.sunflwr__leaf--right {
  width: 0%;
  height: 20%;
  border-radius: 0% 50% 0% 50%;
  position: absolute;
  background: #E8A930;
  top: 70%;
  left: 45%;
  transform: translate(-100%, -50%) rotate(-20deg);
  animation: sunflwr__leaf forwards 1s 0.5s;
}

.sunflwr__leaf--right {
  top: 80%;
  left: 55%;
  transform: translate(0%, -50%) rotate(-70deg);
}

@keyframes sunflwr__leaf {
  0% {
    width: 0%;
    border: 0px solid black;
  }

  100% {
    width: 20%;
    border: 2px solid black;
  }
}

.sunflwr__stem {
  position: absolute;
  transform: translate(-50%, 0%);
  width: 5%;
  height: 60%;
  background: #E8A930;
  left: 50%;
  bottom: 0%;
  border: 2px solid black;
  animation: sunflwr__stem forwards 1s;
}

@keyframes sunflwr__stem {
  0% {
    height: 0;
  }

  100% {
    height: 60%;
  }
}

.sunflwr__center {
  border-radius: 50%;
  background-color: #3c1f03;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: 2;
  animation: sunflwr__center 1s 1s forwards;
}

@keyframes sunflwr__center {
  0% {
    width: 0%;
    height: 0%;
  }

  100% {
    width: 25%;
    height: 25%;
  }
}

.sunflwr__pedal--1,
.sunflwr__pedal--7,
.sunflwr__pedal--12,
.sunflwr__pedal--11,
.sunflwr__pedal--10,
.sunflwr__pedal--9,
.sunflwr__pedal--8,
.sunflwr__pedal--6,
.sunflwr__pedal--5,
.sunflwr__pedal--4,
.sunflwr__pedal--3,
.sunflwr__pedal--2 {
  border-radius: 50%;
  background: #f2fe00;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 40%;
  animation: grow-pedal-back 1s 1.5s forwards;
}

.sunflwr__pedal--2 {
  transform: translate(-50%, -50%) rotate(30deg);
}

.sunflwr__pedal--3 {
  transform: translate(-50%, -50%) rotate(60deg);
}

.sunflwr__pedal--4 {
  transform: translate(-50%, -50%) rotate(90deg);
}

.sunflwr__pedal--5 {
  transform: translate(-50%, -50%) rotate(120deg);
}

.sunflwr__pedal--6 {
  transform: translate(-50%, -50%) rotate(150deg);
}

@keyframes grow-pedal-back {
  0% {
    width: 0%;
    height: 0%;
    border: 0px solid black;
  }

  100% {
    width: 15%;
    height: 45%;
    border: 2px solid black;
  }
}

.sunflwr__pedal--7,
.sunflwr__pedal--12,
.sunflwr__pedal--11,
.sunflwr__pedal--10,
.sunflwr__pedal--9,
.sunflwr__pedal--8 {
  border-radius: 20% 50% 20% 50%;
  transform: translate(-50%, -50%) rotate(15deg);
  animation: grow-pedal-front 1s 2s forwards;
}

.sunflwr__pedal--8 {
  transform: translate(-50%, -50%) rotate(45deg);
}

.sunflwr__pedal--9 {
  transform: translate(-50%, -50%) rotate(75deg);
}

.sunflwr__pedal--10 {
  transform: translate(-50%, -50%) rotate(105deg);
}

.sunflwr__pedal--11 {
  transform: translate(-50%, -50%) rotate(135deg);
}

.sunflwr__pedal--12 {
  transform: translate(-50%, -50%) rotate(165deg);
}

@keyframes grow-pedal-front {
  0% {
    height: 0%;
    width: 0%;
    border: 0px solid black;
  }

  100% {
    height: 35%;
    width: 10%;
    border: 2px solid black;
  }
}

.sunflwr-block {
  display: none;
}

.sun-loock {
  display: block;
}

.car {
  animation: ride 3s infinite linear;
  transform: translate3D(500%, 0, 0);
  position: absolute;
  top: -166px;
  width: 450px;
  object-fit: none;

}

.car__wheels {
  animation: bump 0.5s infinite;

}

@keyframes ride {
  0% {
    transform: translate3D(-580%, 0, 0);


  }

  100% {
    transform: translate3D(50%, 0, 0);


  }

  /* 25% {
  transform: translate3D(-500px, 0, 0);
 }
 50% {
  transform: translate3D(-150px, 0, 0);
 }
 70% {
  transform: translate3D(-200px, 0, 0)  scale(-1,1) ; 
 }
 73% {
  transform: translate3D(-250px, 0, 0)  scale(-1,1) ; 
 }
 75% {
  transform: translate3D(-300px, 0, 0)  scale(-1,1) ; 
 }
 
 80% {
  transform: translate3D(-400px, 0, 0)  scale(-1,1) ; 
 }
 85% {
  transform: translate3D(-500px, 0, 0)  scale(-1,1) ;
 }
 90% {
  transform: translate3D(-600px, 0, 0)  scale(-1,1) ; 
 }
 93% {
  transform: translate3D(-700px, 0, 0)  scale(-1,1) ; 
 }
 95% {
  transform: translate3D(-800px, 0, 0)  scale(-1,1) ;
 }
 96% {
  transform: translate3D(-850px, 0, 0)  scale(-1,1) ; 
 }
 97% {
  transform: translate3D(-950px, 0, 0)  scale(-1,1) ;
 }
 98% {
  transform: translate3D(-940px, 0, 0)  scale(-1,1) ; 
 }
 99% {
  transform: translate3D(-990px, 0, 0)  scale(-1,1) ; 
 } */


}



@keyframes bump {
  0% {
    transform: translate3D(0, 0, 0);
  }

  50% {
    transform: translate3D(0, -1px, 0);
  }

  100% {
    transform: translate3D(0, 0, 0);
  }
}

.sect-news {
  padding-bottom: 40px;
}

.news-ul {
  display: flex;
  flex-wrap: wrap;
}

.news-ul-mob {
  flex-direction: column;
}

.sect-news span {
  font-size: 24px;
  padding: 12px;
  opacity: 50%;
  cursor: pointer;
  line-height: 23px;
  font-family: "Non Bureau", sans-serif;
}

.active_news {
  opacity: 100% !important;
}

.active_all {
  opacity: 100% !important;
}

.news-detail-img img {
  width: 100%;
}

.news-detail-img,
.other-img-news,
.date-news {
  max-width: 1015px;
  margin-left: auto;
}

.other-img-news img {
  height: 260px;
  width: 325px;
}

.date-news {
  font-size: 18px;
  color: #C8971E;
}

.btn-news {
  padding: 10px 50px;
  margin: 0 auto;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 40px;
}


.footer-form {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.form {
  text-align: center;
  margin: 0 auto;
}

.form input {
  padding-top: 25px;
  padding-bottom: 25px;
  /* margin-bottom: 25px !important; */
  border-bottom: 1px solid #2C2C2C;
  color: #2C2C2C;
}

input.form-control, 
input.form-control.md-resp-name,
input.md-resp-phone.ph.form-control,
input.form-control.mai.md-resp-email {
  width: 100%;
  padding-left: 5px;
}


.form textarea {
  width: 100%;
  height: 90px; 
  border-bottom: 1px solid #2C2C2C; 
  color: #2C2C2C;
}

.form input,
button {
  display: block;
  margin: 0 auto;

}

.title-form {
  font-size: 30px;
  color: #2C2C2C;
  font-weight: 700;
}

.subtitle-form {
  font-size: 18px;
  width: 320px;
  margin: 0 auto;
  margin-bottom: 22px !important;
}

.form .btn {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 83px;
  font-size: 18px;
  cursor: pointer;
  background: #E8A930;
  color: #2C2C2C;
}

input::placeholder {
  font-size: 12px;
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #BABABA;
}

input:focus-visible {
  outline-color: #2c2c2c;
}

textarea::placeholder {
  font-size: 12px;
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #BABABA;
}

.contact-block .btn {
  margin: 0;
  margin-right: 19px;
}

.slider-form {
  width: 50%;
}

.slider-form .slider__item {
  padding: 0;
}

.slider-form .slider__item img {
  width: 100%;
  height: 703px;
}

.footer-form form {
  background: #fff;
  padding: 38px 30px;
  position: relative;
  width: 48vw;
}

.menu-block-about {
  max-width: 1015px;
  margin-left: auto;

  border-top: 1px solid;

  position: relative;
  /*  margin-bottom: 40px; */
  padding: 40px 0px 40px 15px;
}

.contacts-block .menu-block-about {
  border-bottom: 1px solid;
}

.menu-about li {
  display: inline;
  font-size: 20px;
  text-transform: uppercase;
  margin-right: 40px;
  font-family: "Non Bureau", sans-serif;
  opacity: .5;
}


.about-img-block {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}


.txt-about {
  max-width: 1015px !important;
  margin-left: auto;
  text-align: justify;
  margin-bottom: 40px;
}


.about-img-block-second div {
  max-width: 1015px !important;
  margin-left: auto !important;
}

.partners-block_title {
  max-width: 1015px;
  margin-left: auto;
  font-size: 40px;
  color: #E8A930;
  text-transform: none;
  text-align: justify;
}

.partners-block {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  max-width: 1015px;
}

.one-partners {
  flex: 0 0 30%;
  text-align: center;
  border: 1px solid;
  margin-bottom: 40px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  padding: 31px 0;
}

.one-partners a {
  margin: 0 auto;
}

.tab {
  display: none;
}

.tab.active {
  display: block;
}


.logistik_sider_txt {
  margin-top: 40px !important;
}

.logistik_txt-width-img {
  display: flex;
}

.logistik_txt-width-img img {
  width: 50% !important;
  margin-right: 20px;
}

.logistik_txt-width-img p {
  width: 50%;
  color: #000;
}

.jobs-main {
  max-width: 1360px;
  margin: 0 auto;
}


.info-req {
  text-transform: uppercase;
  text-align: left;
}

.info-req p {
  padding-bottom: 14px;
}

.table-wrap {
  margin-top: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.title-req {
  font-family: 'Non Bureau';
  font-style: normal;
  font-size: 16px;
  color: #E8A930;
}

.txt-req {
  font-style: normal;
  font-size: 14px;
}



details {
  display: block;
  background: #fff;

  overflow: hidden;

  border-bottom: 1px solid #E8A930;
}

summary::-webkit-details-marker {
  display: none;
}

summary::-moz-list-bullet {
  list-style-type: none;
}

summary::marker {
  display: none;
}

summary {
  display: block;
  padding: 15px 0;
  cursor: pointer;
  position: relative;
  font-family: 'Non Bureau';
  font-weight: 700;
  font-size: 48px;
}


.jobs_block details:nth-child(1),
.reviews_block details:nth-child(1) {
  border-top: 1px solid #E8A930;
}

.staff-summary:before {
  top: .4em;
  right: .3em;
  color: transparent;
  background: url("/local/templates/ogl/images/arrow_jobs.svg") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;
  content: "";
  position: absolute;
  transition: transform .5s;
  margin-bottom: -6px;
}

summary:before {
  top: 0.7em;
  background: url(/local/templates/ogl/images/arrow_jobs.svg) no-repeat 50% 50% / 0.7em 0.7em;
  right: .3em;
  color: transparent;
  width: 1em;
  height: 1em;
  content: "";
  position: absolute;
  transition: transform .5s;
  margin-bottom: -6px;

}

details[open]>summary:before {

  transform: rotate(90deg);
}

summary~* {
  padding: 0 1em 40px 17em;
}

.reviews_block summary~* {
  padding: 0 1em 40px 17em;
}


details[open] summary~* {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

summary:focus {
  outline: 0;
}

.jobs_block {
  max-width: 1015px !important;
  margin-left: auto !important;
  margin-top: 80px !important;
}

.jobs_content {
  display: flex;
}

.reviews_block {
  max-width: 1015px !important;
  margin-left: auto;
  margin-top: 80px !important;
}

.reviews_content {
  display: flex;
}

.left-content {
  width: 100%;
  columns: 2;
}

.right-content {
  width: 50%;
}

.jobs_content p {
  font-weight: 700;
  font-size: 18px;
  /* margin-bottom: 15px;
margin-top: 15px; */
}

.jobs_div {
  margin-bottom: 15px;
}

.jobs_content li {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  list-style: inside;
  max-width: 310px;
  padding-bottom: 10px;
}

.jobs_content li::marker {
  color: #E8A930;
  width: 10px;
  height: 10px;
}

.jobs-link {
  margin-top: 40px;
  display: block;
  font-weight: 700;
  font-size: 16px;
}

.sertifikate-block {
  display: flex;
  flex-wrap: wrap;
  max-width: 1015px;
  margin-left: auto;
  justify-content: space-between;
}

.one-sertifikate {
  color: #000;
  width: 33%;

  text-align: center;
  padding: 5px;
  margin-bottom: 8px;
}

.one-sertifikate img {
  margin-bottom: 20px;
  width: 322px;
  height: 450px
}

.one-sertifikate p {
  max-width: 300px;
  margin: 0 auto;
}

.szr-block {
  margin-top: 75px;
}

.szr-content {
  max-width: 1015px;
  margin-left: auto;
  border-top: 1px solid #E8A930;
  padding-top: 40px;
}

.one-szr {
  width: 33%;
  display: flex;
}



.wrapper-block-szr {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 40px;
}

/* .wrapper-block-szr:nth-child(even){
justify-content: end;
margin-left: auto;
} */

/* .wrapper-block-szr .one-szr:nth-child(2n){
padding: 0;
}
*/

.mikro-block {
  max-width: 1360px;
  margin: 0 auto;
  margin-top: 75px;
}


.tabs__nav {
  display: inline-flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid rgb(10 130 58 / 50%);
  border-top: 1px solid rgb(10 130 58 / 50%);
  width: 100%;

}

.tabs__btn {
  padding: 40px 0;
  font-weight: 600;
  font-size: 18px !important;
  cursor: pointer;
  background: #fff;
  color: #E8A930 !important;
  margin: 0;
  margin-right: 40px;
  text-transform: uppercase;
  opacity: .5;
  font-family: "Non Bureau", sans-serif;
}

.tabs__btn_cont {
  font-size: 22px !important;
  margin-right: 26px !important;
}



.tabs__btn_active {
  opacity: 1;
  cursor: default;
  border-top-color: rgb(10 130 58 / 100%);
}

.product-culumm:nth-child(2) {
  margin-right: 21px;
  margin-left: 21px;
  column-count: 2;
  position: relative;
  margin: 0 auto;
}

.product-culumm .link-production {
  color: #E8A930 !important;
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  text-transform: uppercase;
}

.product-culumm .btn-block {
  position: absolute;
  left: 0;
  margin-top: 35px;
}

.product-culumm .btn-block .btn {
  width: 230px;
  font-size: 16px;
}

.tabs__content {
  padding: 1rem 0;
}

.tabs__content_cont {
  padding: 0 !important;
}

.tabs__pane .btn-block {
  display: block;
}

.tabs__pane .btn-block .btn-first:nth-child(2) {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mob_tabs_content .btn-block {
  display: block;
}

.tabs__pane {
  display: none;
}

.tabs__pane_show {
  display: flex;
}

.contacts-content .tabs__pane_show {
  flex-wrap: wrap;
}

.first-product-culumm {
  width: 33%;
  color: #000;
}

.btn-block .svg-logo {
  max-width: 240px;
  height: auto;
  width: auto;
}

.product-culumm {
  width: 33%;
}

.product-culumm span {
  display: block;
  position: relative;
}

.product-culumm span svg {
  right: 0;
  top: 6px;
  position: absolute;
}

.mikro-content {
  margin-left: auto;
  max-width: 1015px;
  border-top: 1px solid;
  padding-top: 40px;
}

.txt-block-mikro {
  display: flex;
  margin-bottom: 40px;
  max-width: 670px;
  margin-left: auto;
}

.left-txt {
  width: 50%;
  margin-right: 24px;
}

.right-txt {
  width: 50%;

}



.semen-content {
  max-width: 1015px;
  margin-left: auto;
  border-top: 1px solid #E8A930;
  padding-top: 40px;
}

.one-semen {
  width: 33%;
  display: flex;
}

.szr-content .one-semen {
  margin-bottom: 20px;
}

/* .one-semen:nth-child(2){
display: flex;
justify-content: end;
}

.one-semen:nth-child(3){
display: flex;
justify-content: center;
} */

.semen-block {
  max-width: 1360px;
  margin: 0 auto;
  margin-top: 75px;
}

.flex-block-semen {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.one-semen img {
  display: block;
}


/* .one-semen:last-child{
margin-top: 40px;
} */

.properties-block {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.group-properties {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.one-properties li {
  list-style: inside;
}

.one-properties li::marker {
  color: #E8A930;
}

.one-properties p {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
}

.contacts-content {
  max-width: 1015px;
  margin-left: auto;
  width: 100%;
}

.contacts-content .yandex-map {
  margin-top: 60px;
  margin-bottom: 60px;
}



.one-person:last-child {
  margin-right: 0px;
}

.staff-summary:before {
  top: 0.8em;
}

.staff {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
}

.logo-ld {
  width: 100%;
  max-width: 256px !important;
  min-height: auto !important;
  min-width: auto !important;
}


.title {
  color: #E8A930;


}

.subtitle {
  color: #fff;
}

.rigth-subtitle-block .phone {
  color: #fff;
}

.rigth-subtitle-block .mail {
  color: #fff;

}

.btn-block {
  display: inline-flex;
}

.slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slide.slick-slide {
  min-height: calc(100vh - 92px);
  min-height: 600px;
  display: flex;
  align-items: center;
}

.first-sld .slide.slick-slide {
  align-items: flex-end;
  padding: 40px;
}

.slick-dots {
  margin: 10px 0;
  padding: 0;
  text-align: center;
  position: absolute;
  right: 40%;
  bottom: 3%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.slick-dots li {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: transparent;
  opacity: .5;
  transition: all .2s ease;
  margin: 0 5px;
  border: 3px solid #fff;
  border-radius: 50%;

}

.slick-dots .slick-active {
  opacity: 1;
  background-color: #E8A930;
}

.txt-about {
  color: #000;
}

.page-about {
  border: none;
}

.page-about .about {
  margin-top: 0 !important;
}

.menu-about a:last-child li {
  margin-right: 0;
}

.partners-img {
  max-height: 96px !important;
  max-width: 200px !important;
  margin: 0 auto !important;
  min-height: auto;
  min-width: auto;
}


.logistik-page-title {
  border: 0;
}

.reviews_content,
.txt-block-mikro {
  color: #000;
}


.general-page {
  padding: 0;

}

.one-properties {
  margin-bottom: 20px;
  width: 33%;
}

.one-properties li {
  color: #000;
}


.title-mikro {
  width: 100%;
  font-size: 40px;
  line-height: 59px;
  margin-left: auto;
  color: #E8A930;
}

.before-img-title {
  width: 100%;
  font-size: 40px;
  line-height: 59px;
  margin-top: 15px;
  color: #E8A930;
}

.product-culumm {
  color: #000;
}

.link-production a {
  color: #E8A930 !important;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
}


.mikro-content img {
  width: 100%;
}


.filter-news {
  max-width: 1015px;
  margin-left: auto;
  border-top: 2px solid;
  padding-top: 40px;
}


.contacts-content h2 {
  text-transform: inherit;
  font-weight: 500;
  font-size: 40px;
  color: #E8A930;
  padding-top: 40px;
}

.contacts-content details {
  border-bottom: 0;
}

.person-name {
  font-size: 18px;
  font-weight: 700;
  max-width: 240px;
  text-transform: uppercase;
}

.person-name.direktor-block-info-fio {
  max-width: 100%;
  font-size: 38px;
  font-family: "Non Bureau", sans-serif;
}

.one-person {
  margin-right: 13px;
  position: relative;
  margin-bottom: 25px;
}

.direktor-block {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  justify-content: space-between;
}

.direktor-block img {
  margin-right: 15px;
}

.person-job {
  font-size: 18px;
  font-weight: 600;
  color: #7B7A79;
  max-width: 300px;
  height: 100px;
}

.person-job.direktor-block-info-job {
  max-width: 100%;
  font-size: 20px;
}

.person-number {
  font-size: 18px;
  font-weight: 600;
  display: none;
}

.person-number::before {
  background-image: url(/local/templates/ogl/images/tel.svg);
  background-repeat: no-repeat;
  content: " ";
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 7px;
}


.person-mail {
  font-size: 18px;
  font-weight: 600;
  display: block;
}

.person-mail::before {
  background-image: url(/local/templates/ogl/images/mail.svg);
  background-repeat: no-repeat;
  content: " ";
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 7px;
}

.contacts-content p {
  padding: 20px 0;
}


.mob_tabs {
  display: none;
}

.mob_tabs select {
  color: #E8A930;
  font-size: 18px;
  text-transform: uppercase;
  width: 100%;
  appearance: none;
  background: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  position: relative;
  outline: none;
  padding: 5px;
  padding-right: 40px;
  z-index: 99;
}

.tab-svg {
  position: absolute;
  right: 20px;
  cursor: pointer;
}


.mob_tabs select:focus-visible {
  border: 0 !important;
}

.mob_tabs option {
  color: #E8A930;
  font-size: 18px;
  text-transform: uppercase;
}


.table-wrap {
  text-align: center;

  background-color: #fff;
  color: #000;

  max-width: 1015px;
  margin-left: auto;
}

.table-wrap tr:nth-child(odd) {
  background: rgb(10 130 58);

  color: #fff;
}

table {
  border: 1px solid #ccc;
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

table tr {
  border: 1px solid #ddd;
  padding: 5px;
}

table td {
  padding: 10px;
  text-align: center;
  border-right: 1px solid #ddd;
}


@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
  }

  table td {
    display: block;
    text-align: left;
    font-size: 16px;
    border-bottom: 1px dotted #ccc;
    border-right: 1px solid transparent;
  }

  table td:last-child {
    border-bottom: 0;
  }

  table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}

@media(min-width:1430px) {
  .footer-logo img {
    margin-top: -12px;
  }
}

/* адаптив */



@media (max-width:1430px) {

  .main section,
  .page-block {
    /* max-width: 860px; */
  }

  .menu.info_foot .soc-block {
    position: static;
    margin-top: 15px;

  }

  .form-with-person {
    display: block !important;
  }

  .form-with-person .one-person {
    width: 100%;
    text-align: center;
  }

  .form-with-person .one-person .person-name {
    max-width: 100%;
  }

  .form-with-person .one-person .person-job {
    max-width: 100%;
  }

  .text-about {}

  .tabs {
    max-width: 670px !important;
  }

  .youtube-block {
    max-width: 670px !important;
  }

  .footer-content {
    align-items: flex-start;
  }

  .table-wrap {
    max-width: 670px;
  }

  .first-screen {}

  .footer-menu ul {
    display: flex;
    flex-direction: column;
  }

  .footer-logo {
    margin-left: 82px;
  }

  .logo-container {
    margin-right: 58px;
    padding-top: 36px;
  }

  .title {
    font-size: 50px;
  }

  

  .btn-block a {
    font-size: 16px;
  }

  h2 {}

  .slider .slick-arrow {
    top: 74%;
  }

  .sale-title {
    font-size: 30px;
    max-width: 670px;
    line-height: 44px;

  }

  .sale-hr {
    width: 681px;
  }

  .svg-block {
    width: 681px;
  }

  .sub-block ul {
    font-size: 30px;
    max-width: 400px;
  }

  .sub-block li:first-child {
    max-width: 400px;
  }

  .title-tizers {
    font-size: 24px;
  }

  .svg-tizers svg {
    width: 60px;
    height: 60px;
  }

  .new-hr {
    width: 670px !important;
  }



  .about-block {}

  .menu-block-about {
    max-width: 670px;
    /*   margin-bottom: 40px; */


  }

  .menu-about li {
    font-size: 15px;
    margin-right: 17px;
  }

  .title-about {
    font-size: 30px;
  }

  .number-about,
  .number-abouts {
    font-size: 40px;
  }

  .title-news {
    font-size: 18px;
  }

  .one-news {
    flex: 0 0 50%;
  }

  .news-block {
    max-width: 670px;
  }

  .news-block hr {
    max-width: 757px !important;
  }

  .map-block {}

  .yandex-map iframe {}

  .svg-tizers {}

  .title-tizers {
    margin-right: 24px;
  }

  .ones-about {}

  .header {
    /* justify-content: space-evenly; */
  }

  .header ul {
    font-size: 13px;
  }

  .menu li {
    
  }

  .footer-hr {
    display: none;
  }

  .footer-menu .menu a {
    display: block;
    width: 100%;
  }

  .info_foot li {
    display: block;
    width: 100%;
  }

  .footer-menu {
    display: flex;

  }

  .inside-footer-content {
    align-items: flex-start;
  }

  .footer-menu .menu li {
    font-size: 12px;
  }

  .footer-content {
    padding-bottom: 80px;
  }

  .sbpr {
    background-position: center;
  }


  .about-img-block div {
    max-width: 860px;
    margin-left: auto;
  }

  .about-img-block img {
    width: 100%;
    height: auto;
  }

  .txt-about {
    max-width: 670px !important;
  }

  .news-detail-img,
  .other-img-news,
  .date-news {
    max-width: 670px !important;
  }

  .about-img-block-second div {
    max-width: 670px !important;
  }

  .about-img-block-second img {
    width: 100%;
    height: auto;
  }

  .partners-block_title {
    font-size: 30px;
    max-width: 670px;
    margin-left: auto;
  }

  .partners-block {
    max-width: 670px;
  }


  .log-txt {
    max-width: 670px;
  }

  /* .agrosoprovojdenie .log-txt{
height: 250px;
} */

  /* .logistik-slider .log-txt{
height: 250px;
} */

  /* .logistik-slider .sale-title{
 height: 150px;
}

.logistik-page-slider .log-txt{
 height: 80px;
}

.logistik-page-slider .sale-title{
 height: 150px;
}

.logistik-slider .log-txt{
 height: 80px;
} */


  

  

  .jobs_block {
    max-width: 670px !important;
    margin-left: auto !important;

  }

  summary {
    font-size: 27px;
  }

  summary~* {
    padding: 0;
  }

  .reviews_block {
    max-width: 670px !important;
  }


  .sertifikate-block {
    max-width: 670px;
  }

  .one-sertifikate {
    width: 49%;
  }


  .szr-content {
    max-width: 670px;
  }

  .mikro-content {
    max-width: 670px;
  }

  .title-mikro {
    font-size: 30px;
  }

  .txt-block-mikro {
    margin: 0;
    margin-bottom: 40px;
  }

  .mikro-img {
    max-width: 670px;
    margin-top: 35px;
  }

  .mikro-img img {
    width: 100%;
  }

  .before-img-title {
    font-size: 30px;
  }

  .tabs__btn {
    font-size: 18px;
    margin-right: 25px;
  }

  .tabs__btn_cont {
    font-size: 16px !important;
    margin-right: 10px !important;
  }

  .tabs__pane_show {
    flex-wrap: wrap;
  }

  .first-product-culumm {
    width: 100%;
    margin-bottom: 40px;
  }

  div.product-culumm {
    width: 50%;
    margin-left: 0 !important;
    margin-bottom: 40px;
  }

  .one-semen:nth-child(3) {
    justify-content: inherit;
    margin-top: 0px;
  }

  .one-semen {
    margin-bottom: 40px;
  }

  .flex-block-semen {
    justify-content: inherit;
  }

  .semen-content {
    max-width: 670px;
  }

  .one-semen {
    width: 50%;
    justify-content: center !important;
    display: flex;
  }

  .one-semen img {
    width: 100%;
  }

  .one-properties {
    width: 50%;
  }


  .filter-news {
    max-width: 670px !important;

  }

  .contacts-content h2 {}



  .one-person {
    width: 47%
  }

  .contacts-content {
    max-width: 670px;
  }

}

@media (max-width:1279px) {
  .rigth-subtitle-block {
    display: none;

  }
 .subtitle {
    font-size: 18px;
  }
  .elanim {
    opacity: 1 !important;
  }
  .logistik-page-slider .slider__item {
 
  max-width: 400px;
  min-height: auto;
}
.slider.logistik-page-slider .slider__item img 
{
   min-height: 220px;
}

}

@media (max-width:991px) {

  
  .logistik-page-slider .slick-arrow.slick-prev {
    right: 40px !important;
  }
  

  .yandex-map iframe {}

  .car {
    display: none;
  }

  /*  .title{
   margin-top: 60px;
 } */
  .footer-content {
    flex-wrap: wrap;
  }

  .footer-logo {
    margin-left: 0;
    margin-bottom: 20px;
  }

  .logo-container {
    margin-right: 0;
    margin-top: 20px;
  }



}

.show-mob {
  display: none;
}

@media (max-width:767px) {
  .first-sld {
    max-height: unset;
  }
.main section,
  .page-block {
    max-width: 600px;
  }
  .tizers-content-one {
    width: 100%;
    min-height: 167px;
  }

  .hide-mob {
    display: none;
  }

  .show-mob {
    display: flex;
  }

  .team-title.show-mob {
    margin-bottom: 20px;
    width: 100%;
    max-width: 230px;
  }

  .autopark-block {
    display: flex;
    flex-direction: column;

  }

  .autopark-content-one {
    width: 100%;
    min-height: 132px;
  }

  .autopark-content-one.bigCard {
    width: 100%;
    min-height: 400px;
  }

  .map-block .contacts {
    flex-direction: column;
  }

  .mob_header .logo {}

  .footer {
    margin-top: 60px;
  }

  .jobs_block summary p {
    width: 100%;
    max-width: 450px;
  }

  .direktor-block {
    display: block;
    text-align: center;
  }

  .direktor-block img {
    margin-right: 0;
    margin-bottom: 20px;
    max-height: 100%;
  }

  .text-about {
    height: auto;
  }

  .footer-form {
    max-height: max-content;
  }

  .slider-form {
    background: #E8A930;
  }

  .one-semen {
    width: 100%;
  }

  summary {
    font-size: 22px;
  }

  .slider-form {
    width: 100%;
  }



  .slider-form .slider__item img {
    max-width: -webkit-fill-available;
  }

  .other-img-news {
    text-align: center;
  }

  .table-wrap {
    display: block !important;
  }

  .img-2 {
    position: relative;
    bottom: -50px;
  }

  .svg-tizers {}

  .filter-news {
    border: none;
  }

  .news-block {
    border: none;
  }

  .sect-news {
    display: none;
  }

  .about,
  section.team,
  .logistik {
    margin-top: 60px !important;
  }

  .tabs {
    display: none;

  }

  .mob_tabs {
    display: inherit;
  }

  .dropdown {
    display: inline-block !important;
  }

  .menu-block-about {
    padding-left: 0;
    margin-bottom: 0px;
  }

  .menu-about {
    display: none;
  }

  /* .title{
    margin-top: 207px;
  } */
  .news-block .btn {
    display: block !important;
    bottom: -55px !important;
  }

  .sale .title-block,
  .logistik .title-block {}

  .logistik h3 {
    font-size: 18px;
  }

  .btn-first {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .slide.slick-slide {
    min-height: 900px !important;
    background-position: 80%;
  }

  /* .slick-dots{
    display: none !important;
  } */
  .btn-block {
    display: inline-block !important;
  }

  .sun-loock {
    display: none;
  }

  .sbpr {
    display: none;
  }

  .slider__item img {
    min-height: 114px;

  }

  

  .container {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 30px;

  }

  .header-mob-right {
    display: flex;
    gap: 10px;
  }

  .mob_header {
    justify-content: space-between;
    padding: 0 15px;
  }

  .container.burger-icon {
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #E8A930;
    border-radius: 3px;
    gap: 3px;
    position: relative;
    right: 0;
  }

  .bar1,
  .bar2,
  .bar3 {
    width: 10px;
    height: 2px;
    background-color: #000;

    transition: 0.4s;
  }

  .bar2 {
    width: 10px;

  }


  .main section,
  .page-block {
    max-width: 600px;
  }

  .title {
    font-size: 32px;
  }

  .left-subtitle-block {
    margin-right: 74px;
  }

  .subtitle {
    font-size: 14px;
    /* max-width: 290px; */

  }

  .btn-block a {
    font-size: 16px;
  }

  h2 {
    font-size: 27px;
  }

  .slider .slick-arrow {
    top: 74%;
  }

  .sale-title {
    font-size: 18px;

    max-width: inherit;
    line-height: 27px;
  }

  .sale-hr {
    width: 333px;
  }

  .svg-block {
    width: 333px;
  }

  .sub-block ul {
    font-size: 24px;
  }

  .tizers-content-one div {
    width: 100%;
  }

  .title-tizers {
    font-size: 24px;
    width: 50%;
    margin-right: 0;
  }

  .sub-block ul {
    max-width: 500px;
  }

  .sub-block li:first-child {
    max-width: 500px;
  }

  .svg-tizers {
    margin-right: 0;
  }

  .svg-tizers svg {
    width: 60px;
    height: 60px;
  }

  .new-hr {
    width: 310px !important;
  }

  .tizers-block {
    max-width: 670px;
  }

  .text-tizers {}

  .contact-block {
    display: flex;
    flex-direction: column-reverse;
  }

  .default {
    display: none;
  }

  .product-img.bg {
    display: none;
  }

  .contact-block .btn {
    margin-top: 25px;
  }

  .about-block {
    padding: 0;
    padding-top: 500px;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
  }

  .ones-about {
    font-size: 18px;
    max-height: 204px;
    backdrop-filter: blur(10px);
  }

  .title-about {
    font-size: 30px;

  }

  .number-about,
  .number-abouts {
    font-size: 40px;
    margin-bottom: 30px;
  }


  .title-news {
    font-size: 18px;
    margin-right: 0;
    max-width: 500px;
  }

  .subtitle-news {
    margin-right: 0;
    max-width: 500px;
  }

  .lastblock-news {
    margin-right: 0;
    max-width: 500px;
  }

  .one-news {
    flex: 0 0 50%;
    margin: 0 auto;
    margin-bottom: 20px;
  }


  .news-block {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
  }

  .news-block hr {
    max-width: 757px !important;
  }

  .map-block {}

  .yandex-map iframe {
    max-width: 100%;
  }

  .subtitle-block {
    justify-content: flex-start;
  }

  .tizers-content-one {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
  }

  .svg-tizers img {}

  .team-img {
    width: 50%;
    height: 317px;
  }

  img.team__img {
    max-width: 300px;
    height: 347px;
  }

  .contacts-left {
    margin-bottom: 60px;
  }

  .info-about {
    justify-content: center;
    gap: 10px;
  }

  .team-text ul {
    max-width: 280px;
  }

  .tizers-block {
    margin: 0;
  }

  .footer-form img {
    width: 100%;
  }

  .footer-form form {
    width: 100%;
  }

  .title-form {
    font-size: 24px;
  }

  .subtitle-form {
    font-size: 16px;
  }

  .form input {
    width: 320px;
  }

  .footer-form {
    flex-direction: column-reverse;
  }

  .form textarea {
    width: 320px;
  }

  .partners-block_title {
    font-size: 18px;

  }

  .one-partners {
    flex: 0 0 45%;
  }

  .log-txt {
    max-width: 500px;
  }

  .logistik-page-slider {
    margin-top: 82px;
  }

  .txt-about {
    max-width: 500px;
  }

  .logistik_txt-width-img {
    max-width: 500px !important;
    display: block;
  }

  .logistik_txt-width-img img {
    width: 100% !important;
    margin-right: 0;
  }

  .logistik_txt-width-img p {
    width: 100% !important;
  }

  .logistik-page-slider .slick-arrow {
    top: -40px !important;
  }
 .logistik-page-slider {
    max-width: 670px !important;
    margin-left: auto !important;
  }
  .logistik-page-slider .slider__item {
    max-width: 90vw;
  }

  .jobs_content {
    display: block;
  }

  .left-content {
    width: 100%;
    columns: 1;
  }

  .jobs_content li {
    max-width: 100%;
  }

  .reviews_block summary~* {
    padding: 0;
    margin-bottom: 25px;
  }

  .one-sertifikate {
    margin-bottom: 30px;
    width: 100%;
    padding: 0;
  }

  /* .wrapper-block-szr{
width: 100%;
display: block;
padding: 0;
} */

  .one-szr {
    padding-right: 0px;
    text-align: center;
    margin-top: 40px;
  }

  .one-szr img {
    display: block;
    margin: 0 auto;
    width: 100%;
  }

  .title-mikro {
    font-size: 18px;
    line-height: 26px;
  }

  .before-img-title {
    font-size: 18px;
  }

  .txt-block-mikro {
    display: block;
  }

  .left-txt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }

  .right-txt {
    width: 100%;
  }

  div.product-culumm {
    width: 100%;
    margin-right: 0 !important;
  }

  .one-properties {
    width: 100%;
  }

  .one-person {
    width: 100%;
  }

  .contacts-content h2 {
    font-size: 27px;
  }

  .logistik-footer {
    flex-direction: column;
    margin-top: 30px;
    padding: 15px 0;
    gap: 30px;
  }
  .autopark-content-one.bigCard .text-autopark {
    max-width: 100%;
  }
  .logistik-footer__item {
    max-width: 100%;
  }
}

.licenses-block p {
  font-size: 16px;
  color: #2C2C2C;
}

.licenses-link {
  text-decoration: underline;
  color: #2C2C2C;
}

@media (max-width: 553px) {
  .team p {
    font-size: 10px;
    margin-bottom: 15px;
    max-width: 80vw;
  }
  .title.frst_titile {
    margin-bottom: 10px;
  }
  .first-sld {
    max-width: 100vw;
  }
  h2.title-block {
    letter-spacing: 1px;
    /* max-width: 45vw; */
    margin-bottom: 10px;
    font-size: 20px;
  }

  .about h2.title-block {
    white-space: nowrap;
  }
  .about_notindex h2.title-block {
    white-space: unset;
  }

  .slide.slick-slide {
    min-height: 438px !important;
  }

  .first-sld .slide.slick-slide {
    max-width: 100vw;
    width: 90vw;
    min-width: 400px;
    padding: 0 10px;
    margin: 0 auto;
    background-position-y: -30px;
  }
  

  section.about {
    margin-top: 60px;
  }

  .title {
    font-size: 26px;
    margin-bottom: 0;
    letter-spacing: 1px;
  }

  .svg-tizers img {
    max-width: 24px;
  }

  .text-tizers {
    font-size: 10px;
    line-height: 12px;
    max-width: 60vw;
  }

  .tizers-content-one {
    min-height: 74px;
    padding: 10px;
    gap: 20px;
  }

  .tizers-content-one:nth-child(1) .text-tizers {
    max-width: 145px;
  }

  .tizers-content-one:nth-child(2) .text-tizers {
    max-width: 70vw;
  }

  .tizers-content-one:nth-child(3) .text-tizers {
    max-width: 70vw;
  }

  .block-info-tizers {
    max-width: 80%;
  }

  .team-item {
    padding: 15px 0;
  }

  .team-img {
    height: auto;
  }

  img.team__img {
    max-width: 120px;
    min-width: unset;
  }

  .team-img.driver {
    /* height: 153px; */
    /* width: 119px; */
  }

  .team-img.driver img.team__img {
    height: auto;
    min-height: 188px;
  }

  .team-img.manager {
    background: url('/upload/team/Rectangle 4966.jpg');
    background-repeat: no-repeat;
    height: 153px;
    /* width: 119px; */
    min-width: 119px;
  }

  .team-img.manager img {
    display: none;
  }

  .team-text li {
    font-size: 8px;
  }

  .team-title {
    font-size: 18px;
  }

  .main section,
  .page-block {
    max-width: 290px;
    max-width: 93vw;
  }
section.first-screen {
    max-width: 97vw;
  }
  .main section.map_rf {
    max-width: 100%;
    margin-top: 0 !important;
  }

  .map_rf_h2_mob {
    margin: 0 auto;
    margin-top: 125px;
    max-width: 310px;
  }

  .map_rf_h2_desc {
    display: none;
  }

  .map_rf_h2_mob {
    display: block;
  }

  .not-found-block img {
    width: 200px;
    min-height: unset;
    min-width: unset;
  }

  .first-nfbt {
    font-size: 30px !important;
  }

  .second-nfbt {
    font-size: 14px !important;
  }

  .not-found-block-btn {
    margin-top: 15px !important;
  }

  .szr-link svg {
    top: 93% !important;
  }

  .logistik-page-slider .slick-arrow {}

  .slider .slick-arrow.slick-prev {}

  .slider .slick-arrow {
    width: 30px;
    height: 30px;
  }

  img {
    max-height: 240px;
  }

  .one-sertifikate img {
    max-height: 100%;
  }

  .one-person img {
    max-height: 100%;
    ;
  }

  .qr-req {
    width: 300px;
    height: 300px;
    position: relative;
    right: 40px;
  }

  .sub-block ul {
    max-width: 310px;
  }

  .sub-block li:first-child {
    max-width: 310px;
  }

  .tizers-block {}

  h2,
  h2 a.title-block {
    font-size: 20px;
  }

  .about-block {
    height: auto;
    background: url('/upload/images/unsplash_2mjl2uvz9ic.jpg') !important;
    background-position: 40% 0% !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
  }

  p.text-about {
    font-size: 10px;
  }

  .title-news {
    max-width: 310px;
  }

  .subtitle-news {
    max-width: 310px;
  }

  .lastblock-news {
    max-width: 310px;
  }

  .youtube {
    height: 300px !important;
  }

  .one-news img {
    width: 310px;
  }

  .news-block {
    max-width: 310px;
  }

  .map {
    max-width: 500px !important;
  }

  .footer-menu {
    display: block !important;
    margin-left: 0px;
  }

  .footer-content {
    display: block !important;
    padding-left: 50px !important;
    margin-left: 0 !important;
  }

  .info_foot {
    margin-top: 40px;
  }

  .btn-first {
    width: 300px !important;
    font-size: 16px !important;
    height: 45px !important;
    padding: 10px 63px !important;
  }

  .one-partners {
    flex: 0 0 70%;
  }

  .map-index {
    margin-top: 60px !important;
  }

  .partners-block {
    justify-content: center;
  }

  .contacts-left {
    gap: 20px;
  }

  .contacts-left__item {
    gap: 20px;
  }

  .contacts-left__svg svg {
    width: 29px;
    height: 29px;
  }

  .contacts-left,
  .contacts-left__title {
    font-size: 10px;
  }

  .contacts-left__text a {
    font-size: 10px;
  }

  .footer-form form {
    padding: 18px 15px;
  }

  .contact-block .btn {
    height: 40px;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    margin-bottom: 0 !important;
    font-size: 10px;
  }

  .licenses-block p {
    font-size: 8px;
  }

  input.form-control.md-resp-name,
  input.md-resp-phone.ph.form-control,
  input.form-control.mai.md-resp-email {
    padding-bottom: 12px;
    margin-bottom: 10px;
  }

  .header-btn.show-mob a {
    width: 95px;
    height: 20px;
    font-size: 8px;
    border-radius: 1px;
  }

  section.autopark {
    margin-top: 60px;
  }

  .autopark .desc {
    max-width: 80vw;
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .autopark .advantages {
    font-size: 15px;
    
  }
  .text-autopark {
    font-size: 10px;
  }
  .autopark-content-one {
    padding: 9px;
    min-height: 65px;
  }
   .svg-autopark-img {
    max-width: 24px;
  }
}


.licenses-block {
  display: flex;
  margin-top: 25px;
  margin-bottom: 30px;
  align-items: center;
}

.licenses-block .licenses-checkbox {
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
  margin: 0 !important;
  margin-right: 3px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;

}

@media (max-width: 363px) {
  .first-sld .slide.slick-slide {
    max-width: 100vw;
    width: 90vw;
    min-width: 290px;
    padding: 0 5px;
    margin: 0 auto;
    background-position-y: -30px;
  }
  .slider .slick-arrow.slick-next {
    right: -9px !important;
  }

  .slider .slick-arrow.slick-prev {
    right: 30px !important;
  }

  

  .logistik-about {
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .logistik h3 {
    font-size: 15px;
    font-weight: 900;
    font-family: 'Non Bureau Bold Extended';
    letter-spacing: 0;
    margin-top: 0;
  }

  .sale-title,
  .logistik .sale-title,
  .logistik-footer__item {
    font-size: 10px;
    line-height: unset;
  }
  .logistik-page-slider .slick-track {
    gap: unset;
  }

  .logistik-footer__item:nth-child(1) {
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
  }

  .logistik-footer {
    gap: 15px;
  }

  .team-item {
    gap: 15px;
  }

  .team-item ul {
    max-width: 140px;
    margin-left: 15px;
  }

  .team-title.show-mob {
    margin-bottom: 10px;
    font-size: 15px;
    max-width: 120px;

  }

  .team p {
    font-size: 10px;
  }

  .title-form {
    font-size: 15px;
  }

  .logo .svg-logo {
    max-width: 51px;
  }

  .container.burger-icon {
    border-radius: 1px;
    gap: 2px;
  }

  .contacts-left {
    margin-bottom: 30px;
  }

  .contacts-left__text {
    max-width: 200px;
  }

  section.first-screen {
    /* bottom: -22px; */
    position: absolute;
  }

  .work-time p {
    margin-bottom: 7px;
  }

  .bar1,
  .bar2,
  .bar3 {}

  .tizers-block {
    margin-top: 30px;
  }

  .about-block {
    margin-top: 30px;
    padding: 32px 14px;
  }

  .info-about {
    gap: 15px;
  }

  .ones-about {
    padding: 12px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
  }

 

  .autopark-block {
    gap: 10px;
  }

  .autopark .advantages {
    max-width: 50%;
    margin-bottom: 20px;
  }

  

  .autopark-content-one.bigCard {
    padding: 12px;
    min-height: 200px;
    background-image: url('/upload/images/autopark-320.jpg') !important;
  }
  .autopark-content-one.bigCard .text-autopark {
    font-size: 10px;
  }

  .tizers-content-one:nth-child(5) .block-info-tizers {}

  .tizers-content-one.tiz-anim:last-child .text-tizers {
    color: #2C2C2C;
    max-width: 100%;
  }

  .licenses-block .licenses-checkbox {
    width: 7px !important;
    height: 7px !important;
  }

  .map-block .contacts {
    margin-bottom: 15px;
  }

  .footer {
    margin-top: 30px;
  }
}


.dropbtn {
  background-color: #FAFAFA;
  color: #E8A930;
  font-size: 18px;
  text-transform: uppercase;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}


.dropbtn svg {
  margin-left: auto;
  fill: #E8A930;
}

.dropbtn path {
  fill: #E8A930;
}

/* Dropdown button on hover & focus */
.dropbtn:hover,
.dropbtn:focus {
  background-color: #FAFAFA;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;

  display: none;
  width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FAFAFA;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  z-index: 999999999;
  position: relative;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
  width: 100%;
}

#myDropdown a {
  color: #E8A930;
  font-size: 18px;
  text-transform: uppercase;
}

.dropbtn span {
  color: #E8A930;
  font-size: 18px;
  text-transform: uppercase;
}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  background-color: #2c2c2c;
  overflow-y: hidden;
  transition: 0.5s;
  z-index: 99999999999999;
  margin-top: 70px;
}

.overlay-content {
  position: relative;
  width: 100%;
  /* margin-top: 30px; */
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: 30px 40px;
}

.overlay li {
  padding: 8px;
}

.overlay a {
  text-decoration: none;
  font-size: 18px;
  color: #E8A930;
  display: block;
  transition: 0.3s;
}

.overlay-content a {
  text-transform: uppercase;
}

.overlay a:hover,
.overlay a:focus {
  color: #E8A930;
}

.overlay .closebtn {
  top: 0px;
  right: 45px;
  font-size: 60px;
  padding-right: 40px;
}

.mob_rsb {
  display: inherit;
  position: relative;
  padding-left: 40px;
  padding-top: 60px;
}

.mob_rsb .phone {
  color: #E8A930;
}

.mob_rsb .mail {
  color: #E8A930;
}

.logo_close {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#myNav .logo {
  padding-left: 40px;
}

.hid_menu {
  overflow-y: hidden;
}



@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }

  .overlay a {
    font-size: 20px
  }

  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


.hids {
  display: none;
}

.tabs {
  margin-left: auto;
  max-width: 1015px;
}

.btn-first-slide {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #fff !important;
  text-transform: uppercase;
  text-align: center;
}

.product-img.bg {
  display: none !important;
}

.default {
  margin-right: 20px;
}

.product-img.selected {
  display: block !important;
}


/* popup */
.popup__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s all;
  z-index: 999999999;
}

.popup__bg.active {
  opacity: 1;
  pointer-events: all;
  transition: 0.5s all;
}

.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: #fff;
  width: 100%;
  max-width: 600px;
  padding: 25px;
  transition: 0.5s all;
}

.popup.active {
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s all;
}

.close-popup {
  min-width: 35px;
  min-height: 35px;
  cursor: pointer;
  position: absolute;
  right: 1%;
  top: 1%;
}

.popup .title-form {
  margin-top: 0 !important;
}

.popup input {
  width: 100%;
}

.youtube-block {
  position: relative;
}

.video-block .youtube-block {
  max-width: 100%;
}

.youtube-block:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}


.youtube-block {
  max-width: 1015px;
  margin-left: auto;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.youtube-block iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.youtube {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: all 200ms ease-out;
  cursor: pointer;
}

.youtube .play {
  background: url(/local/templates/ogl/images/yuotybe_btn.png) no-repeat;
  background-size: 100% auto;
  position: relative;
  height: 70px;
  width: 70px;
  transition: none;
  top: 50%;
  margin: auto;
}


/* Прелоадер */
/* .preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
background: #fff;
z-index: 9999999999;
overflow:hidden; 
}


.pre-page-loader svg  {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 20px 0;
}

.kurtlilogo {
      width: 100%;
      max-width: 30rem;
      overflow: visible;
  }

  .kurtlilogo_i2 {
      transform-origin: 96% 14%;
  }


@media(max-width: 1024px) {
.pre-page-loader svg {
  max-width: 500px;
  width: 100%;
}
}

@media(max-width: 767px) {
.pre-page-loader svg {
  max-width: 450px;
}
}

@media(max-width: 500px) {
.pre-page-loader svg {
  max-width: 350px;
}
} */

/* Прелоадер Alexey */
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #2c2c2c;
  z-index: 99999999;
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: hidden;
}

.preloader__image {

  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url(/local/templates/ogl/images/logo.svg) no-repeat 50% 50%;
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}

.blink {
  animation-name: blinker;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(2.0, 2.0, 0, 2.0);
  animation-duration: 2s;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(2.0, 2.0, 0, 2.0);
  -webkit-animation-duration: 2s;
}

@keyframes blinker {
  from {
    opacity: 1.0;
  }

  to {
    opacity: 0.0;
  }
}

@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }

  to {
    opacity: 0.0;
  }
}


/*  */

.link-production.szr-link {
  position: relative;
}

.szr-link svg {
  position: absolute;
  right: 0;
  top: 96%;
}

.nw {
  text-align: justify !important;
}

.fancybox-container {
  z-index: 999999999 !important;
}

.not-found-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}

.not-found-block-txt {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.first-nfbt {
  font-size: 45px;
}

.second-nfbt {
  font-size: 18px;
}

.not-found-block-btn {
  margin-top: 25px;
}

.block-numb {
  display: flex;
}

.form-with-person {
  display: flex;

}

.form-with-person .title-form {
  margin-top: 0px !important;
}

.form-with-person .subtitle-form {
  width: auto;
}

.adm-workarea img {
  min-height: auto;
  min-width: auto;
}

.ul_news li {
  list-style: initial;
}

.md-resp-msg {
  color: #2C2C2C;
}

.md-resp-msg-jobs,
.md-resp-msg,
.md-resp-msg-popup {
  font-weight: 900;
}

.md-resp-msg-popup {
  color: #2C2C2C;
}

/* Rotate first bar */
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-3px, 3px);
  transform: rotate(-45deg) translate(-3px, 3px);
  width: 10px;
  height: 2px;
}

/* Fade out the second bar */
.change .bar2 {
  opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -4px);
  transform: rotate(45deg) translate(-4px, -4px);
  width: 10px;
  height: 2px;
}


.form .btn {

  pointer-events: none;
  opacity: .7;
}

.not-disable {
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

/* .cookie-consent {
    display: none;
} */

.cookie-consent {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    background: #2c2c2c;
    -webkit-box-shadow: 0 -5px 20px -10px #05141f;
    box-shadow: 0 -5px 20px -10px #05141f;
}
.cookie-consent__body {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.cookie-consent__message {
    font-size: 14px;
}
@media (max-width: 1024px){
  .cookie-consent__body {
    flex-direction: column;
    padding: 20px 10px;
    gap: 10px;
  }
  .cookie-consent__message {
    font-size: 11px;
  }
  .cookie-consent__button .btn {
    padding: 0;
    height: 40px;
  }
}
/* End */


/* Start:/local/templates/ogl/components/bitrix/news.list/contact_dann/style.css?1764012852150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/ogl/components/bitrix/news.list/contact_soc/style.css?1764012852150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/ogl/styles.css?1764012853103*/
.abzac-about{
border-bottom: 1px solid #134125;
border-top: 1px solid #134125;
padding: 20px 0;
}

/* End */
/* /local/templates/ogl/css/style.css?177550438282176 */
/* /local/templates/ogl/components/bitrix/news.list/contact_dann/style.css?1764012852150 */
/* /local/templates/ogl/components/bitrix/news.list/contact_soc/style.css?1764012852150 */
/* /local/templates/ogl/styles.css?1764012853103 */
