@import url('colors.css');

@font-face {
  font-display: swap;
  font-family: 'Montserrat regular';
  src: url(../fonts/Montserrat-Regular.ttf);
}

/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
:focus,
:active {
  outline: none;
}
a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  color: var(--dark-common-text);
  line-height: 1.6;
  font-family: 'Montserrat regular';

  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
a,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

/*--------------------*/

h1,
h2,
h3 {
  font-weight: 600;
}

#page-wrapper {
  min-height: 100%;
}

* html #page-wrapper {
  height: 100%;
}

.container {
  margin: 0 auto;
}
.section {
}

/* Header Styles START */
.header {
  display: flex;
  align-items: center;
  position: relative;
}

.header__decoration {
  display: flex;
  flex-direction: column;
  border-right: 4px solid var(--dark-common-text);
  height: 70%;
  position: absolute;
  right: 0;
  justify-content: space-evenly;
}

.header__decoration-item img {
}

.header__content-title {
  line-height: 1;
}

.header__content-btns {
  display: flex;
}

.header__content-btns a {
  color: var(--dark-common-text);
}

.header__content--center {
  width: fit-content;
  margin: 0 auto;
  text-align: center;
}

.header__content-line {
  width: 100%;
}
/* Header Styles END */

/* Блок с директором START */
.block-director__photo-inner {
  color: var(--light-common-text);
  background-color: #ffffff;
  flex: 1 1;
  display: flex;
}

.block-director__photo {
  background-image: url(../img/director.png);
  flex: 1 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}

.block-director__content {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}

.block-director__content h2 {
  text-align: center;
}

.block-director__content span {
  display: block;
  color: var(--special-text);
  text-align: center;
}

.block-director__photo-label {
  text-align: center;
  background-color: var(--dark-common-text);
  width: fit-content;
}

.block-director__company {
  text-align: center;
  background-color: var(--dark-common-text);
}

.block-director__company-digits {
  color: var(--special-text);
}
/* Блок с директором END */

/* Блок цифры и факты START */
.logo_wrapper {
  border-color: var(--special-text);
}
.logo_rise {
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo_rise img {
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
  width: 75%;
  height: 75%;
}
.logo_rise:hover img {
  -webkit-transform: scale(1.25); /* Safari and Chrome */
  -moz-transform: scale(1.25); /* Firefox */
  -ms-transform: scale(1.25); /* IE 9 */
  -o-transform: scale(1.25); /* Opera */
  transform: scale(1.25);
}

.block-facts__wrapper {
  display: flex;
  align-items: center;
}
.block-facts__item-inner-left {
  text-align: right;
}
.block-facts__item-inner-right {
  text-align: left;
}

.block-facts__item-point_digits {
  color: var(--special-text);
  font-weight: 600;
}

/* Блок цифры и факты END */

/* Блок ассортимент START */
.block-assortiment {
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-assortiment-catalog {
  width: 30%;
  text-align: center;
}
.block-assortiment-catalog h2 {
  color: var(--special-text);
  text-align: center;
}

.block-assortiment-catalog__picture {
  width: 30%;
}

.block-assortiment-catalog__picture img {
  max-width: 100%;
}
/* Блок ассортимент END */

/* Блок качество START */
.block-quality_bottom_docs_img_wrapper {
  display: flex;
}

.block-quality_bottom_docs {
  background-color: var(--special-text);
}

.block-quality_bottom_docs_img p {
  text-align: center;
  color: var(--common-text);
}

.block-quality__links {
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}

/* Блок качество END */

/* Блок-форма START */
.block_formask_wrapper {
  display: flex;
  background-color: var(--special-text);
}
.block_formask_info_bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../img/NNS_8167.png');
}
.block_formask_info {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.block_formask_form_wrapper {
  display: flex;
}

.block_formask_form input {
  color: gray;
  transition: all 0.15s ease-in-out;
}

.block_formask_form input:focus {
  background-color: var(--dark-common-text);
  border-color: #bdbdbd;
}

.block_formask_form textarea {
  color: gray;
  transition: all 0.15s ease-in-out;
}

.block_formask_form textarea:focus {
  color: #191d20;
  background-color: var(--dark-common-text);
}

.form_button {
  color: var(--dark-common-text) !important;
  background: none !important;
  cursor: pointer;
}

.form_button:hover {
  color: var(--common-text) !important;
}
/* Блок форма END */

/* Стили для слайдеров START */
.mainslider_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mainslider_next,
.mainslider_previous {
  cursor: pointer;
  outline: none;
  background: transparent;
}

.mainslider_next span,
.mainslider_previous span {
  transition: transform 0.3s ease;
}
.mainslider_previous:hover span {
  transform: translateX(-10px) scale(1.2);
}
.mainslider_next:hover span {
  transform: translateX(10px) scale(1.2);
}

.mainslider_slider img {
  display: none;
}
.mainslider_slider img.active {
  display: block;
  -webkit-animation: fadeImg 0.8s;
  animation: fadeImg 0.8s;
}

@-webkit-keyframes fadeImg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.team_member {
  text-align: center;
}
.team_name {
  font-weight: bold;
}

/* Стили для слайдеров END */

/* Типовой блок block-table START */
.block-table {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.block-table__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slider_main {
  position: relative;
  z-index: 4;
}

.slider_main::after {
  content: '';
  position: absolute;
  background-color: var(--special-text);
  width: 100%;
  height: 100%;
  z-index: -1;
}

.dark_block_header {
  text-align: center;
}

.dark_block_header hr {
  width: 50%;
  color: var(--special-text);
}
.dark_block_header span {
  color: var(--special-text);
}
.requisite_detail {
  display: flex;
  align-items: center;
}

.requisite-detail__text-wrapper {
  display: flex;
  align-items: center;
}

.requisite_detail__text {
  color: var(--dark-common-text);
}
.requisite_detail__text:hover {
  color: var(--special-text);
  transition: all 0.5s;
}

.requisite_block_inner {
  background-color: var(--test-item-background);
}
/* Блок реквизиты END */

.block-quality_bottom_docs_img img {
  width: 100%;
}

.block-info {
  display: flex;
  align-items: center;
}
.block-info--top-align{
  display: flex;
  align-items: flex-start !important;
}

.block-info__news {
  display: flex;
  align-items: center;
}

.block-info__director {
  display: flex;
}

.block-info__item img {
  max-width: 100%;
}



.dark-table {
  display: flex;
  justify-content: center;
}

.press_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}

.press-nav {
  display: flex;
  flex-direction: column;
}

.press-nav a {
  transition: all 0.5s;
}

.press-nav a:hover {
  color: var(--special-text);
}

.press-list__description a {
  color: var(--dark-common-text);
  font-weight: 600;
}

.press-list__item-title a {
  transition: all 0.5s;
}

.press-list__item-title a:hover {
  color: var(--special-text);
}

.press-list__item-category a {
  transition: all 0.5s;
}

.press-list__item-category a:hover {
  color: var(--special-text);
}



.press-container__left {
  background-color: var(--test-item-background);
}

.press-list__description-empty {
  text-align: center;
}

.press-nav a .active {
  color: var(--special-text);
  font-weight: 600;
}

.block-table--wrap {
  display: flex;
  flex-direction: column;
}

.clnts-otgruzka-item {
  background-color: var(--special-text);
}

.block-info__item {
  flex: 1 1;
}
.block-info__item li {
  list-style: inside;
}

.licenses-slider__for .licenses-slider__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.licenses-slider__nav span {
  cursor: pointer;
  transition: all 0.4s;
}

.licenses-slider__nav .licenses-slider__wrapper {
  text-align: center;
}

.licenses-slider__nav .slick-prev:before {
  content: url(../img/svg/prev-arrow.svg);
  opacity: 0.5;
  transition: all 0.5s;
}

.licenses-slider__nav .slick-next:before {
  content: url(../img/svg/next-arrow.svg);
  opacity: 0.5;
  transition: all 0.5s;
}
.licenses-slider__nav .slick-prev:hover:before {
  opacity: 1;
}
.licenses-slider__nav .slick-next:hover:before {
  opacity: 1;
}




.mainslider_container li {
  list-style: none;
}

.mainslider_container ul {
  display: flex;
}

.contacts_accordeon_title {
  cursor: pointer;
  width: 100%;
  transition: 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  color: var(--dark-common-text);
  text-transform: uppercase;
}

.act,
.contacts_accordeon_title:hover {
  color: var(--special-text);
}

.contacts_accordeon_title:after {
  content: '\002B';
  transition: 0.4s;
}

.act:after {
  transform: rotate(45deg);
}

.contacts_accordeon_panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease-out;
}

.contacts_accordeon_inner {
  background-color: var(--test-item-background);
}

.contacts_email,
.contacts_phones {
  position: relative;
}

.contacts_email a,
.contacts_phones a {
  color: var(--dark-common-text);
  cursor: pointer;
}

.contacts_email a:hover,
.contacts_phones a:hover {
  color: var(--special-text);
}

.contacts_phones::before {
  content: url(img/svg/phone.svg);
  position: absolute;
}

.contacts_email::before {
  content: url(/img/svg/email.svg);
  position: absolute;
}

.slider-for .slider_wrapper {
  display: flex;
  align-items: center;
}
.slider-for .slider_block {
  display: flex;
  justify-content: center;
}
.item-cert__name{
  text-align: center;
}

.slider-nav span {
  cursor: pointer;
  transition: all 0.4s;
}

.slider-nav .slider_wrapper {
  text-align: center;
}

.slider-nav .slick-prev:before {
  content: url(../img/svg/prev-arrow.svg);
  opacity: 0.5;
  transition: all 0.5s;
}

.slider-nav .slick-next:before {
  content: url(../img/svg/next-arrow.svg);
  opacity: 0.5;
  transition: all 0.5s;
}
.slider-nav .slick-prev:hover:before {
  opacity: 1;
}
.slider-nav .slick-next:hover:before {
  opacity: 1;
}

.lsss_accordeon_title {
  cursor: pointer;
  transition: 0.4s;
}

.act,
.lsss_accordeon_title:hover {
  color: var(--special-text);
}

.lsss_accordeon_panel {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease-out;
  border: none;
}

.lsss_accordeon_inner {
  background-color: var(--test-item-background);
  position: relative;
}

.lsss_accordeon_inner_shadow {
  background-color: var(--special-text);
}

.slider-lsss .slider_wrapper {
  text-align: center;
}

.slider-lsss .slick-next,
.slider-lsss .slick-prev {
  z-index: 10;
}

.slider-lsss .slick-prev:before {
  content: url(../img/svg/prev-arrow.svg);
  opacity: 0.5;
  transition: all 0.5s;
}

.slider-lsss .slick-next:before {
  content: url(../img/svg/next-arrow.svg);
  opacity: 0.5;
  transition: all 0.5s;
}
.slider-lsss .slick-prev:hover:before {
  opacity: 1;
}
.slider-lsss .slick-next:hover:before {
  opacity: 1;
}

.button {
  display: block;
  width: auto;
  cursor: pointer;
  transition: all 0.5s;
  text-transform: uppercase;
  text-align: center;
}

.btn-transparent {
  background: transparent;
  color: var(--light-common-text);
}
.btn_filled {
  background: var(--btn-border);
  color: var(--light-common-text);
}
.btn-transparent_fill {
  background: var(--btn-border);
  color: var(--dark-common-text);
}

.btn-transparent_fill:hover {
  background: var(--btn-border);
  color: var(--dark-common-text);
}
.btn-transparent:hover {
  background: var(--btn-border);
  color: var(--dark-common-text);
}
.btn_filled:hover {
  background: transparent;
  color: var(--special-text);
}

.block-table__item_lsss_btns {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.block-table__item_lsss_btns a {
  color: var(--dark-common-text);
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--test-page-background);
  background-image: url(../img/background_group_2.png);
  background-repeat: no-repeat;
  background-position: -80% 90%;
  background-size: 70%;
  flex-direction: column;
  z-index: 10;
}

#preloader.hide-preloader {
  animation: hidePreloader 1s;
}

#preloader.preloader-hidden {
  display: none;
}

@keyframes hidePreloader {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}





.text-justify {
  text-align: justify;
}

.btn-up {
  /* фиксированное позиционирование */
  position: fixed;
  /* цвет фона */
  background-color: orange;
  /* расстояние от правого края окна браузера */
  right: 20px;
  /* расстояние от нижнего края окна браузера */
  bottom: 0;
  /* скругление верхнего левого угла */
  border-top-left-radius: 8px;
  /* скругление верхнего правого угла */
  border-top-right-radius: 8px;
  /* вид курсора */
  cursor: pointer;
  /* отображение элемента как flex */
  display: flex;
  /* выравниваем элементы внутри элемента по центру вдоль поперечной оси */
  align-items: center;
  /* выравниваем элементы внутри элемента по центру вдоль главной оси */
  justify-content: center;
  /* ширина элемента */
  width: 60px;
  /* высота элемента */
  height: 50px;

  transition: all .5s;

  border: 1px solid orange;
  border-bottom: 1px solid transparent;
}

.btn-up::before {
  content: "";
  width: 40px;
  height: 40px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
}

.btn-up_hide {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    background-color: transparent;

  }
}