/* Start:/bitrix/templates/metran/components/metran/socnet.links/.default/style.css?1662015855252*/
.icon-tg {
	background: url(/bitrix/templates/metran/components/metran/socnet.links/.default/images/tg.png) no-repeat 0 0;
}
.icon-vk {
	background: url(/bitrix/templates/metran/components/metran/socnet.links/.default/images/vk.png) no-repeat 0 0;
}
.icon-yt {
	background: url(/bitrix/templates/metran/components/metran/socnet.links/.default/images/yt.png) no-repeat 0 0;
}
.icon-zn {
	background: url(/bitrix/templates/metran/components/metran/socnet.links/.default/images/zn.png) no-repeat 0 0;
}

/* End */


/* Start:/bitrix/templates/metran/styles.css?17518747588368*/
.descr-left-image{width: 100%; clear:both; margin-bottom: 30px; overflow: hidden; border: 1px solid #46bf80;}

.descr-left-image > img {
  float: left;
  margin-right: 40px;
}
.descr-right-image{width: 100%; clear:both; margin-bottom: 30px; overflow: hidden; border: 1px solid #46bf80;}
.descr-right-image > img {
  float: right;
  margin-left: 40px;
}

.descr-three-image{
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}
.descr-three-image img{
  max-width: calc(100% / 3 - 30px);
  margin: 0px 15px;
  border-radius: 4px;
}

.c-container{border: 1px solid #a8cce9;}
/* body.metran-style-2{font-family: "Inter";} */

.c-container p{margin: 16px 0px;}
.c-container  ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  padding-top: 20px;
}
.c-container  ol{
  padding: 0px;
}
.c-container  ul li{
  margin-bottom: 6px;
}
.c-container  ul li:before{
  content: '';
  display: inline-block;
  width: 16px;
  height: 1px;
  background: #00AA7E;
  border: 1px solid #00AA7E;
  margin-bottom: 6px;
  margin-right: 6px;
}
.c-container e ol { counter-reset: item; }
.c-container  ol li { display: block; }
.c-container  ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #004B8C;
}

.slider-bottom{border: 1px solid #ddd;}
.slider-bottom .slide-small{
  width: 300px;
  height:220px;
  overflow: hidden;
  display: block !important;
}
.slider-bottom .slide-small img{
  max-width: 100%;
  width: 100%;
  min-height: 100%;
}

 .slide-small1 img{
  max-width: 50%;
  width: 50%;
  min-height: 50%;
}


.slider-big1{
  position: relative;
}
.slider-big1 img{
  width: 50%;
}
.slider-big{
  position: relative;
}
.slider-big img{
  width: 100%;
}
.slider-big .slider-track{}
.slider-big .slide-small{min-width: 100%; max-width: 100%; height: 439px; overflow:hidden; position:relative;}
.slider-big .slide-small:after{
  content: '';
  display: block;
  width: 81px;
  height: 86px;
  position:absolute;
  border: 5px solid #00AA7E;
  border-top: none;
  border-right: none;
  left: 41px;
  bottom: 44px;
}
.slider-big .slide-small .block-white-text{
  position: absolute;
  left: 46px;
  bottom: 49px;
  padding: 24px;
  width: 480px;
  background: #ffffffd9;
  backdrop-filter: blur(2px);
  blur:2px;
}
.slider-big .slide-title{
  font-size: 18px; line-height: 24px;
  color: #004B8C;
  margin-bottom: 10px;
}
.slider-big .slide-txt{
  font-size: 16px; line-height: 24px; color: #2A2D30;
}

.slider-big .slider-arrows-prev{
  height:50px; width: 50px;
  background: url("/bitrix/templates/metran/img/slider_arr.png") no-repeat 0 0;
  position: absolute;
  bottom: 24px;
  right: 82px;
}

.slider-big .slider-arrows-next{
  height:50px; width: 50px;
  background: url("/bitrix/templates/metran/img/slider_arr.png") no-repeat 0 0;
  transform: rotate(180deg);
  position: absolute;
  bottom: 24px;
  right: 24px;
}


.image-wrapper {
  position: relative;
}

.image-wrapper img {
  position: relative;
  width: 100%;
}

.image-caption {
  position: absolute;
  background-color: #ff000075;
  bottom: 4px;
  width: 100%;
}

.descr-six-image{
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}
.descr-six-image img{
  max-width: calc(100% / 6 - 30px);
  margin: 0px 15px;
  border-radius: 4px;
}
.descr-four-image{
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}
.descr-four-image img{
  max-width: calc(100% / 4 - 30px);
  margin: 0px 15px;
  border-radius: 4px;
}
.descr-five-image{
  display: flex;
  margin-right: -5px;
  margin-left: -5px;
}
.descr-five-image img{
  max-width: calc(100% / 5 - 30px);
  margin: 0px 5px;
  border-radius: 4px;
}

/* Tabs lite */
.tabs-lite {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media (min-width: 768px) {
  .tabs-lite {
    flex-direction: row;
  }

}

.tabs-lite__nav {
  flex: 1 1 calc(100% / 4);
}

.tabs-lite__content {
  flex: 1 1 calc((100% / 4) * 3);
}

.tabs-lite__pane {
  display: none;
}

.tabs-lite__pane.active {
  display: block;
}

.tabs-lite__btn {
  display: block;
  font-size: 16px;
  line-height: 19px;
  padding: 8px 0;
  color: #243F56;
  text-align: left;
  background-color: transparent;
  border: 0;
  width: 100%;
  transition: color 0.3s;
  cursor: pointer;
}

.tabs-lite__btn.active {
  font-family: 'InterBold';
}

.tabs-lite__btn:hover {
  color: #004b8c;
}

.tabs-lite__title-green {
  background: #00AA7E;
  font: 16px/24px "InterBold";
  color: #fff;
  text-transform: uppercase;
  padding: 10px 4px 10px 8px;
  margin-bottom: 10px;
  display: block;
}

.tabs-lite__title-green:hover {
  color: #fff;
}

.video {
  margin-bottom: 20px;
}
.video-wrp {
  position: relative;
  padding-top: 56.25%;
}
.video-wrp iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  border: none;
}


/* Custom Card */
.catalog-card:hover .catalog-card__btn {
  opacity: 1; 
  display: block;
}
.catalog-card__btn {
  opacity: 0;
  display: none;

  width: 100%;

  transition: opacity .3s ease,
  display .3s ease allow-discrete;
}
.catalog-card__btn > div {
  margin-top: 0;
  width: inherit;

  text-align: center;
  padding: 10px 25px;
  background: #00aa7e;
  border-radius: 10px;
}
.catalog-card:hover .wrp-img {
  box-shadow: 10px 10px 8px 0px rgba(122, 188, 255, 0.6);
}

/* IMG */
.catalog-card__img-overlay {
  display: none;
}
.catalog-card:hover .catalog-card__img-overlay {
  display: block;
}
.catalog-card:hover .catalog-card__img {
  display: none;
}

/* Animation */
@starting-style {
  .catalog-card__btn {
      opacity: 0; 
  }
}

/* Properties */
.catalog-card .wrp-img {
  position: relative;
}
.catalog-card__prop-wrapper {
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  overflow-y: auto;
}
.catalog-card__prop-wrapper::-webkit-scrollbar { 
  width: 0 !important 
}
.catalog-card__prop {
  display: flex;
  flex-direction: column;
}
.catalog-card__prop-item__icon {
  max-width: 40px;
  object-fit: contain;
}
.catalog-card__prop-item__value {
  text-align: center;
  font-size: 14px;
}
.catalog-card__prop-item::before {
  display: none !important;
}
/* video */
.content-video {
  width: 760px;
  height: 430px;
}

.slides-btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 70px;
  height: 70px;
  background: #fff;
  border: 1px solid #B3CEEA;
  margin-bottom: 12px;
  transition: border 0.5s, box-shadow 0.5s;
  overflow: hidden;
  cursor: pointer;
}
.slides-btn__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 32px;
}

.c-video {
  transform: translate(0%, 50%);
  width: 760px;
  height: 430px;
  background: #fff;
  box-shadow: 0px 4px 20px rgba(153, 163, 172, 0.2);
  border-radius: 4px;
  cursor: default;
  position: relative;
}
.c-video .close {
  width: 27px;
  height: 27px;
  position: absolute;
  right: 0;
  top: -34px;
  text-indent: -9999px;
  background: url(/bitrix/templates/metran/img/form_close.png) no-repeat 0 0;
}

@media (max-width: 1024px) {
  .content-video, .c-video {
    width: 720px;
    height: 406px;
  }  
}
@media (max-width: 767px) {
  .content-video, .c-video {
    width: 100%;
    height: auto;
  }  
}
.click_left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  align-content: center;
  background: #bfc1c3e0;
  z-index: 1;
  padding: 0px 4px 0px 4px;
  cursor: pointer;
}
.click_right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  align-content: center;
  background: #bfc1c3e0;
  z-index: 1;
  padding: 0px 4px 0px 4px;
  cursor: pointer;
}
.features {
  margin-top: 25px;
  position: relative;
}
.features__wrapper {
  display: flex;
  /* overflow-x: auto;
  scrollbar-width: none; */
  flex-wrap: wrap; 
  gap: 20px;
}
.features__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 calc(100%/7);
}
.features__item-icon {
  display: flex;
  align-items: center;
  /* width: 40px;
  min-height: 44px;*/
  width: 76px;
  height: 78px;
}
.features__item-img {
  object-fit: contain;
}
.features__item-text {
  margin: 10px 0 0 0 !important; 
  text-align: center;
}
@media (max-width: 1024px) {
  .features {
    margin-top: 25px;
  }  
}

.checkbox-group-form > label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.checkbox-group-form > label > .lbl {
  margin-bottom: 0;
}

.field-3.error:has(.checkbox-group) .checkbox-group {
  border: 1px solid #eab3b3;
  background: #fbf1f1;
}
/* End */


/* Start:/bitrix/templates/metran/template_styles.css?1751874758100388*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

::-webkit-input-placeholder { color: #758696;}
:-moz-placeholder {color: #758696; opacity:  1;}
::-moz-placeholder {color: #758696; opacity:  1;}
:-ms-input-placeholder { color: #758696;}
::-ms-input-placeholder { color: #758696;}
::placeholder { color: #758696;}

form.search input::-webkit-input-placeholder {font-family: 'Inter', Arial, Helvetica, sans-serif;}
form.search input:-ms-input-placeholder {font-family: 'Inter', Arial, Helvetica, sans-serif;}
form.search input:-moz-placeholder {font-family: 'Inter', Arial, Helvetica, sans-serif;}
form.search input::-moz-placeholder {font-family: 'Inter', Arial, Helvetica, sans-serif;}
 
/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}
 
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

a{color: #E6A951;}
 
/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
 
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}
 
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}
 
/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}
 
/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}
 
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
 
/* Remove all animations and transitions for people that prefer not to see them */
/*
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
*/
* {outline:none;}

.no-scrollbar {
  /*
  width: 240px;
  height: 150px;
  overflow-y: scroll;
  */
  scrollbar-width: none; /*mozilla*/
}
.no-scrollbar::-webkit-scrollbar {
  display: none; /*chrome*/
}


@font-face {
    font-family: 'Montserrat';
    src: url('/bitrix/templates/metran/fonts/Montserrat/Montserrat-Regular.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'MontserratBold';
    src: url('/bitrix/templates/metran/fonts/Montserrat/Montserrat-Bold.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'MontserratSemiBold';
    src: url('/bitrix/templates/metran/fonts/Montserrat/Montserrat-SemiBold.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'MontserratMedium';
    src: url('/bitrix/templates/metran/fonts/Montserrat/Montserrat-Medium.ttf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/bitrix/templates/metran/fonts/Inter/Inter-Regular.ttf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'InterMedium';
    src: url('/bitrix/templates/metran/fonts/Inter/Inter-Medium.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'InterBold';
    src: url('/bitrix/templates/metran/fonts/Inter/Inter-Bold.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'InterSemiBold';
    src: url('/bitrix/templates/metran/fonts/Inter/Inter-SemiBold.ttf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'InterThin';
    src: url('/bitrix/templates/metran/fonts/Inter/Inter-Thin.ttf');
    font-style: normal;
    font-weight: normal;
}


::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-track { background-color: #eee; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
::-webkit-scrollbar-thumb { background: #00aa7e; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}

body{font-size: 18px; line-height: 27px; font-family: Inter; color: #455564}
h1{font-size:44px; line-height: 56px; font-family: MontserratBold; color: #004b8c; margin-bottom: 16px}

hr{margin:0px;}
ul,li{padding:0px; margin:0px;}
li{list-style-type: none;}
a{text-decoration:none; color: #758696; transition: color 0.5s;}
a:hover{color: #4086c9}

/* header */
header .line-1{
  border-bottom: 1px solid #ccdcec;
  padding-top: 18px; 
  padding-bottom: 10px;
  line-height: 22px;
}
.c-right{float: right; text-align: right;}
header .icons a{
  display: inline-block;
  vertical-align: top;
  color: #758696;
  margin-left: 12px;
}

header .line-1 a{font-size: 15px;}
header .line-1 .icons{margin-left: 35px;}
header .line-1 .icons a{width: 22px; height: 22px;}
.phone a{background: url("/bitrix/templates/metran/img/phone_blue.png") no-repeat 0 0;}
.email a{background: url("/bitrix/templates/metran/img/email_blue.png") no-repeat 0 3px;}

header .c-right{margin-top: -8px;}
header .phone > div{
  display: block !important;
  text-align: left; 
}
header .phone .tit {
  font-size: 13px;
  line-height: 10px;
  padding-right: 28px;
}
header .phone > div:first-child .tit{
  padding-right: 37px;
}
header .phone a{
  background: url(/bitrix/templates/metran/img/phone_blue.png) no-repeat 0px 4px;
  background-size: 14px;
  padding-left: 22px !important;
}
header .ema{
  margin-left: 24px;
  padding-left: 28px;
  background: url(/bitrix/templates/metran/img/email_blue.png) no-repeat 0 3px;
}
header .ema a{background: none; padding-left: 0px !important; line-height: 18px;}

header .mobile-shtorka .phone {
  display: flex; 
}
header .mobile-shtorka .phone > div{
  flex: 2 100%;
}
header .mobile-shtorka .ema{
  margin-left: 0px;
  background-position: 0px 7px;
}

header .mobile-shtorka .tit{
  line-height: 26px;
  font-size: 14px;
}
header .mobile-shtorka a{
  line-height: 26px;
}


header .line-1 .c-right div{display: inline-block; vertical-align: middle;}
#bx_incl_area_4{display: inline-block;}

header .line-1 .icons, header .line-1 .email, header .line-1 .phone{
  display: inline-block;
}
header .line-1 .email{margin-left: 42px;}
header .line-1 .phone a{padding-left: 24px;}
header .line-1 .email a{padding-left: 24px;}

header .line-2{line-height: 32px; margin-top: 36px; margin-bottom: 36px;}

.menu-top{display: inline-block;}
.menu-top a{ display: inline-block; vertical-align: top; line-height: 22px; margin-right: 12px;}

header.general{
  border-bottom: 1px solid #D7E3EF;
  position: relative; z-index:1;
}

.mobile-shtorka{display: none;}

.c-container{
  width: 1170px;
  margin: 0 auto;
  line-height: 0.8;
}

header.general .line-2 .c-container > div[id^="bx_"] {display: inline-block; float: right;}

a.logo{display: inline-block;}
.line-2 .c-right{line-height:32px;}
.menu-general{float: right; line-height: 32px;}
.menu-general .menu-item{display:inline-block; vertical-align:top; margin-right: 16px; position: relative;}
.menu-general .menu-item > a{font-size:18px; line-height: 22px; color: #004b8c; font-family: InterSemiBold;}
.menu-general .menu-item:hover > a{color: #0079C1}

.shevron{display:inline-block; width: 8px; height: 8px; vertical-align: middle; margin-top: -4px; background: url("/bitrix/templates/metran/img/shevron_bottom.png") no-repeat 0 0;}

.menu-general .menu-item .submenu{
  position: absolute;
  top: 30px;
  left: 0px;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 0px 14px; 
  margin-left: -14px;
  visibility: hidden;
  display: block;
}
.menu-general .menu-item .submenu .inner-submenu{
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  padding: 19px 0px 21px 0px;
  margin-top: 24px;
}

.menu-general .menu-item:hover .submenu{
  opacity: 1;
  visibility: visible;
}

.menu-general .menu-item .submenu a{
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  padding: 14px 0px;
  color: #243F56;
  border-top: 1px solid rgba(204, 220, 236, 0.56);
  transition: color 0.3s;
  min-width: 287px;
}
.menu-general .menu-item .submenu a:first-child{
  border-top: none;
}
.menu-general .menu-item .submenu a:hover{
  color: #004B8C;
}

.menu-general .menu-item-2{position: relative; border-top: 1px solid #CCDCEC; padding-left: 24px; padding-right: 24px;}
.menu-general .menu-item-2:first-child{border-top: none}
.menu-general .menu-item-2 > a{position: relative}
.menu-general .menu-item-2 .shevron{position: absolute; top: 50%; right: 0px; background: url("/bitrix/templates/metran/img/shevron_right.png") no-repeat 0 0 ;
  transition: transform 0.5s, left 0.5s, right 0.5s;
}

.menu-general .menu-item-2 .shevron.right{
  right: unset;
  left: -14px;
  transform: rotate(180deg);
}

.menu-general .menu-item-3{position: relative; border-top: 1px solid #CCDCEC; padding-left: 24px; padding-right: 24px;}
.menu-general .menu-item-3:first-child{border-top: none}
.menu-general .menu-item-3 > a{position: relative}
.menu-general .menu-item-3 .shevron{position: absolute; top: 50%; right: 0px; background: url("/bitrix/templates/metran/img/shevron_right.png") no-repeat 0 0 ;
  transition: transform 0.5s, left 0.5s, right 0.5s;
}

.menu-general .menu-item-3 .shevron.right{
  right: unset;
  left: -14px;
  transform: rotate(180deg);
}

.menu-general .submenu-2{
  position: absolute;
  top: -12px;
  left: 100%;
  display: none;
  background: #fff;
  padding: 12px 24px 16px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.menu-general .submenu-2 a{display: block; border-top: 1px solid #CCDCEC; }
.menu-general .submenu-2 a:first-child{border-top: none;}
.menu-general .menu-item-2:hover .submenu-2{display: block;}

.menu-general .menu-item-2:hover .submenu-2.right{
  left: unset;
  right: 100%;
}

.menu-general .submenu-3{
  position: absolute;
  top: -12px;
  left: 100%;
  display: none;
  background: #fff;
  padding: 12px 24px 16px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.menu-general .submenu-3 a{display: block; border-top: 1px solid #CCDCEC; }
.menu-general .submenu-3 a:first-child{border-top: none;}
.menu-general .menu-item-3:hover .submenu-3{display: block;}

.menu-general .menu-item-3:hover .submenu-3.right{
  left: unset;
  right: 100%;
}

.btn-shop{
  border: 1px solid #ccdcec;
  border-radius: 8px;
  padding: 5px 16px 5px 38px;
  text-align: center;
  background: url("/bitrix/templates/metran/img/cart_gray.png") no-repeat 15px 7px;
  font-size: 17px;
  line-height: 22px;
  color: #004b8c;
  transition: background-image 0.5s, background-color 0.5s, color 0.5s;
  font-family: InterSemiBold;
  display: inline-block;
}

.btn-shop:hover{
  background-image: url("/bitrix/templates/metran/img/cart_white.png");
  background-color: #004B8C;
  color: #fff;
  border-color: #fff;
}

.btn-search{background: url("/bitrix/templates/metran/img/search_blue.png") no-repeat 100% 0px; font-size:17px; line-height: 22px; font-weight: 400; margin-left: 38px; padding-right: 30px; display: inline-block;}

form.search{position:absolute; right: 0px; top: -6px; width: 92px;}
form.search input{
  width: 92px;
  background: #fff url('/bitrix/templates/metran/img/search_blue.png') no-repeat 99% 50%;
  border: 1px solid transparent;
  transition: background-color 0.6s, border 0.6s, width 0.6s;
  border-radius: 4px;
  font-size: 16px; line-height: 22px;
  padding: 12px 26px 12px 12px;
}

form.search:focus-within{
  width: 76%;
  z-index: 2;
}
form.search input:focus{
  background-color: #F1F6FB;
  border: 1px solid #D9E5F1;
  width: 100%;
}
.search-list-suggested{display:none;}
form.search:focus-within .search-list-suggested{
  display: block;
}

.block1 .wrp-banner{width: 100%; overflow: hidden;}
  
.content .block1 h1{
  font-size: 44px;
  line-height: 56px;
  font-family: MontserratBold;
  color: #004b8c;
  margin-bottom: 16px;
}
.block1 .wrp-banner img { margin: 0px auto 59px;}
.block1 .logo-squad{float: right;}
.block1 .anons{font-size: 40px; line-height: 56px; font-family: MontserratMedium; color: #455564}

.green-line:before{content: ''; display: block; border-top:4px solid #00AA7E; width: 69px; padding-top: 16px;}
.block-title{ font-family: MontserratBold; color: #004b8c; font-size:36px; line-height: 44px; margin-bottom: 0px; margin-right: 6.3%;}

.block-title, .block-anons{display: inline-block; vertical-align: top;}
.block-anons{ width: 48%; margin-top: 26px; font-size: 15px; line-height: 22px; color: #455564}

.btn-action{
  padding: 10px 52px 10px 25px;
  background: #FFFFFF;
  border: 1px solid #00aa7e;
  color: #00aa7e;
  border-radius: 4px;
  background: url("/bitrix/templates/metran/img/arr_green_right.png") no-repeat 84% 17px;
  font-size: 14px; line-height: 26px; font-family: InterMedium;
  transition: background-position 0.6s, background-color 0.6s, color 0.6s, background-image 0.6s;
  margin-top: 16px;
}
.btn-action:hover{
  background-position: 88% 17px;
  background-color: #00AA7E;
  background-image: url("/bitrix/templates/metran/img/arr_white_right.png");
  color: #fff;
}
.btn-action.right{float: right;}

.btn-link{
  padding: 10px 52px 10px 25px;
  background: #FFFFFF;
  border: 1px solid #00aa7e;
  color: #fff;
  border-radius: 4px;
  background: #00aa7e url("/bitrix/templates/metran/img/arr_white_right.png") no-repeat 84% 50%;
  font-size: 14px; line-height: 26px; font-family: InterMedium;
  transition: background-position 0.6s, background-color 0.6s;
  margin-top: 25px;
  display: inline-block;
  cursor: pointer;
}
.btn-link:hover{
  background-position: 88% 50%;
  color: #fff;
  background-color: #00906B;
}
.btn-link.right{float: right;}

.btn-link.uniq{
  float: right;
  margin-top: 0px;
  line-height: 28px;
  padding: 4px 50px 4px 25px;
  margin-top: -10px;
}

.block-items{margin-left:-15px; margin-right:-15px; margin-top: 36px;}
.block-items .item-card{display: inline-block; vertical-align: top; padding:0px 15px; width: calc(100% / 4)}
.item-card .wrp-img{
  height: 140px;
  overflow:hidden;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 20px;
}
.item-card  .text{font-size: 14px; line-height: 20px; color: #282c2f; margin-bottom: 24px;}

.bg-white, .bg-blue{padding-bottom: 40px;}
.bg-blue{background: #F1F6FB; padding-top: 44px; padding-bottom: 59px;}
.bg-white{padding-top:30px; padding-bottom: 59px}

.block-items-2 .card-title{
  font-family: MontserratBold;
  /* font-size: 18px; */ line-height: 24px; color: #004b8c;
  font-size: 15px;
  margin-bottom: 18px;
  white-space: nowrap;
  /* height: 48px; overflow: hidden; */
}

.block-items-2{margin-top: 40px; margin-left:-15px; margin-right:-15px;}
.block-items-2 .item-card{display: inline-block; vertical-align: top; padding:0px 15px; width: calc(100% / 4); height:370px;}
.block-items-2 .wrp-img{
  height: 270px;
  width: 270px; 
  background: #fff;
  border-radius: 0px;
  border: 1px solid #d4e4ed;
  text-align: center;
  line-height: 270px;
  margin-bottom: 12px;
  cursor: pointer;
}
.block-items-2 .text{
  font-size: 15px; line-height: 22px; color: #455564;
}

.block-items-3{margin-top: 40px;}
.block-items-3 .title{
  padding-top: 76px;
  background: url("/bitrix/templates/metran/img/icon_hands.png") no-repeat 0 0;
  font-family: MontserratBold;
  color: #004b8c;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.block-items-3 .item-card{
  padding: 32px 24px 42px 32px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 4);
  border: 1px solid #D4E4ED;
  border-left: none;
  height: 292.5px;
  overflow: hidden;
  transition: background-color 0.6s, box-shadow 0.6s;
}
.block-items-3 .text{
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 0px;
}
.block-items-3 .item-card:first-child{
  border-left: 1px solid #D4E4ED;
}

.block-items-3 .item-card:hover{
  background-color: #F1F6FB;
  box-shadow: 0px 4px 16px rgba(164, 185, 204, 0.3);
  cursor: pointer;
}

.block-items-4{margin-top: 40px; margin-left: -15px; margin-right: -15px;}
.block-items-4 .item-card{display: inline-block; vertical-align: top; width: calc(100% / 4);
border-left: none;
padding: 0px 15px;
}

.block-items-4 .wrp-img{
  overflow:hidden;
  width:100%;
  height: 171px;
  border-radius: 4px;
  margin-bottom: 0px;
}
.block-items-4 .item-card a{
  overflow:hidden;
  position: relative;
  display:block;
}
.block-items-4 .item-card a:hover{cursor: pointer}
.block-items-4 .item-card .block-wrp-content{position: absolute; bottom:0px; left:0px;
  background: linear-gradient(0deg, #0C4372 0%, rgba(0, 75, 140, 0) 100%);
  backdrop-filter: blur(3px);
  width: 100%;
  height: 36%;
  border-radius: 4px;
  padding: 0px 12px;
  transition: height 0.5s;
}
.block-items-4 .item-card .title{
  background: url("/bitrix/templates/metran/img/arr_long_right.png") no-repeat 100% 50%;
  font-family: MontserratSemiBold;
  font-size:16px; line-height: 20px;
  color: #fff;
  line-height: 64px;
}
.block-items-4 .item-card a:hover .block-wrp-content{
  height: 100%;
}


footer.general{padding-top: 56px; background: #f1f6fb;}

footer.general .line-1{padding-bottom: 21px;}

footer .logo a{display: inline-block}
footer .logo a img{max-height: 40px;}

.c-row{display: flex;}
.c-col, .c-col-1{flex: 1}
.c-col-2{flex: 2}
.c-col-1-5{flex: 1.5}

footer .icons{margin-bottom: 22px; margin-right: 22px;}
footer .icons a{
  display: inline-block;
  vertical-align: top;
  color: #758696;
  margin-right: 16px;
  width: 22px;
  height: 22px;
}


.menu-bot{
  -moz-columns: 50px 2;
  -webkit-columns: 200px 2;
  columns: 200px 2;
  height: 153px;
}

.menu-bot a{
  font-size: 14px; line-height: 26px;
  color: #455564;
  display: block;
}
.menu-bot a:hover{
  color: #004B8C;
}

footer .phone{
  display: block;
  margin-bottom: 20px;
}
footer .phone a{
  font-size: 20px;
  line-height: 24px;
  font-family: InterMedium;
  color: #004B8C;
  background: none;
}

footer .address{
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}

footer .email{
  display: block;
  padding-left: 28px;
  background: url("/bitrix/templates/metran/img/email_blue.png") no-repeat 0 3px;
}
footer .email a{
  font-size: 14px;
  line-height: 17px;
  color: #004B8C;
  background: none;
}

footer .text-small{
  font-size: 13px;
  line-height: 20px;
  width: 170px;
  float: right;
  margin-right: 4px;
  text-align: left;
}

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

footer.general .line-2{
  border-top: 1px solid rgba(0, 75, 140, 0.2);
  padding-top: 21px;
  padding-bottom: 30px;
  font-size: 13px; line-height: 16px;
}
footer.general .line-2 a{
  font-size: 13px; line-height: 16px;
  color: #004b8c;
}
footer.general .line-2 div{display: inline-block;}
.copyright{display:inline-block; vertical-align: top; margin-right: 87px;}

.no-image{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  
  background: linear-gradient(-45deg, #EECFBA, #C5DDE8);
  padding-left: 20px;
}

/* Новость */
.wrp-top-banner{max-height:270px; overflow: hidden; width: 100%; background: #F1F6FB;}
.wrp-top-banner img{margin: 0 auto;}

.content{position: relative;}
.content h1{ font-size: 36px; line-height: 44px; font-family: MontserratBold; margin-bottom: 20px; display: inline-block;}

.breadcrumbs{font-size: 14px; line-height: 18px; padding-bottom: 8px;}
.breadcrumbs a{color: #758696; font-size: 14px; line-height: 18px;}
.breadcrumbs i{font-style: normal; display:inline-block; padding: 0 4px;}

.breadcrumbs > div{display: inline;}

.content .date{color: #8695A3; font-size: 16px; line-height: 24px; margin-bottom: 36px;}

.detail-page .description{overflow: hidden; margin-top: 18px;}
.detail-page .detail-date{
  color: #8695A3;
  font-size: 16px; line-height: 24px;
  margin-top: 15px;
}
.detail-page .block-left {
  margin-right: 47px; 
  margin-bottom: 47px;
  float: left;
}
.detail-page .block-left:empty{
  display: none;
}
.detail-page .text:empty{display:none;}

.btn.btn-link.page-top{
  position: absolute; margin-top: -100px; right: 0px;
}

.detail-page .file{
  display: block;
  margin-top: 17px;
  background: url("/bitrix/templates/metran/img/icon_file_download.png") no-repeat 0 0;
  padding-left: 27px;
  
  font-size: 14px; line-height: 20px;
  color: #8695A3;
}

.detail-page .file:hover{
  color: #000;
}


.description{
  font-size: 18px;
  line-height: 27px;
  color: #2A2D30;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 75, 140, 0.2);
  margin-top: 30px;
}
.description .pic-preview{
  width: 492px;
  overflow:hidden;
  background: #000;
}
.description .pic-preview.video{
  height: 395px;
}

.description .video-preview{
  width: 492px;
  height: 395px;
  overflow:hidden;
  background: #000;
}
.description .pic-preview iframe{width: 100%; height: 100%}

.description .pic-preview img{
  min-width: 100%;
}

.tab-block .description{
  padding-bottom: 30px;
}

/*
.description p{
  padding-bottom: 26px;
}
*/

.link-back-list{ color: #185C97; font: 14px/26px 'InterMedium';
display:inline-block; background: url("/bitrix/templates/metran/img/arr_blue_right.png") no-repeat 95% 50%;
padding-right: 30px;
transition: background-position 0.5s;
cursor: pointer;
margin-top: 14px;
}

.link-back-list:hover{
  background-position: 100% 50%;
}

.banners-bot{
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 78px;
  margin-top: 55px;
}
.banners-bot .c-item{
  display: inline-block;
  vertical-align: top;
  padding: 0px 16px;
  width: 50%;
}
.banners-bot .inner-item{
  padding-right: 28px;
  height: 168px;
  transition: background-color 0.3s, color 0.3s;
  background: #F1F6FB;
  display: block;
}
.banners-bot a:hover{
  background-color: #004B8C;
  color: #fff;
}
.banners-bot .title{
  display: block;
  font: 18px/22px "InterSemiBold";
  margin-bottom: 12px;
}
.banners-bot .anons{
  display: block;
  font: 16px/24px "Inter"
}
.banners-bot .wrp-img{
  width: 168px;
  height: 168px;
  overflow:hidden;
  float: left;
}
.banners-bot .wrp-img img{height: 168px;}
.banners-bot  .wrp-text{
  margin-left: 168px;
  display: flex;
  padding-right: 28px;
  height: 168px;
  transition: background-color 0.3s, color 0.3s;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-left: 28px;
}

.content-anons{
  padding-top:30px;
  color: #243F56;
  font-size: 18px; line-height: 26px;
  position: relative;
  padding-bottom: 49px;
}
.content-anons:before{
  width: 70px;
  border-top: 5px solid #00AA7E;
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
}

.list-big-1{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px 40px;
}
.list-big-1 .c-item{
  width: calc(100% / 4);
  padding: 0 15px;
}
.list-big-1 .c-inner-item{
  display: block;
  border: 1px solid #D4E4ED;
  background: #fff;
}
.list-big-1 .c-item .wrp-img{
  overflow: hidden;
}
.list-big-1 .c-item .wrp-img img{
  margin: 0 auto;
}
.list-big-1 .c-item .title{
  border-top: 1px solid #D4E4ED;
  font-size: 18px; line-height: 26px; font-family: 'InterSemiBold';
  color: #185C97;
  background: url("/bitrix/templates/metran/img/arr_long_blue_right.png") no-repeat 96% 50%;
  transition: background-color 0.5s, color 0.5s, background-image 0.5s;
  padding: 11px 12px;
}
.list-big-1 .c-item:hover .title{
  color: #fff;
  background-color: #00AA7E;
  background-image: url("/bitrix/templates/metran/img/arr_long_white_right.png");
}

.text-def{
 padding-bottom: 24px;
 color: #243F56;
 font-size: 16px; line-height: 24px;
}

hr.green-line{
  background: #00AA7E; width: 100%; height: 5px;
  border: none;
}

.tab-block{
  padding-top: 42px;
  padding-bottom: 48px;
}
.tab-block .panel-tabs{
  margin-bottom: 62px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.tab-block .panel-tabs.detail-product{
  margin-bottom: 30px;
}

.tab-block .panel-tabs a{
  font-size: 18px; line-height: 20px;
  padding-top: 16px; padding-bottom: 16px;
  border-bottom: 1px solid #B3CEEA;
  margin-right: 30px;
  color: #004B8C;
}
.tab-block .panel-tabs a.active{
  border-bottom: 5px solid #00AA7E;
  font-family: 'InterSemiBold';
}

.list-small-1{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.list-small-1 .c-item{
  margin-bottom: 30px;
  width: calc(100% / 4);
  padding: 0 15px;
}
.list-small-1 .c-item .wrp-img{
  background: #FFFFFF;
  border: 1px solid #B3CEEA;
  width: 100%;
  margin-bottom: 16px;
  height: 270px;
  overflow: hidden;
  
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-small-1 .c-item .wrp-img img{
  /* width: 100%;*/
}
.list-small-1 .c-item:hover .wrp-img{
  border: 1px solid #D4E4ED;
  box-shadow: 0px 4px 20px rgba(164, 185, 204, 0.4);
}
.list-small-1 .c-item .title{
  color: #243F56;
  font-size: 16px; line-height: 22px;
}

.block-img-text{
  font-size: 18px;
  line-height: 26px;
  padding-right: 37px;
  color: #243F56;
  overflow: hidden;
}
.block-img-text .wrp-img{
  float: left;
  width: 370px;
  overflow: hidden;
  margin-right: 30px;
  margin-bottom: 30px;
}
.block-img-text .text{
  font-size: 18px; line-height: 26px;
}

.list-width-filter{
  padding-top: 54px;
  padding-bottom: 11px;
  
  display: flex;
  flex-direction: row;
  margin-right: -15px;
  margin-left: -15px;
}
.list-width-filter .c-item{
  width: calc(100% / 4);
  padding: 0 15px;
}
.list-width-filter .c-item3{
  width: calc((100% / 4) * 3);
  padding: 0 15px;
}

.list-width-filter .title-green{
  background: #00AA7E;
  font: 16px/24px "InterBold";
  color: #fff;
  padding: 10px 4px 10px 8px;
  margin-bottom: 10px;
  display: block;
}
.list-width-filter .title-green:hover{
  background-image: url("/bitrix/templates/metran/img/arr_white_right.png");
  background-repeat: no-repeat;
  background-position: 96% 50%;
  cursor: pointer;
}
.list-width-filter .menu-left{
  margin-bottom: 14px;
  padding-left: 8px;
}
.menu-left-2 {
	margin-bottom: 0px;
	padding-left: 14px;
}
.list-width-filter .menu-left a{
  transition: color 0.3s;
}

.list-width-filter .menu-left a:hover{
  color: #004b8c;
}

.list-width-filter .c-item-flex{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  
  margin-left: -15px;
  margin-right: -15px;
}
.list-width-filter .c-item-2{
  width: calc(100% / 3);
  padding: 0 15px;
  margin-bottom: 30px;
}

.list-width-filter .wrp-img{
  border: 1px solid #B3CEEA;
  margin-bottom: 16px;
  height: 270px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: border 0.5s, box-shadow 0.5s;
}

.list-width-filter .c-item3.c-item-flex{
  margin: 0px;
  padding: 0px;
}
.list-width-filter .c-item3.c-item-flex > .c-item-2 > a{width: 100%;}
.list-width-filter .c-item3.c-item-flex img{max-height: 100%;}
.list-width-filter .c-item3 > div[id^="bx_"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.list-width-filter .c-item-2 .title{
  font-size: 16px; line-height: 24px; font-family: InterMedium;
  color: #243F56;
  margin-bottom: 8px;
}

.list-width-filter .c-item-2 a:hover .wrp-img{
  border: 1px solid #D4E4ED;
  box-shadow: 0px 4px 20px rgba(164, 185, 204, 0.4);
}

.compare-block{
  font-size: 14px; line-height: 22px;
  color: #4A5B6A;
  position: relative;
}
.compare-block input{display: none;}
.compare-block label {
    cursor: pointer;
    display:inline-block;
    border-bottom: 1px solid #fff;
    margin-bottom:2px;
}
.compare-block label:before{
  content: '✔';
  display: inline-block;
  width: 16px;
  height: 16px;

  background: #FFFFFF;
  border: 1px solid #949EA7;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  text-align:center;
}
.compare-block span{vertical-align: middle;}
.compare-block.active label:before{
  background-color: #004b8c;
}
.compare-block .hint{
  display: none;
  position: absolute;
  right: 0px;
  top: -1px;
  background: #00aa7e url("/bitrix/templates/metran/img/arr_white_right.png") no-repeat 90% 50%;
  color: #fff;
  padding: 3px 6px;
  border-radius: 4px;
  padding-right: 30px;
  transition: background-position 0.3s;
}
.compare-block .hint:hover{
  background-position: 94% 50%;;
}

.compare-block.active label.label-for-check:before {
  background-color: #004b8c;
}
.compare-block.active:hover label.label-for-check{
  display: block;
  position: relative;
  border: 1px solid #00aa7e;
  border-radius: 4px;
  padding: 1px 4px 2px;
  margin-top: -2px;
  margin-left: -5px;
  margin-bottom: 0px;
  width: 80%;
}
.compare-block.active:hover .hint{
  display: block;
  top: -2px;
}

.menu-left .menu-item{
  display: block;
  font-size: 16px; line-height: 19px;
  padding: 8px 0;
  color: #243F56;
}
.menu-left .menu-item.active{
  font-family: 'InterBold';
}
.menu-left .menu-item-2.active{
  font-family: 'InterBold';
}

/* detail product */
.block-gallery-1{
  overflow: hidden;
  background: #F1F6FB;
  padding-top: 40px;
}
.block-gallery-1 .gallery{
  float: left;
  position: relative;
}
.relative_block {
  position: relative;
  display: flex;
}
.click_up, .click_down {
  position: absolute;
  width: auto;
  height: 32px;
  background: #FFFFFFCC;
  left: 0px;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 1;
}
.click_up {
  top: 0px;
}
.click_down {
  bottom: 0px;
}
.click_up:hover, .click_down:hover {
  background: #FFFFFF;
}
.click_up:active, .click_down:active, .click_up:focus, .click_down:focus{
  background: #FFFFFF;
  border: 1px solid #B3CEEA;
}
.wrp-img .click_up,
.wrp-img .click_down{
 width: 40px;
 left: 12px;
}
.block-gallery-1 .gallery .click_up,
.block-gallery-1 .gallery .click_down{
  width: 70px;
  height: 28px;
}
.click_up::after, .click_down::after {
  display: block;
  text-align: center;
  height: 0px;
}
.wrp-img .click_up::after, .wrp-img .click_down::after {
  position: absolute;
  top: 5px;
  left: 9px;
}
.click_up::after {
  content: url("/bitrix/templates/metran/img/Chevron_Up.svg");
}
.click_down::after{
  content: url("/bitrix/templates/metran/img/Chevron_Down.svg");
}
.block-gallery-1 .gallery .slides{
  display: flex;
  flex-direction: column;
  float: left;
  margin-right: 30px;

  position: relative;
  height: 370px;
  overflow-y: scroll;
  scrollbar-width: none;
}
.block-gallery-1 .gallery .big-image{
  float:left;
  margin-right: 30px;
  width: 370px;
  min-height: 368px;
  border: 1px solid #B3CEEA;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-gallery-1 .gallery .slides a{
  display: flex;
  align-items: center;
  width: 70px;
  height: 70px;
  background: #fff;
  border: 1px solid #B3CEEA;
  margin-bottom: 12px;
  transition: border 0.5s, box-shadow 0.5s;
  overflow: hidden;
}
.block-gallery-1 .gallery .slides a:hover{
  border: 1px solid #D4E4ED;
  box-shadow: 0px 4px 20px rgb(164 185 204 / 40%);
}
.block-gallery-1 .gallery .slides a.active{
  border-color: #00aa7e;
}

.block-gallery-1 .text{
  font-size: 15px; line-height: 23px;
  color: #282C2F;
  margin-left: 500px;
}
.block-gallery-1 .text .btn-link{
  font-size: 16px; font-family: InterSemiBold;
  cursor: pointer;
}
.block-gallery-1 .text p{
  margin-bottom: 20px;
}

/* Страница сравнения */
.slider-page{
  margin-bottom: 29px;
}
.slider-page .column-fixed{}
.slider-page .slider-long{
  overflow: hidden;
  margin-left: 185px;
  margin-right: 0px;
  user-select: none;
  touch-action: pan-y;
  position: relative;
}
.slider-long .inner{
  display: flex;
  flex-direction: row;
}
.slider-page .slider-long-prev{
  height: 100%; width: 40px; background: #5c5c5c url("/bitrix/templates/metran/img/arr_white_right.png") no-repeat center 150px; color: #fff;
  position: absolute; left: 15px; top: 0px; z-index: 1;
  cursor: pointer;
  opacity: 0.1;
  font-size: 60px;
}
.slider-page .slider-long-next{
  height: 100%; width: 40px; background: #5c5c5c url("/bitrix/templates/metran/img/arr_white_right.png") no-repeat center 150px; color: #fff;
  position: absolute; right: 0px; top: 0px; z-index: 1;
  cursor: pointer;
  opacity: 0.1;
  font-size: 60px;
}
.slider-page .slider-long-next:hover, .slider-page .slider-long-prev:hover{opacity: 0.5}
.slider-page .slider-long-prev.disabled, .slider-page .slider-long-next.disabled{display: none;}
.slider-page .slide{
  width: 300px;
  position: relative;
}
.slider-page .slide > div.bg-blue a{
  display:block; position: relative;
}

.slider-page .slide .slide-del{
  display: none;
  position: absolute;
  top: 1px;
  right: 1px;
  color: red;
  line-height: 18px;
  text-align: center;
  background: #fff;
  font-size: 40px;
  padding: 4px 4px 8px;
  line-height: 22px;
}
.slider-page .slide:hover .slide-del{
  display: inline-block;
}

.slider-page .wrp-img{
  background: #FFFFFF;
  border: 1px solid #B3CEEA;
  width: 270px;
  margin-bottom: 16px;
  height: 270px;
  overflow: hidden;
  
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-page .slide > a{
  display: block;
}
.slider-page .bg-blue{
  padding: 0 15px;
  background: #F1F6FB;
  padding-bottom: 65px;
}
.slider-page .c-props{
  padding: 0 15px;
}
.slider-page .slide .bg-blue > a:hover .wrp-img{
  border: 1px solid #D4E4ED;
  box-shadow: 0px 4px 20px rgba(164, 185, 204, 0.4);
}
.slider-page .slide .title{
  font: 16px/24px "InterSemiBold";
  margin-bottom: 25px;
  height: 48px;
}
.slider-page .slide .btn-link{
  font-family: "InterBold";
  padding: 10px 58px 10px 31px;
  margin: 0px;
}
.slider-page .c-empty{height: 87px;
  margin-left: -15px;
  margin-right: -15px;
}
.slider-page p{
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 21px;
  color: #292B2D;
}
.slider-page .prop-val{
  font-size: 16px;
  line-height: 24px;
  color: #1B1D1F;
  margin-right: -30px;
}
.slider-page .prop-val .prop-val-inner{
  border-top: 1px solid #B3CEEA;
  padding-top: 12px;
  padding-bottom: 15px;
  
  padding-right: 30px;
}

.slider-page .prop-val > div{}
.slider-page .column-fixed{
  width: 200px;
  float:left;
  margin-right: -15px;
}
.slider-page .column-fixed > div{
  /* padding: 12px 12px 12px 0px; */
  color: #758696;
  font-size: 14px;
  line-height: 27px;
  text-transform: uppercase;
}
.slider-page .column-fixed .prop-val{
  margin-right: 0px;
  padding-right: 0px
}
.slider-page .column-fixed .bg-blue{
  padding: 0px;
}
.slider-page .column-fixed .bg-blue > div:first-child{
  height: 283px;
}
.slider-page .column-fixed .bg-blue > div:last-child{
  height: 189px;
}
.slider-page .column-fixed .c-empty-head{
  height: 87px;
  padding-top: 32px;
}

.fix-bg-blue{
  background: #F1F6FB;
}

.bg-blue-fixed{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background: #F1F6FB;
  height: 558px;
  z-index: -1;
}

.checkbox-2{
  white-space: nowrap;
  line-height: 22px;
  display: inline-block;
  text-transform: none;
  font-size: 16px;
  color: #1b1d1f;
  cursor:pointer;
}
.checkbox-2 span{vertical-align: middle;
  cursor: pointer;
}
.checkbox-2:before{
  content: '';
  display: inline-block;
  width: 47px;
  height: 23px;
  background: url("/bitrix/templates/metran/img/switch_off.png") no-repeat 0 0;
  margin-right: 18px;
  vertical-align: middle;
  transition: background-image 0.3s;
}
.checkbox-2.active:before{
  background-image: url("/bitrix/templates/metran/img/switch_on.png");
}
.checkbox-2 input{
  display: none;
}

/* Документы */
.search-with-filter {
  margin-bottom: 120px;
  border-bottom: 1px solid #B3CEEA;
  display: flex;
}

.search-with-filter .c-filter{
  border-right: 1px solid #B3CEEA;
  padding-top: 16px;
  padding-right: 62px;
}

.c-filter .label-for-check.active:before{
  background-color: #004b8c;
}

.c-group-collapse .c-item{
  border-bottom: 1px solid #B3CEEA;
}
.c-group-collapse .btn-collapse{
  font: 16px/24px "InterMedium";
  padding-top: 16px;
  padding-bottom: 16px;
  width: 270px;
  color: #243F56;
  cursor: pointer;
}
.c-group-collapse .shevron{
  float: right;
  background-image: url("/bitrix/templates/metran/img/chevron_middle.png");
  width: 13px;
  height: 8px;
  margin: 0px;
  margin-top: 9px;
  transition: transform 0.3s;
}

.c-group-collapse .c-item.active .shevron{
  transform: rotate(180deg);
}
.c-group-collapse .content-collapse{
  display: none;
}
.c-group-collapse .c-item.active .content-collapse{
  display: block;
  padding-bottom: 20px;
}
.c-group-collapse .content-collapse label{
  color: #243F56;
  font-size: 16px; line-height: 24px;
  cursor: pointer;
  display: block;
  margin-bottom: 6px;
}
.c-group-collapse .content-collapse span{
  vertical-align: top;
  max-width: 240px;
  display: inline-block;
}
.c-group-collapse .content-collapse input{
  display: none;
}
.c-group-collapse .content-collapse label:before{
  content: '✔';
  display: inline-block;
  width: 16px;
  height: 16px;

  background: #FFFFFF;
  border: 1px solid #949EA7;
  border-radius: 2px;
  vertical-align: top;
  margin-right: 8px;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  margin-top: 4px;
}
.c-group-collapse .content-collapse label:checked:before{
  background-color: #004b8c;
}

.search-with-filter .current{
  padding-top: 16px;
  padding-bottom: 30px;
  border-bottom: 1px solid #B3CEEA;
  margin-bottom: 7px;
  display: none;
}
.search-with-filter .current.active{display: block;}

.search-with-filter .lbl-sett{
  color: #243F56;
  font-size: 16px; line-height: 26px;
  background: #F1F6FB url("/bitrix/templates/metran/img/icon_filter.png") no-repeat 97% 50%;
  padding:12px 8px;
  margin-bottom: 18px;
}
.search-with-filter .props-curr{}
.search-with-filter .prop-curr{
  padding: 4px 9px 4px 12px;
  background: #F1F6FB;
  font-size: 16px; line-height: 26px;
  margin-bottom: 12px;
}
.search-with-filter .close.green{
  display: block;
  width: 12px;
  height: 12px;
  background: url("/bitrix/templates/metran/img/cross.png") no-repeat 0 0;
  float: right;
  margin-top: 8px;
}
.search-with-filter .link-green{
  color: #00AA7E;
  font-size: 16px; line-height: 24px; font-family: 'InterMedium';
}

.search-with-filter .c-filter-content{
  position: relative;
  width: 100%;
}

.search-with-filter .wrp-search{
  padding-top: 36px;
  padding-left: 64px;
  padding-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.search-with-filter .search-result-info{
  display: none;
  color: #243F56;
  font-size: 16px; line-height: 42px;
  transition: all 0.6s;
  position: absolute; left: 64px; top: 36px;
}
.search-with-filter .form{float: right; width: 100%;}
.search-with-filter .wrp-search input{
  float: right;
  width: 100%;
  border: 1px solid #B3CEEA;
  background: url("/bitrix/templates/metran/img/search_green.png") no-repeat 98% 50%;
  font-size: 16px; line-height: 24px;
  padding: 8px 12px;
  padding-right: 45px;
  transition: width 0.4s, background 0.4s;
}

.search-with-filter .wrp-search.action .search-result-info{
  display: block;
}
.search-with-filter .wrp-search.action input{
  background-image: url("/bitrix/templates/metran/img/search_blue.png");
  background-position: 96% 50%;
  width: 252px;
}
.search-with-filter .wrp-search.action input:focus{
  width: 100%;
  background: url("/bitrix/templates/metran/img/search_green.png") no-repeat 98% 50%;
}

.search-with-filter .wrp-search:focus-within .search-result-info{
  display: none;
}

.search-with-filter .el{
  border-top: 1px solid #B3CEEA;
  padding: 30px 0px 30px 64px;
}

.search-with-filter .cat{
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #243F56;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.search-with-filter .title{
  font: 18px/26px "InterSemiBold";
  color: #185C97;
  margin-bottom: 12px;
}
.search-with-filter .anons{
  font-size: 16px;
  line-height: 24px;
  color: #243F56;
  margin-bottom: 16px;
}
.btn-green{
  cursor: pointer;
  font: 14px/26px "InterBold";
  padding: 4px 12px;
  display: inline-block;
  margin-right: 10px;
  background: #00AA7E;
  border-radius: 4px;
  color: #fff;
  transition: background-color 0.3s;
}
.btn-green:hover{
  background-color: #00906B;
  color: #fff;
}
.search-with-filter .btn-green{
  
}
.search-with-filter .format{
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.03em;
  color: #243F56;
  text-transform: uppercase;
  display: inline-block;
}

.search-with-filter .pag{
  position: absolute;
  left: 64px;
  bottom: -57px;
}
.pag span{
  display: inline-block;
  padding: 4px 8px;
  background: #F1F6FB;
  border-radius: 2px;
  font: 16px/24px "InterSemiBold";
  color: #185C97;
}
.pag a{
  font-size: 16px;
  line-height: 24px;
  color: #243F56;
  padding:4px;
  display: inline-block;
}
.pag i{
  padding: 4px;
  font-size: 16px;
  line-height: 24px;
}

.wrp-heads{
  display: inline-block;
  min-width: 368px;
  margin-right: 32px;
  vertical-align: top;
  margin-top: 44px;
}

.wrp-heads .breadcrumbs{display:inline-block;}
.wrp-heads h1{min-width: 368px; font: 36px/44px "MontserratBold"; margin-bottom: 0px;}

.head-anons{
  color: #243F56;
  font-size: 18px;
  line-height: 26px;
  position: relative;
  
  /* width: 762px; */
  min-width: 360px;
  max-width: 762px;
  display: inline-block;
  vertical-align: top;
  padding-right: 195px;
  margin-top: 44px;
}
.head-anons .wrp-top-anons-inner, .head-anons .c-subsection{position: relative; padding-top: 30px;
  padding-bottom: 49px;}
.head-anons .wrp-top-anons-inner:before, .head-anons .c-subsection:before{
  width: 70px;
  border-top: 5px solid #00AA7E;
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
}
.head-anons .wrp-top-anons-inner:empty{display: none;}


/* Проекты */
.block-two-column{
  margin-left: -15px;
  margin-right: -15px;
  /* margin-bottom: 62px; */
}
.block-two-column .el{
  padding: 0px 15px;
  margin-bottom: 30px;
  width: calc(100% / 2);
  display: inline-block;
}
.block-two-column .el-inner {
  display: block;
  background: #FFFFFF;
  border: 1px solid #D4E4ED;
  padding: 32px;
}
.block-two-column .el-inner:hover{
  border: 1px solid #D4E4ED;
  box-shadow: 0px 4px 16px rgba(164, 185, 204, 0.3);
}
.block-two-column .wrp-img{
  float: left;
}
.block-two-column .wrp-text{
  margin-left: 166px;
}
.block-two-column .title{
  color: #004B8C;
  font: 18px/24px "MontserratBold";
  margin-bottom: 16px;
}
.block-two-column .anons{
  color: #243F56;
  font-size: 15px;
  line-height: 22px;
}
.block-two-column .el-inner:hover .btn-link{
  background-position: 88% 17px;
  color: #fff;
  background-color: #00906B;
}
.block-two-column .height-limit{
  height: 174px;
  overflow: hidden;
}
.text-img-2{
  padding-bottom: 60px;
  overflow: hidden;
}
.text-img-2 .wrp-img{
  max-width: 368px;
  margin-right: 32px;
  margin-bottom: 32px;
  overflow: hidden;
  float: left;
}
.text-img-2 .wrp-img img{
  width: auto;
}
.text-img-2 .left-text{
  font-size: 16px; line-height: 24px;
  color: #243F56;
}


.block-three-column{
  margin-left: -15px;
  margin-right: -15px;
  /* padding-bottom: 40px; */
}
.block-three-column .el{
  padding: 0px 15px;
  margin-bottom: 30px;
  width: calc(100% / 3);
  display: inline-block;
}
.block-three-column .el-inner {
  display: block;
  background: #FFFFFF;
  border: 1px solid #D4E4ED;
  padding: 24px;
}
.block-three-column .el-inner:hover{
  border: 1px solid #D4E4ED;
  box-shadow: 0px 4px 16px rgba(164, 185, 204, 0.3);
}
.block-three-column .wrp-img{
  width: 82px;
  height: 85px;
  margin-bottom: 20px;
}
.block-three-column .wrp-img img{
  width: 100%;
}
.block-three-column .title{
  color: #004B8C;
  font: 18px/24px "MontserratBold";
  margin-bottom: 16px;
}
.block-three-column .anons{
  color: #243F56;
  font-size: 15px;
  line-height: 22px;
}
.block-three-column .el-inner:hover .btn-link{
  background-position: 88% 17px;
  color: #fff;
  background-color: #00906B;
}
.block-three-column .height-limit{
  height: 130px;
  overflow: hidden;
}


.block-four-column{
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 40px;
}
.block-four-column .el{
  padding: 0px 15px;
  margin-bottom: 30px;
  width: calc(100% / 4);
  display: inline-block;
  vertical-align: top;
}
.block-four-column .el-inner {
  display: block;
  background: #FFFFFF;
  border: 1px solid #D4E4ED;
}
.block-four-column .wrp-img{
  width: 100%;
  height: 264px;
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-four-column .wrp-img img{
  width: 100%;
}
.block-four-column .title{
  display: flex;
  align-items: center;
  padding: 0 45px 0 12px;
  
  font: 16px/22px "InterSemiBOld";
  color: #185C97;
  background: #F1F6FB url("/bitrix/templates/metran/img/arr_long_green_right.png") no-repeat 94% 50%;
  height: 70px;
  border-top: 1px solid #D4E4ED;
  overflow: hidden;
  transition: color 0.3s, background-image 0.3s, background-color 0.3s;
}
.block-four-column .el-inner:hover .title{
  color: #fff;
  background-color: #00AA7E;
  background-image: url("/bitrix/templates/metran/img/arr_long_white_right.png");
}

/* Каталоги */
.section-files{
 
}
.section-files .section-el{
  padding-top: 38px;
  padding-bottom: 38px;
  border-top: 1px solid #B3CEEA;
}
.section-files .section-el:first-child{
  border-top: none;
}

.section-files .section-title{
  color: #185C97;
  font: 20px/24px "InterBold";
  margin-bottom: 27px;
}
.section-files .list-files{
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  
  overflow-y: hidden;
  overflow-x: hidden;
}
.section-files .el{
  margin: 0 15px;
  width: 170px;
  margin-bottom: 30px;
} 
.section-files .el .wrp-img{
  width: 170px;
  margin-bottom: 12px;
  position: relative;
  height: 237px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-files .title{
  color: #243F56;
  font: 16px/22px "InterMedium";
  margin-top: 12px;
}
.section-files .format{
  text-transform: uppercase;
  font-size: 14px; line-height: 24px;
}
.section-files .bg-hover{
  background: #185C97cc;
  position: absolute;
  left: 50%;
  top: 50%;
  right: 0px;
  bottom: 0px;
  
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0px;
  width: 0px;
  overflow: hidden;
  transition: width 0.3s, height 0.3s, top 0.3s, left 0.3s;
}
.section-files .el:hover .bg-hover{
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
}
.section-files .btn-small{
  padding: 4px 12px;
  background: #00AA7E;
  color: #fff;
  border-radius: 4px;
  
  font: 14px/26px "InterBOld";
}
.pag{width: 100%;}

/* Услуги */
.list-empty-1{
  padding-bottom: 60px;
}
.list-empty-1 .el{
  background-color: #fff;
  margin-bottom: 40px;
  overflow: hidden;
}
.list-empty-1 .el.odd{
  background-color: transparent;
}
.list-empty-1 .wrp-img{
  width: 370px;
  height: 270px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
}
.list-empty-1 .wrp-img img{
  min-height: 100%;
  max-width: none;
}
.list-empty-1 .wrp-text{
  padding: 23px 60px;
}
.list-empty-1 .title{
  color: #185C97;
  font: 24px/26px "InterBOld";
  margin-bottom: 20px;
}
.list-empty-1 .anons{
  font-size: 16px; line-height: 24px;
  color: #1B1D1F;
  height: 105px;
  overflow: hidden;
}

/* Вакансии */
.list-empty-2{
}
.list-empty-2 .el{
  background-color: #fff;
  margin-bottom: 40px; /*96px*/
  overflow: hidden;
}
.list-empty-2 .wrp-img{
  width: 370px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
}
.list-empty-2 .el.odd .wrp-img{
  float: right;
  margin-left: 30px;
}

.list-empty-2 .wrp-text{
}
.list-empty-2 .title{
  color: #185C97;
  font: 24px/26px "InterBOld";
  margin-bottom: 24px;
}
.list-empty-2 .anons{
  font-size: 16px; line-height: 24px;
  color: #243F56;
}
.list-empty-2 .anons p{
  margin-bottom: 24px;
}

.hh-block{

  margin-bottom: 10px;
  color: #243F56;
  font-size: 18px; line-height: 26px;
  width: 1120px;
  padding: 0px 25px 12px 90px;

}
.hh-block a{
  color: #00AA7E;
}
.hh-block a:hover{
  color: #00AA7E;
  font-family: "InterSemiBOld";
}

.panel-tabs.vacancy{
  border-bottom: 1px solid #B3CEEA;
}
.panel-tabs.vacancy a{margin-right: 0px; display:block;}
.panel-tabs.vacancy a.active{padding-bottom: 11px;}
.panel-tabs.vacancy .tab{padding-right: 30px; background: #fff; margin-bottom:-1px;}

.panel-tabs.vacancy{margin-bottom: 47px;}

/* Новости */

.slab-list-1{
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: -34px;
}
.slab-list-1 .el{
  display: inline-block;
  width: calc(100% / 3);
  vertical-align: top;
  margin-bottom: 63px;
  padding: 0 15px;
}
.slab-list-1 .inner-el{
  display: block;
  transition: box-shadow 0.5s;
}
.slab-list-1 .wrp-img{
  width: 370px;
  height: 240px;
  overflow: hidden;
  background: #fff;
}
.slab-list-1 .wrp-text{
  padding: 20px;
  background: #fff;
  height: 360px;
}
.slab-list-1 .date{
  color: #8695A3;
  font-size: 16px; line-height: 24px;
  margin-bottom: 16px;
}
.slab-list-1 .title{
  color: #185C97;
  font: 18px/26px "InterMedium";
  margin-bottom: 16px;
}
.slab-list-1 .anons{
  color: #2A2D30;
  font-size: 16px; line-height: 24px;
}
.slab-list-1 .btn-link-small{
  background: url("/bitrix/templates/metran/img/arr_blue_right.png") no-repeat 92% 50%;
  color: #185C97;
  font-size: 14px;
  line-height: 26px;
  width: 112px;
  transition: background-position 0.5s;
}
.slab-list-1 .inner-el:hover{
  box-shadow: 0px 4px 20px rgb(164 185 204 / 40%);
}
.slab-list-1 .inner-el:hover .btn-link-small{
  background-position: 100% 50%;
}
.slab-list-1 + .pag span{
  background: #FFFFFF;
  border-radius: 2px;
}
.slab-list-1 .height-limit{
  max-height: 242px;
  overflow: hidden;
  margin-bottom: 16px;
}

/* Контакты */
.tab-block.contacts .tab a{
  color: #758696;
}
.tab-block.contacts .tab a.active{
  color: #004B8C;
  font-family: "InterMedium";
}

.tab-block.contacts .tab:hover a{
  border-bottom-width: 5px;
  padding-bottom: 11px;
}
.map-with-elements{
  margin-left: -15px;
  margin-right: -15px;
}
.map-with-elements .el{
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  width: calc(100% / 2);
}
.map-with-elements .el.where-alone{
  width: 100%;
}

.map-with-elements .el.where-alone .contact{
  width: calc(100% / 2);
  display: inline-block;
  vertical-align: top;
  padding-right: 15px;
}

.map-with-elements .map{
  border: 1px solid #B3CEEA;
}

.map-with-elements .btn-action{
  display: inline-block;
  margin-top: 31px;
}

.map-with-elements .contact{
  margin-bottom: 32px;
}
.map-with-elements .title{
  color: #185C97;
  font: 22px/24px "InterMedium";
  margin-bottom: 16px;
}

.map-with-elements .text, .map-with-elements .phone, .map-with-elements .email{
  font-size: 16px; line-height: 24px;
  color: #243F56;
}
.map-with-elements .text{width: 90%;}

.map-with-elements .phone a, .map-with-elements .email a{background: none}
.map-with-elements .email a{
  color: #00AA7E;
}

.tab-block.contacts .panel-tabs.vacancy{
  margin-bottom: 60px;
}

/* Форма */
.c-overlay{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  background: #ffffff33;
  backdrop-filter: blur(10px);
  
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-content: center;
  flex-wrap: nowrap;
  align-items: flex-start;
  overflow-y:auto;
  
  cursor: pointer;
  
  height: 0vh;
  transition: height 0.1s;
}
.c-overlay.active{
  height: 100vh;
  z-index: 1000;
}
.c-form{
  width: 640px;
  background: #fff;
  padding: 56px 50px;
  box-shadow: 0px 4px 20px rgba(153, 163, 172, 0.2);
  border-radius: 4px;
  
  cursor: default;
  
  position: relative;
}
.c-form .close{
  width: 27px;
  height: 27px;
  position:absolute;
  right: 26px;
  top: 24px;
  
  text-indent: -9999px;
  background: url("/bitrix/templates/metran/img/form_close.png") no-repeat 0 0;
}
.c-form .title{
  color: #185C97 !important;
  font: 22px/24px "InterMedium" !important;
  margin-bottom: 18px !important;
}
.c-form .anons{
  font-size: 16px; line-height: 24px;
  color: #000;
  margin-bottom: 21px;
}
.c-form .c-warning, .c-form-2 .c-warning{
  font-size: 14px; line-height: 24px;
  color: #000;
  margin-bottom: 26px;
}
.field{
  margin-bottom: 16px;
}
.checkbox-group{
  border: 1px solid #B3CEEA;
  background: #F1F6FB;
  padding: 4px 10px;
}
.checkbox-group .compare-block{
  display: inline-block;
  margin-right: 15px;
}
.checkbox-group .compare-block.active{border:none;}
.checkbox-group .compare-block.active:hover label.label-for-check{
  border: none;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.lbl{
  color: #758696;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
input[type="text"], input[type="email"]{
  border: 1px solid #B3CEEA;
  border-radius: 2px;
  background: #F1F6FB;
  font-size: 16px;
  height: 40px;
  padding: 4px 10px;
  width: 100%;
}
textarea{
  border: 1px solid #B3CEEA;
  border-radius: 2px;
  background: #F1F6FB;
  font-size: 16px;
  padding: 12px 10px;
  width: 100%;
  min-height: 194px;
}
.field-file label{
  color: #000000;
  font-size: 14px; line-height: 24px;
  background: url("/bitrix/templates/metran/img/icon_file_clip.png") no-repeat 0 0;
  padding: 1px 0px 2px 24px;
}
.field-file input{
  display: none;
}
.c-form .btn-link, .c-form-2 .btn-link{
  font: 16px/26px "InterMedium";
}
.c-form .mandatory, .c-form-2 .mandatory{
  font-size: 14px; line-height: 20px;
  color: #758696;
}
.c-form .mandatory a, .c-form-2 .mandatory a{
  color: #00AA7E;
}

/* форма 2 */
.c-form-2{
  border: 1px solid #B3CEEA;
  padding: 50px;
}
.c-form-2 .title{
  color: #000;
  font: 28px/28px "InterMedium";
  margin-bottom: 30px;
}
.c-form-2 .anons{
  font-size: 16px; line-height: 24px;
  color: #000;
  margin-bottom: 30px;
}
.c-form-2 input[type="text"], .c-form-2 input[type="email"]{
}
.c-form-2 .mandatory{
  line-height: 24px;
}
.c-form-2 .field, .c-form .field{
  display: inline-block; 
  vertical-align: top;
}

.field.error{color: #eab3b3}
.field.error input, .field.error textarea{
  border: 1px solid #eab3b3;
  background: #fbf1f1;
}

.wrp-fields{
  margin-left: -15px;
  margin-right: -15px;
}
.field-1{
  width: 100%;
  padding: 0px 15px;
}
.field-2{
  width: calc(100% / 2);
  padding: 0px 15px;
}
.c-form-2 .field-file{
  margin-top: -8px;
}

.empty-list{
  padding: 12px;
  background: #F1F6FB;
  width: 100%;
  border: 1px solid #d5dce3;
  color: #243F56;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}


.list-enter-active,
.list-leave-active {
  transition: all 0.3s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}


.category-files{
  margin-bottom: 20px;
}
.category-files .title {
  color: #185C97;
  font: 18px/22px "InterBold";
  margin-bottom: 10px;
}
.category-files .file {
  display: inline-block;
  background: url("/bitrix/templates/metran/img/icon_file_download.png") no-repeat 0 0;
  padding-left: 27px;
  font-size: 14px;
  line-height: 20px;
  color: #8695A3;
  margin:0px;
  margin-bottom: 6px;
}
.category-files .file:hover{
  color: #000;
}

.no-publication-text{
  border: 2px solid #c1c1c1;
  padding: 10px;
  text-align: center;
  color: #004b8c;
  background: #dfe0e1; 
}
.form-btn-search{
  text-indent: -99999px;
  position: absolute;
  right: 1px;
  top: 1px;
  height: 38px;
  width: 38px;
  padding: 0px;
  border: none;
  cursor: pointer;
  background: url("/bitrix/templates/metran/img/search_blue.png") no-repeat center center;
}

.page-search-text-error {margin-top: 20px;}
.page-search-text-error p{padding-bottom: 10px;}
.page-search-text-error table{line-height: 20px; margin-top: 10px; margin-bottom: 50px; border-spacing: 0px; border-collapse: collapse;}

.page-search-text-error table {background: #F1F6FB;}
.page-search-text-error table td{border: 1px solid #B3CEEA; padding: 5px 15px;}

.page-search-text-error font.errortext {
  background: #ffcfcf;
  padding: 9px 9px;
  display: inline-block;
  color: #9d1e1e !important;
  float: right;
}

.list-search{margin-top: 30px; margin-bottom: 50px;}
.list-search .el{
  margin-bottom: 22px;
}
.list-search .title {
  font: 18px/26px "InterSemiBold";
  color: #185C97;
  margin-bottom: 6px;
  display: inline-block;
}
.list-search .anons{
  font-size: 16px;
  line-height: 19px;
  color: #243F56;
  margin-bottom: 6px;
}
.list-search .date-small{
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  background: #ddd;
  padding: 3px 7px;
  margin-right: 6px;
  vertical-align: top;
}

/* new search */
.list-search .el{margin-bottom: 0px;}
.list-search .el-inner{
  border-top: 1px solid #B3CEEA;
  padding: 30px 0px 34px 64px;
  overflow: hidden;
}
.list-search .el-inner .title{width: 100%; margin-bottom: 16px;}
.list-search .el-inner .title a{color: #185C97}
.list-search .el-inner .wrp-img{
  max-width: 150px;
  max-height: 150px;
  border: 1px solid #B3CEEA;
  float:left;
  margin-right: 20px;
}
.list-search .el-inner .wrp-img img{
  width: 100%;
}
.list-search .el-inner .wrp-text{
  margin-left: 170px;
}
.list-search .el-inner .wrp-text p{
  margin: 0px;
}
.list-search .el-inner .anons{
  line-height: 24px;
  margin-top: 0px;
}
.list-search .el-inner .format{
  display: inline-block;
}
.list-search .pag a.active{
  display: inline-block;
  padding: 4px 8px;
  background: #F1F6FB;
  border-radius: 2px;
  font: 16px/24px "InterSemiBold";
  color: #185C97;
}
.list-search .btn-link{
  line-height: 16px;
  padding-left: 10px;
  padding-right: 50px;
  margin-top: 16px;
}

.search-list-suggested{
  position: absolute;
  left: 0px;
  top: 47px;
  background: #d5e2ef;
  border: 1px solid #b7cfe7;
  border-top: none;
  text-align: left;
  padding: 0px 0px;
  width: 400px;
}
.list-suggested-item{
  display: block;
  line-height: 20px;
  height: 50px;
  overflow: hidden;
  padding: 6px 12px;
  transition: background 0.3s;
}
.list-suggested-item:hover{
  background: #aec9e5;
}
.title-sugg{
  color: #004b8c;
  font-size: 16px;
  line-height: 18px;
  padding-right: 8px;
}
.descr-sugg{
  font-size: 14px;
  line-height: 16px;
  display: inline;
}


.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.alert-green{
  background: #cef3d8;
  padding: 20px;
  color: #4a7854;
  border: 1px solid #aacbb3;
  border-radius: 4px;
}

.alert-red{
  background: #f7d2d2;
  padding: 10px 20px;
  color: #b53030;
  border: 1px solid #cbaaaa;
  border-radius: 4px;
}

.alert-red > div{margin-bottom: 5px; margin-top: 5px;}


.descr-left-image{width: 100%; clear:both; margin-bottom: 30px; border:none}
.descr-left-image > img {
  float: left;
  margin-right: 40px;
  margin-bottom: 30px;
}
.descr-left-image .text{
  line-height: 28px;
}
.descr-right-image{width: 100%; clear:both; margin-bottom: 30px; border:none;}
.descr-right-image > img {
  float: right;
  margin-left: 40px;
  margin-bottom: 30px;
}
.descr-right-image .text{
  line-height: 28px;
}

body .description-style .c-container, .description-style{line-height: 28px;}
body .description-style p{margin: 16px 0px;}
body .description-style ul{
  padding-top: 20px;
}
body .description-style ol{
  padding: 0px;
}
.description-style ul li{
  margin-bottom: 6px;
}
.description-style ul li:before{
  content: '';
  display: inline-block;
  width: 16px;
  height: 1px;
  background: #00AA7E;
  border: 1px solid #00AA7E;
  margin-bottom: 6px;
  margin-right: 6px;
}
.description-style ol { counter-reset: item; }
.description-style ol li { display: block; }
.description-style ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #004B8C;
}

/*
.slider-bottom {
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}


.slider-bottom .body-inner{
  display: flex;
}
.slider-bottom .slide{
  padding: 0px 15px;
  min-width: 300px;
  overflow:hidden;
}
.slider-bottom .slide img{
  border-radius: 4px;
}
*/

.slider-bottom {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  user-select: none;
  touch-action: pan-y;
  border: none;
}

.slider img {
  poiner-events: none;
}
.slider-list {
  overflow: hidden;
}
.slider-list.grab {
  cursor: grab;
}
.slider-list.grabbing{
  cursor: grabbing;
}
.slider-track {
  display: flex;
}
.slider-bottom .slide-small {
  flex-shrink: 0;
  font-size: 50px;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  
  padding: 0px 15px;
  width: 300px;
  height: 180px;
  overflow:hidden;
  cursor: pointer;
  position: relative;
}
.slider-bottom .slide-small:hover:before{
  content: '';
  width: 90%;
  height: 100%;
  background: #00000055;
  display: block;
  left: 15px;
  top: 0px;
  position: absolute;
}

.slider-arrows-prev,
.slider-arrows-next {
  background: none;
  border: none;
  margin: 0 15px;
  font-size: 30px;
  cursor: pointer;
}
.slider-arrows-next.disabled,
.slider-arrows-prev.disabled {
  opacity: .25;
  pointer-events: none;
  display:none;
}

.slider-bottom .slider-arrows-prev{
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  width: 30px;
  background: #000 url("/bitrix/templates/metran/img/arr_white_right.png") no-repeat center center;
  cursor: pointer;
  transform: rotate(180deg);
  border-radius: 0px 4px 4px 0px;
}
.slider-bottom .slider-arrows-next{
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0.4;
  width: 30px;
  background: #000 url("/bitrix/templates/metran/img/arr_white_right.png") no-repeat center center;
  cursor: pointer;
  border-radius: 0px 4px 4px 0px;
}
.slider-bottom .slider-arrows-prev:hover, .slider-bottom .slider-arrows-next:hover{
  opacity: 0.9;
}

.list-enter-active,
.list-leave-active {
  transition: all 1s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.c-subsection:empty{display: none;}
.c-subsection + .wrp-top-banner-inner{display: none;}
.c-subsection + .wrp-top-anons-inner{display: none;}

.project-bottom-descr:empty, .banners-bot:empty{display: none;}


.show-picture{
  position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; background: #00000088; text-align: center;  align-items: center;
  backdrop-filter: blur(10px);
  cursor: pointer;
  display: none;
}
.show-picture.active{display: flex}
.show-picture .wrp-picture-big{
  
}
.show-picture img{
  border: 5px solid #455564;
  box-shadow: 0px 3px 8px #000;
  max-height: 95%; max-width: 95%; margin: 0 auto;
  position: relative;
}

.show-pic-prev{
  position: absolute;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  content: '';
  top: 50%;
  left: 0px;
  display:block;
  background: #455564 url("/bitrix/templates/metran/img/arr_white_right.png") no-repeat center center;
  transform: rotate(180deg);
  color: #fff;
  z-index: 2;
}
.show-pic-next{
  position: absolute;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  content: '';
  top: 50%;
  right: 0px;
  display:block;
  background: #455564;
  background: #455564 url("/bitrix/templates/metran/img/arr_white_right.png") no-repeat center center;
  color: #fff;
  z-index: 2;
}
.show-pic-prev:hover, .show-pic-next:hover{
  opacity: 0.9;
}

.show-picture .close{position: absolute; top: 10px; right: 20px; color: #fff; font-size:40px; cursor: pointer;}

.c-container{border: none;}

.slider-big{
  position: relative;
}
.slider-big img{
  width: 100%;
}
.slider-big .slider-track{}
.slider-big .slide-small{min-width: 100%; max-width: 100%; overflow:hidden; position:relative;}
.slider-big .slide-small:after{
  content: '';
  display: block;
  width: 81px;
  height: 86px;
  position:absolute;
  border: 5px solid #00AA7E;
  border-top: none;
  border-right: none;
  left: 41px;
  bottom: 44px;
}
.slider-big .slide-small .block-white-text{
  position: absolute;
  left: 46px;
  bottom: 49px;
  padding: 24px;
  width: 480px;
  background: #ffffffd9;
  backdrop-filter: blur(2px);
  blur:2px;
}
.slider-big .slide-title{
  font-size: 18px; line-height: 24px;
  font-family: 'MontserratSemiBold';
  color: #004B8C;
  margin-bottom: 10px;
}
.slider-big .slide-txt{
  font-family: 'Inter';
  font-size: 16px; line-height: 24px; color: #2A2D30;
}

.slider-big .slider-arrows-prev{
  height:50px; width: 50px;
  background: url("/bitrix/templates/metran/img/slider_arr.png") no-repeat 0 0;
  position: absolute;
  bottom: 24px;
  right: 82px;
}

.slider-big .slider-arrows-next{
  height:50px; width: 50px;
  background: url("/bitrix/templates/metran/img/slider_arr.png") no-repeat 0 0;
  transform: rotate(180deg);
  position: absolute;
  bottom: 24px;
  right: 24px;
}

.slider-big .slider-arrows-prev:hover, .slider-big .slider-arrows-next:hover{
  background-image: url("/bitrix/templates/metran/img/slider_arr_active.png");
}
.slider-big .slider-arrows-next:hover{
  transform: rotate(0deg);
}
.slider-big .slider-arrows-prev:hover{
  transform: rotate(180deg);
}


.description-style br:last-child{height: 1px; content: ''; display: block;}

.extra-pad{
  padding-top: 30px; padding-bottom: 45px;
}

.tabs-compare{
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tabs-compare .tab{
  padding: 4px 9px 4px 12px;
  background: #FFF;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 12px;
  margin-right: 12px;
  border-radius: 4px;
  cursor: pointer;
}
.tabs-compare .tab:hover{
  background: #ddd;
}
.tabs-compare .tab.active{
  background: #00aa7e;
  color: #fff;
  cursor:default;
}

.c-alert-info{
  padding: 12px;
  background: #ddd;
  margin: 20px 0px;
}

footer .phone .tit{
  font-size: 13px; line-height: 26px;
}
footer .phone .ema{
  display: block;
  padding-left: 28px;
  background: url(/bitrix/templates/metran/img/email_blue.png) no-repeat 0 3px;
  margin-top: 4px;
  margin-bottom: 16px;
}
footer .phone .ema a{
  background: url("/bitrix/templates/metran/img/email_blue.png") no-repeat 0 3px;
  font-size: 14px;
  line-height: 17px;
  color: #004B8C;
  background: none;
}

.title-h3{
  color: #000;
  font: 28px/28px "InterMedium";
  margin-bottom: 32px;
  margin-top: 28px;
}


@media (max-width: 1199px) {
 .c-container{
   width: 980px;
 }
 
 .wrp-heads{
    margin-right: 220px;
  }
  
  .block-four-column .el{
    width: calc(100% / 3);
  }
 
 header .line-2 {
    line-height: 32px;
    margin-top: 28px;
    margin-bottom: 29px;
  }
  .c-right{
    float:none;
    text-align: left;
  }
  
  .head-anons{
    display: none;
  }
  
  header.general .line-1{
    display: none;
  }
  
   div.threeline {cursor: pointer; position: absolute; top: 12px; right: 20px; width: 20px; height: 3px; background: #004b8c;}
  div.threeline:before, div.threeline:after {content: ""; position: absolute; width: 20px; height: 3px; background: #004b8c;}
  div.threeline:before{top: -6px; right: 0px; transition: transform 0.3s;}
  div.threeline:after{top: 6px; right: 0px; transition: transform 0.3s;}
  /*
  div.threeline:before {transform: rotate(45deg);}
  div.threeline:after {transform: rotate(-45deg);}
  */
  .threeline.close{height: 0px;}
  .threeline.close:before {transform: rotate(45deg); top: 0px;}
  .threeline.close:after {transform: rotate(-45deg); top: 0px;}
  
  a.logo img{max-height: 40px;}
  .menu-general{display: none;}
  .btn-shop, .btn-search{display:none;}
  
  form.search {
    top: -10px;
    right: 58px;
    width: auto;
  }
  form.search input {
    width: 0px;
  }
  
  .mobile-shtorka {
    display: block;
    height: 100vh;
    width: 100%;
    background-color: #f1f6fb;
    position: absolute;
    top: 44px;
    left: 0px;
    z-index: 100;
  }
  .mobile-shtorka {
    padding: 14px 20px 27px;
    overflow-y: auto;
  }
  
  .mobile-shtorka{display: block; height: 100vh; width: 100%; background-color: #f1f6fb; position: absolute; top: 44px; left: 0px; z-index: 100;}
  
  .mobile-shtorka .menu-item-2{padding: 0px; border:none;}
  .mobile-shtorka .menu-item-2 > a{border:none;}
  
  .mobile-shtorka .menu-item-3{padding: 0px; border:none;}
  .mobile-shtorka .menu-item-3 > a{border:none;}
  /*
  .threeline:hover + .mobile-shtorka { display: block; }
  */
  
  .mobile-shtorka::-webkit-scrollbar { width: 5px; height: 5px;}
  .mobile-shtorka::-webkit-scrollbar-track { background-color: #eee; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
  .mobile-shtorka::-webkit-scrollbar-thumb { background: #004b8c; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
  
  .mobile-shtorka{
    padding: 14px 20px 27px;
    overflow-y: auto;
  }
  .mobile-shtorka .menu-general{
    display: block;
    float: none;
  }
  .mobile-shtorka .menu-general .menu-item{
    width: 100%;
    text-align: left;
    position: relative;
    margin-right: 0px;
  }
  .mobile-shtorka .menu-general .menu-item .shevron{
    position: absolute;
    width: 32px;
    display: inline-block;
    height: 32px;
    top: 0px;
    /* line-height: 32px; */
    margin-top: 0px;
    /* text-align: center; */
    background-position: 50% 50%;
    right: -12px;
  }
  .mobile-shtorka .menu-general .menu-item > a{
    font-family: InterMedium;
    font-size: 16px; line-height: 32px;
    display: block;
    position: relative;
  }
  
  .mobile-shtorka .menu-general .menu-item .submenu{
    opacity: 1;
    position: relative;
    top: 0px; left: 0px;
    padding: 0;
    visibility: unset;
    margin: 0px;
  }
  
  .mobile-shtorka .menu-general .menu-item .submenu .inner-submenu{
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  
  .mobile-shtorka .menu-general .menu-item .submenu .inner-submenu a{
    color: #455564;
    font-size: 14px;
    line-height: 22px;
    border-top: none;
    padding: 4px 0px;
    width: 100%;
  }
  
  .mobile-shtorka .btn-shop{border: none;
    background: none;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    padding: 0px; display: block;
    font-family: InterMedium;
    display: block;
  }
  
  .mobile-shtorka .menu-top{text-align: left;}
  .mobile-shtorka .menu-top a{ width: 100%; color: #004b8c; font-size: 16px; line-height: 32px; display: block;}
 
  .mobile-shtorka .c-right{
    text-align: left;
    display: flex;
    flex-direction: column;
  }
  .mobile-shtorka .c-right .phone{order: 2; font-size: 14px; line-height: 18px; margin-bottom: 12px; margin-top: 16px;}
  .mobile-shtorka .c-right .phone a{padding-left: 24px;}
  .mobile-shtorka .c-right .email{order: 3; font-size: 14px; line-height: 18px;}
  .mobile-shtorka .c-right .email a{padding-left: 24px;}
  .mobile-shtorka .c-right .icons{order: 1; margin-top: 24px; line-height: 22px;}
  .mobile-shtorka .c-right .icons a{margin-left: 0px; margin-right: 12px; width: 22px; height: 22px;}
  
  .mobile-shtorka .menu-general .menu-item .menu-item-2 > a > i.shevron{display: none;}
  
  .mobile-shtorka .menu-general .menu-item .menu-item-3 > a > i.shevron{display: none;}
  .content .block1 h1{
    font-size: 36px; line-height: 56px;
  }
  .block1 .wrp-banner img{margin-bottom: 38px;}
  .block1 .anons{
    font-size: 30px; line-height: 42px;
  }
  
  .bg-white{
    padding-top: 62px;
  }
  
  .menu-bot{
    columns: 130px 2;
  }
  
  .c-col-2{ flex: 1.5;}
  .c-col-1-5{flex: 1.2;}
  
  .block-items-2 .card-title{font-size: 12px; margin-bottom: 10px;}
  
  .block-items-2 .item-card{height: 330px;}
  
  .block-items-2 .wrp-img{width: 220px; height: 220px;}
  
  .block-items-3 .item-card{
    height: 294px;
  }
  
  .list-big-1 .c-item .wrp-img{
    height: 300px;
  }
  .list-big-1 .c-item .wrp-img img{
    height: 100%;
  }
  .list-small-1 .c-item .wrp-img{
    height: 220px;
  }
  .list-width-filter .wrp-img{
    height: 220px;
  }
  
  .wrp-heads h1{
    margin-bottom: 30px;
    font-size: 34px;
  }
  .list-empty-1 .anons{
    height: 100px;
  }
  
  .slider-big .slide-small img{height: 100%;}
  .slider-bottom .slide-small{
    width: 252px;
    height: 148px;
  }
  
  .slab-list-1 .wrp-img{
    width: 100%;
    height: 200px;
  }
}


@media (max-width:1024px) {
.picture980{display:none;} 
}

@media (max-width:550px) {
.pic980{display:none;} 
}

@media (max-width: 1024px) {
  .c-container{
    width: 720px;
  }
  .content .block1 h1{
   font-size: 28px; line-height: 34px;
  }
  .block1 .anons {
    font-size: 24px;
    line-height: 30px;
  }
  
  .block-items .item-card{
    width: calc(100% / 2);
  }
  .item-card .wrp-img{
    height: 200px;
  }
  
  
  .block-four-column .el{
    width: calc(100% / 2);
  }
  .block-four-column .wrp-img img{
    width: auto;
    max-height: 100%;
  }
 
 .block-items-2{margin-top: 10px;}
 .block-items-2 .item-card{
   width: calc(100% / 2);
   height: 350px;
   margin-top: 30px;
 }
 .block-items-2 .card-title{
   font-size: 18px;
   margin-bottom: 18px;
 }
 .block-items-2 .wrp-img{
  width: 100%;
  height: 250px;
 }
 .block-items-2 .wrp-img img{
   height: 100%; margin: 0 auto;
 }
 
 .block-items-3 .item-card{
   width: calc(100% / 2);
 }
 
 .block-items-4{margin-top: 10px;}
 .block-items-4 .item-card{
   width: calc(100% / 2);
   margin-top: 30px;
 }
 .block-items-4 .wrp-img{
   height: 200px;
 }

 footer.general{padding-top: 40px;}
  footer.general .line-1{padding-bottom: 16px;}
  
  footer.general .line-1 .text-right{text-align: left;}
  
  footer .c-row{
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  footer .c-row > div{}
  footer .c-row .c-1{order: 1}
  footer .c-row .c-2{order: 3}
  footer .c-row .c-3{order: 2; flex: 2 100%;}
  footer .c-row .c-4{order: 1}
  
  .menu-bot {
    -moz-columns: 90px 2;
    -webkit-columns: 90px 2;
    columns:  90px 2;
    height: auto;
    column-gap: 0px;
  }
  
  footer .c-1{flex: 1;}
  footer .c-1 a {margin-bottom: 28px; display: block;}
  footer .c-1 a img{max-height: 40px; /* height: 23px; */ max-width: none; margin-right: 0px; margin-right: 29px;}
  
  footer .icons{margin-right: 0px;}
  footer .icons a{margin-right: 8px; width: 22px; height: 22px;}
  
  footer .c-3 {display: flex; width: 100%; flex-direction: row; align-items: flex-start;
    flex-wrap: wrap;}
  footer .c-3 .phone{
    order: 2;
    font-size: 14px;
    line-height: 17px;
    color: #455564;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 8px;
    margin-right: 10px;
    display: flex;
  }
  footer .c-3 .phone > div {
    flex: 2 100%;
  }
  
  footer .c-3 .address{order: 1;}
  footer .c-3 .email{
    order: 3;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 16px;
    background-position: 0 2px;
  }
  
  footer .c-4 .text-small{display: none; }
  
  footer.general .line-2{border-top: none; padding-top: 0px;}
  footer.general .line-2 .copyright{font-size: 13px; line-height: 20px; margin-right: 0px; margin-bottom: 12px;}
  footer.general .line-2 a{display: block;}

  footer.general .line-1 .text-right{
    text-align: right;
  }
  
  .btn-link.uniq{margin-top: 5px;}
  
  .tab-block.contacts .tab a{
    font-size: 16px;
    line-height: 20px;
  }
  
  .slider-big .slide-small{
    height: 430px;
  }
  
  .slider-big .slide-small img{
    min-height: 248px;
  }
  
  .field-2{
    width: 100%;
  }
  
  .banners-bot{
    margin-bottom: 40px;
    margin-top: 30px;
  }
  .banners-bot .c-item{width: 100%; margin-bottom: 30px;}
  
  .slab-list-1 .el{
    width: calc(100% / 2);
  }
  
  .description .pic-preview{ width: 300px; height: auto;}
  .detail-page .block-left{
    margin-right: 25px;
    margin-bottom: 18px;
  }
  
  .wrp-heads h1 {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 31px;
  }
  
  .search-with-filter{display: block;}
  .search-with-filter .c-filter{
    padding-right: 0px;
    border-right: none;
  }
  .c-group-collapse .btn-collapse{
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .c-group-collapse .shevron{
    margin-top: 5px;
  }
  .search-with-filter{margin-bottom: 90px;}
  .search-with-filter .wrp-search{
    padding-top: 20px;
    padding-left: 0px;
    padding-bottom: 4px;
  }
  .search-with-filter .search-result-info{
    position: relative;
    left: 0px;
    top: 0px;
    clear: both;
    float:right;
  }
  .search-with-filter .wrp-search input{
    
  }
  .search-with-filter .el{
    padding-left: 0px;
    padding-top: 28px;
    padding-bottom: 36px;
  }
  .search-with-filter .cat{
    font-size: 12px; line-height: 15px;
  }
  .search-with-filter .title{
    font-size: 14px; line-height: 20px;
  }
  .search-with-filter .btn-green {
    width: 142px;
    text-align: center;
    font-family: "InterMedium";
    margin-right: 13px;
  }
  .search-with-filter .format{
    font-family: "InterMedium";
    font-size: 12px;
  }
  
  .search-with-filter .pag{
    left: 0px;
  }
  .pag span{
    width: 32px;
    height: 32px;
    border: 1px solid #B3CEEA;
    text-align: center;
  }
  
  .block-two-column .el{
    vertical-align: top;
  }
  .block-two-column .wrp-img{
    float: unset;
    height: 141px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .block-two-column .wrp-text{
    margin-left: 0px;
  }
  
  .block-three-column .el{
    width: calc(100% / 2);
  }
  
  .wrp-heads h1{
    margin-right: 190px;
  }
  
  .btn.btn-link.page-top{
    margin-top: -80px;
  }
  
  .descr-left-image > img{
    max-width: 300px;
    height: auto !important;
    margin-right: 26px;
    margin-bottom: 20px;
  }
  .descr-right-image > img{
    max-width: 300px;
    height: auto !important;
    margin-left: 26px;
    margin-bottom: 20px;
  }
  .list-empty-1 .el:last-child{
    margin-bottom: 0px;
  }
  
  .list-big-1{
    margin: 0 -10px 30px;
  }
  .list-big-1 .c-item{
    padding: 0 10px;
  }
  .list-big-1 .c-item .wrp-img{
    height: 218px;
  }
  .list-big-1 .c-item .title{
    font-size: 15px;
  }
  
  .tab-block .panel-tabs a{
    font-size: 14px;
    line-height: 16px;
  }
  
  .tab-block .panel-tabs{
    margin-bottom: 50px;
  }
  .list-small-1 .c-item .wrp-img{
    height: 156px;
  }
  
  .list-width-filter .c-item{
    display: none;
  }
  .list-width-filter .c-item3{
    width: 100%;
  }
  
  .block-gallery-1{padding-top:0px;}
  .block-gallery-1 .gallery{
    width: 100%;
    margin-bottom: 30px;
  }
  .block-gallery-1 .text{
    margin-left: 0px;
  }
}

@media (max-width: 980px) {
  .wrp-top-banner-inner{
    display: none;
  }
  .wrp-heads{
    margin-right: 32px;
  }
  
  .wrp-top-banner .c-subsection{
    display: none;
  }
}

@media (max-width: 767px) {
  .slider-big .slide-small img{
    height: auto; min-height: auto;
  }
  
  .block-four-column .el{
    width: 100%;
  }
  .block-four-column .wrp-img img{
    width: auto;
    max-height: 100%;
  }
  
  .slider-big .btn-link{
    position: relative;
    left: unset;
    bottom: unset;
  }

  .slider-bottom .slider-list{
    overflow-x: auto;
    scrollbar-width: none;
  }
  .slider-bottom .slider-list::-webkit-scrollbar {
    display: none; /*chrome*/
  }
  .slider-bottom .slider-arrows-prev{display: none;}
  .slider-bottom .slider-arrows-next{display: none;}
  .slider-bottom .slide-small{padding: 0px 10px;}
  
  .slider-big .slider-list{
    overflow-x: auto;
    scrollbar-width: none;
  }
  .slider-big .slider-list::-webkit-scrollbar {
    display: none; /*chrome*/
  }
  .slider-big .slider-arrows-prev{display: none;}
  .slider-big .slider-arrows-next{display: none;}
  .slider-big .slide-small{padding: 0px 10px;}
  
  

  header .line-2 {
    line-height: 32px;
    margin-top: 28px;
    margin-bottom: 29px;
  }
  .c-right{
    float:none;
    text-align: left;
  }
  
  .head-anons{
    display: none;
  }
  .head-anons .wrp-top-anons-inner, .head-anons .c-subsection{
    
  }
  
  .head-anons .c-subsection{padding-bottom: 0px;}
  
  .wrp-top-banner-inner{max-height: 270px; overflow: hidden}
  .wrp-top-banner-inner img{
    max-width: unset;
    margin-left: -148px;
  }
  
  .block-three-column .el{
    width: 100%;
  }
  
  img{
    height: auto;
  }
  
  .btn.btn-link.page-top{
    position: relative;
    left: unset;
    bottom: unset;
    margin-bottom: 20px;
  }
  
  div.threeline {cursor: pointer; position: absolute; top: 12px; right: 20px; width: 20px; height: 3px; background: #004b8c;}
  div.threeline:before, div.threeline:after {content: ""; position: absolute; width: 20px; height: 3px; background: #004b8c;}
  div.threeline:before{top: -6px; right: 0px; transition: transform 0.3s;}
  div.threeline:after{top: 6px; right: 0px; transition: transform 0.3s;}
  /*
  div.threeline:before {transform: rotate(45deg);}
  div.threeline:after {transform: rotate(-45deg);}
  */
  .threeline.close{height: 0px;}
  .threeline.close:before {transform: rotate(45deg); top: 0px;}
  .threeline.close:after {transform: rotate(-45deg); top: 0px;}
  
  a.logo img{max-height: 40px;}
  .menu-general{display: none;}
  .btn-shop, .btn-search{display:none;}
  
  header.general .line-1{
    display: none;
  }
  
  .block1{
    width: 100%;
    /* overflow:hidden; */
  }
  .block1 .wrp-banner{width: 100%; overflow: hidden;}
  
  .block-items .item-card .wrp-img{height: 140px;}
  .block-items .item-card .wrp-img img{
    max-width: 100%;
  }
  .block-items-4 .wrp-img{height: 171px;}
  .block-items-4 .item-card{margin-top: 0px;}
  
  .block1 .wrp-banner img {
    height: 351px;
    max-width: unset;
    margin-bottom:36px;
  }
  
  .content .block1 h1{
    font-size: 24px;
    line-height: 29px;

    margin-bottom: 15px;
  }
  .content .block1 .anons{
    font-size: 18px;
    line-height: 26px;
  }
  
  .logo-squad{
    float: none;
    position: absolute;
    right: 20px;
    top: 70px;
  }
  .logo-squad img{
    height: 80px;
  }
  
  .wrp-heads{margin-top: 24px; min-width: unset; margin-right: 0px;}
  
  h1{
    font-size: 24px;
    line-height: 29px;

    margin-bottom: 15px;
    margin-right: 0px;
    min-width: unset;
  }
  .wrp-heads h1 {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 29px;
    margin-right: 0px;
    min-width: unset;
  }
  
  .tab-block .panel-tabs{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .tab-block.contacts .tab a{
    font-size: 14px; line-height: 18px;
  }
  .tab-block.contacts .panel-tabs.vacancy {
    margin-bottom: 50px;
    width: calc(100% + 20px);
    overflow-x: auto;
  }
  .panel-tabs.vacancy{
    border-bottom: none;
    font-size: 18px; line-height: 20px;
  }
  .panel-tabs.vacancy .tab{white-space: nowrap;}
  .map-with-elements .el{
    width: 100%;
  }
  .map-with-elements .title{
    font: 16px/24px "InterSemiBold";
    margin-bottom: 12px;
  }
  .map-with-elements .text{
    width: 100%;
  }
  .map-with-elements .text, .map-with-elements .phone, .map-with-elements .email {
    font-size: 14px;
    line-height: 20px;
  }
  .map-with-elements .el.where-alone .contact{
    width: 100%;
    padding-right: 0px;
  }
  .tab-block{
    padding-bottom: 17px;
    padding-top: 15px;
  }
  
  .c-form-2{border: none; padding:0px; margin-bottom: 65px; margin-top:32px;}
  .c-form-2 .title{
    font-family: "InterBold";
    font-size: 22px;
    line-height: 22px;
    color: #004B8C;
    margin-bottom: 24px;
  }
  .c-form-2 .anons{
    padding-right: 0px;
    color: #243F56;
    margin-bottom: 24px;
  }
  .c-form .c-warning, .c-form-2 .c-warning{
    color: #243F56;
    margin-bottom: 24px;
  }
  .field-2{
    width: 100%;
  }
  .field{
    margin-bottom: 24px;
  }
  .field.field-1.field-file{
    margin-top: -24px;
  }
  
  .c-form-2 .btn-link{position: relative; left:0px; top: 0px; width: 100%; margin-top: 16px; text-align:center; font-size: 16px}
  
  .content.description-style .bg-blue > .c-container, .content.description-style .bg-white > .c-container{
    padding-bottom: 48px;
  }
  
  .map-with-elements .map{
    margin-left: -20px; margin-right: -20px;
  }
  .slab-list-1{margin-bottom: 0px;}
  .slab-list-1 .el{
    width: 100%;
  }
  .slab-list-1 .wrp-img{
    width: auto;
    height: auto;
  }
  .slab-list-1 .title{
    font: 16px/22px "InterSemiBold";
  }
  .slab-list-1 .wrp-img img{
    width: 100%;
  }
  .slab-list-1 + .pag span{
    width: 32px;
    height: 32px;
    text-align: center;
    border: 1px solid #B3CEEA;
  }
  
  .slab-list-1 .anons{
    padding-right: 0px;
    font-size: 14px; line-height: 20px;
  }
  .slab-list-1 .wrp-text{
    height: auto;
  }
  .slab-list-1 .el{
    margin-bottom: 30px;
  }
  
  .pag a{
    width: 32px;
    height: 32px;
    text-align: center;
  }
  
  .description .pic-preview.video{
    height: 250px;
    
  }
  .description .pic-preview{
    width: 100%;
  }
  .detail-page .block-left{
    margin-right: 0px;
    margin-bottom: 37px;
    float: none;
  }
  
  .detail-page .description{
    font-size: 14px;
    line-height: 20px
  }
  
  .descr-right-image > img{
    margin-left: 0px;
  }
  .descr-left-image > img{
    margin-right: 0px;
    float: unset;
  }
  .descr-left-image img{
    width: 100%;
  }
  .descr-right-image img{
    float: unset;
    width: 100%;
  }
  .descr-three-image{
    display: block;
  }
  .descr-three-image img{
    max-width: 100%;
    margin-bottom: 30px;
  }
  
  .search-with-filter{display: block;}
  .search-with-filter .c-filter{
    padding-right: 0px;
    border-right: none;
  }
  .c-group-collapse .btn-collapse{
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .c-group-collapse .shevron{
    margin-top: 5px;
  }
  .search-with-filter{margin-bottom: 90px;}
  .search-with-filter .wrp-search{
    padding-top: 20px;
    padding-left: 0px;
    padding-bottom: 4px;
  }
  .search-with-filter .search-result-info{
    position: relative;
    left: 0px;
    top: 0px;
    clear: both;
    float:right;
  }
  .search-with-filter .wrp-search input{
    
  }
  .search-with-filter .el{
    padding-left: 0px;
    padding-top: 28px;
    padding-bottom: 36px;
  }
  .search-with-filter .cat{
    font-size: 12px; line-height: 15px;
  }
  .search-with-filter .title{
    font-size: 14px; line-height: 20px;
  }
  .search-with-filter .btn-green {
    width: 142px;
    text-align: center;
    font-family: "InterMedium";
    margin-right: 13px;
  }
  .search-with-filter .format{
    font-family: "InterMedium";
    font-size: 12px;
  }
  
  .search-with-filter .pag{
    left: 0px;
  }
  .pag span{
    width: 32px;
    height: 32px;
    border: 1px solid #B3CEEA;
    text-align: center;
  }
  
  .banners-bot{margin-bottom: 45px; margin-top: 30px;}
  .banners-bot .c-item{width: 100%; margin-bottom: 20px;}
  .banners-bot .inner-item{
    padding: 0px;
    height: auto;
  }
  .banners-bot .wrp-img{
    width: 100%;
    height: 168px;
    float:unset;
  }
  .banners-bot .wrp-img img{margin: 0 auto;}
  .banners-bot .wrp-text{
    margin-left: 0px;
    padding: 20px;
    display: block;
    height: auto;
  }
  .banners-bot .title{
    margin-bottom: 12px;
    font-size: 16px; line-height: 22px;
    font-family: "InterSemiBold";
    color: #004B8C;
  }
  .banners-bot .anons{
    padding-right: 0px;
    font-size: 14px; line-height: 20px;
    color: #4A5B6A;
  }
  
  .list-big-1 .c-item{
    width: 100%;
  }
  
  .list-big-1 .c-item .title{
    font-size: 16px;
  }
  
  .tab-block .panel-tabs a{
    font-size: 14px;
    line-height: 18px;
    /* margin-right: 20px; */
  }
  
  .tab-block .panel-tabs{
    margin-bottom: 29px;
  }
  .list-small-1{
    margin: 0 -10px;
  }
  .list-small-1 .c-item{
    padding: 0 10px;
    width: calc(100% / 2);
    margin-bottom: 20px;
  }
  .list-small-1 .c-item .wrp-img{
    height: auto;
    margin-bottom: 12px;
  }
  .list-small-1 .c-item .wrp-img img{
    width: 100%;
  }
  .list-small-1 .c-item .title{
    font-size: 14px; line-height: 22px;
  }
  
  .tab-block .panel-tabs a.active{
    padding-bottom: 11px;
  }
  
  .tab-block .panel-tabs.prods-1{
    overflow-x: auto;
    width: calc(100% + 20px);
  }
  
  .list-width-filter{
    padding-top: 42px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .list-width-filter .c-item{
    display: none;
  }
  .list-width-filter .c-item3{
    width: 100%;
  }
  .list-width-filter .c-item-2{
    width: calc(100% / 2);
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .list-width-filter .wrp-img{
    
    min-height: 150px
  }
  .block-img-text{
    padding-right: 0px;
  }
  .block-img-text .wrp-img{
    width: 100%;
    margin-right: 0px;
  }
  .block-img-text .wrp-img img{
    width: 100%;
  }
  .block-img-text .text{
    font-size: 14px; line-height: 20px;
  }
  .extra-pad{
    padding-top: 0px; padding-bottom: 25px;
  }
  .list-width-filter .wrp-img{
    margin-bottom: 12px;
  }
  .list-width-filter .c-item-2 .title{
    font-size: 14px; line-height: 18px;
    min-height: 36px;
  }
  .compare-block label{
    font-size: 12px; line-height: 22px;
  }
  
  .block-gallery-1 .gallery{
    margin-bottom: 25px;
    float: unset;
    overflow: hidden;
  }
  .block-gallery-1 .gallery .slides{
    display: none;
  }
  .block-gallery-1 .gallery .big-image{
    width: 100%;
    min-height: 320px;
  }
  .block-gallery-1 .text{
    margin-left: 0px;
    font-size: 14px;
    line-height: 20px;
  }
  .block-gallery-1 .text .btn-link{
    position:relative;
    left: 0px;
    bottom: 0px;
  }
  .panel-tabs.detail-product{
    overflow-x: auto;
    width: calc(100% + 20px);
  }
  .panel-tabs.vacancy{
    overflow-x: auto;
    width: calc(100% + 20px);
  }
  .tab-block .description{
    font-size: 14px;
    line-height: 20px;
  }
  .category-files .title{
    font-size: 16px;
  }
  .category-files{margin-bottom: 10px;}

  .c-container .c-container{padding: 0px}

  .hh-block{
    background-color: #F1F6FB;
    padding: 15px 15px 15px 95px;
    background-position: 15px center;
    font-size: 14px; line-height: 20px;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .list-empty-2 .wrp-img, .list-empty-2 .el.odd .wrp-img{
    float: none;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 24px;
  }
  .list-empty-2 .wrp-img img{
    width: 100%;
  }
  .list-empty-2 .wrp-img img, .list-empty-2 .el.odd .wrp-img img{
    max-width: 100%;
  }
  
  .list-empty-2 .anons{
    padding-right: 0px;
    font-size: 14px !important; line-height: 20px !important;
  }
  .list-empty-2 .title{
    font-size: 16px;
    line-height: 20px;
  }
  .list-empty-2 .el{margin-bottom: 32px;}
  .list-empty-2 .anons ul{
    padding-top: 0px; padding-bottom: 0px;
  }
  .list-empty-2 .anons ul li:last-child{margin-bottom: 0px;}
  
  .slider-big .slide-small .block-white-text{
    position: relative;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    width: 100%;
  }
  .slider-big .slide-small:after{display: none}
  .slider-big .slider-arrows-prev{
    position: relative;
  }
  .slider-big .slider-arrows-next{
    position: relative;
  }
  .slider-big .slide-small{
    height: auto;
  }
  
  .list-empty-1 .wrp-img{
    float: unset;
    width: 100%;
    background: #ddd;
  }
  .list-empty-1 .wrp-img img{
    max-width: 100%;
  }
  .list-empty-1 .wrp-text{
    padding: 20px;
  }
  .list-empty-1 .wrp-text .btn-link{
    position: relative;
    left: unset;
    bottom: unset;
    width: 100%;
    text-align: center;
  }
  .list-empty-1 .title{
    font: 18px/26px "InterSemiBold";
    margin-bottom: 16px;
  }
  .list-empty-1 .anons{
    font-size: 14px; line-height: 20px;
    padding-right: 0px;
    height: auto;
  }
  .list-empty-1 .el{
    margin-bottom: 20px;
  }
  .list-empty-1 .el.odd{
    background-color: #fff;
  }
  .list-empty-1{
    padding-bottom: 20px;
  }
  
  body .description-style p{padding: 4px 0px; margin: 0px;}
  
  .block-two-column .el{
    width: 100%;
  }
  .block-two-column .wrp-img{
    float: unset;
    margin-bottom: 16px;
  }
  .block-two-column .wrp-text{
    margin-left: 0px;
  }
  .block-two-column .height-limit{
    height: auto;
  }
  .block-two-column .height-limit .anons{
    padding-right: 0px;
  }
  .block-two-column .title{
    font-size: 16px; line-height: 22px;
    font-family: "InterBold";
  }
  .block-two-column .el-inner{
    padding: 20px;
  }
  .block-two-column .btn-link{
    position: relative;
    left: unset;
    bottom: unset;
    width: 100%;
    text-align: center;
  }
  .block-two-column .el:last-child{
    margin-bottom: 0px;
  }
  
  .block-three-column .btn-link{
    position: relative;
    left: unset;
    bottom: unset;
    width: 100%;
    text-align: center;
  }
  
  .block-three-column .title{
    font-size: 16px; line-height: 22px;
  }
  .block-three-column .anons{
    padding-right: 0px;
    font-size: 14px;
    line-height: 22px;
  }
  .block-three-column .height-limit{
    height: auto;
  }
  
  .block-gallery-1{
    padding-top: 0px;
  }
  
  .c-form{
    padding: 25px 20px 84px;
    margin-bottom: 50px;
  }
  .field.field-1:empty{
    display: none;
  }
  .c-form .btn-link{ bottom: 20px; }
  .c-form .field{
    margin-bottom: 18px;
  }
  .panel-tabs.detail-product{
    margin-top: 33px;
  }
  .c-form .close{
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
  
  .content.description-style .btn.btn-action{
    position: relative !important;
    display: inline-block;
    left: unset;
    bottom: unset;
    margin: 0px;
    margin-bottom: 15px;
    margin-top: 15px !important;
  }
  
  .wrp-top-banner > .c-subsection img{
    max-width: unset;
    height: 100%;
  }
  
  .content.description-style .btn.btn-action.right{
    position: absolute !important;
    left: 20px;
    bottom: 0px;
    top: unset !important;
    right: unset !important;
    margin-bottom: 0px;
    margin-top: 0px !important;
  }
  .block1 + .bg-white{
    padding-top: 50px;
  }
  
  .block-items-2 .item-card .wrp-img{
    display: flex;
  }
  
  form.search:focus-within{
    width: 82%;
    z-index: 2;
  }
  form.search input:focus{
    width: 100%;
  }
  form.search{top:-10px; right: 58px; width: auto;}
  form.search input{
    width: 0px;
  }
  
  .anons {
    font-size: 18px;
    line-height: 26px;
    padding-right: 110px;
  }

  .c-container{
    width: auto;
    padding: 0px 20px;
    position: relative;
  }
  .block-items{
    width: 100%;
    margin-right:0px;
  }
  
  .block-items{
    white-space: nowrap;
    width: calc(100% + 20px);
    overflow-x: auto;
    margin: 0px;
    margin-top: 24px;
  }
  .block-items .item-card .text{
    white-space: normal;
  }
  
  .block-items .item-card{
    width: 270px;
    padding: 0px;
    padding-right: 24px; 
  }
  
  
  .bg-white, .bg-blue{position:relative;}
  .bg-white .c-container, .bg-blue .c-container{/* padding-bottom: 48px; */}
  
  .btn-action{position: absolute; left:20px; bottom: 0px; top: unset !important; right: unset !important; margin-bottom: 14px;}
  
  .block-title{
    font-size: 24px;
    line-height: 29px;
  }
  .green-line:before{
    padding-top: 12px;
    width: 64px;
  }
  .block-anons{display: none;}
  .wrp-img img{/*max-width: none;*/}
  
  
  .block-items-2{margin-top: 24px;}
  .block-items-2 .item-card{
    width: 100%;
    display: flex;
    flex-direction: column;
    height: auto;
  }
  
  .block-items-2 .item-card .card-title{order: 2; margin-bottom: 8px; font-size: 18px; white-space:unset;}
  .block-items-2 .item-card .wrp-img{order: 1; height:320px; margin-bottom:20px; min-width: 280px;
    width: 100%;
    max-width: 320px;}
  .block-items-2 .item-card .text{order: 3;}
  
  
  .btn-link.right{position: absolute; left:20px; bottom: 0px; right: unset !important;}
  
  .btn-link.uniq{
    position: relative;
    left: unset;
    bottom: unset;
    margin-top: 0px;
    right: unset;
    float: left;
    margin-bottom: 16px;
  }
  
  .block-items-3{margin-bottom: 26px; margin-top: 24px;}
  .block-items-3 .item-card{width: 100%;
    border: 1px solid #D4E4ED;
    border-top: none;
    height: auto;
    padding: 27px 24px;
  }
  .block-items-3 .item-card:not(:first-child) .title{
    background: none !important;
    padding-top: 0px;
    margin-bottom: 0px;
  }
  .block-items-3 .item-card .text{
    display: none;
  }
  
  .block-items-3 .item-card:first-child{
    border-top: 1px solid #D4E4ED;
  }
  /*
  .block-items-3 .item-card:first-child .title{
    background: url("/bitrix/templates/metran/img/icon_hands.png") no-repeat 0 0;
    padding-top: 76px;
    margin-bottom: 16px;
  }
  */
  .block-items-3 .item-card:first-child .text{
    display: block;
  }
  
  .block-items-4{width: calc(100% + 20px); overflow-x: auto; 
  margin: 0px;
  margin-bottom: 24px; margin-top: 24px;}
  .block-items-4{white-space: nowrap}
  .block-items-4 .item-card{width: 294px; padding: 0px;
  padding-right: 24px;}
  
  footer.general{padding-top: 40px;}
  footer.general .line-1{padding-bottom: 16px;}
  
  footer.general .line-1 .text-right{text-align: left;}
  
  footer .c-row{
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  footer .c-row > div{}
  footer .c-row .c-1{order: 1}
  footer .c-row .c-2{order: 3}
  footer .c-row .c-3{order: 2; flex: 2 100%;}
  footer .c-row .c-4{order: 1}
  
  .menu-bot {
    -moz-columns: 90px 2;
    -webkit-columns: 90px 2;
    columns:  90px 2;
    height: auto;
    /* column-gap: 18px; */
    column-gap: 0px;
  }
  
  footer .c-1{flex: 1;}
  footer .c-1 a {margin-bottom: 28px; display: block;}
  footer .c-1 a img{ max-height: 34px; /* height: 23px; */ width: auto; max-width: unset; margin-right: 0px; margin-right: 29px;}
  
  footer .icons{margin-right: 0px;}
  footer .icons a{margin-right: 8px; width: 22px; height: 22px;}
  
  footer .c-3 {display: flex; width: 100%; flex-direction: row; align-items: flex-start;
    flex-wrap: wrap;}
  footer .c-3 .phone{
    order: 2;
    font-size: 14px;
    line-height: 17px;
    color: #455564;
    white-space: normal;
    width: 100%;
    margin-bottom: 0px;
    margin-right: 10px;
    text-align: left;
  }
  footer .c-3 .address{order: 1; width: 100%;}
  footer .c-3 .email{
    order: 3;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 16px;
    background-position: 0 2px;
  }
  
  footer .c-4 .text-small{display: none; }
  
  footer.general .line-2{border-top: none; padding-top: 0px;}
  footer.general .line-2 .copyright{font-size: 13px; line-height: 20px; margin-right: 0px; margin-bottom: 12px; width: 100%}
  
  .mobile-shtorka{display: block; height: 100vh; width: 100%; background-color: #f1f6fb; position: absolute; top: 44px; left: 0px; z-index: 100;}
  
  .mobile-shtorka .menu-item-2{padding: 0px; border:none;}
  .mobile-shtorka .menu-item-2 > a{border:none;}
  /*
  .threeline:hover + .mobile-shtorka { display: block; }
  */
  .mobile-shtorka .menu-item-3{padding: 0px; border:none;}
  .mobile-shtorka .menu-item-3 > a{border:none;}
  /*
  .threeline:hover + .mobile-shtorka { display: block; }
  */
  
  .mobile-shtorka::-webkit-scrollbar { width: 5px; height: 5px;}
  .mobile-shtorka::-webkit-scrollbar-track { background-color: #eee; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
  .mobile-shtorka::-webkit-scrollbar-thumb { background: #004b8c; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
  
  .mobile-shtorka{
    padding: 14px 20px 27px;
    overflow-y: auto;
  }
  .mobile-shtorka .menu-general{
    display: block;
    float: none;
  }
  .mobile-shtorka .menu-general .menu-item{
    width: 100%;
    text-align: left;
    position: relative;
    margin-right: 0px;
  }
  .mobile-shtorka .menu-general .menu-item .shevron{
    position: absolute;
    width: 32px;
    display: inline-block;
    height: 32px;
    top: 0px;
    /* line-height: 32px; */
    margin-top: 0px;
    /* text-align: center; */
    background-position: 50% 50%;
    right: -12px;
  }
  .mobile-shtorka .menu-general .menu-item > a{
    font-family: InterMedium;
    font-size: 16px; line-height: 32px;
    display: block;
    position: relative;
  }
  
  .mobile-shtorka .menu-general .menu-item .submenu{
    opacity: 1;
    position: relative;
    top: 0px; left: 0px;
    padding: 0;
    visibility: unset;
    margin: 0px;
  }
  
  .mobile-shtorka .menu-general .menu-item .submenu .inner-submenu{
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  
  .mobile-shtorka .menu-general .menu-item .submenu .inner-submenu a{
    color: #455564;
    font-size: 14px;
    line-height: 22px;
    border-top: none;
    padding: 4px 0px;
    width: 100%;
  }
  
  .mobile-shtorka .btn-shop{border: none;
    background: none;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    padding: 0px; display: block;
    font-family: InterMedium;
    display: block;
  }
  
  .mobile-shtorka .menu-top{text-align: left;}
  .mobile-shtorka .menu-top a{ width: 100%; color: #004b8c; font-size: 16px; line-height: 32px; display: block;}
 
  .mobile-shtorka .c-right{
    text-align: left;
    display: flex;
    flex-direction: column;
  }
  .mobile-shtorka .c-right .phone{order: 2; font-size: 14px; line-height: 18px; margin-bottom: 12px; margin-top: 16px;}
  .mobile-shtorka .c-right .phone a{padding-left: 24px;}
  .mobile-shtorka .c-right .email{order: 3; font-size: 14px; line-height: 18px;}
  .mobile-shtorka .c-right .email a{padding-left: 24px;}
  .mobile-shtorka .c-right .icons{order: 1; margin-top: 24px; line-height: 22px;}
  .mobile-shtorka .c-right .icons a{margin-left: 0px; margin-right: 12px; width: 22px; height: 22px;}
  
  .mobile-shtorka .menu-general .menu-item .menu-item-2 .menu-item-3 > a > i.shevron{display: none;}
 
  footer .phone a{font-size: 14px; line-height: 17px;}
  
  .section-files .wrp-img img{max-width: 100%;}
  
  .title-h3 {
    font-family: "InterBold";
    font-size: 22px;
    line-height: 22px;
    color: #004B8C;
    margin-bottom: 24px;
  }
}

@media(max-width:550px) {
  .for-large-screens {
    display:none;
  }
}

@media(min-width:551px) {
  .for-small-screens {
    display:none;
  }
}
/* End */
/* /bitrix/templates/metran/components/metran/socnet.links/.default/style.css?1662015855252 */
/* /bitrix/templates/metran/styles.css?17518747588368 */
/* /bitrix/templates/metran/template_styles.css?1751874758100388 */