/* Start:/local/templates/main/assets/css/base.css?17561945865762*/
/* gage */
.page {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
.swiper-slide img{
    display: block;
    object-fit: cover;
}
ul li{
  position: relative;
}

/* sbunav */
.sub-menu-caption:hover .nav__link {
  background-color: #3137C9;
  text-decoration: none;
}
.subnav{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none !important;
  float: left;
  min-width: 100px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  padding: 15px;
  column-gap: 1em;
  column-width: auto;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  -webkit-box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%);
}
.subnav > ul{
  display: flex;
  flex-direction: column;
  gap:10px;
}
.subnav li a{
  padding: 0 !important;
  background: none !important;
}
.subnav li.active a{
  border-top:none !important;
}
.subnav li a{
  border-top:none !important;
  color: #000 !important;
}
.subnav li a:hover{
  color: #22a571 !important;
}
.header__item nav > ul li:hover > .subnav {
  display: flex !important;
  flex-direction: column;
  gap: 15px;
  text-align: center;
}
.has-subnav {
  padding-right: 0;
}
.subnav_active{
  display: block;
}
.subnav:hover .header{
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.toggler.open{
  transform: rotate(180deg);
}
/* nav-toggle */
.menu{
  display: none;
  padding: 30px 0;
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 1000;
  left: 0;
}
.open{
  display: block!important;
}
.menu .menu__inner{
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-left: 20px;
}
.nav-toggle {
  position: relative;
  background: transparent;
  border: 1px solid transparent;
}

.nav-toggle:focus {
  outline-width: 0;
}

.nav-toggle [class*='bar-'] {
  background: #fff;
  display: block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
  border-radius: 8px;
  height: 3px;
  width: 37px;
  margin-bottom: 6px;
}

.nav-toggle .bar-bot {
  margin-bottom: 0;
}

.bar1, .bar2, .bar3 {
  width: 25px;
  height: 4px;
  background-color:  #c90531;
  margin: 4px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-3px, 7px);
  transform: rotate(-45deg) translate(-3px, 7px);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -9px);
  transform: rotate(45deg) translate(-4px, -9px);
}

/* spec class */
.db {
  display: block !important;
  margin-bottom: 20px;
}

.no-scroll {
  overflow: hidden !important;
}

tr th, tr td{
  flex: 1 1;
  padding: 1rem !important;
  vertical-align: baseline;
  height: auto !important;
  border: 1px;
  width: 100% !important;
  background: #22a5712e;
}
tr th p, tr td p{
  word-break:break-all;
}
table p{
  margin-bottom: 0 !important;
  word-break:break-all;
}
tr th strong, tr td strong{
  font-weight: 600;
}

table, th, td{
  border: 1px solid grey !important;
}
table{
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  margin-bottom: 1.25em;
  width: 100% !important;
  max-width: 100% !important;
  border-spacing: 0;
  border: 1px;
}
table strong{
  font-weight: 600;
}
tbody{
  width: 100%;
}

/* Start:/local/templates/main/assets/css/macro-css.css?175619458612552*/
:root {
  --unit: 5px ;
}
@media (max-width: 576px) {
  :root {
      --unit: 2.5px ;
    };
}


/* html */
html{
  font-size: 62.5%;
}
/* btn */
.btn {display:inline-block;vertical-align: top;border: 0;text-decoration: none;
cursor: pointer;
}
/* Общий контенер */
.page{overflow: hidden;display: flex;flex-direction: column;min-height: 100vh;}
/* отступы общие */
.m-5{margin:calc(var(--unit) * 1) !important;}
.p-5{padding:calc(var(--unit) * 1)!important;}
.m-10{margin:calc(var(--unit) * 2)!important;}
.p-10{padding:calc(var(--unit) * 2)!important;}
.m-15{margin:calc(var(--unit) * 3)!important;}
.p-15{padding:calc(var(--unit) * 3)!important;}
.m-20{margin:calc(var(--unit) * 4)!important;}
.p-20{padding:calc(var(--unit) * 4)!important;}
.m-25{margin:calc(var(--unit) * 5)!important;}
.p-25{padding:calc(var(--unit) * 5)!important;}
.m-30{margin:calc(var(--unit) * 6)!important;}
.p-30{padding: calc(var(--unit) * 6)!important;}
.m-35{margin:calc(var(--unit) * 7)!important;}
.p-35{padding:calc(var(--unit) * 7)!important;}
.m-40{margin:calc(var(--unit) * 8)!important;}
.p-40{padding:calc(var(--unit) * 8)!important;}
.m-45{margin:calc(var(--unit) * 9)!important;}
.p-45{padding:calc(var(--unit) * 9)!important;}
.m-50{margin:calc(var(--unit) * 10)!important;}
.p-50{padding:calc(var(--unit) * 10)!important;}
.m-75{margin:calc(var(--unit) * 15)!important;}
.p-75{padding:calc(var(--unit) * 15)!important;}
.m-100{margin:calc(var(--unit) * 20)!important;}
.p-100{padding:calc(var(--unit) * 20)!important;}
.m-125{margin:calc(var(--unit) * 25)!important;}
.p-125{padding:calc(var(--unit) * 25)!important;}
.m-150{margin:calc(var(--unit) * 30)!important;}
.p-150{padding:calc(var(--unit) * 30)!important;}
/* top */
.mt-5{margin-top:calc(var(--unit) * 1)!important;}
.pt-5{padding-top:calc(var(--unit) * 1)!important;}
.mt-10{margin-top:calc(var(--unit) * 2)!important;}
.pt-10{padding-top:calc(var(--unit) * 2)!important;}
.mt-15{margin-top:calc(var(--unit) * 3)!important;}
.pt-15{padding-top:calc(var(--unit) * 3)!important;}
.mt-20{margin-top:calc(var(--unit) * 4)!important;}
.pt-20{padding-top:calc(var(--unit) * 4)!important;}
.mt-25{margin-top:calc(var(--unit) * 5)!important;}
.pt-25{padding-top:calc(var(--unit) * 5)!important;}
.mt-30{margin-top:calc(var(--unit) * 6)!important;}
.pt-30{padding-top:calc(var(--unit) * 6)!important;}
.mt-35{margin-top:calc(var(--unit) * 7)!important;}
.pt-35{padding-top:calc(var(--unit) * 7);}
.mt-40{margin-top:calc(var(--unit) * 8)!important;}
.pt-40{padding-top:calc(var(--unit) * 8)!important;}
.mt-45{margin-top:calc(var(--unit) * 9)!important;}
.pt-45{padding-top:calc(var(--unit) * 9)!important;}
.mt-50{margin-top:calc(var(--unit) * 10)!important;}
.pt-50{padding-top:calc(var(--unit) * 10)!important;}
.mt-75{margin-top:calc(var(--unit) * 15)!important;}
.pt-75{padding-top:calc(var(--unit) * 15)!important;}
.mt-100{margin-top:calc(var(--unit) * 20)!important;}
.pt-100{padding-top:calc(var(--unit) * 20)!important;}
.mt-125{margin-top:calc(var(--unit) * 25)!important;}
.pt-125{padding-top:calc(var(--unit) * 25)!important;}
.mt-150{margin-top:calc(var(--unit) * 30)!important;}
.pt-150{padding-top:calc(var(--unit) * 30)!important;}
.mt-200{margin-top:calc(var(--unit) * 40)!important;}
/* right */
.mr-5{margin-right:calc(var(--unit) * 1)!important;}
.pr-5{padding-right:calc(var(--unit) * 1)!important;}
.mr-10{margin-right:calc(var(--unit) * 2)!important;}
.pr-10{padding-right:calc(var(--unit) * 2)!important;}
.mr-15{margin-right:calc(var(--unit) * 3)!important;}
.pr-15{padding-right:calc(var(--unit) * 3)!important;}
.mr-20{margin-right:calc(var(--unit) * 4)!important;}
.pr-20{padding-right:calc(var(--unit) * 4)!important;}
.mr-25{margin-right:calc(var(--unit) * 5)!important;}
.pr-25{padding-right:calc(var(--unit) * 5)!important;}
.mr-30{margin-right:calc(var(--unit) * 6)!important;}
.pr-30{padding-right:calc(var(--unit) * 6)!important;}
.mr-35{margin-right:calc(var(--unit) * 7)!important;}
.pr-35{padding-right:calc(var(--unit) * 7)!important;}
.mr-40{margin-right:calc(var(--unit) * 8)!important;}
.pr-40{padding-right:calc(var(--unit) * 8)!important;}
.mr-45{margin-right:calc(var(--unit) * 9)!important;}
.pr-45{padding-right:calc(var(--unit) * 9)!important;}
.mr-50{margin-right:calc(var(--unit) * 10)!important;}
.pr-50{padding-right:calc(var(--unit) * 10)!important;}
.mr-75{margin-right:calc(var(--unit) * 15)!important;}
.pr-75{padding-right:calc(var(--unit) * 15)!important;}
.mr-100{margin-right:calc(var(--unit) * 20)!important;}
.pr-100{padding-right:calc(var(--unit) * 20)!important;}
.mr-125{margin-right:calc(var(--unit) * 25)!important;}
.pr-125{padding-right:calc(var(--unit) * 25)!important;}
.mr-150{margin-right:calc(var(--unit) * 30)!important;}
.pr-150{padding-right:calc(var(--unit) * 30)!important;}
/* bottom */
.mb-5{margin-bottom:calc(var(--unit) * 1)!important;}
.pb-5{padding-bottom:calc(var(--unit) * 1)!important;}
.mb-10{margin-bottom:calc(var(--unit) * 2)!important;}
.pb-10{padding-bottom:calc(var(--unit) * 2)!important;}
.mb-15{margin-bottom:calc(var(--unit) * 3)!important;}
.pb-15{padding-bottom:calc(var(--unit) * 3)!important;}
.mb-20{margin-bottom:calc(var(--unit) * 4)!important;}
.pb-20{padding-bottom:calc(var(--unit) * 4)!important;}
.mb-25{margin-bottom:calc(var(--unit) * 5)!important;}
.pb-25{padding-bottom:calc(var(--unit) * 5)!important;}
.mb-30{margin-bottom:calc(var(--unit) * 6)!important;}
.pb-30{padding-bottom:calc(var(--unit) * 6)!important;}
.mb-35{margin-bottom:calc(var(--unit) * 7)!important;}
.pb-35{padding-bottom:calc(var(--unit) * 7)!important;}
.mb-40{margin-bottom:calc(var(--unit) * 8)!important;}
.pb-40{padding-bottom:calc(var(--unit) * 8)!important;}
.mb-45{margin-bottom:calc(var(--unit) * 9)!important;}
.pb-45{padding-bottom:calc(var(--unit) * 9)!important;}
.mb-50{margin-bottom:calc(var(--unit) * 10)!important;}
.pb-50{padding-bottom:calc(var(--unit) * 10)!important;}
.mb-75{margin-bottom:calc(var(--unit) * 15)!important;}
.pb-75{padding-bottom:calc(var(--unit) * 15)!important;}
.mb-100{margin-bottom:calc(var(--unit) * 20)!important;}
.pb-100{padding-bottom:calc(var(--unit) * 20)!important;}
.mb-125{margin-bottom:calc(var(--unit) * 25)!important;}
.pb-125{padding-bottom:calc(var(--unit) * 25)!important;}
.mb-150{margin-bottom:calc(var(--unit) * 30)!important;}
.pb-150{padding-bottom:calc(var(--unit) * 30)!important;}
/* left */
.ml-5{margin-left:calc(var(--unit) * 1)!important;}
.pl-5{padding-left:calc(var(--unit) * 1)!important;}
.ml-10{margin-left:calc(var(--unit) * 2)!important;}
.pl-10{padding-left:calc(var(--unit) * 2)!important;}
.ml-15{margin-left:calc(var(--unit) * 3)!important;}
.pl-15{padding-left:calc(var(--unit) * 3)!important;}
.ml-20{margin-left:calc(var(--unit) * 4)!important;}
.pl-20{padding-left:calc(var(--unit) * 4)!important;}
.ml-25{margin-left:calc(var(--unit) * 5)!important;}
.pl-25{padding-left:calc(var(--unit) * 5)!important;}
.ml-30{margin-left:calc(var(--unit) * 6)!important;}
.pl-30{padding-left:calc(var(--unit) * 6)!important;}
.ml-35{margin-left:calc(var(--unit) * 7)!important;}
.pl-35{padding-left:calc(var(--unit) * 7)!important;}
.ml-40{margin-left:calc(var(--unit) * 8)!important;}
.pl-40{padding-left:calc(var(--unit) * 8)!important;}
.ml-45{margin-left:calc(var(--unit) * 9)!important;}
.pl-45{padding-left:calc(var(--unit) * 9)!important;}
.ml-50{margin-left:calc(var(--unit) * 10)!important;}
.pl-50{padding-left:calc(var(--unit) * 10)!important;}
.ml-75{margin-left:calc(var(--unit) * 15)!important;}
.pl-75{padding-left:calc(var(--unit) * 15)!important;}
.ml-100{margin-left:calc(var(--unit) * 20)!important;}
.pl-100{padding-left:calc(var(--unit) * 20)!important;}
.ml-125{margin-left:calc(var(--unit) * 25)!important;}
.pl-125{padding-left:calc(var(--unit) * 25)!important;}
.ml-150{margin-left:calc(var(--unit) * 30)!important;}
.pl-150{padding-left:calc(var(--unit) * 30)!important;}


/*  */
.w100p{width:100%}
.h100p{height:100%}
.d-ib{display:inline-block}
.d-if{display:inline-flex}
.d-block{display:block}
.d-flex{display:flex}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.align-center{align-items:center}
.align-end{align-items:flex-end}
.align-start{align-items:flex-start}
.flex-column{flex-direction:column}
.flex-row{flex-direction:row}
.flex-auto{flex:1 1 auto}
.flex{flex:1}
.flex-wrap{flex-wrap:wrap}
.m-auto{margin:auto}
.ml-auto{margin-left:auto}
.mr-auto{margin-right:auto}
.text-center{text-align:center}
.text-capitalize{text-transform:capitalize}
.text-uppercase{text-transform:uppercase}
.text-lowercase{text-transform:lowercase}
.fw-bold{font-weight:bold}
.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Опасити */
.opacity-0{opacity:0}
.opacity-1{opacity:.1}
.opacity-2{opacity:.2}
.opacity-3{opacity:.3}
.opacity-4{opacity:.4}
.opacity-5{opacity:.5}
.opacity-6{opacity:.6}
.opacity-7{opacity:.7}
.opacity-8{opacity:.8}
.opacity-9{opacity:.9}
.opacity-10{opacity:1}
/* Позиция */
.pos-r{position:relative}
.pos-a{position:absolute}
/* Курсор */
.cu-p{cursor:pointer}
/* Сброс */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
:focus {outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;-moz-appearance: none;}
input[type=search] {-webkit-appearance: none;-moz-appearance: none;box-sizing: content-box;}
textarea {overflow: auto;vertical-align: top;resize: vertical;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;max-width: 100%;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
img {border: 0;-ms-interpolation-mode: bicubic;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
button,input,select,textarea {font-size: 100%; margin: 0;vertical-align: baseline;*vertical-align: middle;}
button,input {line-height: normal;}button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;*overflow: visible;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;*height: 13px;*width: 13px;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
html,button,input,select,textarea {color: #222;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
.link {text-decoration: none;color: inherit;-webkit-transition: .3s;transition: .3s;}
/* End */


/* Start:/local/templates/main/assets/css/main.css?175791380255187*/
:root {
  --white: #fff;
  --gray: #E5E5E5;
  --orange: #FF7A00;
  --main: #F6D797;
}


/* 引入自定义字体 */
@font-face {
  font-family: '华康俪金黑W8';
  src: url('../font/hkljhw8.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* 优化字体加载 */
  unicode-range: U+4E00-9FFF, U+3400-4DBF, U+20000-2A6DF, U+2A700-2B73F, U+2B740-2B81F, U+2B820-2CEAF, U+F900-FAFF, U+2F800-2FA1F;
  /* 字体渲染优化 */
  font-variant-ligatures: common-ligatures;
  font-feature-settings: "liga" 1, "kern" 1;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
/* body */
body {
  font-size: 16px;
  font-family: "Inter", "Noto Serif SC", Microsoft YaHei;
  font-style: normal;
  font-weight: 500;
  color: #0F152F;
  line-height: 1.4;
  background: #fff;
  /* 字体渲染优化 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}
*{
  box-sizing: border-box;
  /* 字体渲染优化 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}

/* 华文中宋 优化 */
.title__bottom .subtitle,
.about__content-right .desc,
.about__inner .about__item .desc,
.service__left .desc,
.service__item-content .desc,
.map__item .item .top .title,
.service-main__item .center .desc,
.resources__top-item .desc,
.resources__bottom-item .title,
.resources__title .right,
.aboutMain__top .item .title,
.aboutMain__top .item-inner,
.aboutMain__top .item .title
{
  font-family: 'Noto Serif SC', STZhongsong, 'Oswald', Microsoft YaHei;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  letter-spacing: -1px; 
}

h1,
h2,
.service__item-content .title,
.callback__title,
.service-main__item .center .title,
.contacts__item .title,
.resources__top-item .title,
.resources__top-item .subtitle,
.resources__title .left,
.resources___subtitle,
.steps .steps__title,
.aboutMain__top .item:nth-child(1),
.gallery h3
{
  font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei;
  letter-spacing: -2px; 
}

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
}

h1 {
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  font-size: calc(42px + 80 * (100vw / 1920));
  text-transform: uppercase;
  color: #0F152F;
  /*font-weight: 700;*/
  line-height: 1;
}

h2 {
  font-size: 24px;
  color: #0F152F;
  text-transform: uppercase;
  position: relative;
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  /*font-weight: 700;*/
}

p {
  font-size: calc(14px + 6 * (100vw / 1920));
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
  color: #0F152F;
}

/* container */
.container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 30px;
  width: 100%;
}

/* gage */
.page {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  background: #F5F5F5;
}

/* btn */
.btn {
  display: inline-block;
  vertical-align: top;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background .2s linear;
  transition: background .2s linear;
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
}

.btn-1 {
  background-color: #C90531;
  color: #fff;
  padding: 11.5px 75px;
  text-transform: uppercase;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
  font-size: 16px;
  border: 1px solid #C90531;
  border-radius: 5px;
}

.btn-1:hover {
  background-color: #fff;
  color: #C90531;
}

.btn-next-offers {
  background-image: url("/local/templates/main/assets/css/../img/udastrou/btn-stocks.svg");
  background-size: cover;
  width: 28px;
  height: 40px;
  z-index: 10;
  cursor: pointer;
  border: 0;
}

.btn-perv-offers {
  background-image: url("/local/templates/main/assets/css/../img/udastrou/btn-stocks.svg");
  background-size: cover;
  width: 28px;
  height: 40px;
  z-index: 10;
  cursor: pointer;
  border: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* spec class */
.db {
  display: block !important;
  margin-bottom: 20px;
}

.no-scroll {
  overflow: hidden !important;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.social a:hover {
  opacity: 0.6;
}
.social a{
  display: flex;
  align-items: center;
}

/* header */
.header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;  
  width: 100%;
  padding: 10px 0;
  background: #fff;
}
.header__inner{
  display: flex;
  align-items: center;
  gap: 20px;
}
.header__item:nth-child(2){
  margin-left: 25px;
}
.header__item nav ul{
  display: flex;
  gap: 20px;
  align-items: center;
}
.header__item nav ul li a{
  font-size: 16px;
  color: #0F152F;
  transition: all .3s;
  text-transform: uppercase;
}
.header__item nav ul li a:hover{
  opacity: 0.7;
}
.header__item:nth-child(3){
  margin-left: auto;
}
.header__item:last-child{
  display: none;
}
.header__item .phone{
  display: flex;
  gap: 20px;
  align-items: center;
}
.header__item .phone a{
  color: #0F152F;
  transition: all .3s;
  font-size: 16px;
}
.header__item .phone a:hover{
  opacity: 0.7;
}
/* intro */
.intro {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 84vh;
}
.intro__item h1{
  max-width: 70vw;
  font-size: calc(42px + 88 * (100vw / 1920));
}
.intro__image{
  margin-top: 40px;
}
.title__bottom{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 50px;
}
.intro__item:nth-child(2){
    position: absolute;
    top: 20px;
    right: 0;
}
.intro__image img{
  width: 100%;
}

.title__bottom .subtitle{
  max-width: 70vw;
  margin-bottom: 10px;
  color: #fff;  
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
}
.title__top h1{
  color: #fff;
}
.intro__inner{
  position: relative;
}
.title__top{
  padding-top: 100px;
}

 /* Feedback form styles */
    .feedback-form {
      width: 455px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      padding: 30px;
      background: #fff;
      border-radius: 5px;
    }

    .feedback-form__wrapper {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .feedback-form__field {
      margin-bottom: 25px;
    }

    .feedback-form__label {
      display: block;
      font-size: 16px;
      color: #0F152F;
      margin-bottom: 8px;
      font-weight: 500;
    }

    .feedback-form__input {
      width: 100%;
      padding: 17px 0;
      background: #F1F1F3;
      border-radius: 5px;
      font-size: 16px;
      transition: border-color 0.3s;
      border: none;
      text-indent: 17px;
    }

    .feedback-form__input:focus {
      outline: none;
      border-color: #C90531;
    }

    .feedback-form__select {
      width: 100%;
      padding: 16px 15px;
      border: 1px solid #E5E5E5;
      border-radius: 5px;
      font-size: 16px;
      appearance: none;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-size: 1em;
    }

    .feedback-form__select:focus {
      outline: none;
      border-color: #C90531;
    }

    .feedback-form__checkbox-wrapper {
      display: flex;
      align-items: center;
      margin-top: 20px;
      margin-bottom: 30px;
    }

    .feedback-form__checkbox {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 24px;
      height: 24px;
      border: 1px solid #0F152F;
      border-radius: 1px;
      margin-right: 10px;
      position: relative;
      cursor: pointer;
      outline: none;
      background-color: white;
    }

    .feedback-form__checkbox:checked {
      background-color: white;
      border-color: #0F152F;
      border-radius: 5px;
    }

    .feedback-form__checkbox:checked::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 12px;
      height: 7px;
      border-left: 2px solid #C90531;
      border-bottom: 2px solid #C90531;
      transform: translate(-50%, -60%) rotate(-45deg);
    }

    .feedback-form__checkbox-label {
      font-size: 16px;
      color: #0F152F;
      cursor: pointer;
    }

    .feedback-form__submit {
      cursor: pointer;
    }
    .feedback-form__submit2{
      cursor: pointer;
    }
    .feedback__title {
      color: #0F152F;
      font-family: "Oswald", Microsoft YaHei;
      text-transform: uppercase;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 20px;
    }

    .feedback-form__submit:disabled {
      opacity: 0.6;
      cursor: not-allowed;
      background-color: #C90531;
      color: #fff;
    }
    .feedback-form__submit2:disabled {
      opacity: 0.6;
      cursor: not-allowed;
      background-color: #C90531;
      color: #fff;
    }
    /* Custom dropdown styling */
    .feedback-form__select option {
      padding: 10px;
      background-color: white;
    }

    .feedback-form__select option:hover {
      background-color: #C90531 !important;
      color: white;
    }

  /* Кастомные стили для элементов */
  .custom-item {
    background-color: #C90531 !important;
    color: white !important;
  }
  .custom-item:hover {
    background-color: #ad0430 !important;
  }
.intro__item:nth-child(1) button{
  display: none;
}
.about{
  padding-bottom: 80px;
  padding-top: 105px;
}
.about__content{
  display: flex;
  justify-content: space-between;
}
.about__inner{
  margin-top: 60px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.about__content-right .btn-1{
  max-width: 295px;
  text-align: center;
  padding: 9px 0;
}
.about__content-right .desc{
  /* font-size: 36px; */
  max-width: 770px;
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
}
.about__inner .about__item {
  padding: 30px;
  height: 100%;
  min-height: 395px;
  display: flex;
  flex-direction: column;
}
.about__inner .about__item .desc{
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
  /* font-size: 23px;   */
  margin-top: auto;
}
.about__inner .about__item .number{
  font-size: 96px;
  font-family: "Oswald", Microsoft YaHei;
}
.about__inner .about__item:nth-child(1){
  background: #C90531;
  color: #fff;
}
.about__inner .about__item:nth-child(2){
  background: #F1F1F3;
  color: #0F152F;
}
.about__inner .about__item:nth-child(3){
  background: #E2E3E6;
  color: #0F152F
;
}
.about__inner .about__item:nth-child(4){
  background: #8B8D94;
  color: #fff;
}

/* Стили для навигационных точек */
.dots-nav {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    display: flex;
    gap: 100px;
}
.dots-nav--hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.dots-nav {
  transition: opacity 0.3s ease;
}

.dots-nav__item {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #c9053133;
  cursor: pointer;
  transition: all 0.3s ease;
}

.dots-nav__item:hover {
  background-color: rgba(201, 5, 49, 0.6);
}

.dots-nav__item--active {
  background-color: #C90531;
  transform: scale(1.2);
}

.section {
  /* opacity: 0;
  transform: translateY(20px); */
  transition: opacity 0.5s ease, transform 0.5s ease;
  width: 100%;
  height: 100%; 
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
}

/* .section.animate__appear {
  opacity: 1;
  transform: translateY(0);
} */

/* Для первого блока - сразу видим */
/* .section[data-section="0"] {
  opacity: 1;
  transform: translateY(0);
} */

/* Задержки для разных секций */
/* .section[data-section="1"] {
  transition-delay: 0.2s;
}

.section[data-section="2"] {
  transition-delay: 0.4s;
}
.section[data-section="3"] {
  transition-delay: 0.4s;
}
.section[data-section="4"] {
  transition-delay: 0.4s;
}
.section[data-section="5"] {
  transition-delay: 0.4s;
}
.section[data-section="6"] {
  transition-delay: 0.4s;
} */
/* service */
.service{
  padding-top: 50px;
  padding-bottom: 80px;
}
.service__item {
    border-radius: 10px;
    transition: all 0.3s ease;
    background-color: #F1F1F3;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
}

.service__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.service__item:hover::before {
    opacity: 1;
}
.service__block{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 20px;
}
.service__left .desc{
  /* font-size: 36px; */
  margin-top: 40px;
  max-width: 983px;
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
}
.service__left .btn-1{
  max-width: 297px;
  padding: 11.5px 0;
  text-align: center;
}
.service__left{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.service__left .swiper-pagination{
  margin-top: auto;
  font-family: "Oswald", Microsoft YaHei;
  font-weight: 700;
  font-size: 110px;
}


.swiper {
  width: 100%;
  height: 100%;
}

.service__left{
  width: 772px;
}
.service__right{
  max-width: 1110px;
}
.service__item{
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  color: #000;
  width: 100%;
}
.service__item-content{
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.service .swiper-slide .service__item .service__item-image{
  opacity: 0;
  transition: all .3s;
}
.service .swiper-slide .service__item .service__item-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service .swiper-slide .service__item:hover .service__item-image{
  opacity: 1;
}
.service .swiper-slide .service__item:hover .service__item-content{
  color: #fff;
}
.service__item-content {
  color: #0F152F;
}
.service__item-content .title{
  /*font-weight: 700;*/
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  /* font-size: 39px; */
  text-transform: uppercase;
}
.service__item-content .desc{
  /* font-size: 23px; */
  /* font-weight: 700; */
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
  margin-top: auto;
  text-transform: uppercase;
}
.swiper.mySwiperService {
  width: 100%;
  /*padding-left: 20px; /* Добавляем отступ слева */
  /*padding-right: 20px; /* Добавляем отступ справа */
}

.service .swiper-slide {
  width: 445px !important;
  /* width: 445px !important; /* Фиксированная ширина слайда */
  /* margin-right: 30px !important; Отступ между слайдами */
  flex-shrink: 0;
}

.service__item {
  width: 445px;
  /* width: 445px !important; /* Фиксированная ширина элемента */
}

/* Делаем видимыми 3 элемента (2 полностью и 1 частично) */
.service__right {
  overflow: visible !important;
}

/* Добавляем отступы для видимости части следующего слайда */
.service__block {
  padding-right: 100px;
}
.swiper-pagination{
  position: inherit !important;
  text-align: left !important;
}
.service .swiper-slide-active.swiper-slide .service__item .service__item-image {
  opacity: 1;
}
.service .swiper-slide-active.swiper-slide .service__item .service__item-content{
   color: #fff;
}
.service__item-content .number{
  font-size: 24px;
}
/* advantages */
.advantages__inenr{
  margin-top: 40px;
}
.advantages__content .title{
  /* font-size: 24px; */
}
.advantages__content .desc{
  font-size: 16px;
  color: #8B8D94;
  margin-top: 10px;
}
.advantages__item .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}
.advantages__item .image{
  height: 401px;
}
.advantages__content{
  padding: 30px;
  border-right: 1px solid #E2E3E6;
  border-top: 1px solid #E2E3E6;
  border-left: 1px solid #E2E3E6;
  min-height: 180px;
}
.advantages__top{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.advantages{
  padding-top: 50px;
}
.advantages__top .btn-1{
  max-width: 297px;
  padding: 11.5px 0;
  text-align: center;
}
.advantages__top .desc{
  /* font-size: 36px; */
  line-height: 1.1;
}
/* map */
.map{
  
}
.map__inner{
    display: grid;
    grid-template-columns: 1fr 475px;
    margin-top: 40px;
}
.map__item .item .top{
  display: flex;
  gap: 10px;
  align-items: center;
}
.map__item .item .top .title{
  /* font-size: 30px; */
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
}
.map__item .item .bottom{
  margin-top: 20px;
  font-size: 16px;
}
.map__item .item{
  padding: 30px;
}
.map__item .item:nth-child(1){
  border-bottom: 1px solid #E2E3E6;
}
.map__item .item:nth-child(2){
  border-bottom: 1px solid #E2E3E6;
}
.map__item:nth-child(2){
  border-right: 1px solid #E2E3E6;
  border-top: 1px solid #E2E3E6;
  border-bottom: 1px solid #E2E3E6;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.map__item:nth-child(2) .item:nth-child(4){
  margin-top: auto;
}
.map__item:nth-child(2) .item:nth-child(4) .title{
  font-size: 16px;
  margin-top: 20px;
}
.map__item:nth-child(1) img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* callback */
.callback{
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
.callback-form .feedback-form__wrapper{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.callback-form{
  padding-top: 40px;
}
.callback__title{
  /* font-size: 69px; */
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  /*font-weight: 700;*/
}
/* footer */
.footer{
  width: 100%;
  background: #F1F1F3;
}
.footer__top{
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.footer__bottom{
  border-top: 1px solid #0F152F;
  padding-bottom: 20px;
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.footer__bottom .footer__item{
  display: flex;
  gap: 20px;
}
.footer__item nav ul{
  display: flex;
  gap: 20px;
  align-items: center;
}
.footer__item nav ul li a{
  transition: all .3s;
}
.footer__item nav ul li a:hover{
  opacity: 0.7;
}
/* .footer-main{
  margin-top: auto;
} */
.section-footer{
  display: flex;
  flex-direction: column;
}
.footer__item .phone{
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.footer__item .phone a{
  font-size: 47px;
  font-weight: 700;
  font-family: "Oswald", Microsoft YaHei;
  transition: all .3s;
}
.footer__item .phone a:hover{
  opacity: .7;
}
.footer__item .email{
  font-size: 47px;
  font-weight: 700;
  font-family: "Oswald", Microsoft YaHei;
  transition: all .3s;
}
.footer__item .email:hover{
  opacity: .7;
}
.footer__item .item .title{
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.footer__item:nth-child(3) .item .title:nth-child(2){
  margin-top: 40px;
}
.footer__item:nth-child(3){
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer__item:nth-child(1){
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* main */
.main{
  background: #fff;
}
.main__title h2{
  /* font-size: 90px; */
}
.pagetitle{
  background: linear-gradient(to bottom, #F1F1F3 0%, #FFFFFF00 100%);
}
.main__title{
  padding-top: 70px;
  padding-bottom: 40px;
  border-bottom: 1px solid #0F152F;
}
.page-main{
  background: #fff;
}
.service-main__item{
  border-bottom: 1px solid #0F152F;
  padding-bottom: 20px;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
.service-main__item .center{
  max-width: 772px;
  flex: 1;
}
.service-main__item .center .title{
  /* font-size: 48px; */
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  text-transform: uppercase;
  /* font-weight: 700; */
}
.service-main__item .center .desc{
  margin-top: 20px;
  /*font-size: 20px;
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
}
.service-main__item .center .list{
  margin-top: 40px;
  border-top: 1px solid #0F152F;
}
.service-main__item .center .list ul li{
  padding: 20px 0;
  border-bottom: 1px solid #8B8D94;
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
}
.square{
  background: #0F152F;
  width: 10px;
  height: 10px;
}
.service-main__item .center__bottom{
  margin-top: 40px;
  display: flex;
  gap: 20px;
}
.service-main__item .center__bottom .btn-1{
  max-width: 297px;
}
.service-main__item .left .number{
  font-size: 48px;
  color: #0F152F;
  font-family: "Oswald", Microsoft YaHei;
  text-transform: uppercase;
  font-weight: 700;
}
.service-main__item .right .image{
  max-width: 455px;
  border-radius: 5px;
}
.service-main__item .right .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-main__item .left{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.service-main__item .left .icon{
  opacity: 0;
  transition: all .3s;
}
.service-main__item:hover .left .icon{
  opacity: 1;
}
.image-mob{
  display: none;
  margin-top: 20px;
}
.image-mob{
  max-width: 455px;
  border-radius: 5px;
}
.image-mob img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.modal_active {
  opacity: 1;
  visibility: visible;
}

.modal__container {
  background: white;
  border-radius: 8px;
  padding: 30px;
  width: 100%;
  max-width: 500px;
  position: relative;
  transform: translateY(20px);
  transition: transform 0.3s ease;

  
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.modal_active .modal__container {
  transform: translateY(0);
}

.modal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: #999;
  transition: color 0.2s;
}

.modal__close:hover {
  color: #333;
}
.modal__container .feedback-form{
  box-shadow: none;
  padding: 0;
}
/*feedback*/
.feedback{
  background: #0f152f;
  color: #fff;
}
.feedback__inner{
  padding: 30px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 110px;
}
.feedback .title{
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.feedback .desc{
  font-size: 48px;
  font-family: "Oswald", Microsoft YaHei;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 20px;
}
.feedback__item:nth-child(1){
  display: flex;
  flex-direction: column;
  height: 100%;
}
.feedback .image{
  margin-top: auto;
}

.feedback .feedback-form__wrapper{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.feedback .feedback-form{
  padding: 0;
  background: none;
  margin-top: 20px;
  width: 100%;
}
.feedback .feedback-form__label{
  color: #fff;
}
.feedback__item .social{
  justify-content: flex-end;
}
.feedback .feedback-form__checkbox-label{
  color: #fff;
}
.feedback{
  margin: 100px 0;
}
.feedback .feedback-form__checkbox:checked{
  background-color: transparent;
  border-color: #ffffff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 24px;
}
.feedback .btn-1{
  padding: 11.5px 0;
  height: 50px;
}
.feedback .feedback-form__checkbox{
  background-color: transparent;
  border-color: #ffffff;
  border-radius: 5px;
}
.feedback-form__submit3:disabled{
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #C90531;
  color: #fff;
}
/* contacts */
.contacts{
  padding-top: 40px;
}
.contacts__item{
  padding: 15px 30px;
  background: linear-gradient(to bottom, #F1F1F3 0%, #FFFFFF00 100%);
  border-radius: 5px;
}
.contacts__bottom .contacts__item:nth-child(2){
  background: none;
  padding: 0;
}
.contacts__top{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.contacts__item .title{
  /* font-size: 23px; */
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  text-transform: uppercase;
  /* font-weight: 700; */
  margin-bottom: 40px;
}
.contacts__bottom{
  margin-top: 20px;
  display: grid;
  grid-template-columns: 584px 1fr;
  gap: 20px;
}
.address__item{
  border-bottom: 1px solid #E2E3E6;
  padding-bottom: 15px;
  padding-top: 15px;
  font-size: 16px;
}
.address__item .title{
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  font-family: "Oswald", Microsoft YaHei;
  font-weight: 700;
}
.address__item .title span{
  /* font-size: 23px; */
}
.address__item:first-child{
  padding-top: 20px;
}
.address__item:last-child{
  border: none;
  padding-bottom: 0;
}
.contacts__item .contacts__map img{
  width: 100%;
  object-fit: cover;
}
.contacts__bottom .title{
  margin-bottom: 0;
}

.contacts__bottom__erweima{
  margin-top: 20px;
  width: 100%;
}
.contacts__bottom__erweima .erweima__item {
  width: 200px;
}
.contacts__bottom__erweima .erweima__item img{
  width: 100%;
  object-fit: cover;
}
.contacts__bottom__erweima .erweima{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* resources */
.resources__inner{
  padding-top: 20px;
}
.resources__top{
  display: grid;
  grid-template-columns: 455px 1fr;
  gap: 20px;
}
.resources__top-item .title{
  color: #0F152F;
  /* font-size: 24px; */
  /* font-weight: 700; */
  /* font-family: '华康俪金黑W8', 'Oswald', Microsoft YaHei; */
}
.resources__top-item .subtitle{
  /* font-size: 48px; */
  text-transform: uppercase;
  /* font-weight: 700; */
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  margin-bottom: 20px;
}
.resources__top-item .desc{
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
  /* font-size: 20px; */
}
.resources__top-item .desc ul li{
  list-style-type: disc;
}
.resources__top-item .desc ul{
  margin-left: 20px;
}
.resources__bottom{
  padding-top: 30px;
  display: flex;
  gap: 30px;
  height: 100%;
}
.resources__bottom-item{
  width: 100%;
  max-width: 455px;
  background: linear-gradient(to bottom, #F1F1F3 0%, #FFFFFF00 100%);
}
.resources__bottom-item:nth-child(3){
  width: 100%;
  max-width: 930px;
  background: none;
  padding: 0 !important;
  display: block;
}

.resources__bottom-item{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px;
  border-radius: 5px;
}
.resources__bottom-item .content{
  margin-top: auto;
}
.resources__bottom-item .title{
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
  /* font-size: 18px; */
}
.resources__bottom-item .number{
  font-size: 110px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Oswald", Microsoft YaHei;
  margin-bottom: 10px;
}
.resources__bottom-item:nth-child(1){
  background: #C90531;
  color: #fff;
}
.resources__bottom-item:nth-child(2){
  background: #F1F1F3;
  color: #000;
}
.resources__bottom-item{
  min-height: 300px;
}
.resources__block{
  display: flex;
  flex-direction: column;
}
.resources__inner{
  border-bottom: 1px solid #0F152F;
  padding-bottom: 150px;
}
.resources__inner:last-child{
  border-bottom: none;
  padding-bottom: none !important;
}
.resources__bottom img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}
/* maps */
.maps{
  margin-top: 200px;
}
.resources__title{
  display: grid;
  grid-template-columns: 455px 1fr;
  gap: 9px;
  padding-bottom: 10px;
}
.resources__title .right{
  display: flex;
  justify-content: flex-start;
}
.resources__title .left{
  /* font-weight: 700; */
  /* font-family: '华康俪金黑W8', 'Oswald', Microsoft YaHei; */
  text-transform: uppercase;
  /* font-size: 24px; */
}
.resources__title .right{
  /* font-size: 32px; */
  /* font-weight: 300; */
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
}
.maps__inner{
  margin-top: 50px;
}
.resources___subtitle{
  /* font-size: 34px; */
  text-transform: uppercase;
  /* font-weight: 700; */
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  margin-bottom: 40px;
  color: #0F152F;
}
.maps__inner{
  display: grid;
  grid-template-columns: 455px 1fr;
  gap: 20px;
}
.maps__item:nth-child(1){
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.maps__item:nth-child(1) .item{
  background: linear-gradient(to bottom, #F1F1F3 0%, #FFFFFF00 100%);
  padding: 30px;
  border-radius: 5px;
}
.maps__item:nth-child(1) .item .top{
  display: flex;
  gap: 5px;
  align-items: center;
}
.maps__item:nth-child(1) .item .top .title{
  font-size: 23px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Oswald", Microsoft YaHei;
  color: #0F152F;
}
.maps__item:nth-child(1) .item .desc{
  margin-top: 10px;
}
.maps__item{
  border-radius: 5px;
}
.maps__item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maps__item:nth-child(1){
  margin-top: 241px;
}
.maps__item:nth-child(2) a{
  display: block;
}
 .resources___subtitle-mob{
  display: none;
 }
/* quality */
.quality {
  margin-top: 100px;
}

.quality__inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}

@media (min-width: 1200px) {
  .quality {
    margin-top: 200px;
  }
  .quality__inner {
    display: grid;
    grid-template-columns: 455px 1fr;
    gap: 20px;
    margin-top: 50px;
  }
}


.steps__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    background-color: #F7F7F8;
    border-radius: 0 0 10px 10px;
    padding: 0 15px;
}



.steps__item_active .steps__content {
    max-height: 1000px;
    padding: 15px 15px;
}

@media (min-width: 1200px) {
    .steps__content {
        padding: 0 30px;
    }
    .steps__item_active .steps__content {
        padding: 20px 30px;
    }
}

.steps__item_active .steps__toggle {
    transform: rotate(45deg);
}

.steps__toggle {
    transition: transform 0.3s ease;
}

.steps__header {
  display: flex;
  align-items: center;
  background: #F1F1F3;
  border-radius: 10px;
  font-size: 18px;
  color: #0F152F;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Oswald", Microsoft YaHei;
  padding: 15px;
}

.steps__toggle {
  margin-left: auto;
}

.steps {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.steps__number {
  margin-right: 15px;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .steps__header {
    font-size: 23px;
    padding: 30px;
  }
  .steps {
    gap: 20px;
  }
  .steps__number {
    margin-right: 85px;
  }
}

.steps .steps__title {
  /* font-family: "华康俪金黑W8", "Oswald", Microsoft YaHei; */
  font-weight: 400;
}
.steps__item_active .steps__toggle::before,
.steps__item_active .steps__toggle::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.steps__toggle {
    position: relative;
    width: 20px;
    height: 20px;
    min-width: 20px;
    transition: transform 0.3s ease;
}
.steps__toggle::before,
.steps__toggle::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 20px;
    background: currentColor;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 1200px) {
    .steps__toggle {
        width: 30px;
        height: 30px;
    }
    .steps__toggle::before,
    .steps__toggle::after {
        width: 2.5px;
        height: 30px;
    }
}
.steps__toggle::before {
    transform: translate(-50%, -50%) rotate(0deg);
}
.steps__toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
/* city */
.city{
}
.city__inner{
  margin-top: 15px;
}
.city__inner .top{
  display: grid;
  grid-template-columns: 445px 1fr;
  gap: 20px;
  margin-top: 15px;
}
.city__inner .top .desc{
  max-width: 455px;
}
.city__inner .bottom{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
.city__inner .bottom .item{
  background: linear-gradient(to bottom, #F1F1F3 0%, #FFFFFF00 100%);
  padding: 30px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.city__inner .bottom .item .title{
  margin-top: auto;
}
.city__inner .bottom .item .desc{
  position: absolute;
  bottom: -100px;
}
.city__inner .bottom .item:nth-child(3){
  padding: 0;
}
.city__inner .bottom .item:nth-child(4){
  padding: 0;
}
.city__inner .resources___subtitle{
  display: block !important;
}
.city__inner .bottom img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 248px;
}
.city__inner .bottom .icon img{
  max-width: 80px;
}
/* aboutMain */
.aboutMain__top{
  display: grid;
  grid-template-columns: 445px 1fr;
  margin-top: 40px;
}
.aboutMain__top .item .title{
  /* font-size: 32px; */
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
  color: #0F152F;
}
.aboutMain__top .item-inner{
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: 20px;
  /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
  /* font-size: 18px; */
}
.aboutMain__top .item:nth-child(1){
  /* font-size: 23px; */
  text-transform: uppercase;
  max-width: 300px;
  line-height: 1.1;
  /* font-family: '华康俪金黑W8', 'Oswald', Microsoft YaHei; */
}
.aboutMain__top .item:nth-child(3){
  margin-left: auto;
}
.item-inner .left{
  max-width: 430px;
}
.item-inner .right{
  max-width: 430px;
}
.aboutMain__center__item{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px;
  border-radius: 5px;

  width: 100%;
  max-width: 455px;
  background: linear-gradient(to bottom, #F1F1F3 0%, #FFFFFF00 100%);
}
.aboutMain__center{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
.aboutMain__center__item .content{
  margin-top: auto;
}
.aboutMain__center__item  .number{
    font-size: 110px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Oswald", Microsoft YaHei;
    margin-bottom: 10px;
}
/* news */
.news__inner{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.news__item .content__news{
  background: linear-gradient(to bottom, #F1F1F3 0%, #FFFFFF00 100%);
  padding: 20px;
}
.news__item .content__news .link{
  margin-top: auto;
}
.news__item .content__news .desc{
  margin-bottom: 40px;
}
.news__item .content__news .title{
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.news__item .content__news .data{
  margin-bottom: 20px;
}
.news__item .content__news{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.news__item{
  display: flex;
  flex-direction: column;
}
.news__item .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #282828;
    text-decoration: none;
    transition: color 0.3s ease;
}

.news-link:hover {
    color: #C90531;
}

.news-link svg {
    transition: transform 0.3s ease;
}

.news-link:hover svg {
    transform: translateX(5px);
}

.news__item {
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.news__item:hover .news-link{
  color: #ff0000;
}
.news__item:hover .news-link__icon {
    fill: #ff0000; /* Красный цвет для иконки */
    transform: translateX(5px);
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
  background: #ff0000;
}
.newsDetal{
  display: grid;
  grid-template-columns: 365px 1fr;
  gap: 30px;
}
.news > p {
    display: none;
}
.newsDetal .item:nth-child(2) .title{
  /* font-size: 48px; */
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: 700;
}
.newsDetal .item:nth-child(2) .subtitle{
  max-width: 600px;
}

.newsDetal .item:nth-child(2) .desc{
  max-width: 600px;
}
.bx_incl_area_3_1 > p{
  display: none;
}
.newsSlider{
  max-width: 1500px;
}
.newsSlider a{
  display: block;
  height: 400px;
}
.case__item .link{
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.case__item .content__news{
  background: none;
  padding: 20px 0;
}
#bx_incl_area_3_1 > p{
  display: none;
}
.caseDetal{
  display: grid;
  grid-template-columns: 1fr 750px;
  gap: 40px;
}
.caseDetal .item:nth-child(1) > .title{
  /* font-size: 48px; */
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.content-case_item .title{
  color: #282828;
  opacity: 0.5;
}
.content-case_item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 900px;
  border-bottom: 1px solid #8B8D94;
  padding-bottom: 20px;
  padding-top: 20px;
} 
.content-case_item:last-child{
  border-bottom: none;
  padding-bottom: 0;
  max-width: 100%;
  justify-content: flex-start;
  gap: 20px;
}
.content-case_item .btn{
  max-width: 395px;
}
.content-case_item .desc{
  text-align: right;
}
.slide-case_mob{
  display: none;
}
.content-case_item:nth-child(5){
  display: none;
}
.callback-border{
  border-top: 1px solid #C90531;
}
.phone .phones{
  display: flex;
  gap: 10px;
}
.gallery{
  margin-top: 200px;
}
.caseDetal .item{
  min-width: 0;
}
.slide-case_mob{
  min-width: 0;
}
.certificates__title{
    /* font-size: 23px; */
    /* font-weight: 700; */
    text-transform: uppercase;
}
.certificates{
  margin-top: 200px;
}
.certificates__inner{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 40px;
  margin-top: 40px;
}
.certificate__item{
    background: #F1F1F3;
    padding: 20px;
}
.certificates__inner img{
  width: 100%;
}
.menu__item .lang{
  display: none;
}

#scrollToTopBtn {
    display: none; /* Скрыта по умолчанию */
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 50%;
    background: url('/local/templates/main/assets/css/../img/top.png') no-repeat center;
    background-size: 60%;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s;
}

#scrollToTopBtn:hover {
    opacity: 0.7;
}
.gallery h3{
  /* font-size: 24px !important; */
  /* font-weight: 700; */
  text-transform: uppercase;
  /* font-family: '华康俪金黑W8', 'Oswald', Microsoft YaHei; */
}
.aboutMainTwo{
  margin-top: 150px;
}
.resources__inner:nth-child(3) .resources__bottom img{
  min-height: 277px;
}
.map-main{
  padding-top: 50px;
}




.video{
  margin-top: 50px;
}

.video-preview {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* соотношение 16:9 */
  background: #000;
  cursor: pointer;
}

.video-preview img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.6);
  border: none;
  color: #fff;
  font-size: 40px;
  border-radius: 50%;
  padding: 25px;
  cursor: pointer;
}

.video-player {
  width: 100%;
  height: auto;
  display: none;
}

.play-btn {
  cursor: pointer;
  transition: transform 0.3s ease, background 0.3s ease;
}

.play-btn img {
  display: block;
  height: 50px;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Эффект при наведении */
.play-btn:hover {
  background: rgba(0,0,0,0.8); /* затемнение фона */
  transform: translate(-50%, -50%) scale(1.1); /* немного увеличиваем кнопку */
}

.play-btn:hover img {
  transform: scale(1.1); /* увеличиваем изображение */
  filter: brightness(1.2); /* делаем чуть ярче */
}
.video-main{
  padding-top: 50px;
}
.video-main .video-preview{
  padding: 0;
  height: 80vh;
}

.video-main .video-player{
  height: 80vh;
}

.about__data .top{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-bottom: 20px;
    gap: 20px;
}
.about__data .top .title{
  font-weight: 600;
  /* font-size: 40px; */
}
.about__data .center{
    border-top: 3px solid #333;
    padding-top: 20px;
      display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.about__data .bottom{
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.about__data .bottom .desc{
  max-width: 350px;
}
.about__data .center .icon{
  position: relative;
}
.about__data .center .icon img{
  position: absolute;
  left: 0;
  top: -34px;
}
.about__data-mob{
  display: none;
}
.section-pc{
  display: flex;
}
.section-mob{
  display: none !important;
}
.map__item .item:nth-child(3){
  margin-top: auto;
}
.btn-mob{
   display: none;
}
/* footer add*/
.section-mob .footer{
  height: 100%;
}



/* БАЗОВЫЕ СТИЛИ МОДАЛКИ */
  .video-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10000;
  }
  .video-modal.is-open { display: flex; }
  .video-modal__backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.65);
  }
  .video-modal__dialog {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    width: min(90vw, 960px);
    box-shadow: 0 10px 40px rgba(0,0,0,.35);
  }
  .video-modal__content {
    position: relative;
    aspect-ratio: 16/9;  /* держим пропорции */
    background: #111;
  }
  .video-modal__content > video {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: contain;
    background: #000;
    border-radius: 8px;
  }
  .video-modal__close {
    position: absolute; 
    top: 8px; 
    right: 12px;
    font-size: 38px; 
    line-height: 1; 
    border: 0;
    background: transparent; 
    color: #fff; 
    cursor: pointer;
    z-index: 111;
  }

.content__inner p{
	margin-bottom: 10px;
}
.content__inner p {
  font-size: 16px !important;
  font-family: "Inter", Microsoft YaHei !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
.content__inner ul {
	padding-left: 40px;
}
.content__inner li{
    list-style: disc;
}

.content__inner a{
	color: #C90531;
	transition: all .3s;
}
.content__inner a:hover{
	color: #000;
}




@media (min-width: 1921px) {
  .about__inner .about__item{
    min-height: 50vh;
  }
  .service__right{
    width: 100%;
  }
  .service__left{
    width: 100%;
  }
  .service__block{
    grid-template-columns: 1fr;
  }
  .swiper.mySwiperService{
    padding: 0;
  }
  .service__left .swiper-pagination{
    display: none;
  }
  .service__right{
    max-width: 100%;
    margin-top: 50px;
  }
}
@media (min-height: 1300px) {
    .callback-form .feedback-form__wrapper {
        grid-template-columns: 1fr;
    }
    .map__inner{
      height: 65vh;
      margin-top: 20px;
    }
    .page-main .map-main{
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0;
    }
    .service__right{
      max-width: 2500px;
    }
    .advantages__inenr{
      margin-top: 150px;
    }
}




@media (max-width: 1850px) {
  .footer__item .email{
    font-size: 37px;
  }
  .footer__item .phone a{
    font-size: 37px;
  }
  .header__item:nth-child(5){
    display: none;
  }
  .video-main .video-preview{
    padding-bottom: 56.25%;
    height: 0;
  }
  .video-main .video-player{
    height: auto;
  }
}




@media (max-width: 1700px) {  
  .title__bottom{
    flex-direction: column;
    align-items: flex-start;
  }
  .title__bottom .subtitle{
    margin: 0;
    margin-top: 10px;
    max-width: 520px;
  }
  .intro__image{
    margin-top: 50px;
  }
  h1{
    font-size: 90px;
  }
  .callback__title{
    font-size: 57px;
  }
  .main__title h2{
    font-size: 37px;
  }
  .resources__bottom{
    flex-wrap: wrap;
  }
  .resources__bottom-item{
    max-width: 100%;
    width: 100%;
  }
  .resources__bottom-item:nth-child(3){
    max-width: 100%;
  }
  .resources___subtitle{
    font-size: 28px;
  }
  .maps__item:nth-child(1){
    margin-top: 118px;
  }
  .aboutMain__top .item .title{
    font-size: 32px;
    /* font-family: 'Noto Serif SC', 'Oswald', Microsoft YaHei; */
  }
  .aboutMain__top{
    grid-template-columns: 1fr 915px 1fr;
  }
  .newsDetal{
    grid-template-columns: 1fr;
  }
  .newsDetal .item:nth-child(2) .subtitle{
    max-width: 100%;
  }
  .newsDetal .item:nth-child(2) .desc{
    max-width: 100%;
  }
  .team__inner{
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
  }
  .team__item{
    max-width: 100%;
  }
  .team__item .image{
    max-width: 100%;
    height: 600px;
  }
}

@media (max-width: 1500px) {
  .footer__item .email{
    font-size: 27px;
  }
  .footer__item .phone a{
    font-size: 27px;
  }
  .footer__top{
    display: flex;
    justify-content: space-between;
  }
  .service-main__item .center{
    max-width: 575px;
  }
  .service-main__item .center .title{
    font-size: 32px;
  }
  .service-main__item .left .number{
    font-size: 32px;
  }
  .service-main__item .center .list ul li{
    gap: 20px;
  }
  .feedback .desc{
    font-size: 36px;
  }
  .feedback__inner{
    gap: 20px;
  }
  .contacts__bottom{
    grid-template-columns: 1fr;
  }
  .resources__top-item .subtitle{
    font-size: 28px;
  }
  .resources___subtitle{
    font-size: 28px;
    display: none;
  }
  .resources___subtitle-mob{
    display: block;
    margin-top: 30px;
  }
  .maps__item:nth-child(1){
    margin-top: 0;
  }
  .aboutMain__center{
    grid-template-columns: 1fr 1fr;
  }
  .aboutMain__center__item{
    max-width: 100%;
  }
  .aboutMain__center__item .number{
    font-size: 50px;
  }
  .caseDetal .item:nth-child(1) > .title{
    font-size: 32px;
  }
}

@media (max-width: 1465px) {
  .header__item:nth-child(3){
    display: none;
  }
  .header__item:nth-child(2){
    display: none;
  }
  .header__item:nth-child(4){
    display: none;
  }
  .header__item:last-child{
    display: block;
  }
  .header__inner{
    display: flex;
    justify-content: space-between;
  }
  .header__item:nth-child(6){
    display: none;
  }
}




@media (max-width: 1375px) {
   .btn-mob{
	   display: block;
	}
  .about__inner .about__item{
    height: 25vh;
  }
  .gallery{
    margin-top: 75px;
  }
  .gallery .title{
    font-size: 18px;
  }
  .menu__item .lang {
      display: block;
      margin-right: 25px;
  }
  .menu__item:nth-child(1) {
      display: flex;
      justify-content: space-between;
  }
  .certificates__inner{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .certificates{
    margin-top: 100px;
  }
  .news__inner{
    grid-template-columns: 1fr 1fr;
  }
  .menu__item:nth-child(4){
    max-width: 98%;
  }
  .menu__item .phone{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .menu__item nav ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .menu__item .btn-1{
    padding: 11.5px;
  }
  .intro__item:nth-child(2){
    display: none;
  }
  .intro__item button{
    display: block;
  }
  .intro__item h1{
    width: 100%;
    max-width: 100%;
    font-size: calc(10px + 80 * (100vw / 1920));
  }
  .intro__image img{
    width: 100%;
    object-fit: cover;
  }
  .about__inner{
    grid-template-columns: 1fr 1fr;
  }
  .about__item{
    min-height: 100% !important;
    padding: 20px !important;
  }
  .about__inner .about__item .number{
    font-size: 62px;
  }
  .about__inner .about__item .desc{
    max-width: 100%;
  }
  .about__content{
    flex-direction: column;
    gap:50px;
  }
  .about__content-right .desc{
    font-size: 18px;
  }
  .service__left{
    width: 100%;
  }
  .service__block{
    grid-template-columns: 1fr;
  }
  .service__left .desc{
    margin-top: 20px;
  }
  .service__left .swiper-pagination{
    display: none;
  }
  .swiper.mySwiperService{
    padding: 0;
  }
  .newsDetal .swiper-slide{
    max-width: 445px !important;
    width: 100% !important;
  }
  .service__item-content .title{
    font-size: 27px;
  }
  .service__item-content .desc{
    font-size: 21px;
  }
  .service__item-content .number{
    font-size: 21px;
  }
  .service__item{
    max-height: 575px;
  }
  .service__left .desc{
    font-size: 23px;
    max-width: 600px;
  }
  .about{
    /* padding-top: 50px; */
  }
  .about__content{
    gap: 15px;
  }
  .about__inner .about__item .number{
    font-size: 32px;
  }
  .about__inner .about__item .desc{
    font-size: 18px;
  }
  .about__inner{
    margin-top: 30px;
  }
  .advantages__inenr{
    grid-template-columns: 1fr 1fr;
  }
  .advantages__top .desc{
    font-size: 21px;
  }
  .advantages{
    /* padding-top: 20px; */
  }
  .map__inner{
    grid-template-columns: 1fr;
  }
  .map__item:nth-child(2){
    border-left: 1px solid #E2E3E6;
  }
  .map__item .item .top .title{
    font-size: 21px;
  }
  .map{
    /* padding-top: 20px; */
  }
  .callback__title{
    font-size: 21px;
  }
  .callback-form .feedback-form__wrapper{
    gap: 20px;
  }
  .callback-form{
    padding-top: 40px;
  }
  .main__title{
    padding-bottom: 20px;
  }
  .footer__bottom{
    grid-template-columns: 1fr;
  }
  .maps{
    margin-top: 100px;
  }

  .city__inner .top{
    grid-template-columns: 1fr;
  }
  .city__inner .bottom{
    grid-template-columns: 1fr 1fr;
  }
  .city__inner .bottom .item{
    gap: 30px;
  }
  .aboutMain__top{
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .aboutMain__top .item:nth-child(1){
    max-width: 100%;
  }
  .aboutMain__top .item:nth-child(3){
    margin-left: 0;
  }
  .content-case_item{
    max-width: 100%;
  }
  .slide-case_pc{
    display: none;
  }
  .slide-case_mob{
    display: flex;
  }
  .caseDetal{
    grid-template-columns: 1fr;
  }
  .content-case_item:nth-child(5){
    display: block;
  }
  .team__title .right{
    font-size: 21px;
  }
  .team__title{
    flex-direction: column;
    gap: 20px;
  }
  .team{
    margin-top: 50px;
  }
  .team__item:nth-child(2){
    margin: 0;
  }
  .team__item:nth-child(6){
    margin: 0;
  }
  .aboutMainTwo{
    margin-top: 100px;
  }
}
@media (max-width: 1200px) {
  .section-pc{
    display: none !important;
  }
  .section-mob{
    display: flex !important;
    flex-direction: column !important;
  }
  .video-main{
    display: none;
  }
  .about__data {
    display: flex;
    justify-content: space-between;
    gap: 30px;
  }
  .about__data .center{
    grid-template-columns: 1fr;
  }
  .about__data .top{
    grid-template-columns: 1fr;
  }
  .about__data .center{
    border: none;
    display: none;
  }
  .about__data .center .icon img{
        position: static;
  }
  .about__data .bottom .desc{
    max-width: 100%;
  }
  .about__data .bottom{
    grid-template-columns: 1fr;
    margin-top: 0;
  }
  .team__item .image{
    height: 100%;
    max-height: 100%;
  }
  .service-main__item .right{
    display: none;
  }
  .image-mob{
    display: block;
  }
  .contacts__top{
    grid-template-columns: 1fr;
  }
  .resources__top{
    grid-template-columns: 1fr;
  }
  .maps__inner{
    grid-template-columns: 1fr;
  }
  .maps__item:nth-child(1){
    display: grid;
    grid-template-columns: 1fr 1fr;
    order: 2;
  }
  .maps__item:nth-child(2){
    order: 1;
  }
  .maps__item:nth-child(1) .item .top .title{
    font-size: 21px;
  }
  .maps__item:nth-child(1) .item{
    padding: 15px;
  }
  .team__inner{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1024px) {
  .certificates__inner{
    grid-template-columns: 1fr 1fr;
  }
  .map__item .item .icon{
    display: none;
  }
  .feedback-form {
    width: 100%;
    max-width: 455px;
    height: auto;
  }
  .advantages__top{
    grid-template-columns: 1fr;
  }
  .advantages__top .desc{
    margin-top: 10px;
  }
  .feedback-form__submit2{
    padding: 11.5px 0;
  }
  .footer__top{
    flex-direction: column;
    gap: 20px;
  }
  .footer__item nav ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
  }
  .footer__item .phone a{
    font-size: 21px;
  }
  .footer__item .email{
    font-size: 21px;
  }
  .footer__item:nth-child(3){
    order: 2;
    gap: 15px;
  }
  .footer__item:nth-child(2){
    order: 3;
  }
  .footer__item:nth-child(2){
    flex-direction: column;
    gap: 0;
  }
  .footer__item .phone{
    gap: 15px;
  }
  .footer__item:nth-child(1){
    gap: 20px;
  }
  .container {
    padding: 0 20px;
  }
  .intro__image img{
     height: 50vh;
  }
  .intro__image{
    margin-top: 20px;
  }
  .dots-nav{
    gap: 35px;
  }
  .feedback__inner{
    grid-template-columns: 100%;
  }
  .feedback .image{
    display: none;
  }
  .feedback__item .social{
    justify-content: flex-start;
  }
  .feedback{
    margin: 50px 0;
  }
  .feedback .feedback-form{
    max-width: 100%;
  }
  .resources__bottom-item .number{
    font-size: 48px;
  }
  .resources__bottom-item{
    min-height: 100%;
    gap: 10px;
  }
  .resources__inner{
    padding-top: 20px;
    padding-bottom: 100px;
  }
  .resources__title{
    grid-template-columns: 1fr;
  }
  .aboutMainTwo{
    margin-top: 50px;
  }
  .contacts__bottom__erweima .erweima{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .contacts__bottom__erweima .erweima__item{
    width: auto;
    max-width: 200px;
  }
  .map__inner{
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .dots-nav{
    gap: 20px;
  }
  .dots-nav__item{
    width: 5px;
    height: 5px;
  }
  .resources__title .right{
    font-size: 21px;
  }
  .about__data-mob{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
    .about__data-mob .title{
      font-size: 23px;
      font-weight: 600;
      margin-bottom: 20px;
    }
  .about__data{
    display: none;
  }
  h1 {
    font-size: calc(10px + 80 * ((100vw - 320px) / (1280 - 320)));
  }
  .title__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .title__bottom .subtitle {
    margin-left: 0;
    font-size: 20px;
    margin-top: 0;
  }
  .section.intro{
    align-items: flex-start;
    padding-top: 50px;
  }
  .intro__item button{
    padding: 11.5px 0;
  }
  .about__inner {
    grid-template-columns: 1fr 1fr;
  }
  .service__item-content{
    padding: 15px;
  }
  .service__item{
    width: 100% !important;
  }
  .service__block{
    grid-template-columns: 100%;
    padding-right: 0;
  }
  .callback-form .feedback-form__wrapper{
    grid-template-columns: 1fr;
  }
  .about__inner .about__item .desc{
    font-size: 12px;
  }
  .about__inner{
    gap: 10px;
  }
  .service__left .desc{
    font-size: 18px;
  }
  .service__item-content .title{
    font-size: 18px;
    max-width: 320px;
  }
  .service__item-content .desc{
    font-size: 16px;
  }
  .service__item{
    max-height: 55vh;
  }
  .map__item .item{
    padding: 15px;
  }
  .map__item .item .bottom{
    font-size: 12px;
    margin-top: 10px;
  }
  .section{
    padding-top: 20px;
    padding-bottom: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .certificates{
    margin-top: 50px;
  }
  .callback-form .feedback-form__wrapper{
    gap: 0;
  }
  .feedback-form__checkbox-wrapper{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .feedback-form__field{
    margin-bottom: 10px;
  }
  .section-header{
    padding-top: 0;
  }
  .footer__top-main{
    padding: 0;
    padding-bottom: 20px;
  }
  .footer__bottom{
    font-size: 12px;
  }
  .footer__bottom a{
    font-size: 12px;
  }
  .section-footer{
    /* padding-top: 20px; */
  }
  .aboutMain  .about__inner .about__item{
    height: 100%;
  }
  .advantages__content{
    padding: 20px;
  }
  .advantages__content .desc{
    font-size: 15px;
  }
  .advantages__content .title{
    font-size: 23px;
  }
  .advantages__item .image img{
    height: 30vh;
  }
  .service .swiper-slide{
    width: 100%;
  }
  .map__item:nth-child(2) .item:nth-child(4) .icon{
    display: none;
  }
  .btn-1{
    max-width: 100% !important;
  }
  .about__content-right .desc{
    font-size: 15px;
  }
  .service__left .desc{
    font-size: 15px;
  }
  .advantages__top .desc{
    font-size: 15px;
  }
  .service-main__item{
    flex-direction: column;
    gap: 20px;
  }
  .service-main__item .left .icon{
    display: none;
  }
  .service-main__item .center .title{
    font-size: 21px;
  }
  .service-main__item .center .desc{
    font-size: 15px;
  }
  .service-main__item .left .number{
    font-size: 21px;
  }
  .service-main__item .center__bottom{
    flex-direction: column;
    align-items: center;
  }
  .service-main__item .center__bottom .btn-1{
    padding: 11.5px 0;
  }
  .service-main__item .social{
    order: 1;
  }
  .service-main__item .btn-1{
    order: 2;
  }
  .square{
    margin-right: 5px;
    width: 5px;
    height: 5px;
  }
  .service-main__item .center .list ul li{
    padding: 10px 0;
    font-size: 15px;
    grid-template-columns: 10px 1fr;
  }
  .feedback .desc{
    font-size: 16px;
  }
  .feedback .feedback-form__wrapper{
    grid-template-columns: 1fr;
  }
  .contacts__item .title{
    font-size: 21px;
  }
  .contacts__item{
    padding: 20px;
  }
  .contacts__item .phone{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .resources__top-item .subtitle{
    font-size: 21px;
  }
  .resources__bottom-item .number{
    font-size: 21px;
  }
  .resources__bottom-item{
    padding: 15px;
  }
  .resources__inner{
    padding-bottom: 50px;
  }
  .maps__item:nth-child(1){
    display: grid;
    grid-template-columns: 1fr;
  }
  .maps{
    margin-top: 50px;
  }
  .resources___subtitle{
    font-size: 21px;
  }
  .city__inner .bottom{
    grid-template-columns: 1fr;
  }
  .aboutMain__top .item .title{
    font-size: 21px;
  }
  .aboutMain__top .item-inner{
    grid-template-columns: 1fr;
  }
  .news__inner{
    grid-template-columns: 1fr;
  }
  .newsDetal .item:nth-child(2) .title{
    font-size: 24px;
  }
  .newsSlider a{
    height: 220px;
  }
  .team__inner{
    grid-template-columns: 1fr;
  }
  .team__item .image{
    height: 100%;
  }
  .gallery .title{
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .menu__item:nth-child(1){
    display: flex;
    justify-content: space-between;
  }
  .menu__item .lang{
    display: block;
    margin-right: 25px;
  }
  .service .swiper-slide{
    width: 100% !important;
    max-width: 375px;
  }
  .feedback{
    margin: 20px 0;
  }
  .aboutMain__center{
    grid-template-columns: 1fr;
  }
  .news__item .content__news .title{
    font-size: 15px;
  }
  .newsDetal .item:nth-child(2) .title{
    font-size: 21px;
  }
  .content-case_item{
    flex-direction: column;
    align-items: flex-start;
  }
  .content-case_item .desc{
    text-align: left;
  }
  .contacts__bottom__erweima .erweima{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .contacts__bottom__erweima .erweima__item{
    width: auto;
    max-width: 200px;
  }
}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/menu_main/style.min.css?1756194586490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}
ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/menu_main/images/left_menu_bg.gif) top repeat-x}
ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}
ul.left-menu li a:visited{color:#bc262c}
ul.left-menu li a:hover{color:#bc262c}
ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/main/assets/css/base.css?17561945865762 */
/* /local/templates/main/assets/css/jquery.fancybox.min.css?175619458612795 */
/* /local/templates/main/assets/css/macro-css.css?175619458612552 */
/* /local/templates/main/assets/css/main.css?175791380255187 */
/* /local/templates/main/components/bitrix/menu/menu_main/style.min.css?1756194586490 */

.custom-lang-selector {
    position: relative;
    display: inline-block;
    font-family: Arial, Microsoft YaHei;
    cursor: pointer;
    background: #F1F1F3;
    border-radius: 4px;
}

.current-lang {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.current-lang__name {
    padding: 0 4px;
}

.current-lang__arrow {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
    margin-left: 2px;
}

.lang-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #F1F1F3;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    display: none;
    z-index: 1000;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.lang-dropdown__item {
    border-top: 1px solid #ddd;
}

.lang-dropdown__link {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    transition: background 0.2s;
}

.lang-dropdown__link:hover {
    background: #e0e0e0;
}

/* Открытое состояние */
.custom-lang-selector.open .lang-dropdown {
    display: block;
}

.custom-lang-selector.open .current-lang__arrow {
    transform: rotate(180deg);
}

.title__bottom .subtitle,
.map__item .item .top .title,
.resources__title .right{
  font-size: 30px;
}
.resources__title .right,
.aboutMain__top .item .title{
  font-size: 32px;
}
.resources___subtitle{
  font-size: 34px;
}
.service__item-content .title{
  font-size: 39px;
}
.about__content-right .desc,
.service__left .desc,
.advantages__top .desc,
.team__title .right{
  font-size: 36px;
}
.about__data .top .title{
  font-size: 40px;
}
.about__inner .about__item .desc,
.service__item-content .desc,
.advantages__content .title,
.contacts__item .title,
.address__item .title span,
.resources__top-item .title,
.resources__title .left,
.aboutMain__top .item:nth-child(1),
.certificates__title,
.gallery h3{
  font-size: 23px;
}
.main__title h2{
  font-size: 90px;
}
.callback__title{
  font-size: 69px;
}
.service-main__item .center .title,
.resources__top-item .subtitle,
.newsDetal .item:nth-child(2) .title,
.caseDetal .item:nth-child(1) > .title{
  font-size: 48px;
}
.service-main__item .center .desc,
.resources__top-item .desc,
.resources__bottom-item .title{
  font-size: 20px;
}
.aboutMain__top .item-inner{
  font-size: 18px;
}
@media (max-width: 1850px) {
  .about__data .top .title{
    font-size: 32px;
  }
}
@media (max-width: 1700px) {
  
}
@media (min-width: 1200px) {

}
/* 移动端字体渲染优化 */
@media (max-width: 768px) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeSpeed;
  }  
  .btn-1,
  .header__item nav ul li a,
  .header__item .phone a{
    font-size: 14px;
  }
  
}

/* 高DPI屏幕字体渲染优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body {
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: optimizeLegibility;
  } 
  
}