/* ===== FILTER: one-line, shrinking selects (no horizontal scroll) ===== */
.filters-wrap{
  --f-bg:#fafafa;
  --f-line:#E5E7EB;
  --f-focus:#22C55E;
  --btn-bg:#22C55E;
  --btn-color:#fff;

  /* Базовые ширины селектов (меняются в media ниже) */
  --w-profile: 220px;   /* «Профиль» */
  --w-steel:   260px;   /* «Марка стали» */
  --w-size:    140px;   /* «Размер» */
  --w-std:     180px;   /* «Стандарт» */

  background:var(--f-bg);
  border:1px solid #F0F1F3;
  border-radius:0;
  padding:14px 16px;
}

/* Одна строка, без переноса и без скролла */
.filters-wrap form{
  display:flex;
  align-items:flex-end;
  gap:14px;
  flex-wrap:nowrap;          /* всё в одну строку */
}

/* Селекты занимают всё доступное пространство и СЖИМАЮТСЯ при нехватке */
.filters-selects{
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-end;
  gap:14px;
  flex:1 1 auto;
  min-width:0;               /* важно, чтобы блок мог сжиматься */
}

/* Индивидуальные базисы: 1) профиль 2) сталь 3) размер 4) стандарт */
.filters-selects > .select-wrap:nth-child(1){ flex:1 1 var(--w-profile); min-width:120px; }
.filters-selects > .select-wrap:nth-child(2){ flex:1 1 var(--w-steel);   min-width:120px; }
.filters-selects > .select-wrap:nth-child(3){ flex:0 1 var(--w-size);    min-width:100px; }
.filters-selects > .select-wrap:nth-child(4){ flex:1 1 var(--w-std);     min-width:120px; }

/* Селекты — underline */
.select-wrap select{
  width:100%;
  height:40px;
  border:none;
  border-bottom:2px solid var(--f-line);
  background:transparent;
  padding:0 2px;
  border-radius:0;
  transition:border-color .15s ease, box-shadow .15s ease;
  font-size:14px;
}
.select-wrap select:hover{ border-bottom-color:#D1D5DB; }
.select-wrap select:focus{
  outline:none;
  border-bottom-color:var(--f-focus);
  box-shadow:0 2px 0 0 var(--f-focus);
}

/* Кнопка — справа, фиксированной ширины, не сжимается */
.filters-button{
  flex:0 0 auto;
  margin-left:auto;
  display:flex;
  align-items:flex-end;
}
.filters-wrap form button[type="reset"]{
  height:40px;
  padding:0 16px;
  border:none;
  border-radius:6px;
  background:var(--btn-bg);
  color:var(--btn-color);
  font-weight:500;
  white-space:nowrap;
  cursor:pointer;
  transition:background .2s ease, transform .1s ease;
}
.filters-wrap form button[type="reset"]:hover{
  background:#16a34a;
  transform:translateY(-1px);
}

/* ===== Адаптация: чуть ужимаем базисы, шрифты и зазоры ===== */
@media (max-width: 992px){
  .filters-wrap form{ gap:12px; }
  .filters-selects{ gap:12px; }
  .filters-wrap{
    --w-profile: 200px;
    --w-steel:   230px;
    --w-size:    120px;
    --w-std:     160px;
  }
}
@media (max-width: 768px){
  .filters-wrap form{ gap:10px; }
  .filters-selects{ gap:10px; }
  .select-wrap select{ font-size:13px; height:38px; }
  .filters-wrap form button[type="reset"]{ height:38px; padding:0 14px; }
  .filters-wrap{
    --w-profile: 180px;
    --w-steel:   200px;
    --w-size:    110px;
    --w-std:     150px;
  }
}
@media (max-width: 480px){
  .filters-wrap form{ gap:8px; }
  .filters-selects{ gap:8px; }
  .select-wrap select{ font-size:12.5px; height:36px; }
  .filters-wrap form button[type="reset"]{ height:36px; padding:0 12px; }
  .filters-wrap{
    --w-profile: 160px;
    --w-steel:   180px;
    --w-size:    100px;
    --w-std:     140px;
  }
}

/* === Mobile override: вернуть «столбик» на мобилке === */
@media (max-width: 768px){
  .filters-wrap{ padding:12px; }

  /* корневой контейнер формы — в колонку, перенос разрешён */
  .filters-wrap form{
    flex-direction: column;
    align-items: stretch;
    flex-wrap: wrap;         /* перекрываем nowrap с десктопа */
    gap: 10px;
  }

  /* группа селектов — тоже в колонку */
  .filters-selects{
    flex: 1 1 100%;
    min-width: 100%;
    flex-wrap: wrap;
    gap: 10px;
  }

  /* каждый селект — на всю ширину */
  .filters-selects > .select-wrap{
    flex: 1 1 100%;
    min-width: 100%;
  }

  /* кнопка — ниже, на всю ширину */
  .filters-button{
    margin-left: 0;
    align-self: stretch;
  }
  .filters-wrap form button[type="reset"]{
    width: 100%;
    text-align: center;
    height: 38px;            /* можешь поставить 40px, если нужно выше */
    padding: 0 14px;
  }

  /* чуть компактнее поля */
  .select-wrap select{
    height: 38px;
    font-size: 13px;
  }
}

/* ===== FILTER: one-line, shrinking selects (no horizontal scroll) ===== */











@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-LightItalic.eot');
    src: local('Grandis Extended Light Italic'), local('GrandisExtended-LightItalic'),
        url('GrandisExtended-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-LightItalic.woff2') format('woff2'),
        url('GrandisExtended-LightItalic.woff') format('woff'),
        url('GrandisExtended-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-Thin.eot');
    src: local('Grandis Extended Thin'), local('GrandisExtended-Thin'),
        url('GrandisExtended-Thin.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-Thin.woff2') format('woff2'),
        url('GrandisExtended-Thin.woff') format('woff'),
        url('GrandisExtended-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-Black.eot');
    src: local('Grandis Extended Black'), local('GrandisExtended-Black'),
        url('GrandisExtended-Black.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-Black.woff2') format('woff2'),
        url('GrandisExtended-Black.woff') format('woff'),
        url('GrandisExtended-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-Light.eot');
    src: local('Grandis Extended Light'), local('GrandisExtended-Light'),
        url('GrandisExtended-Light.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-Light.woff2') format('woff2'),
        url('GrandisExtended-Light.woff') format('woff'),
        url('GrandisExtended-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-Medium.eot');
    src: local('Grandis Extended Medium'), local('GrandisExtended-Medium'),
        url('GrandisExtended-Medium.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-Medium.woff2') format('woff2'),
        url('GrandisExtended-Medium.woff') format('woff'),
        url('GrandisExtended-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-MediumItalic.eot');
    src: local('Grandis Extended Medium Italic'), local('GrandisExtended-MediumItalic'),
        url('GrandisExtended-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-MediumItalic.woff2') format('woff2'),
        url('GrandisExtended-MediumItalic.woff') format('woff'),
        url('GrandisExtended-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-Regular.eot');
    src: local('Grandis Extended Regular'), local('GrandisExtended-Regular'),
        url('GrandisExtended-Regular.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-Regular.woff2') format('woff2'),
        url('GrandisExtended-Regular.woff') format('woff'),
        url('GrandisExtended-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-BoldItalic.eot');
    src: local('Grandis Extended Bold Italic'), local('GrandisExtended-BoldItalic'),
        url('GrandisExtended-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-BoldItalic.woff2') format('woff2'),
        url('GrandisExtended-BoldItalic.woff') format('woff'),
        url('GrandisExtended-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-RegularItalic.eot');
    src: local('Grandis Extended Regular Italic'), local('GrandisExtended-RegularItalic'),
        url('GrandisExtended-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-RegularItalic.woff2') format('woff2'),
        url('GrandisExtended-RegularItalic.woff') format('woff'),
        url('GrandisExtended-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-ThinItalic.eot');
    src: local('Grandis Extended Thin Italic'), local('GrandisExtended-ThinItalic'),
        url('GrandisExtended-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-ThinItalic.woff2') format('woff2'),
        url('GrandisExtended-ThinItalic.woff') format('woff'),
        url('GrandisExtended-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-Bold.eot');
    src: local('Grandis Extended Bold'), local('GrandisExtended-Bold'),
        url('GrandisExtended-Bold.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-Bold.woff2') format('woff2'),
        url('GrandisExtended-Bold.woff') format('woff'),
        url('GrandisExtended-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('GrandisExtended-BlackItalic.eot');
    src: local('Grandis Extended Black Italic'), local('GrandisExtended-BlackItalic'),
        url('GrandisExtended-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('GrandisExtended-BlackItalic.woff2') format('woff2'),
        url('GrandisExtended-BlackItalic.woff') format('woff'),
        url('GrandisExtended-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-LightItalic.eot');
    src: local('SF UI Text LightItalic'), local('SFUIText-LightItalic'),
        url('SFUIText-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-LightItalic.woff2') format('woff2'),
        url('SFUIText-LightItalic.woff') format('woff'),
        url('SFUIText-LightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Regular.eot');
    src: local('SF UI Display Regular'), local('SFUIDisplay-Regular'),
        url('SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Regular.woff2') format('woff2'),
        url('SFUIDisplay-Regular.woff') format('woff'),
        url('SFUIDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-RegularItalic.eot');
    src: local('SF UI Text Regular Italic'), local('SFUIText-RegularItalic'),
        url('SFUIText-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-RegularItalic.woff2') format('woff2'),
        url('SFUIText-RegularItalic.woff') format('woff'),
        url('SFUIText-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Ultralight.eot');
    src: local('SF UI Display Ultralight'), local('SFUIDisplay-Ultralight'),
        url('SFUIDisplay-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Ultralight.woff2') format('woff2'),
        url('SFUIDisplay-Ultralight.woff') format('woff'),
        url('SFUIDisplay-Ultralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-SemiboldItalic.eot');
    src: local('SF UI Text SemiboldItalic'), local('SFUIText-SemiboldItalic'),
        url('SFUIText-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-SemiboldItalic.woff2') format('woff2'),
        url('SFUIText-SemiboldItalic.woff') format('woff'),
        url('SFUIText-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Heavy.eot');
    src: local('SF UI Display Heavy'), local('SFUIDisplay-Heavy'),
        url('SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Heavy.woff2') format('woff2'),
        url('SFUIDisplay-Heavy.woff') format('woff'),
        url('SFUIDisplay-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-Heavy.eot');
    src: local('SF UI Text Heavy'), local('SFUIText-Heavy'),
        url('SFUIText-Heavy.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-Heavy.woff2') format('woff2'),
        url('SFUIText-Heavy.woff') format('woff'),
        url('SFUIText-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Black.eot');
    src: local('SF UI Display Black'), local('SFUIDisplay-Black'),
        url('SFUIDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Black.woff2') format('woff2'),
        url('SFUIDisplay-Black.woff') format('woff'),
        url('SFUIDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-Semibold.eot');
    src: local('SF UI Text Semibold'), local('SFUIText-Semibold'),
        url('SFUIText-Semibold.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-Semibold.woff2') format('woff2'),
        url('SFUIText-Semibold.woff') format('woff'),
        url('SFUIText-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Semibold.eot');
    src: local('SF UI Display Semibold'), local('SFUIDisplay-Semibold'),
        url('SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Semibold.woff2') format('woff2'),
        url('SFUIDisplay-Semibold.woff') format('woff'),
        url('SFUIDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-Medium.eot');
    src: local('SF UI Text Medium'), local('SFUIText-Medium'),
        url('SFUIText-Medium.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-Medium.woff2') format('woff2'),
        url('SFUIText-Medium.woff') format('woff'),
        url('SFUIText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-Light.eot');
    src: local('SF UI Text Light'), local('SFUIText-Light'),
        url('SFUIText-Light.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-Light.woff2') format('woff2'),
        url('SFUIText-Light.woff') format('woff'),
        url('SFUIText-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Bold.eot');
    src: local('SF UI Display Bold'), local('SFUIDisplay-Bold'),
        url('SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Bold.woff2') format('woff2'),
        url('SFUIDisplay-Bold.woff') format('woff'),
        url('SFUIDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-Regular.eot');
    src: local('SF UI Text Regular'), local('SFUIText-Regular'),
        url('SFUIText-Regular.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-Regular.woff2') format('woff2'),
        url('SFUIText-Regular.woff') format('woff'),
        url('SFUIText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Thin.eot');
    src: local('SF UI Display Thin'), local('SFUIDisplay-Thin'),
        url('SFUIDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Thin.woff2') format('woff2'),
        url('SFUIDisplay-Thin.woff') format('woff'),
        url('SFUIDisplay-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-BoldItalic.eot');
    src: local('SF UI Text BoldItalic'), local('SFUIText-BoldItalic'),
        url('SFUIText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-BoldItalic.woff2') format('woff2'),
        url('SFUIText-BoldItalic.woff') format('woff'),
        url('SFUIText-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-Bold.eot');
    src: local('SF UI Text Bold'), local('SFUIText-Bold'),
        url('SFUIText-Bold.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-Bold.woff2') format('woff2'),
        url('SFUIText-Bold.woff') format('woff'),
        url('SFUIText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Medium.eot');
    src: local('SF UI Display Medium'), local('SFUIDisplay-Medium'),
        url('SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Medium.woff2') format('woff2'),
        url('SFUIDisplay-Medium.woff') format('woff'),
        url('SFUIDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-HeavyItalic.eot');
    src: local('SF UI Text HeavyItalic'), local('SFUIText-HeavyItalic'),
        url('SFUIText-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-HeavyItalic.woff2') format('woff2'),
        url('SFUIText-HeavyItalic.woff') format('woff'),
        url('SFUIText-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('SFUIDisplay-Light.eot');
    src: local('SF UI Display Light'), local('SFUIDisplay-Light'),
        url('SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('SFUIDisplay-Light.woff2') format('woff2'),
        url('SFUIDisplay-Light.woff') format('woff'),
        url('SFUIDisplay-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'SF UI Text';
    src: url('SFUIText-MediumItalic.eot');
    src: local('SF UI Text MediumItalic'), local('SFUIText-MediumItalic'),
        url('SFUIText-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('SFUIText-MediumItalic.woff2') format('woff2'),
        url('SFUIText-MediumItalic.woff') format('woff'),
        url('SFUIText-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
	font-display: swap;
}



body {
    font-family: 'SF UI Display'; 
}
h1,h2,h3 {
    font-family: 'Grandis Extended';
    font-style: normal;
font-weight: bold;
}
#header-info{
	display: none;
	position:relative;
    padding: 10px 20px;
    text-align: center;	
    line-height: 1;
    background-color: #00a868;
    z-index: 100;	
}
#header-info > a{	
    font-size: 14px;
    color: white;
}
#header-info > a:hover{	
    color: white;
}
#header-info > a > span{
    font-weight: 500;
	color: #00a868;
}
#header-info > i {
    display: block;
	position: absolute;
    width: 12px;
    height: 12px;
	top: 35%;
	right: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 95.939 95.939' style='enable-background:new 0 0 95.939 95.939;' xml:space='preserve'%3E%3Cpath d='M62.819,47.97l32.533-32.534c0.781-0.781,0.781-2.047,0-2.828L83.333,0.586C82.958,0.211,82.448,0,81.919,0 c-0.53,0-1.039,0.211-1.414,0.586L47.97,33.121L15.435,0.586c-0.75-0.75-2.078-0.75-2.828,0L0.587,12.608 c-0.781,0.781-0.781,2.047,0,2.828L33.121,47.97L0.587,80.504c-0.781,0.781-0.781,2.047,0,2.828l12.02,12.021 c0.375,0.375,0.884,0.586,1.414,0.586c0.53,0,1.039-0.211,1.414-0.586L47.97,62.818l32.535,32.535 c0.375,0.375,0.884,0.586,1.414,0.586c0.529,0,1.039-0.211,1.414-0.586l12.02-12.021c0.781-0.781,0.781-2.048,0-2.828L62.819,47.97 z' fill='%23FFFFFF'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    cursor: pointer;
}
.top__header {
height: 95px;
background: #2D435B;
}
.background__green {
   background-color: #00A868;
}
.bottom__header {
height: 62px;
background: #FFFFFF;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}
.main__banner {
    height: 650px;
    background-image: url('../img/main__banner.jpg');
    background-size: cover;
    background-position: center;
    padding-top: 120px;
}
.catalogue__card {
    background: #F7F7F7;
box-shadow: 2px 1px 13px rgba(0, 0, 0, 0.18);
height: 234px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding-bottom: 20px;
margin-bottom: 30px;
background-position: center -12px;
background-size: cover;
background-repeat: no-repeat;
transition:.4s;
font-family: 'Grandis Extended';

}
.container-fluid {
    max-width: 1400px;
}
.catalogue__card-title {
    font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 102.2%;
/* identical to box height, or 26px */

color: #333333;
}

.btn-custom {
    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 10px;
padding: 25px 44px;
display: block;
}
.btn-custom.background__green {
color: white;
}
.catalogue__title {
    font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
margin-top: 96px;
margin-bottom: 40px;
color: #333333;
}
.main__banner-title {
    font-weight: 900;
font-size: 60px;
line-height: 100%;
/* or 60px */

text-transform: uppercase;

/* white */

color: #FFFFFF;
}
.main__banner-title span {
    color:#00A868;
}
.main__banner-subtitle {
    font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 102.2%;
/* identical to box height, or 26px */


/* white */

color: #FFFFFF;
margin-top:15px;
margin-bottom: 59px;
display: block;
}
.main__banner-buttons {
    display: flex;
}
.btn-custom {
    transition: .4s;
}
.btn-custom:hover {
    text-decoration: none;
}
.background__transparent {
    background-color: transparent;
    color: white
}
.btn__bordered {
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
}
.btn__bordered:hover {
    color: black;
    background-color:white
}
.main__banner .btn-custom.background__green {
    margin-right: 30px;
}
.catalogue__card:hover {
    background: #F7F7F7;
    box-shadow: 2px 1px 13px rgba(0, 0, 0, 0.18);
    background-position: center -12px;
background-size: cover;
background-repeat: no-repeat;
transform: scale(1.1);
text-decoration: none;
}
.catalogue__card--not__find {
    background: #FFFFFF;
	border: 3px solid #EDEDED;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
/* height: 234px; */
/* padding-left: 22px; */
/* padding-top:26px; */
/* flex-direction: column; */
}
.not__find-title {
    font-family: 'Grandis Extended';
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
/* line-height: 119.2%; */
/* identical to box height, or 19px */



/* margin-bottom: 25px; */
display: block;

color: #333333;
}
.not__find-subtitle {
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.3;
/* or 14px */


/* gray */

color: #989EAB;
}


.not__find-tel {
font-style: normal;
font-weight: bold;
/* font-size: 18px; */
/* line-height: 143.3%; */
font-size: 22px;
/* identical to box height, or 26px */


/* green */

color: #00A868;
}

.not__find-button {
/* width: 195px; */
width: 100%;
max-width: 300px;
height: 40px;
background: #2D435B;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 10px;
/* identical to box height, or 62% */

display: flex;
align-items: center;
letter-spacing: -0.015em;

color: #FFFFFF;


/* Inside Auto Layout */

flex: none;
order: 0;
flex-grow: 0;
/* margin: 10px 0px; */
padding: 0;
text-align: center;
justify-content: center;
color: white !important;
/* margin-top:23px; */
}
.subtitle__line {
    font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 102.2%;
/* or 22px */

text-transform: uppercase;

/* gray */
padding-left: 289px;
color: #989EAB;
position: relative;
margin-bottom: 40px;
}
.subtitle__line:before {
    width: 259px;
height: 1px;
background-color: #989EAB;
content: "";
position: absolute;
left: 0;
top: 50%;
}
section.about {
    /* padding-top: 149px; */
    padding-top: 50px;
}
.subtitle__h2 {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;

line-height: 102.2%;
/* or 36px */

display: block;


color: #333333;
}
.about .subtitle__h2 {
    font-size: 35px;
    margin-bottom: 60px;
}
.about__img1 {
    position: relative;
    left: -10px;
    width: 90%;
}
.advantage__about-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}


.advantage__about-title {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 120%;
/* or 19px */



margin-bottom: 10px;
color: #333333;
}

.advantage__about-text {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 125%;
/* or 20px */


/* gray text */

color: #616774;
}
.about__img1 {
    filter: drop-shadow(30px 30px 76px rgba(20, 20, 39, 0.38));
}
.about .btn-custom {
    color:#333;
}
.about .btn-custom {
    border: 2px solid #333333;
box-sizing: border-box;
padding: 0;
display: flex;
height: 55px;
width: 291px;
align-items: center;
justify-content: center;
}
.about .btn-custom:hover {
    background-color:black;
    color:white;

}
.about__numbers {
    padding-top:122px;
    background-image: url('../img/metalloprokat.png');
    height: 1022px;
    background-position: right;
    background-repeat: no-repeat;
}
.about__numbers h2 {
    font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
/* identical to box height, or 51px */



margin-bottom: 102px;
color: #333333;
}
.about__img2 {
    filter: drop-shadow(-30px 30px 76px rgba(20, 20, 39, 0.38));
    position: relative;
    right: -114px;
}
.advantages__line-text {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 111.2%;
/* or 18px */


/* dark grey */

color: #52575C;
margin-top:11px;
}
.advantages__line-title {
    font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 102.2%;
/* or 20px */



display: block;

color: #333333;
}
.menu-lvl-2 {
    margin-top: 20px;
}
.advantages__line-title span {
    font-style: normal;
font-weight: 900;
font-size: 60px;
line-height: 100%;
/* identical to box height, or 60px */

text-transform: uppercase;

/* green */

color: #00A868;
}
.advantages__line-wrap {
    position: relative;
}
.advantages__line-wrap:before {
    content:"";
    height: 523px;
    display: block;
    width: 1px;
    position: absolute;
    background-color:#2D435B;
    top: 36px;
}
.advantages__line-item {
    margin-bottom: 80px;
}
.advantages__line-item {
    padding-left: 66px;
    position: relative;
}
.advantages__line-item::before {
    content:"";
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    background-color:#2D435B;
border-radius: 50%;
    left: -8px;
    top: 19px;
    transition:.4s;
}
.advantages__line-item:hover:before {
    width: 30px;
height: 30px;
left: -14px;
top:15px;
}
.advantages .subtitle__h2 {
    font-size: 50px;
line-height: 102.2%;
margin-bottom: 69px;
}
.advantages__item-img {
    margin-bottom: 29px
}
.advantages__item-title {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 120%;
/* or 19px */




color: #333333;
}


.advantages__item-text {
margin-top: 15px;
font-style: normal;
font-weight: normal;
font-size: 14px;
display: block;
line-height: 121.2%;
/* or 17px */


/* dark grey */

color: #52575C;
}
.advantages {
    margin-top:100px;
    background: #F6F7F9;
    padding-top: 80px;

}
.advantages .advantages__item {
    margin-bottom: 56px;
}
.advantages__item-img {
    height: 68px;
}
.partners {
    padding-top:120px;
    padding-bottom:120px;
}
.partners .subtitle__h2 {
    font-size: 50px;
line-height: 102.2%;
}
.subtitle__span {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;



/* gray text */
margin-top:25px;

color: #616774;
display:block;
}
footer {
    /* height: 591px; */
    background: #1C3856;
}
.top__header-menu,
.bottom__header-menu {
    padding-left: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
}
.bottom__header-menu li:nth-child(1) {
    display: flex;
    height: 100%;
    background-color: #F6F7F9;
    padding-left: 20px;
    padding-right: 20px;
}
.nav__item {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    margin-right: 28px;
    transition: .4s;
    /* white */
    
    color: #FFFFFF;
}

.top__header-contacts {
    /* width: 380px; */
}
.top__header-contact {
    display: flex;
    flex-direction: column;
}
.top__header-contacts {
    display: flex;
    justify-content:space-between;
}
.top__header-tel, .top__header-tel a, .top__header-tel a:hover {
    font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 100%;
/* identical to box height, or 17px */

display: flex;
align-items: center;

/* green */

color: #00A868 !important;
}
.top__header-mail {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
/* identical to box height */

display: flex;
align-items: center;
letter-spacing: -0.015em;
text-decoration-line: underline;

/* white */

color: #FFFFFF;
}
.top__header-tel:before {
    content:url('../img/tel.svg');
    margin-right: 8px;
}
.top__header-mail:before {
    content:url('../img/mail.svg');
    margin-right: 8px;
}
.nav__item-catalogue {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
/* identical to box height */



transition:.4s;

color: #333333;
display: flex;
align-items: center;
}
.nav__item-catalogue span {
    margin-right: 15px;
}
.nav__item-catalogue:hover,
.nav__item-catalogue.active {
color: #00A868;
text-decoration: none;
}
.nav__item-catalogue svg path {
    transition: .4s;
}
.nav__item-catalogue:hover svg path,
.nav__item-catalogue.active svg path {
    stroke:  #00A868;
}
.download-pricelist{
    display: block;
    position: relative;
    padding: 5px 20px;
    width: 135px;
    color: #fff;
	font-size: 14px;
    line-height: 1;	
    border: 2px solid #fff;
    border-radius: 50px;	
	transition: 0.2s;
}
.download-pricelist span{
    position: absolute;    
	width: 38px;
    height: 38px;
    top: 0;
    right: -1px;
	background: #00a868;
    border-radius: 50%;
}
.download-pricelist span:after{
	content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
	background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 11.3334V13.3334C2 14.0698 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0698 14 13.3334V11.3334' stroke='%23fff%0A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M5.33398 8L8.00065 10.6667L10.6673 8' stroke='%23fff' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M8 1.33337V10.6667' stroke='%23fff%0A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
 }
.download-pricelist:hover{
    color: #00a868;
    border-color: #00a868;
    box-shadow: 0 0 10px rgb(0 168 104 / 50%);
}
header.scrolledDown {
    position: sticky;
    top: 0;
    z-index: 9;
    transition:.4s;
    transform: translateY(-200px);
}
header.scrolledUp {
    position: sticky;
    top: 0;
    z-index: 9;
    transition:.4s;
    transform: translateY(0);
}

.footer__top {
    height: 282px;
    border-bottom: 1px solid rgba(97, 103, 116, 0.15);
}
.footer__top .h-100 {
height:auto !important;
padding:9px 0;
}
.footer__center {
    
    /* height: 356px; */
    border-bottom: 1px solid rgba(97, 103, 116, 0.15);

}
.gray-form {
    height: 576px;
    background: #F6F7F9;
}
.form__title {
    font-style: normal;
font-weight: bold;
font-size: 34px;
line-height: 102.2%;
/* or 36px */



font-family: "Grandis Extended";
color: #333333;
margin-top: 70px;
display:block;
margin-bottom:10px;
}
.form__subtitle {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;



/* gray text */

color: #616774;
display:block;
margin-bottom:18px;
}
.form-wrap {
    display: flex;
}
.input-wrap {
    display: flex;
    flex-direction: column;
    margin-right: 13px;
}
.input-el {
    background: #FFFFFF;
border-radius: 3px;
width: 257px;
border:1px solid transparent;
height: 56px;
margin-bottom: 15px;
padding-left: 20px;
}
textarea {
    resize: none;
    height: 198px !important;
    width: 100%;
    border: none;
    padding-top:17px;
    padding-left: 20px;
}
.form-bottom__line {
    display: flex;
    justify-content:space-between;
}
form button[type="submit"] {
    display: flex;
flex-direction: row;
align-items: center;
padding: 25px 44px;
cursor: pointer;
background: #00A868;
border: none;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 10px;
/* identical to box height, or 56% */

display: flex;
align-items: center;
letter-spacing: -0.015em;

/* white */

color: #FFFFFF;

/* Inside Auto Layout */

flex: none;
order: 0;
flex-grow: 0;

}
.upload__file {
    background: #2D435B;
    width: 255px;
    height: 44px;
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
/* identical to box height, or 16px */
cursor: pointer;

/* white */

color: #FFFFFF;
display: flex;
align-items: center;justify-content: center
}
label {
    margin-bottom: 0px;
}
.file__name {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}
.file__name span {
    width: 155px;
}
.file__name svg {
    margin-right: 11px;
}
.gray-form img {
    position: relative;
    top: 29px;
}
.contact__footer {
    display: flex;
    flex-direction: column;
}
.contact__footer-title {
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */
display:block;
margin-bottom:10px;
letter-spacing: 0.01em;

/* gray */

color: #989EAB;
}
.footer-address {
    font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 132.9%;
/* identical to box height, or 20px */

letter-spacing: 0.01em;

/* gray */

color: #989EAB;
}
.footer-tel, .footer-tel a {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 102.2%;
    /* or 22px */
    display:block;
margin-bottom:7px;
    text-transform: uppercase;
    
    color: #00A868 !important;
    
}
.footer-mail {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    /* identical to box height */
    display:block;
    margin-bottom:7px;
    letter-spacing: 0.01em;
    text-decoration-line: underline;
    
    /* white */
    
    color: #FFFFFF;
}

.contact__footer-title:before {
    content: url('../img/point.svg');
    margin-right: 12px;
}
.nav__footer {
    padding-left: 0px;
    list-style-type:none;
}
.footer__center {
    padding-top: 37px;
}
.nav__footer a {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 200%;
margin-bottom: 6px;
display:block;
/* or 32px */

letter-spacing: 0.01em;

/* gray */

color: #989EAB;
transition: .4s;
}
.nav__footer a:hover {
    color: white;
    text-decoration: none;
}
a.nav__footer-header,
span.nav__footer-header {
    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 136.6%;
/* identical to box height, or 25px */


/* white */

color: #FFFFFF;
}
.subscribe-form__subtitle {
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */

letter-spacing: 0.01em;

/* gray */

color: #989EAB;
display:block;
margin-bottom:20px;
margin-top: 4px;
}
.subscribe__form button {
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__bottom {
    height: 92px
}
.copyright {
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.01em;

/* gray */

color: #989EAB;
}
.policy__footer {
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */

letter-spacing: 0.01em;

/* gray text */

color: #616774;
}
.breadcrumb-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
}
.breadcrumb-wrap ol {
    padding-left: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
}
.breadcrumb-wrap ol li a:after {
    content: "—";
    margin-right: 7px;
    margin-left: 7px;
}
.breadcrumb-wrap ol li a {
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 102.2%;
/* or 14px */


/* dark gray */

color: #797777;
}
.breadcrumb-wrap ol li > span {
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 102.2%;
/* or 14px */


/* dark gray */

color: #2A67A8;
}
.breadcrumb-wrap ol li a:hover {
    text-decoration: none;
}
.page-title {
    margin-bottom: 30px;
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
/* identical to box height, or 51px */




color: #333333;
}
.h1-title{
    margin-bottom: 30px;
    font-family: "Grandis Extended";
	font-size: 40px;
	font-style: normal;
	font-weight: bold;
	color: #333333;		
}
.category-list__title {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 102.2%;
/* or 22px */

text-transform: uppercase;



color: #333333;
border-bottom: 1px solid #989EAB;
padding-bottom: 30px;
width: 100%;
display: block;
margin-bottom: 15px;
}
.category-section .page-title {
    margin-bottom: 50px;
}
.grid-8 {
    padding-left: 0px;list-style-type: none;
    /* display: grid;
    grid-template-columns: repeat(6,16.5%);
    width: 100%; */

    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
    list-style-type: none;
    min-height: 200px;


}
.category-list__nav a {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160.2%;
/* or 29px */


/* ssylki */

color: #2A67A8;
}

.grid-17 {
    padding-left: 0px;list-style-type: none;
    display: grid;
    grid-template-columns: repeat(17,5.8%);
    width: 100%;
}
.category-list__nav {
    margin-bottom: 60px;
}
.grid-6 {
    padding-left: 0px;list-style-type: none;
    display: grid;
    grid-template-columns: repeat(6,16.6%);
    width: 100%;
}
.grid-4 {
    padding-left: 0px;list-style-type: none;
    display: grid;
    grid-template-columns: repeat(4,25%);
    width: 100%;
}
.category-description h2 {
    font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 128.2%;
font-family: 'SF UI Display'; 
/* identical to box height, or 31px */




color: #333333;
margin-bottom:15px;
margin-top:34px;
display:block;
}
.category-description {
    padding-top: 25px;
}
.category-description b {

}
.category-description p {
    color:#616774;
}
table.header-colored {
min-width: 76%;
}
table.header-colored thead {

}
table.header-colored tbody {

}
table.header-colored tr th {
    background: #2D435B;

    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 212.2%;
padding-left: 12px;
/* or 38px */
border: 0.5px solid #989EAB;

/* white */

color: #FFFFFF;
}
table.header-colored tr td {
    padding-left: 12px;
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 212.2%;
/* or 38px */


/* gray text */

color: #616774;
border: 0.5px solid #989EAB;
}
.last-post {
    padding-top: 56px;
    padding-bottom:100px;
}
.last-post__card {
    
background: #FFFFFF;
box-shadow: 2px 1px 13px rgba(0, 0, 0, 0.18);
border-radius: 0px;
height: 324px;
width: 100%;
}
.last-post__card .img-wrap {
    height: 176px;
    overflow: hidden;
}
.last-post__card .img-wrap img {
    width: 100%;
}
.last-post__title {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 121.2%;
/* or 19px */
display: block;



color: #333333;
margin-top:25px;
margin-bottom:25px;
}
.last-post__body {
    padding-left: 15px;
    padding-right: 8px;
}
.last-post__name {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 144.2%;
/* or 23px */


/* gray */

color: #989EAB;
}
.last-post__value {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 144.2%;
    /* or 23px */
    
    
    
    
    color: #333333;
}
.last-post__grid {
    display: grid;
    grid-template-columns: 50% 50%;
}
.last-post h2 {
    margin-bottom: 23px;
}
.left-menu {
    background: #FFFFFF;
box-shadow: 0px 6px 19px rgba(45, 67, 91, 0.14);
border-radius: 5px;
min-height: 400px;
}
.lvl-1 > span {
    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 115.2%;
/* identical to box height, or 21px */




color: #333333;
}
.left-menu a {
    transition:.4s;
}
.left-menu nav,
.left-menu ul {
    list-style-type: none;
    padding-left: 0px;
}
.left-menu {
    padding-top:25px;
    padding-left: 20px;
}
.lvl-2 > span {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 115.2%;
    /* or 18px */
    
    
    /* gray text */
    
    color: #616774;
}
.lvl-3 > a {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 170.2%;
    /* or 24px */
    
    
    /* gray text */
    
    color: #616774;
  
}
.left-menu a:hover {
    font-weight: 700;
    text-decoration: none;
}
.lvl-2 {
    padding-left: 10px;
}
.left-menu ul {
    display: none;
}
.left-menu ul.opened {
    display: block;
}
.menu-item.has-child:after {
    content: url('../img/menu-plus.svg');
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.menu-item.has-child {
    position: relative;
}
.left-menu {
    padding-right: 20px;
}
.menu-item.has-child.opened:after {
    content: url('../img/menu-minus.svg');
}
.menu-item span,
.menu-item a {
    cursor: pointer;
}
.menu-lvl-3.opened {
    display: flex !important;
    flex-wrap: wrap;
    background: #F6F7F9;
    border-radius: 3px;
    padding: 4px 19px;
    margin-left: -14px;
    margin-top: 9px;
    margin-bottom: 14px;
}
.menu-item.lvl-3 {
    margin-right: 8px;
}
.menu-item.has-child.lvl-1 {
    margin-bottom: 20px;
}
.menu-item.has-child.lvl-2 {
    margin-bottom: 15px;
}
.left-menu {
    padding-bottom: 40px
}
.catalogue__inner-grid {
    display: grid;
    grid-template-columns: 37% 62%;
}
.slider__wrap {
    width: 294px;
height: 269px;
filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.15));
border-radius: 5px;
overflow: hidden;
margin-right: 30px;
}
.catalogue__inner {
    display: flex;
}
.catalogue__inner-grid__name {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 166.2%;
/* or 30px */


/* gray text */

color: #616774;
}
.catalogue__inner-grid__value {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 166.2%;
    /* or 30px */
    
    
    /* gray text */
    
    color: #333;
}
.catalogue__inner-info {
    width: 60%;
    padding-top: 30px;
}
.catalogue__inner-grid__value a {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 166.2%;
    /* or 30px */
    
    
    /* gray text */
    
    color: #333;
    text-decoration: underline;
}
.catalogue__inner-advantages {
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 25px;
}
.catalogue__inner-advantage {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 114%;
    color: #616774;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.catalogue__inner-advantage svg {
    margin-right: 20px;
}
.catalogue__inner-request {
    background: url('../img/calc.png'), #F6F7F9;
height: 116px;
margin-top: 30px;
display: flex;align-items:center;
border-radius: 5px;
padding-left: 25px
}
.calc_btn {
    display: flex;
    /* display: none; */
flex-direction: row;
justify-content: center;
align-items: center;
width: 320px;
height: 49px;
border: 2px solid #333333;
box-sizing: border-box;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 10px;
/* identical to box height, or 62% */

/* display: flex; */
align-items: center;


margin-right: 28px;
color: #333333;

/* Inside Auto Layout */

flex: none;

transition:.4s;
}
.calc_btn svg {
    margin-right: 10px;
}
.calc_btn:hover {
    background-color:#333333;
    color:white;
    text-decoration: none;
}
.calc_btn:hover svg path {
    fill: white;
}
.calc_request {
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;

width: 217px;
height: 49px;

/* green */

background: #00A868;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 10px;
/* identical to box height, or 62% */

display: flex;
align-items: center;

/* white */

color: #FFFFFF;
transition:.4s;
/* Inside Auto Layout */

flex: none;

}
.calc_request:hover {
    color: white;
    text-decoration: none;
}
.catalogue__inner-request span {
    font-style: normal;
font-weight: normal;
/* font-size: 13px; */
line-height: 17px;
/* or 121% */
margin-left:24px;
display: flex;

letter-spacing: -0.015em;
display: flex;
flex-direction: column;
align-items: flex-start;
/* gray text */

color: #616774;
}
.catalogue__inner-request span a {
    color:#00A868;
}
.nav-tabs {
    width: 100%;
height: 56px;
background: #F6F7F9;
margin-top: 30px;
justify-content: space-between;
border-bottom: 0px;
}
.nav-tabs .nav-item {
    margin-bottom: 0px;
}
.nav-tabs .nav-item .nav-link {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 19px;
/* identical to box height, or 106% */

display: flex;
align-items: center;
text-align: center;

/* gray text */

color: #616774;
height: 100%;
border: none;
}
.nav-tabs .nav-item .nav-link.active {
    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 19px;
/* identical to box height, or 106% */

display: flex;
align-items: center;
text-align: center;

/* green */

color: #00A868;
border-top:2px solid #00A868;
border-radius: 0px;
}
.filters-wrap {
    margin-top: 20px;
    margin-bottom:20px;
}
.filters-wrap form {
    display: flex;
}

.select-wrap {
width: 160px;
height: 43px;
margin-right:16px;
}
.select2-container {
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 43px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px;
}
.filters-wrap form button {
    width: 147px;
height: 42px;
border: 1px solid #333333;
box-sizing: border-box;
border-radius: 3px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
/* identical to box height */




color: #333333;
display:flex;
align-items:center;
justify-content: center;
cursor:pointer;
}
.items-table table {
    width: 100%;
}
.items-table table tr th {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 15px;
    font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 102.2%;
/* or 14px */




color: #333333;
}
.items-table table tr td {
    height: 62px;
    border-bottom: 1px solid #EAEAEA;
    transition: .2s;
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 102.2%;
/* or 14px */


/* gray text */

color: #616774;
}
.items-table table tr:hover td,
.items-table table tr td.hover{
    background: #00A868;
    color: white;
}
.table-img-wrap {
    padding-left:6px;
}
.table-request {
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 24px;
width:87px;

/* white */

background: #FFFFFF;
/* green */
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 10px;
/* identical to box height, or 83% */
transition:.2s;
display: flex;
align-items: center;

/* green */

color: #00A868;

/* Inside Auto Layout */
position: relative;
left: 22px;
flex: none;
order: 0;
flex-grow: 0;
margin: 10px 0px;
border: 1px solid #00A868;
box-sizing: border-box;
border-radius: 2px;
}
.items-table table tr:hover .table-request {
    color: white;
    border-color: white;
    background: #00A868;
}
.table-request:hover {
    text-decoration: none;
}

.items-table .table-request-td {
    /* display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    margin-bottom: -1px; */
    padding-right: 18px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: 1px;
    align-items: center;
}
.load_more {
    display: flex;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 50px;
}
.items-table {
    padding-bottom: 50px;
}
.item-table-lazy{
	text-align: center;
	margin: 20px 0;
}
#btn-lazy-loading{
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 217px;
    height: 49px;
    background: #00A868;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 10px;
    color: #FFFFFF;
    transition: .4s;
    flex: none;	
	border:none;
	cursor: pointer;
}
#btn-lazy-loading:hover {
	background: #018b56;
}
.load_more svg {
    margin-left: 5px;
}
.slider-slick-item .slick-dots li img:nth-child(1) {
    display: block;
}

.slider-slick-item  .slick-dots li img:nth-child(2) {
    display: none;
}

.slider-slick-item  .slick-dots li.slick-active img:nth-child(1) {
    display: none;
}

.slider-slick-item  .slick-dots li.slick-active img:nth-child(2) {
    display: block;
}
.slider-slick-item .slick-dots {
    list-style-type: none;
    display: flex;
    width: 210px;
    justify-content: space-between;
    padding-left: 0;
    position: absolute;
    bottom: 13px;
    right:30px;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
}
.slider-slick-item {
    position: relative;
}
.slider-slick-item  .slick-dots li span {
    cursor: pointer;
}
:focus {
    outline: #00A868 auto 1px;
}
.prev-item-slider {
    position: absolute;
    bottom: 12px;
    left: 0px;
    cursor: pointer;
}
.next-item-slider {
    position: absolute;
    bottom: 12px;
    cursor: pointer;
    right: 0px;
}
.prev-item-slider:hover svg path {
    fill: white;
}
.prev-item-slider:hover svg rect {
    fill: #00A868;
}

.next-item-slider:hover svg path {
    fill: white;
}
.next-item-slider:hover svg rect {
    fill: #00A868;
}
#aboutproduct h2 {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 120%;
/* identical to box height, or 30px */

margin-top: 50px;


color: #333333;
}
#aboutproduct p {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;
/* or 22px */


/* gray text */

color: #616774;
}
#aboutproduct h3 {
    font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 128.2%;
/* identical to box height, or 31px */



font-family: 'SF UI Display'; 
color: #333333;
margin-top: 30px;
margin-bottom: 15px;
}
#aboutproduct {
    padding-bottom: 100px;
}

#projects h2 {
    font-family: "Grandis Extended";
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 102.2%;
    /* identical to box height, or 36px */
    margin-top: 50px;
    
    
    
    color: #333333;
}
.projects_tab_subtitle {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;



/* dark gray */

color: #797777;
margin-top: 10px;
display: block;
}
.projects-tabs__item {
    background: #FFFFFF;
box-shadow: 1px 1px 21px rgba(45, 67, 91, 0.13);
border-radius: 5px;
height: 216px;
width: 100%;
display: flex;
position: relative;
    align-items: center;
margin-bottom: 30px;
transition:.4s;
}
.projects-tab__items {
    margin-top: 40px;
}
.projects-tabs__item-info {
    position: relative;
}
.projects-tabs__item-title {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 102.2%;
/* or 22px */
margin-bottom: 15px;
display: block;
text-transform: uppercase;



color: #333333;
}
.projects-tabs__item-value {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 121.2%;
/* or 22px */
max-width: 70%;

/* gray text */

color: #616774;
margin-bottom: 5px;display: block;
}
.projects-tabs__item-info {
    margin-left: 20px;
}
.projects-logo-wrap {
    position: absolute;
    right: 25px;
    top: 25px;
}
.projects-tabs__item .img-wrap {
    width: 300px;
    /* overflow: hidden; */
}
.projects-tabs__item:hover {
    box-shadow: 6px 6px 16px rgba(20, 20, 39, 0.13);
}
.pojects-tabs-advantages-h2 {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;margin-top:40px;
margin-bottom: 50px;
font-size: 35px;
line-height: 102.2%;
/* or 36px */




color: #333333;
}
.advantages__item-line br {
    display: none;
}
.advantages__item-line .advantages__item {
    display: flex;
}
.advantages__item-line .advantages__item-img {
    margin-right: 35px;
    width: 76px;
    display: flex;align-items: center;justify-content:center;
}
.advantages__item-line .advantages__item-text {
    margin-top: 10px;
}
#projects,
#certs {
    padding-bottom: 80px;
}
#certs h2 {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;
/* identical to box height, or 36px */



margin-top: 50px;
color: #333333;
margin-bottom: 40px;
}
.cert-img {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.cert-img img {
    width: 100%;
}
.cert-img img {
    filter: drop-shadow(1px 3px 7px rgba(45, 67, 91, 0.1));
}
.cert-img:before {
    position: absolute;
    height: 100%;width: 100%;
    content:"";
transition: .4s;
background: linear-gradient(0deg, rgba(45, 67, 91, 0.48), rgba(45, 67, 91, 0.48));
z-index: 9;
opacity: 0;
}
.cert-img:hover:before {

    opacity: 1;
}
.cert-img:after {
    content: url('../img/zoom.svg');
    opacity: 0;
    position: absolute;top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    transition: .4s;
}
.cert-img:hover:after {
   opacity: 1;
   z-index: 9;
}
.slide-wrap {
    display: flex;
    justify-content: space-between;
}
.slide-info {
    width: 366px;
}
.metall-wrap .select-wrap {
    width: 215px;
}
h2.steel_name {
    font-family: "Grandis Extended";
font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;
/* identical to box height, or 36px */




color: #333333;
}
.table-img-wrap img {
    width: 50px;
}
.blog-card {
    background: #FFFFFF;
    box-shadow: 2px 1px 13px rgba(0, 0, 0, 0.18);
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 30px;
    
}
.blog-img img {
    width: 100%;
    max-height: 154px;
}
.blog-card-body {
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 27px;
    padding-bottom: 30px;
}
.blog-card-date {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 125%;
/* identical to box height, or 20px */


/* gray */

color: #989EAB;
display: block;
margin-bottom: 15px;
}
.blog-card-name {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 120%;
/* or 19px */




color: #333333;
display: block;
margin-bottom: 5px;
}
.blog-card-body p {
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 125%;
/* or 17px */
margin-bottom: 30px;
color: #616774;
}
.blog-card-btn {
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 205px;
height: 47px;
border: 2px solid #333333;
box-sizing: border-box;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 10px;
color: #333333;
}
.blog-card-btn svg {
    margin-left: 10px;
} 
.about__ban {
    background-image: url('/img/sotrudniki/obschee2.jpg');
    height: 600px;
}
.about__ban h1 {
    font-family: 'Grandis Extended';
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
/* identical to box height, or 51px */


/* white */

color: #FFFFFF;
}
.sm-today h2 {
    font-family: 'Grandis Extended';
font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;
/* identical to box height, or 36px */




color: #333333;
margin-top: 80px;
display: block;
margin-bottom: 55px;
}
.without_line .advantages__line-item {
    padding-left: 0;
    position: relative;
}
.without_line .advantages__line-item::before {
    display: none;
}
.manager__card {
    background: #FFFFFF;
box-shadow: 0px -4px 8px rgba(45, 67, 91, 0.1), 0px 5px 8px rgba(45, 67, 91, 0.1);
border-radius: 5px;
height: 335px;
position: relative;
text-align: center;
margin-bottom: 30px;

}
.manager__img img {
    width: 100%;
}
.manager__img {
    margin-bottom: 15px;
    padding: 19px;
    padding-bottom: 0px;

}
.manager__body {
    padding: 19px;
    padding-top: 0px;
}
.manager__name {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 125%;
/* identical to box height, or 20px */




color: #333333;
display: block;
margin-bottom: 9px;
margin-top: 35px;
}
.manager__tels {
    margin-bottom: 5px;
    /* font-size: 12px; */
}
.manager__tels a {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 131%;

text-align: center;

color: #616774;
display: block;
}
.manager__email {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 120.2%;
/* or 19px */

text-align: center;
text-decoration-line: underline;

/* ssylki */

color: #2A67A8;
}
.manager__bottom {
    position: absolute;
    width: 100%;
    bottom:0px;
    border-top: 1px solid #EAEEF3;
    text-align: center;
    height: 47px;display: flex;
    align-items: center;
    justify-content: center;
}
.manager__bottom span {
    font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 120%;
/* identical to box height, or 17px */

text-align: center;

/* gray */

color: #989EAB;
}
.managers h2 {
    font-family: 'Grandis Extended';
    margin-bottom: 50px;
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
/* identical to box height, or 51px */




color: #333333;
}
.changer__btns a {
    width: 164px;
    height: 55px;
margin-right: 30px;
    
    /* white */
    
    background: #FFFFFF;
    /* gray */
    
    border: 2px solid #989EAB;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content:center;
    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 19px;
/* identical to box height, or 106% */

display: flex;
align-items: center;

/* gray */
transition: .4s;

color: #989EAB;
}
.changer__btns a.active,
.changer__btns a:hover {
    text-decoration: none;
    color:#00A868;
    border: 2px solid #00A868;
}
.changer__btns {
    display: flex;
    align-items:center;
    margin-top: 30px;margin-bottom: 50px;
}

.about__numbers.without_line {
    padding-top: 122px;

    height: auto;
    background-position: right;
    background-repeat: no-repeat;
    padding-bottom: 103px;
}
.history h2 {
    font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
/* identical to box height, or 51px */
margin-bottom: 70px;




color: #333333;
}
.history {
    height: 891px;


background: #F6F7F9;
padding-top: 60px;
}
.history svg {
    margin: 0 auto;
    display: block;
}
.history__card {
    position: absolute;
    width: 600px;
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 30px;
height: 315px;
background: #FFFFFF;
box-shadow: 0px 10px 20px rgba(45, 67, 91, 0.1);
border-radius: 5px;
}
.history__card-year {
    font-family: 'Grandis Extended';
font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;
/* identical to box height, or 36px */

display: block;


color: #333333;
}
.history__card-text {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 129%;
color: #616774;
display: block;
margin-top: 20px;
}
.dir img {
    position: relative;
    left: -31%;
}
.dir h2 {
    font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
/* or 51px */
margin-bottom: 50px;



color: #333333;
margin-top: 110px;
}
.dir p {
    font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 125%;
/* or 22px */


/* gray text */

color: #616774;
}
.dir p strong {
    font-weight: 600;
}
.dir_name {
    display: block;
    margin-top: 40px;
    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 125%;





color: #333333;
}
.dir_job {
    display: block;
    margin-top: 3px;
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 125%;
/* identical to box height, or 17px */


/* gray */

color: #989EAB;
}
.quote {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 20px;
    position: relative;
}
.quote:before {
    content: url('/img/quote.svg');
    position: absolute;
    left: 20px;
    top: 13%;
}
.quote:after {
    content: url('/img/quote2.svg');
    position: absolute;
    right: 20px;
    bottom: 30%;
}
.dir {
    margin-bottom: 100px;
}
.photos h2 {
    font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
/* or 51px */




color: #333333;
margin-top: 80px;
margin-bottom: 50px;
}
.photos img {
    width: 100%;
}
.photos .col-sm-6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.photos a {
    margin-bottom: 15px;
}
.sotr {
    height: 543px;
background: #F6F7F9;

}
.sotr h2 {
    font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;
/* or 36px */




color: #333333;
margin-top: 86px;
margin-bottom: 36px;
}
.sotr hr {
    margin-top: 0px;
    margin-bottom: 30px;
}
.sotr p {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;
margin-top: 7px;
/* or 22px */


/* gray text */

color: #616774;
}
.sotr h3 {
    font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 120%;
/* identical to box height, or 30px */




color: #333333;
margin-bottom: 18px;
}
ul.list-gr {
padding-left: 0px;
    list-style-type: none;
}
ul.list-gr li {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 142%;
/* or 26px */

padding-left: 25px;
/* gray text */
position: relative;
color: #616774;
}

ul.list-gr li::before {
    content: "\2022";  
    color: #00A868; 
    font-weight: bold; 
    display: inline-block;
    width: 5px; 
    left: 0px;
    position: absolute;
  }
  .nc-area {
      min-height: 0px;
  }
  .about__ban {
    background-position: center;
    background-size: cover;
  }
  .about__ban .breadcrumb-wrap {
      margin-top: 0px;
  }
  .about__ban {
      padding-top:30px
  }
  .about__ban .breadcrumb-wrap span {
      color: white !important;
  }
  .delivery__ban {
      background-image: url('/img/del.png');
  }
  .delivery__ban p {
      display: block;
      font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;



/* white */

color: #FFFFFF;
margin-top: 30px;
  }

  @media (max-width: 1441px) {
    .about__ban {
        height: 440px; 
    }
}
  .nav__item:hover {
      color: white;
      text-decoration: none;
  }
  header .nav__item:hover {
    color:#00A868;
    text-decoration: none;
}
  .tk-logo {
    height: 173.25px;
    background: #FFFFFF;
    border: 0.5px solid #989EAB;
    box-sizing: border-box;
    display: flex;
    align-items:center;
    justify-content: center;
    border-radius: 3px;
  }
.timeline_item  span {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;
color: #616774;
}
.timeline_item h2 {
    font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;
color: #333333;
display: block;
margin-bottom: 20px;
}
.timeline__second ul {
    margin-top: 60px;
}
.timeline__second ul li {
    margin-bottom: 40px;
}
.timeline__second ul span {
    font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 120%;
color: #333333;
display: block;
}
.timeline__first-gallery {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 34px;
}
.timeline__first-gallery img {
    width: 100%;
}
.timeline_item {
    margin-bottom: 80px;
}
.timeline_item p {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 120%;
color: #333333;
margin-bottom: 15px;
}

.timeline__wrap {
    position: relative;
    margin-top: 80px;
}
.timeline__wrap:before {
    content: "";
    height: 100%;
    display: block;
    width: 1px;
    position: absolute;
    background-color: #2D435B;
    top: 36px;
}
.timeline_item {
    position: relative;
    padding-left: 59px;
}
.timeline_item::before {
    content: "";
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    background-color: #2D435B;
    border-radius: 50%;
    left: -8px;
    top: 19px;
    transition: .4s;
}
.map_con h2 {
    margin-bottom: 30px;
    font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 120%;
/* identical to box height, or 30px */




color: #333333;
}
.pay h2 {
    font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;

margin-bottom: 33px;
color: #333333;
display: block;
margin-top: 100px;
}
.pay__card {
    height: 120px;
display: flex;
align-items: center;
justify-content:center;
background: #F6F7F9;
border-radius: 5px;
}
.pay__card span {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 120%;
color: #333333;
}
.rekv__pay-card {
    display: flex;
    align-items: center;
    justify-content: center;
width: 150px;
height: 44px;
margin-left: 29px;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 10px;

letter-spacing: -0.015em;

color: #FFFFFF;
background: #2D435B;
}
.rekv__pay-card svg {
    margin-right: 10px;
}
.rekv__pay-card:hover {
    text-decoration: none;color: white;
}
.pay {
    margin-bottom: 90px;
}
.rekv__info h2 {
    font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 120%;

color: #333333;
margin-bottom: 30px;
}
.rekv__info span,
.rekv__info td {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;
padding-top: 20px;

color: #333333;
}
.rekv__info table {
    width: 100%;
}
.rekv__info {
    margin-bottom: 100px;
}
#delivery img {
    width: 100%;
}
.rezka {
    background-image: url('/img/rezka.png');
}
.rezka p {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 120%;
/* or 19px */


/* white */

color: #FFFFFF;
margin-top: 20px;margin-bottom: 23px;
}
.rezka span {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;
/* or 22px */


/* white */

color: #FFFFFF;
}
.items-table table tr .table-request {
    left: 0px !important;
    float: right;
}
.modal-dialog {
    max-width: 1280px;
}
.modal-body {
    padding: 0;
}
#calc .modal-body {
    padding: 40px;
}
.modal-content {
    position: relative;
}
.close {
    position: absolute;
    right: 6px;
    top: -6px;
    z-index: 1;
    font-size: 46px;
    font-weight: 300;
}
body {
    overflow-x: hidden;
}
.contacts .linebt {
    border-bottom: 1px solid #989EAB;
    margin-bottom: 30px;
}
.contacts h1 {
    font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
margin-bottom: 60px;
color: #333333;
}
.contact_title {
    font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 120%;
color: #333333;
display: block;
margin-bottom: 15px;
}
.contact_address {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;





color: #333333;
display: block;
margin-bottom: 10px;
}
.contact_tel, .contact_tel a, .contact_tel a:hover {
    font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 125%;
/* identical to box height, or 27px */


/* green */

color: #00A868;
display: block;
margin-bottom: 5px;
}
.contact_mail {
    font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 125%;
/* identical to box height, or 25px */

text-decoration-line: underline;

/* ssylki */

color: #2A67A8;
display: block;
margin-bottom: 81px;
}
.rekv-min {
    height: 36px;width: 150px;
    margin-left: 0px;
}
.map_way {
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: #2D435B;font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 10px;
display: flex;
align-items: center;
letter-spacing: -0.015em;
color: #FFFFFF;
width: 219px;
height: 36px ;
}
.map_way svg {
    margin-right: 10px;
}
.map_way:hover {
    color: white;text-decoration:none;
}
.manager_ans {
    font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 105%;
color: #333333;
display: block;
margin-bottom: 7px;
}
.del_pay h2 {
    font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
color: #333333;
margin-top: 80px;
}
.top-hidden-menu {
    display: none;
}
.top__header-menu li:hover .top-hidden-menu {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #2D435B;
    padding: 20px;
    z-index: 9;
    color: white;
}
.top-hidden-menu a {
    color: white;
}
.load_more {
    display: none;
}
.burger__menu {
    display: none;
}
.mobile-menu,
.mobile__tel {
    display: none;
}
.c-green{
	color:#00A868;
}
.vacancy{
	margin-bottom:40px;
}
.vacancy-frame {
    background: #F8F8F8;
    border: 1px solid #B9B9B9;
    box-sizing: border-box;
    padding: 20px;
}
.vacancy-title {
    font-weight: 500;
    font-size: 18px;
}
.vacancy-buttons{
	display: flex;
	margin: 20px 0;
	align-items: center;
}
.vacancy-button{
    display: block;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #00A868;
    color: #00A868;
    font-size: 14px;
    padding: 10px 50px 10px 20px;
	margin-right:20px;
	min-width: 135px;
}
.vacancy-button:after {
    content: url(../img/triangle1.png);
	position: absolute;
	top: 11px;
    right: 18px;
	transition: 0.5s;
}
.vacancy-button:focus {
    outline: #00A868 auto 1px;
}
.vacancy-button.open-vacancy:after {
	transform: rotate(-180deg);
	top: 9px;
}
.vacancy-response {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 42px;
    background: #00A868;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 10px;
    color: #FFFFFF;
    transition: .4s;
    flex: none;
}
.vacancy-response:hover{
    color: #FFFFFF;
}
.vacancy-price,
.vacancy-text{
    font-size: 14px;
}
@media (max-width: 767.98px) { 
    .dir img {
        left: 0px;
        width: 100%;
    }
    .photos a {
        margin-bottom: 15px;
        width: 100%;
        display: block;
    }
    .mob-bottom-low {
        margin-bottom: 0px !important;
    }
    .burger__menu {
        display: block;
        width: 32px;
    }
    .mobile__tel {
        display: block;
    }
    .opened-menu .mobile-menu {
        display: block;
        position: fixed;
        top: 0px;
        height: 100%;
        width: 100%;
        left: 0px;
        z-index: 9;
        background-color: white;
    }
	#header-info > a{
		font-size: 12px;
	}
.nav__item.has-children:after {
    content: url('/img/arrow_d.svg');
    position: absolute;
    right: 32px;
}
.nav__item.has-children:hover:after {
    transform: rotate(180deg);
}
.mobile-menu .top__header-menu {
    height: auto !important;
}
.mobile-menu .top__header-contacts {
    display: block !important;
    padding-left: 31px;
    margin-top: 50px;
}
.mobile-menu .left-menu {
    min-height: auto;
}
.top__header-mail {
    color: #2A67A8;
}
.mobile-menu .rezka_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 40px;
    justify-content: center;
    width: 90%;
    height: 55px;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 10px;
    display: flex;
    align-items: center;
    letter-spacing: -0.015em;
    color: #FFFFFF;
    background: #00A868;
    margin: 0 auto;
    margin-bottom: 400px;
}
.top__header-contact {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
    .burger__menu svg path {
        fill: white;
    }
    .subscribe__form-left {
        display: none;
    }
    .items-table table tr td {
        min-width: 87px
    }
    .grid-8 {
        padding-left: 0px;list-style-type: none;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        list-style-type: none;
        min-height: 200px;
    }  
	.download-pricelist{
		padding: 5px 15px;
		width: 120px;
		font-size: 12px;
	}
	.download-pricelist span{   
		width: 34px;
		height: 34px;
	}	
	
.container { 
    max-width:100%
}
.bottom__header,
.top__header-menu,
.top__header-contacts {
    display: none !important;
}
.main__banner-title {
    font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 100%;
text-transform: uppercase;
color: #FFFFFF;
}
.main__banner {
    height: 285px;
    background-size: cover;
    background-position: center;
    padding-top: 53px;
    padding-left: 30px;
}
.main__banner-subtitle {
    font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 115%;
color: #FFFFFF;
}
.main__banner .btn-custom{
    width: 161px;
    height: 33px;
font-size: 11px;
line-height: 10px;
margin-right: 12px;
padding: 0px !important;
display: flex;
align-items: center;
justify-content: center;
}
.catalogue__title {
    font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 102.2%;
color: #333333;
}
.top__header {
    height: 71px;
    background: #2D435B;
}
.catalogue .col-sm-3 {
    width: 50%;
}
.catalogue__card {
    width: 100%;
height: 153px;
}
.catalogue__card-title {
    font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 102.2%;
color: #333333;
}
.catalogue__title {
    padding-left: 15px;
    margin-top: 39px;
}
.catalogue .row .col-sm-3:last-child {
    width: 100%;
}
.subtitle__line:before {
    display: none;
}
.subtitle__line {
    padding-left: 15px;
}
.subtitle__h2 {
    padding-left: 15px;
}
.about__img1 {
    position: relative;
    left: 0;
    width: 100%;
} 
.about__numbers h2 {
    font-size: 32px;
    padding-left: 15px;
}
.about__numbers {
    height: auto;
}
.about__numbers .col-sm-7 {
    display: none;
}
.advantages .subtitle__h2 {
    font-size: 32px;
}
.gray-form .col-sm-4 {
    display: none;
}
.input-wrap {
    display: flex;
    flex-direction: column;
    margin-right: 0;
    width: 100%;
}
.form-wrap {
    display: flex;
    flex-wrap: wrap;
}
.gray-form {
    height: auto;
    padding-bottom: 30px;
}
.input-el {
    width: 100%;
}
textarea {
    margin-bottom: 20px;
}
.form-bottom__line .upload__file {
    display: none;
}
footer {
    height: auto;
}
.footer__top {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer__bottom {
    height: auto;
    margin-top: 20px;
}
.footer__center {
    height: auto;
}
.contact__footer {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}
.left-menu {
    display: none;
}
.slider__wrap {
    width: 100%;
    margin-right: 0px;
}
.catalogue__inner {
    display: flex;
    flex-wrap: wrap;
}
.catalogue__inner-info {
    width: 100%;
    padding-top: 30px;
}

.footer__top .col-sm-12.h-100.d-flex.align-items-center.justify-content-between {
flex-direction: column;
align-items: flex-start !important;
}
.catalogue__inner-request {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
    margin-top: 30px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding-left: 25px;
    flex-wrap: wrap;
}
.calc_btn {
    margin-bottom: 20px;
}
.calc_request {
    margin-bottom: 20px;
}
.catalogue__inner-request span {
    margin-left: 0px;
}
.nav-tabs {
    width: 100%;
    height: auto;
    background: #F6F7F9;
    margin-top: 30px;
    justify-content: space-between;
    border-bottom: 0px;
    flex-wrap: wrap;
}
.nav-tabs .nav-item .nav-link {
    line-height:40px
}
.nav-tabs .nav-item {
    margin-bottom: 0px;
    width: 50%;
}
.items-table {
    overflow: scroll;
}
.filters-wrap form {
    display: flex;
    flex-wrap: wrap;
}
.select-wrap {
    width: 40%;
    height: 43px;
    margin-right: 16px;
    margin-bottom: 20px;
}
.grid-4 {
grid-template-columns: repeat(2,50%);
}
.page-title {
    font-size: 32px;
}
h2.steel_name {

    font-size: 24px;

}
.breadcrumb-wrap ol {
    flex-wrap: wrap;
}
.history__card {
    position: absolute;
    width: 100%;
    padding-left: 40px;
    padding-top: 50px;
    padding-right: 85px;
    padding-bottom: 40px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgb(45 67 91 / 10%);
    border-radius: 5px;
}
.history svg {
    width: 100%;
    height: auto;
}
.history__card {
    position: relative;
}
.dir h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 32px; 
    margin-top: 40px;
}
.history h2 {

    font-size: 32px;
}
.history {
    height: auto;
    background: #F6F7F9;
    padding-top: 60px;
    padding-bottom: 30px;
}
.quote {
    margin-top: 40px;
}
.quote:before {
    top: -11px;
}
.quote:before {
    bottom: 20%;
}
.managers h2 {
    font-size: 32px;
}
.manager__card {
    height: auto;
}
.manager__bottom {
    position: relative;
}
.photos h2 {
    font-size: 32px;
}
.sotr {
    height: auto;
    background: #F6F7F9;
}
.pay__card {
    margin-bottom: 20px;
}
[style="margin-left:50px"] {
    margin-left: 0px !important;
}
.logo__header svg {
    width: 100px !important;
}
.projects-tabs__item {
    background: #FFFFFF;
    box-shadow: 1px 1px 21px rgb(45 67 91 / 13%);
    border-radius: 5px;
    height: auto;
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 30px;
    transition: .4s;
    flex-wrap: wrap;
}
.projects-tabs__item .img-wrap {
    width: 100%;
    overflow: hidden;
}
.projects-tabs__item .img-wrap img {
    width: 100%;
}
.projects-tabs__item-info {
    margin-left: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}
#projects h2 {
    font-size: 24px;
    line-height: 102.2%;
    margin-top: 50px;
    color: #333333;
}
#projects h2 br {
    display: none;
}
.advantages__item-line .advantages__item {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.timeline_item h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 102.2%;
    color: #333333;
    display: block;
    margin-bottom: 20px;
}
.timeline_item span {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 125%;
    color: #616774;
}
.timeline__second ul span {
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 120%;
    color: #333333;
    display: block;
}
.tk-logo {
    height: auto;
    background: #FFFFFF;
    border: 0.5px solid #989EAB;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-bottom: 20px;
}
.not__find-title{
	margin-bottom: 8px;
}
.not__find-subtitle,.not__find-tel{
	margin-bottom: 12px;
}
	.vacancy-buttons{
		display:block;
	}
	#vacancy-button{
	    width: 100%;
		margin-bottom:20px
	}
	.vacancy-response{
	    width: 100%;
	}
}



.slide-info {

    display: flex;
    flex-direction: column;
    align-items: flex-start;

}
.slide-info-title {
    font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;
/* identical to box height, or 36px */




color: #333333;
margin-top: 44px;margin-bottom: 25px;
}
.slide-info-text,
.slide-info-subtext {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 121.2%;
color: #797777;
margin-bottom: 14px;
display: block;
}
.partner-slide img {
    width: 100%;
}
.partner-slide {
    padding-right: 20px;
}
.partner-slide.slick-current.slick-active img {

}


.projects {
    padding-top: 80px;

  }
  @media only screen and (max-width: 767px) {
    .projects {
      padding-top: 40px;
      padding-bottom: 30px;
    }
  }
  @media only screen and (max-width: 575px) {
    .projects {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
  .projects-title {
    margin-right: 95px;
  }
  @media only screen and (max-width: 575px) {
    .projects-title {
      margin-right: 0;
    }
  }
  .projects-title-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
  }
  @media only screen and (max-width: 575px) {
    .projects-title-wrapper {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: 20px;
    }
  }
  @media only screen and (max-width: 991px) {
    .projects-title-wrapper {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: 20px;
    }
  }
  .projects-title-link-text {
    font-family: Gilroy, sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #264ABA;
    border-bottom: 1px dashed #264ABA;
  }
  .projects-title-link:hover .projects-title-link-text, .projects-title-link:focus .projects-title-link-text {
    border-bottom: 1px solid #264ABA;
  }
  .projects-title-link .icon {
    margin-right: 13px;
  }
  .projects-title-link .icon path {
    fill: #264ABA;
  }
  .projects .project {
    position: relative;
    overflow: hidden;
  }
  @media only screen and (max-width: 575px) {
    .projects .project {
      margin-bottom: 20px;
    }
  }
  .projects .project-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  @media only screen and (max-width: 575px) {
    .projects .project-info {
      justify-content: flex-start;
    }
  }
  .projects .project-desc {
    margin-bottom: 15px;
  }
  .projects .project-place {
    font-family: Gilroy, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #616774;
    margin-bottom: 10px;
  }
  .projects .project-name {
    font-family: Gilroy, sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 12px;
  }
  .projects .project-work {
    font-family: Gilroy, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #616774;
  }
  .projects .project-img {
    width: 100%;

    object-fit: contain;
    display: block;
  }
  .projects .project-img-wrapper {
    vertical-align: middle;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  }
 .project-img-wrapper.slick-slide:not(.slick-current) {
    transform: scale(0.8);
 }
 .project-img-wrapper.slick-slide {
     transition:.4s;
 }
  @media only screen and (max-width: 575px) {
    .projects .project-img {
      height: 100%;
    }
  }
  @media only screen and (max-width: 991px) {
    .projects .project-img {
      height: 360px;
    }
  }
  @media only screen and (max-width: 1199px) {
    .projects .project-img {
      height: 400px;
    }
    .about__ban {
        height: 440px; 
    }
  }
  .projects .project-details {
    display: flex;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    background-color: #ffffff;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }
  @media only screen and (max-width: 767px) {
    .projects .project-details {
      background-color: transparent;
    }
  }
  .projects .project-details-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    flex-grow: 1;
  }
  .projects .project-details-col-title {
    font-family: Gilroy, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #616774;
    margin-bottom: 8px;
  }
  .projects .project-details-col-desc {
    font-family: Gilroy, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
  }
  .projects .project-link {
    width: 212px;
  }
  @media only screen and (max-width: 575px) {
    .projects .project-link {
      width: 100%;
    }
  }
  .projects .project .vertical {
    margin: 0 10px;
  }
  .projects .projects-slider-slider_number {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 121.2%;
display: flex;
align-items: center;
/* or 19px */




color: #333333;
  }
  .projects .projects-slider-control {
    display: flex;
  }
  .projects .projects-slider-control .icon path {
    fill: #989EAB;
    stroke: #989EAB;
  }
  .projects .projects-slider-control .icon circle {
    fill: #ffffff;
    stroke: #989EAB;
  }
  .projects .projects-slider-control .icon:focus, .projects .projects-slider-control .icon:hover {
    cursor: pointer;
  }
  .projects .projects-slider-control .icon:focus path, .projects .projects-slider-control .icon:hover path {
    fill: #264ABA;
    stroke: #264ABA;
  }
  .projects .projects-slider-control .icon:focus circle, .projects .projects-slider-control .icon:hover circle {
    fill: #ffffff;
    stroke: #264ABA;
  }
  .projects .projects-slider-control-wrapper {
    margin-top: 20px;
    margin-right: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  .projects .projects-slider-control-wrapper .projects-slider-slider_number {
    margin-right: 60px;
  }
  @media only screen and (max-width: 575px) {
    .projects .projects-slider-control-wrapper {
      display: none;
    }
  }
  .projects .projects-slider-control-wrapper-mobile {
    position: relative;
    z-index: 10;
    display: none;
  }
  @media only screen and (max-width: 575px) {
    .projects .projects-slider-control-wrapper-mobile {
      display: flex;
      justify-content: space-around;
    }
  }
  .projects .projects-slider__prev {
    margin-right: 10px;
  }
  .projects .projects-info-slider {
    margin-top: 65px;
    min-height: 500px;
    position: relative;
    z-index: 100;
  }
  @media only screen and (max-width: 575px) {
    .projects .projects-info-slider {
      margin-top: 0;
      margin-bottom: 20px;
      min-height: auto;
    }
  }
  .projects .projects-img-slider .slick-list {
    padding: 0 20% 0 0;
  }
  @media only screen and (max-width: 575px) {
    .projects .projects-img-slider .slick-list {
      padding: 0;
    }
  }
  @media only screen and (max-width: 767px) {
    .projects .projects-img-slider .slick-slide {
      filter: blur(0px);
      opacity: 0.2;
    }
  }
  .projects .projects-img-slider .slick-slide .project-img-wrapper {
    filter: blur(0px);
    transition: transform 0.2s ease-in-out;
    transform: scale(0.9);
  }
  .projects .projects-img-slider .slide-current .project-img-wrapper {
    filter: blur(0px);
    box-shadow: none;
    transform: scale(1);
    transition: transform 0.2s ease-in-out;
  }
  .projects .projects-img-slider .slide-current + div {
    filter: blur(0px);
  }
  .projects .projects-img-slider .slide-current + div:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 650px;
    background-color: rgba(255, 255, 255, 0.2);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.52));
    filter: blur(0px);
    z-index: 100;
  }
  @media only screen and (max-width: 575px) {
    .projects .projects-img-slider .slide-current + div:before {
      left: -15px;
      right: -15px;
      top: 0;
      bottom: 0;
      width: 100%;
    }
  }
  
  @media only screen and (max-width: 1200px) {
    .container-wrapper {
      position: relative;
    }
    .about__ban {
        height: 440px; 
    }
	.nav__item{		
		margin-right: 15px;
	}
  }

  .abs-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.projects .projects-img-slider .slick-slide {
    filter: blur(0px);

    display: flex;
    align-items: center;
    height: 100%;

}

.project-info-wrapper {
    min-width: 600px;
}
.proj__title {
    font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 120%;
/* or 19px */




color: #333333;
display: block;
margin-bottom: 10px;
}
.proj__text {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;
/* or 22px */


/* gray text */

color: #616774;
display: block;
margin-bottom: 40px;
}
.req_rezk {
    display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
width: 220px;
height: 55px;

background: #FFFFFF;


border: 2px solid #333333;
box-sizing: border-box;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 10px;
/* identical to box height, or 56% */

display: flex;
align-items: center;
letter-spacing: -0.015em;



color: #333333;
}
.req_rezk:hover {
    text-decoration: none;
    
color: #333333;
}
.line-count {
    width: 42px;
    height:1px;
    background-color: #616774;
    display: inline-flex;
    margin-left: 5px;margin-right: 5px;
}
.stan_preim {
    margin-bottom: 120px;
}
.stan_preim h2 {
    font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 102.2%;
/* or 36px */




color: #333333;
}
.stan_count {
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;





color: #333333;
display: block;
margin-bottom: 10px;
margin-top: 40px;
}
.stan_title {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 120%;
/* or 19px */



border-top: 1px solid #333333;
padding-top: 10px;
color: #333333;
display: inline-block;
margin-bottom: 15px;
}
.stan_text {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 125%;
/* or 20px */
display: block;

/* gray text */

color: #616774;
}
.stan_voz h2 {
    font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 102.2%;
/* or 51px */




color: #333333;
margin-bottom: 10px;
}
.subscribe__form-left {
    margin-top: 20px;
    background: #FFFFFF;
/* dark blue */
padding: 25px;
border: 1px solid #2D435B;
box-shadow: 0px 4px 8px rgba(45, 67, 91, 0.1);
border-radius: 5px;
display: none;
}
.subscribe__form-left .nav__footer-header {
    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 124.2%;
/* or 22px */




color: #333333;
display: block;
margin-bottom: 10px;
}
.subscribe__form-left .input-el {
    width: 100%;
    background: #F6F7F9;
border-radius: 3px;
}

.subscribe__form-left form button[type="submit"] {
    background: #2D435B;
}
.subscribe__form-left .input-wrap {
    margin-right: 0px;
}
.stanki h2 {
    margin-top: 143px;
    margin-bottom: 14px;
}
.nav-pills .nav-link {
    display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 268px;
height: 55px;
background: #FFFFFF;
border: 2px solid #989EAB;
box-sizing: border-box;
border-radius: 5px;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 19px;
margin-right: 30px;
color: #989EAB;
}
.nav-pills .nav-link.active {
    border: 2px solid #00A868;
    color: #00A868;
    background: transparent;
}
.flex-stanok {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-stanok table tr td,
.flex-stanok table tr th {
    border: 2px solid #dee2e6;
}
.flex-stanok table {
    width: 424px;
}
.flex-stanok {
    margin-bottom: 100px;
}
.map-route h2 {
    font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 120%;
/* identical to box height, or 30px */




color: #333333;
display: block;
margin-top: 113px;
text-align: center;
margin-bottom: 28px;
}
.map-route .nav-tabs {
    height: auto;
    background: transparent;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.map-route .nav-tabs .nav-link {
    border: none;
    font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;


position: relative;


color: #333333;
}
.map-route .nav-tabs .nav-link.active {
    font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 125%;
border-bottom: 3px solid #00A868;
color: #00A868;
}
.map-route .nav-tabs {
    border-bottom: 1px solid #989EAB;
    margin-bottom: 20px;
}
.map-route .nav-tabs .nav-link:before {
    content: url('/img/p.svg');
    position: relative;
    margin-right: 7px;
    top: 2px;
}
.map-route {
    margin-bottom: 90px;
}
.rezka_btn {
    display: flex;
flex-direction: row;
align-items: center;
margin-top: 40px;
justify-content:center;
width: 338px;
height: 55px;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 10px;
display: flex;
align-items: center;
letter-spacing: -0.015em;
color: #FFFFFF;
background: #00A868;
}
.rezka_btn:hover {
    text-decoration: none;
    color: white;
}

@media (max-width: 767.98px) {  


    .about__ban {

        height: auto;
        padding-bottom: 40px;
    }
    .stan_preim h2 {
        font-size: 24px;
    }
    .stan_voz h2 {
        font-size: 24px;
    }
    .stan_voz img {
        width: 100%;
    }
    .stanki h2 {
        margin-top: 40px;
        margin-bottom: 14px;
        font-size: 24px;
    }
    .nav-pills .nav-link {
        margin-bottom: 20px;
    }
    .flex-stanok {
        margin-bottom: 30px;
        flex-direction: column;
        padding: 15px;
    }
    .flex-stanok img {
        width: 100%;
    }
    .projects .project-img {
        height: auto;
    }
    .project-img-wrapper.slick-slide:not(.slick-current) {
        transform: scale(1);
    }
    .project-info-wrapper {
        min-width: 100%;
        width: fit-content;
        padding: 15px;
    }
    .form__title {
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 102.2%;
        font-family: "Grandis Extended";
        color: #333333;
        margin-top: 37px;
        display: block;
        margin-bottom: 10px;
    }
    .contact_title {
        font-style: normal;
        font-weight: bold;
        font-size: 21px;
        line-height: 120%;
        color: #333333;
        display: block;
        margin-bottom: 15px;
        margin-top: 20px;
    }
    .manager_ans {
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 105%;
        color: #333333;
        display: block;
        margin-top: 40px;
        margin-bottom: 7px;
    }
    .map-route .nav-tabs {
        height: auto;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .map-route .nav-tabs .nav-link {
        width: 100%;
        margin-bottom: 20px;
    }
}
.hidden__menu {
    width: 584px;
height: 344px;
background: #FFFFFF;
box-shadow: 7px 7px 12px rgba(20, 20, 39, 0.03);
position: absolute;
padding-left: 28px;
padding-right: 37px;padding-bottom: 18px;
z-index: 4;
display: none;
}
.hidden__menu nav {
    display: flex;
}
.hidden__menu .nav-tabs {
    width: 100%;
    height: auto;
    background: transparent;
    margin-top: 30px;
    justify-content: flex-start;
    border-bottom: 0px;
}
.nav-head-sub {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 100%;
color: #000000;
margin-right: 30px;

}
.hidden__menu .tab-content a {
    font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 160.2%;
display: block;
color: #333333;
}
.tab-content .grid-menu-4 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        list-style-type: none;
        height: 220px;
}

.hidden__menu .tab-content a.menu-detail-btn {
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 40px;
    border: 2px solid #00A868;
    box-sizing: border-box;
    font-style: normal;
    font-size: 14px;
    line-height: 10px;
    color: #00A868;
}

.hidden__menu .tab-content a.menu-detail-btn span{
	padding-right: 15px;
}
.nav-head-sub.active,
.nav-head-sub:hover {
    font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
letter-spacing: 0.002em;
text-decoration: none;
color: #00A868;
}
.hidden__menu .nav-tabs {
    border-bottom: 1px solid #F6F7F9;
    padding-bottom: 13px;
    margin-bottom: 14px;
}
.bottom__header-menu li:hover .hidden__menu {
    display: block;
}
.bottom__header-menu li.right__menu:hover .hidden__menu {
    right: 0px !important;
}
.hidden__menu .tab-content a:hover {
text-decoration: none;font-weight: 500;
}
.text-block {
    padding-top: 30px;
    padding-bottom: 30px;
}
.news__img {
    text-align: center;
}
.news__img img {
    width: 100%;
}
.table__gost tr {
    display: flex;
    flex-direction: column;
}
.table__gost .table td a {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 160.2%;
    color: #2A67A8;
}
.table__gost .table-bordered td, .table__gost .table-bordered th {
    border: none !important;
    padding: 0px;
}
.projects-slider {
    position: relative;
    z-index: 0;
}
.tpl-body-sub-487 table {
    width: 100%;
    text-align: center;
}
.table__gost tr td strong {
    font-family: "Grandis Extended";
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 102.2%;
    text-transform: uppercase;
    color: #333333;
    border-bottom: 1px solid #989EAB;
    padding-bottom: 5px;
    width: 100%;
    display: block;
    margin-bottom: -10px;
    margin-top: 20px;
}
.tpl-body-sub-486 .table td{
    padding: 0.4rem 0.45rem;
}
.tpl-body-sub-554 .table td{
    padding: 0.35rem;
}
.tpl-body-sub-554 .table tr:first-child {
    background-color: #2D435B;
    color: #fff;
}
.table__gost .table td, .table__gost .table th {
    border: none !important
}
@media (max-width: 767.98px) { 
.mobile-menu .top__header-menu {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;

} 
@media (min-width: 1299px) {
    .about__ban {
        height: 440px; 
    }
}
.mobile-menu .top__header-menu > li {
padding-left: 30px;
background: #FFFFFF;
border: 1px solid #F1F1F1;
box-sizing: border-box;
}

.mobile-menu {
    top: 71px !important
}
.mobile-menu .nav__item {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    margin-right: 0px;
    margin-top: 12px;
    margin-bottom: 12px;
    display: block;
    transition: .4s;
    color: #000;
    font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 24px;
/* identical to box height */

letter-spacing: 0.01em;

/* black */

color: #333333;
}
.opened-menu {
    overflow: hidden;
}
.mobile-menu .top__header-menu li:hover .top-hidden-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #2D435B;
    padding: 20px;
    z-index: 9;
    color: white;
}
.mobile-menu .top__header-menu li {
    width: 100%;
}
.top__header-menu li:hover .top-hidden-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #2D435B;
    padding: 20px;
    z-index: 9;
    color: white;
    width: 90%;
}
textarea {
    resize: none;
    height: 102px !important;
}
.calc_btn {
    display: none;
}
.mobile-menu .top__header-menu li:hover .left-menu {
    display: block;
    padding: 0;
    padding-right: 30px;
    box-shadow: none;
}
.pay__card {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #F6F7F9;
    border-radius: 5px;
    padding-left: 40px;
}
.opened-menu .mobile-menu {
    overflow: scroll;
}
.advantages {
    margin-top: 20px;
}
.developer {
    margin-top: 20px;
    margin-bottom: 30px;
}
}
.lvl-3.active a {
    color:#00A868
}
.developer {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
.developer svg path {
    fill: white;
}
.developer:hover {
    text-decoration: none;color: white;
}
.developer svg {
    margin-right: 10px;
}
.slide-gallery .slick-next:before, .slide-gallery .slick-prev:before {
    color:#00A868 !important
}
p.headers {
    font-size: 20px;
}
.tpl-body-sub-485 td a, .tpl-body-sub-570 td a,.tpl-body-sub-485 p a, .tpl-body-sub-570 p a{
    color: #3089b1;
}
.tpl-body-sub-485 td a:hover, .tpl-body-sub-570 td a:hover,.tpl-body-sub-485 p a:hover, .tpl-body-sub-570 p a:hover {
    color: #005580; 
}
.tpl-body-sub-485 .table-no-left-padding td {
    padding: 0.75rem 0.75rem 0.75rem 0;
}
.item__url {
    color:#616774;
    text-decoration: none;
}
.items-table table tr:hover td a {
    color: white;
    text-decoration: none;
}
.sklad_avail {
    background: #F6F7F9;
border: 0.3px solid #989EAB;
box-sizing: border-box;
border-radius: 5px;
font-family: SF UI Display;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 125%;
display: flex;
align-items: center;
padding-left: 15px;padding-right: 15px;
margin-bottom: 15px;
width: fit-content;
height: 38px;
color: #616774;
}
.sklad_avail span {
    color:#333333;
    margin-left: 5px;
}
.sklad_avail svg {
    margin-right: 15px;
}
.nonetr {
    display: none;
}
.show_more,
.show_more:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 297px;
    height: 55px;
    text-decoration: none;
    border: 2px solid #333333;
    box-sizing: border-box;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 10px;
display: flex;
align-items: center;
letter-spacing: -0.015em;
color: #333333;
margin: 0 auto;
    margin-top: 20px;
}
header {
    position: sticky;
    top: 0px;
    z-index: 1;
}
.circle {
    cursor: pointer;
}
.table__gost tr.success td strong{
    font-size: 30px;
    text-align: center;
    border-bottom: none;
}
.hover .item__url {
color: white !important;
text-decoration: underline !important;
}
@media(max-width:768px){
h1{
font-size:1.5rem;
}
a.dop__link{
font-size:16pt;
}
h2{
font-size:18pt;
}
h3{
font-size:16pt;
}
img{
max-width:100%;
}
.filters-wrap form{
display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.filters-wrap form .select-wrap{
    height: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.filters-wrap form .select-wrap select{
    width: 100%;
    text-align: center;
    padding: 5px;
}
main .d-flex{
flex-wrap:wrap;
}
.category-section .page-title{
margin-bottom:15px;
}

@media screen and (min-width:1278px {
iframe#tour {min-height:567px"}
}
@media screen and (max-width:1277px {
iframe#tour {min-height:345px"}
}