@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap'); /* ============================ Шрифты */

/* @font-face {
    font-family: 'Inter Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Regular'), url('/SiteNN/fonts/Inter-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Italic'), url('/SiteNN/fonts/Inter-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Thin BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Thin BETA'), url('/SiteNN/fonts/Inter-Thin-BETA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Thin Italic BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Thin Italic BETA'), url('/SiteNN/fonts/Inter-ThinItalic-BETA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Extra Light BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Extra Light BETA'), url('/SiteNN/fonts/Inter-ExtraLight-BETA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Extra Light Italic BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Extra Light Italic BETA'), url('/SiteNN/fonts/Inter-ExtraLightItalic-BETA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Light BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Light BETA'), url('/SiteNN/fonts/Inter-Light-BETA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Light Italic BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Light Italic BETA'), url('/SiteNN/fonts/Inter-LightItalic-BETA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Medium'), url('/SiteNN/fonts/Inter-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Medium Italic'), url('/SiteNN/fonts/Inter-MediumItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Semi Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Semi Bold'), url('/SiteNN/fonts/Inter-SemiBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Semi Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Semi Bold Italic'), url('/SiteNN/fonts/Inter-SemiBoldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Bold'), url('/SiteNN/fonts/Inter-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Bold Italic'), url('/SiteNN/fonts/Inter-BoldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Extra Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Extra Bold'), url('/SiteNN/fonts/Inter-ExtraBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Extra Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Extra Bold Italic'), url('/SiteNN/fonts/Inter-ExtraBoldItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Black';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Black'), url('/SiteNN/fonts/Inter-Black.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Inter Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Black Italic'), url('/SiteNN/fonts/Inter-BlackItalic.woff') format('woff');
    } */

/* ============================ Normalize CSS */
.container {
  max-width: 80%;
  margin: auto 10%;
  padding: 0;
}

*, *:before, *:after {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
::-moz-selection {
  color:inherit;
  text-shadow:inherit;
  background-color:#ACCEF7
}
::selection {
  color:inherit;
  text-shadow:inherit;
  background-color:#ACCEF7
}
html {
  font-family:"Inter", sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
h1, .h1 {
  font-size:34px
}
h2, .h2 {
  font-size:24px
}
h3, .h3 {
  font-size:20px
}
h4, .h4 {
  font-size:16px
}
h5, .h5 {
  font-size:14px
}
h6, .h6{
  font-size:12px
}
small {
  font-size:80%
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small{
  font-weight:normal
}
sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  top:-.5em
}
sub {
  bottom:-.25em
}
img {
  border:0
}
svg:not(:root){
  overflow:hidden
}
figure,form {
  margin:0
}
hr{
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  height:0
}
pre{
  overflow:auto
}
code,kbd,pre,samp{
  font-family:monospace,monospace;
  font-size:1em
}
button,input,optgroup,select,textarea{
  color:inherit;
  font:inherit;
  margin:0
}
button {
  overflow:visible
}
button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

body{
  margin:0;
  color:#313534;
  font:14px/1.42857143 "Inter", sans-serif;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-touch-callout:none
}

/* .bodyIns {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAMAAAA7MLYKAAAAnFBMVEXAy9nBy9nCzNrEztvFz9zGz9zH0N3J0t7K09/L1N/M1eDO1uHP1+LQ2OLR2ePT2uTU2+XV3OXW3ebY3ufZ3+ja4Ojb4end4+re5Ovf5Ovg5ezi5+3j6O7k6O7l6e/n6/Do7PHp7PHq7fLs7/Pt8PTu8fTv8vXx8/by9Pfz9ff09vj29/n3+Pr4+fr5+vv7+/z8/P39/f3+/v7///9bk8P3AAAAJElEQVQI12NkYGSEIQQNZcF5aBCVwYDKRIjAeTAZBiQuAxYGABMKADUPqhgFAAAAAElFTkSuQmCC') top left repeat-y, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAMAAAA7MLYKAAAAnFBMVEXAy9nBy9nCzNrEztvFz9zGz9zH0N3J0t7K09/L1N/M1eDO1uHP1+LQ2OLR2ePT2uTU2+XV3OXW3ebY3ufZ3+ja4Ojb4end4+re5Ovf5Ovg5ezi5+3j6O7k6O7l6e/n6/Do7PHp7PHq7fLs7/Pt8PTu8fTv8vXx8/by9Pfz9ff09vj29/n3+Pr4+fr5+vv7+/z8/P39/f3+/v7///9bk8P3AAAAK0lEQVQIW2M0ZgCB/2ASgwHhgUgYF0pDhSAUmIHCRGGgQJA4mILyICwoAgAHoDMCPMMd5gAAAABJRU5ErkJggg==') top right repeat-y !important;
} */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,menu,section,summary{display:block}audio,img,svg,iframe,video,canvas{vertical-align:middle;display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}

a{color:#007ac3;background:transparent;cursor:pointer}

a:active,
a:focus{outline:none}

a:active,
a:hover{color:#eba24a}

h1,h2,h3,h4,h5,h6{
  line-height:100%;
  margin-top:0
}

/* ============================ Стилизация форм */
::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}

input[placeholder] {text-overflow:ellipsis;}
input::-moz-placeholder {text-overflow:ellipsis;}
input:-moz-placeholder {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder {color: transparent}
:focus:-moz-placeholder {color: transparent}
:focus:-ms-input-placeholder {color: transparent}

/* ============================ Готовые классы помошники */

.cf:after,
.container:after {clear: both;}

.tar {text-align: right;}
.tac {text-align: center;}
.tal {text-align: left;}
.t {text-align: justify;}
.fl {float: left;}
.fr {float: right;}
.ovh {overflow: hidden;}

.inline {
  display: inline-block;
  vertical-align: middle;
}

.space-y-6rem > *:not(:last-child) {
  margin-bottom: 6rem;
}

.no-underline {
  text-decoration-line: none;
}

.ul_fix-padding {
  padding-left: 1rem;
}

/* ============================ Списки */
/* 1. Обнуленный список */
.ln {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ln li {position: relative;}

/* 2. Список в одну строку */
.lfl > li {float: left;}

/* 3. Список в одну строку по центрку */
.lc {text-align: center;}

.lc > li {
  display: inline-block;
  vertical-align: top;
}

/* 4. Резиновый список */
.lt {
  display: table;
  width: 100%;
}

.lt.tlf {table-layout: fixed;}
.lt > ul {display: table-row;}

.lt > ul > li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* ============================ Сетка */
/* .container {
  position: relative;
  width: 100%;
  max-width: 1210px;
  padding: 0 15px;
  margin: 0 auto;
} */

/* ============================ Таблицы */
.table {width: 100%;}
.table td {vertical-align: top;}

/* ============================ Админ часть */
.view {width: 100%;}

.view [type="checkbox"],
.view [type="radio"] {height: 16px;}

.view th h3 {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #ccc;
}
.view th h5 {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #ccc;
}
.view th {font-size: 13px}

.view th,
.view td {
  position: relative;
  padding: 5px;
}

.view .date_control {
      position: absolute;
    right: 2px;
    top: 12px;
}

.view td [type="text"],
.view td [type="email"],
.view td [type="password"],
.view td textarea,
.view td select {
  width: 100%;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 13px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.view td [type="text"]:focus,
.view td [type="email"]:focus,
.view td [type="password"]:focus,
.view td textarea:focus,
.view td select:focus {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/* ============================ Кнопки */
/* Основа */
.but {
  position: relative;
  display: inline-block;
  background: transparent;
  padding: 6px 12px;
  line-height: normal;
  border: 0;
  outline: none;
  margin: 0;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px;

  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.but[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: .65;
}

a.but[disabled] {pointer-events: none;}

.but:before,
.but img {
  display: inline-block;
  vertical-align: baseline;
}

/* Стили для разных кнопок */
.but1 {}
.but1:active {}
.but1:hover {}

/* ============================ Обертка для прижатия футера */
html, body {height: 100%;}

.wrap {min-height: 100%;}

/* .wrap:after {
  display: block;
  content: '';
  height: 100px;
} */



/* ============================ Контакты в шапке */
.headContacts {
  float: right;
  text-align: right;
  margin-top: 15px;
}

#phoneHead i {
  display: inline-block;
  width: 14px;
  position: relative;
  top: 5px;
  right: 5px;
  height: 18px;
  vertical-align: top;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAMAAABcgh8DAAAAhFBMVEX///8/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEBWLZrrAAAALHRSTlMACQ0PFiwtLi8yNTY8P0lNUFRXWFpcXV5fYGJjaHBxd5Ob0tPY2d/g4ufq64ftOogAAACCSURBVHjavc9JEoIwFATQr0whgAyBCJE5EBq4//0kVbrxAPaiq3rXj+7jvsFobbDt442yswijdJrSKCyOB8k18YK4bePAS9YnCfTNqynLq3oIkrNDnzizJKnd73T1/+bvDYGuVqqqlKo7CEvwGctzxnxLsEDOh4FzC7R8AywLYC7+Gxa7DzdM915oAAAAAElFTkSuQmCC) left no-repeat;
}

#mailHead i {
  display: inline-block;
  width: 18px;
  position: relative;
  top: 9px;
  right: 5px;
  height: 12px;
  vertical-align: top;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAMAAABYzB2OAAAAkFBMVEU/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEC0W3pDAAAAMHRSTlMABQYUGiAhKy42Nzk6O0JaYGFibnN4f4CBhYuMlJynqKmqt7i5vMPHyMzN4OHi9PXr5BT7AAAAhklEQVQI122OyQ6CMABER9kKlZZVoYAbm1qq//93WpEaE99hDi+ZyYC01/FiGG+dh2EfxYkhjg497hl+yB6Qde5+hZvXEor4FVsMEz5RUCGsMl1rsUpLC+GsimbnAM62KWb1LlLBuaBglS5+5m3O7WX+z4nhyILNC0p1BuzUg5wnqQxyar0nckYOpyhiRFYAAAAASUVORK5CYII=) left no-repeat;
}

.headContacts a,
.headContacts p {
  text-decoration: none;
  font-size: 18px;
  font-weight: 300;
  color: #2a2a2a;
  margin: 0;
}

#pageTitle,
.pageTitle {
  color: #007ac3;
  font-size: 28px;
  text-transform: uppercase;
  margin: 90px 0 20px;
}

.pageTitle__black {
  text-transform: initial;
  color: black;
}

.pageTitle__nocaps {
  text-transform: initial;
}

/* ============================ Переключатель страниц */
.pager a {
  color: #000;
  padding: 3px 5px;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 2px;
}

.pager a:hover {border-color: #5A5A5A;}

.pager a.active {
  color: #fff;
  background: #191718;
  border-color: #5A5A5A;
}


/* ============================ Link row */

/* #linkRow {padding: 60px 0;}

#linkRow a {
  display: block;
  float: left;
  width: 295px;
  height: 74px;
  margin-right: 140px;
}

#linkRow a:last-child {margin-right: 0;}

.link1 {background: url('/images/link1.png') center no-repeat;}
.link2 {background: url('/images/link2.png') center no-repeat;}
.link3 {background: url('/images/link3.png') center no-repeat;} */

/* ============================ Кнопка наверх */
#back {
  cursor: pointer;
  display: none;
  width: 37px;
  z-index: 999;
  height: 37px;
  position: fixed;
  bottom: 100px;
  left: 100px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAzFBMVEUAesP///8AesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesMAesNvRAQ3AAAAQ3RSTlMAAAkKDA0PEBEXGxwdHh8gISIjJCUmJygpLUiGk5Sbn6ChoqOkpbCxt7u9vr/AwcLDxcbHyMnKy9ja2+vs7fHy8/T+mMtEggAAAaVJREFUeNp9kul6gjAQRcd9IQiBWrW24l43xL22tZu8/zu15jIiiD1/+JIcZi5DKI4x/BoaFJI6EZfMre/7W/N/q77zT+xq/1nWxgdr67YlVz6zkrcsU1U6vh1Pj42RbNW3qkqr3lLPbT3JsiH1spTtQbOvLXutjtppIkq3kc2KWxIj6ObVKt9FNclWZE79QrAu9HluF9YdMg2yxGQHamdjh5Zcol2GQjJoupRsmWvOxFxkW5uwahuMgDMxhR6a3p+s6gvPKQbPbVdNkYl/10kTKD29PpYIpDvIZtIzMuUIVBZ/q0UlWOWQbUg/ql2Rf7intj2+hkXV9FvVGuRYmvtgzlpuoGqVO/smz0mb+sxU47k1950yAUio9IlqWux+RduNHkbcNMGSHg4FCeievLZ0l/Oc87l63NIXqITbbqDaQo9alaCJzTc3aF+5tGQgCWJEoMnQEjMOfoY/YSbY0rHhIhNjuHhVVxZLnkVRLO+shQtBcQS/niLhop1G12jBmSAHIXVKQsdnOfShxmdRMpYa9oEmmFOM6Nwm1Bi/Oxrdpuwcxo1fIwJ5t7FKU6MAAAAASUVORK5CYII=) center no-repeat;
}

/* Баян в контактах */

#accordion h3 {
  border: 1px solid #007ac3;
  cursor: pointer;
  padding: 10px 0 10px 10px;
  margin: 0 0 5px 0;
}

#accordion div {display: none;}


/* ============================ SVG карта */

.ui-autocomplete li {
  padding: 10px;
  color: #000;
  cursor: pointer;
}
.ui-autocomplete li.ui-state-focus {
    background: #dbe1e9;
    text-shadow: 0 1px #FFF;
    font-weight: normal !important;
    border: none !important;
    color: #000 !important;
}
.ui-autocomplete li.ui-state-focus:not(:last-child){
    border-bottom: 1px solid #c9d2de;
}
.ui-autocomplete{
  max-width: 960px;
  z-index: 10001;
  list-style: none;
  padding: 0px;
  max-height: 200px;
  overflow: auto;
  overflow-x: hidden;
  background: #f1f1f1 ;
  -webkit-box-shadow: 0 2px 10px -3px;
          box-shadow: 0 2px 10px -3px;
}
.nn_region, .other_region {margin-top: 10px;}
.nn_region input, .other_region input, .nn_region select{
  margin: 5px 0;
}
.nn_region small, .other_region small {
  font-weight: bold;
}
table.data_table {
  width: 100%;
    margin-bottom: 15px;
}
ul.login_menu {
  position: absolute;
  right: 0;
}
ul.login_menu li {
  list-style: none;
  display: inline-block;
}
ul.login_menu li > a, a.paylink, form input[type="submit"], form input[type="reset"] {
    display: inline-block;
    padding: 10px 15px;
    background: #7c7c7c;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    border-radius: 3px;
    margin: 0 5px;
    -webkit-transition: .2s;
    transition: .2s;
}
a.paylink, form input[type="submit"], form input[type="reset"] {
  padding: 5px 10px;
  margin-bottom: 5px;
  font-size: 90%;
  font-weight: normal;
  background: #007ac3;
}
form input[type="submit"], form input[type="reset"]{
  width: auto;
  height: auto;
  color: #FFF;
  border: none;
}
a.paylink:hover, form input[type="submit"]:hover, form input[type="reset"]:hover {
  background: #0a54a2;
}
ul.login_menu li > a:hover{
    background: #606060;
}
p.error_notif {
    background: #fbd1d1;
    padding: 10px;
    border-left: 3px solid #f00;
}
p.error_success_notif {
    background: #cfe8c8;
    padding: 10px;
    border-left: 3px solid #1d9000
}
p.error_notif2 {
    /*background: #f0e94f;*/
    padding: 10px;
}
.ui-widget-header {
    border: 1px solid #007ac3 !important;
    background: #007ac3 !important;
    color: #fff;
    font-weight: bold;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
    filter: Alpha(Opacity=100);
    background-image: none;
}
.ui-state-default {
  position: relative;
}
.ui-state-disabled > span {
  color: #fdaaaa !important;
}
.ui-state-disabled > span:hover:before {
    top: -7px;
    right: 8px;
    border: solid;
    border-color: #c30000  transparent;
    border-width: 5px 5px 0;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
}
.ui-state-disabled > span:hover:after {
    top: -35px;
    background: #c30000 ;
    font-size: 13px;
    color: #fff;
    content: "Дата не доступна для записи";
    display: block;
    right: 0;
    padding: 5px 15px;
    position: absolute;
    white-space: nowrap;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 13px -5px #000;
    box-shadow: 0 1px 13px -5px #000;
}


/*=======VISIBLE ONLY FOR ADMIN=======*/

/* .slider_without {
    margin-top: 3px!important;
    margin-bottom: 3px!important;
}

.slider_line {
    width: 350px;
    color: #007ac3;
    margin-top: 15px!important;
    margin-bottom: 15px!important;
    height: 1px;
}

#first_p {
    margin-top: 25px!important;
} */

/*============BUTTON IN MAPS=========*/
#maps .button {
  width: 120px;
  height: 35px;
  background-color: #007ac3;
  color: white;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  text-decoration: none;
}

#maps .leftText a {
  text-decoration: none;
}

#maps .button p {
  padding-top: 4px;
}

/*=======VISIBLE ONLY FOR ADMIN--END=======*/



/*==========КОСТЫЛЬ ДЛЯ БЛОКА NEWS=======*/
/*.newsWrap {
  margin-bottom: 100px;
}*/

/*Проект подразумевает, что если текст новостей будет превышать
определенную высоту, нужно убирать "лишний" текст под многоточие.
На данном этапе, длинная новость не залезала на следующий блок добавляется
данный margin*/


.applicationForm{}
#applicationForm{}
.applicationForm_input {
  margin: 0 25px 25px 0;
  height: 35px;
  border: solid 1px #007ac3;
  padding: 5px;
}
.applicationForm_input::-moz-placeholder {color: #a7a7a7;}
.applicationForm_input::-webkit-input-placeholder { color: #a7a7a7; }
.applicationForm_input:-ms-input-placeholder { color: #a7a7a7; }
.applicationForm_input::-ms-input-placeholder { color: #a7a7a7; }
.applicationForm_input::placeholder { color: #a7a7a7; }

.applicationForm_select:required:invalid{
  color: #a7a7a7;
}
.applicationForm_select option:not(:first-of-type) {
  color: black;
}
/* the modification */
.applicationForm_select option:first-of-type {
  display: none;
}



.yes-check {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.applicationForm_alert{
  color: #f00;
  text-align: center;
  margin-bottom: 10px;
}

.hideblock {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 100;
}
.hideblock.active{
  display: block;
}
.modalWindow {
  z-index: 2001;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 500px;
  background: #f2f2f2;
  padding: 20px;
  top: 50%;
  left: 50%;
  position: fixed;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
       -o-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.modalWindow.active{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.closed{
  position: absolute;
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  background: #f2f2f2;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
     transform: rotate(45deg);
  font-size: 20px;
  cursor: pointer;
}
.closed:hover {
  background: #d4d4d4;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.modalWindow .select_box {
  width: 100%;
  margin-bottom: 10px;
}
.send-botton {
  margin-bottom: 5px;
  font-size: 90%;
  font-weight: normal;
  background: #007ac3;
  display: inline-block;
  padding: 5px 15px;
  color: #FFF;
  text-decoration: none;
  border-radius: 3px;
  margin: 0 10px;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
}
.send-botton:hover {
  background: #034c77;
}
.modalWindow_title {
  color: #007ac3;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
}
.modalWindow_text {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.modalWindow_text_more{}




/* ---------- !!!NEW ADAPTIV STYLE!!! ---------- */
.wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  overflow: hidden;
}
.main {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background-color: #F5F5F5;
}
#header, #footer {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#main-content {
  background: #ffffff;
}
/* ---------- ШАПКА САЙТА ---------- */
#header {
  background: #fff;
  padding-top: 10px;
}
/*.header-ins {*/
/*  border-bottom: 1px solid #ccc;*/
/*  padding-bottom: 20px;*/
/*}*/
#header .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 100%;
  margin: 0 10px;
}
#logo {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
}

.topMenu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 20px;
}
.topMenu__item {
  position: relative;
      -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.topMenu__item a {
  display: block;
  padding: 10px 1px;
  font-size: 16px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  text-align: center;
}
.topMenu__item a.active,
.topMenu__item a:hover {
  color: rgba(0, 121, 194, 1);
}
.topMenu__item.with-submenu {
  position: relative;
}

.submenu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  flex-direction: column;
  background-color: white;
  z-index: 1000;
  max-width: 250px;
  width: max-content;
  padding: 10px 0;
  list-style: none;
  word-break: break-word;
  white-space: normal;
}

.submenu li {
  padding: 0;
  list-style-type: none;
}

.submenu li a {
  padding: 8px 15px;
  display: block;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  word-wrap: break-word;
}

.submenu li a:hover {
  background-color: rgba(0, 121, 194, 1);
  color: rgba(255, 255, 255, 1);
}

/* Показываем подменю при наведении */
.topMenu__item.with-submenu:hover .submenu {
  display: flex;
}

.nav-btn__hidd {
  display: none;
}

.UpperMenu {
  --color: black;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  height: 50%;
  gap: 10px;
  margin-left: 1rem;
}

.UpperMenu * {
  color: var(--color);
}

.UpperMenu > * {
  border: 1px solid var(--color);
  border-radius: 100px;
  padding: 0.5rem 1rem;
}

.UpperMenu.UpperMenu_mobile {
  /* display: flex; */
  /* visibility: inherit; */
  display: none;
  visibility: hidden;
  height: fit-content;
  font-size: 16px;
  gap: 6px;
  background: white;
  padding: 30px 5%;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}

.UpperMenu_mobile img[src$="Vector.svg"],
.UpperMenu_mobile img[src$="Subtract.svg"] {
  height: 13.5px;
}

.UpperMenu_mobile img[src$="Exclude.svg"] {
  width: 13px;
}

.UpperMenu_mobile .gap {
  text-wrap: nowrap;
}

.UpperMenu_mobile [rel=lk] {
  display: none;
  visibility: hidden;
}

.UpperMenu.UpperMenu_fullscreen {
  display: none;
  visibility: hidden;
  position: absolute;
  top: -20.3%;
  right: 8%;
  z-index: 10;
}

.UpperMenu > .dropdown-wrapper {
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  position: relative;
  display: inline-block;
  height: auto;
}
.dropdown-wrapper > .main-btn {
  border: 1px solid var(--color);
  border-radius: 100px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  transition: background-color 0.2s; /* Плавная смена фона */
}

/* Скрываем список по умолчанию */
.tree-menu {
  display: none;
  position: absolute;
  top: 100%; /* Появляется ровно под кнопкой */
  margin: 0;
  list-style: none;
  z-index: 100;
  padding: 8px 16px;
  border-radius: 0 0 20px 20px;
  width: 100%;
  background-color: white;
}

.dropdown-wrapper:hover > .main-btn {
  background-color: var(--color);
}
.dropdown-wrapper:hover > .main-btn span {
  color: white !important;
}
.dropdown-wrapper:hover > .main-btn img {
  content: url('/SiteNN/images/new_header/Exclude_white.svg');
}
/* Показываем список при наведении на обертку */
.dropdown-wrapper:hover .tree-menu {
  display: block;
}

/* Настройки элементов списка (для линий) */
.tree-menu li {
  position: relative;
  padding-left: 20px; /* Место для горизонтальной линии */
  margin-bottom: 8px; /* Расстояние между кнопками */
}

/* Рисуем уголок (линия сверху вниз и вправо) для каждого пункта */
.tree-menu li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;     /* Начинается ровно по центру высоты кнопки */
  left: 0;
  width: 20px;  /* Длина черточки до кнопки */
  border-top: 1.5px solid #3498DB; /* Прямая линия без закруглений */
}

/* Продлеваем вертикальную линию вниз, если это НЕ последний элемент */
.tree-menu li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: -15px;   /* Тянется вверх, соединяясь с элементом выше */
  bottom: -10px; /* Тянется вниз через отступ к следующему элементу */
  left: 0;
  border-left: 1.5px solid #3498DB;
}

.tree-menu li:last-child::before {
  content: "";
  position: absolute;
  top: -10px;   /* Соединяется со "стволом" от предыдущего пункта */
  left: 0;
  bottom: 50%;  /* Идет вниз только до середины кнопки */
  width: 20px;
  border-left: 1.5px solid #3498DB;
  border-bottom: 1.5px solid #3498DB;
  border-bottom-left-radius: 10px; /* То самое закругление */
}

/* Стилизуем сами ссылки (кнопки МКД и ИЖС) */
.tree-menu li a {
  display: inline-block;
  padding: 6px 16px;
  border: 1.5px solid #3498DB; /* Синяя рамка */
  border-radius: 20px; /* Скругленные углы */
  color: #3498DB; /* Синий текст */
  background-color: #ffffff; /* Белый фон */
  text-decoration: none;
  font-family: inherit; /* Наследует шрифт вашего сайта */
  font-size: 14px;
  white-space: nowrap; /* Чтобы текст не переносился */
  transition: background-color 0.2s ease;
}

/* Эффект при наведении на подпункты (опционально) */
.tree-menu li a:hover {
  background-color: #3498DB;
  color: white;
}
.gap {
  display: flex;
  gap: 5px;
  text-decoration: none;
  align-items: center;
}
.gap span {
  margin: 0;
}

.DownedMenu {
  height: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 20px;
}

.right_menu { 
  width: 10%;
  margin: 0 30px;
  gap: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 19px;
  text-decoration: none;
  background: none;
  border: none;
  height: 10%;
}

.center_menu {
  width: 90%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  align-content: flex-end;
  justify-content: center;
}

@media screen and (max-width: 1400px) and (min-width: 800px) {
  .topMenu__item a {
    font-size: 14px;
  }
  .UpperMenu {
    font-size: 14px;
  }
  .gap img {
    max-width: 15px;
  }
  .topMenu__list {
    gap: 10px;
  }
  .right_menu {}
}
@media screen and (max-width: 768px) {
  .DownedMenu {
    display: none;
  }
  .UpperMenu {
    font-size: 14px;
    gap: 16px;
    margin-right: 16px;
  }
  #logo img {
    width: 100px;
  }
  img[alt="search"] {
    display: none;
  }
  span[style="color: #03407D"] {
    display: none;
  }
  .center_menu {
    width: 100%;
    display: flex;
    align-items: end;
  }
  .right_menu {
    margin: 23px 0 0;
    width: auto;
  }
  #header {
    .footer-container {
      flex-wrap: nowrap;
    }
    .footer-title {
      font-size: 13px;
      line-height: 100%;
      margin: 10px 0;
    }
    .footer-container {
      margin: 0 5%;
      padding-top: 35px;
    }
    .footer-menu {
      font-size: 12px;
      line-height: 1.1;
      margin-bottom: 10px;
    }
    .footer-column {
      min-width: 200px;
      gap: 0;
    }
    .footer-menu li {
      margin-bottom: 8px;
    }
    .footer-address, .footer-address a {
      font-size: 13px;
      color: rgba(0, 0, 0, 1);
      line-height: 100%;
    }
    .footer-address span, .footer-address a{
      line-height: 18px;
    }
    h3 {
      margin-bottom: 10px;
    }
    .head_search {
      margin: auto 5%;
      max-width: 70%;
    }
    .quest {
      font-size: 12px;
      padding: 9.5px 20px;
      line-height: 100%;
    }
    input {
      font-size: 12px;
      line-height: 100%;
    }
    .search_field {
      padding: 3px 15px;
      margin-bottom: 20px;
    }
    .search_form {
      font-size: 12px;
      line-height: 100%;
    }
    .search_field input::placeholder {
      font-size: 12px;
      line-height: 100%;
    }
    .search_field img {
      width: 12px;
    }
  }
}

/* Модальное окно */

#closeModal {
  float: right;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

a[style="--color: #E67E22;"]:hover {
    background-color: #E67E22;
    span {
        color: white;
    }
    img {
        content: url('/SiteNN/images/new_header/Vector_white.svg');
    }
}
a[style="--color: #27AE60;"]:hover {
    background-color: #27AE60;
    span {
        color: white;
    }
    img {
        content: url('/SiteNN/images/new_header/Subtract_white.svg');
    }
}
a[style="--color: #3498DB;"]:hover {
    background-color: #3498DB;
    span {
        color: white;
    }
    img {
        content: url('/SiteNN/images/new_header/Exclude_white.svg');
    }
}
a[style="--color: #03407D;"]:hover {
    background-color: #03407D;
    span {
        color: white;
    }
    img {
        content: url('/SiteNN/images/new_header/Union_white.svg');
    }
}
/* ---------- КОНЕЦ ШАПКИ САЙТА ---------- */

/* ---------- СЛАЙДЕР НА ГЛАВНОЙ ---------- */

.swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide-image {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

.slide-content {
  position: absolute;
  left: 10%;
  color: white;
  z-index: 2;
}
.slide-content a {
  text-decoration: none;
}
.slide-subtitle {
  font-size: 18px;
  margin-bottom: 10px;
  opacity: 0.85;
}

.slide-title {
  font-size: 48px;
  line-height: 60px;
  font-weight: 300;
  margin-bottom: 20px;
}

.slide-button {
  padding: 12px 30px;
  background-color: white;
  color: black;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.slide-button:hover {
  background-color: #f0f0f0;
  color: black;
}

/* Пагинация в виде полосок */
.swiper-pagination {
  bottom: 40px !important;
  text-align: center;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.swiper-pagination-bullet {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  opacity: 1;
  transition: background 0.3s ease;
}

.swiper-pagination-bullet-active {
  background: white;
}

@media screen and (max-width: 1400px) and (min-width: 800px) {
  .slide-title {
    font-size: 32px;
    line-height: 40px;

  }
  .slide-subtitle {
    font-size: 16px;
  }
  .slide-image {
    height: 430px;
  }
}
@media screen and (max-width: 768px) {
  .slide-subtitle {
    font-size: 14px;
  }  
  .slide-title {
    font-size: 26px;
    line-height: 30px;
  }
  .slide-image {
    height: 258px;
    object-fit: cover;
  }
  .slide-button {
    font-size: 14px;
    padding: 9.5px 15px;
    font-weight: 400;
  }
  .container {
    margin: auto 5%;
    max-width: 90%;
  }
}


/* ---------- СЛАЙДЕР на главной ---------- */

/* ---------- КОНЕЦ СЛАЙДЕРА на главной ---------- */

/* ---------- Блок с МЕНЮ (ПОД СЛАЙДЕРОМ) СЕРВИСЫ ---------- */

.info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  gap: 15px;
  margin: 80px 10%;
}

.card {
  background: white;
  padding: 25px;
}
.card-icon {
  margin-bottom: 35px;
}

.card h3 {
  color: #0079C2;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: normal;
}

.card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.card ul li {
  margin-bottom: 6px;
  position: relative;
}

.card li a {
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    text-decoration: none;
    display: inline;
    white-space: normal;
    position: relative; /* Для позиционирования псевдоэлемента */
    padding-bottom: 2px; /* Чтобы подчёркивание не наезжало на текст */
    transition: 0.3s;
}

.card li a:hover {
    color: rgba(0, 0, 0, 1); /* Можно изменить цвет текста при наведении, если нужно */
}

.arrow-icon {
    display: inline-block; /* важно для отображения фона */
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background-image: url('/SiteNN/images/menu_after_slider/arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* Фиксируем положение стрелки относительно текста */
    vertical-align: middle;
    transition: 0.3s;
}
.card li a:hover .arrow-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 4px;
  background-image: url('/SiteNN/images/menu_after_slider/arrow_active.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.bottom-banner {
  grid-column: 1 / -1;
  background: white;
  padding: 0;
  overflow: hidden;
}

.bottom-banner img {
    pointer-events: none; /* Отключает все взаимодействия с изображением */
    width: 100%;
    height: auto;
    display: block;
    padding: 0 26px;
}

.bottom-banner img[src*="widget_375px"] {
  display: none;
}

@media screen and (max-width: 768px) {
  .info-grid {
    grid-template-columns: repeat(2, 1fr);
    margin: auto 5%;
    padding: 50px 0;
    gap: 8px;
  }
}
/* ---------- Конец блока с МЕНЮ (ПОД СЛАЙДЕРОМ) ---------- */
/* ---------- ВИДЖЕТ --------------------------------------- */

.gus-survey-section {
  display: flex;
  margin: auto 10%;
  flex-direction: row;
  gap: 15px;
}

.gus-left {
  display: flex;
  width: 50%;
  flex-direction: column;
  background-color: #6DB1F9;
}
.gus-problem-block {
  padding: 60px 35px 60px 35px;
}
.gus-problem-title {
  font-size: 22px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 20px;
}
.gus-decs {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.white {
  color: white;
}
.gus-report-btn {
  display: inline-block;
  padding: 15px 24px;
  border-radius: 5px;
  background-color: #FFFFFF;
  
}

.gus-report-btn a {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  color:rgba(0, 0, 0, 0.8);
  text-decoration: none;
  position: relative;
  padding-bottom: 2px;
}
.gus-report-btn a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #000000; /* Цвет подчёркивания (можно изменить) */
  transition: width 0.3s ease; /* Плавное расширение */
}

.gus-report-btn a:hover::after {
    width: 100%; /* Полное подчёркивание при наведении */
}

.gus-logo-image {
  width: 100%;
  height: auto;
}

.gus-right {
  background-color: #FFFFFF;
}

.gus-content-block {
  padding: 50px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.gus-start-btn {
  color: rgba(38, 75, 203, 1);
  padding: 14px 24px;
  border: solid rgba(38, 75, 203, 1) 1px;
  border-radius: 5px;
  margin: 40px 0;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: 0.3s;
}
.gus-start-btn:hover {
  background-color: rgba(38, 75, 203, 1);
  color: rgba(255, 255, 255, 1);
}

.gus-survey-desc1 {
  display: flex;
  flex-direction: column;
  align-self: start;
  border: solid 1px rgba(217, 217, 217, 1);
  border-radius: 5px;
  color: rgba(11, 31, 51, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 22px 15px;
  padding-bottom: 10px;
  .gus-rules-link {
    margin: 15px 0;
    font-size: 16px;
    line-height: 100%;
    color: rgba(38, 75, 203, 1);
    text-decoration: underline;
  }

}

.gus-survey-desc2 {
  color: rgba(11, 31, 51, 0.5);
  background-color: rgba(249, 249, 250, 1);
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  padding: 22px 15px;
}

@media screen and (max-width: 768px) {
  .gus-survey-section {
    margin: auto 5%;
    padding: 50px 0;
  }
  .gus-problem-title {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .gus-left {
    width: 100%;
  }
  .gus-right {
    width: 100%;
  }
  .gus-report-btn a {
    font-size: 14px;
    line-height: 100%;
  }
  .gus-content-block {
    padding: 25px 20px;
  }
  .gus-right .gus-content-block .gus-problem-title {
    font-size: 18px;
  }
  .gus-decs {
    margin-top: 0;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 30px;
    span {
      margin-bottom: 6.4px;
    }
  }
  .gus-start-btn {
    margin: 0;
  }
  .gus-survey-desc2 {
    display: none;
  }
  .gus-survey-desc1 {
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 0;
    .gus-rules-link {
      margin: 5px 0 0;
      font-size: 12px;
      line-height: 100%;
    }
  }
  .gus-problem-block {
    padding: 25px 20px 29px;
  }

}
/* ---------- КОНЕЦ ВИДЖЕТА -------------------------------- */
/* ---------- Блок с НОВОСТЯМИ ---------- */
#news {
  padding: 140px 0;
}
#news .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 16px;
  max-width: 80%;
  margin: auto 10%;
  padding: 0;
}
.start-news {
  grid-column: 1 / span 2; /* Занимает 1-ю и 2-ю колонки */
  grid-row: 1; /* Первая строка */
}

.newsItemsWrap {
  display: contents;
}

#news h2 {
  color: rgba(0, 121, 194, 1);
  position: relative;
  margin: 0;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
}
#news h1 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  margin-bottom: 40px;
}
.newsWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*margin: 0 -25px 20px;*/
  margin: 0 0px 20px;
}

/* Стили для карточек с картинками */
.newsItem.has-image {
  position: relative;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 1);
  min-height: 350px;
  text-decoration: none;
  overflow: hidden;
}

/* Стили для карточек без картинок */
.newsItem:not(.has-image) {
  position: relative;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 1);
  min-height: 350px;
  text-decoration: none;
}

.newsItemInfo {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.4);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  border-radius: 5px;
  padding: 14px 24px;
  transition: 0.3s;
}

.newsItemInfo:hover {
  background-color: rgba(0, 121, 194, 1);
  color: rgba(255, 255, 255, 1);
}

.newsItemInfo[rel="btn__all-content_mobile"] {
  display: none;
  visibility: none;
  text-decoration: none;
  width: fit-content;
}

.newsItem a {
  text-decoration: none;
}

.start-news a {
  text-decoration: none;
}

.newsItemTitle {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 22px;
  font-weight: 400;
}

.newsItemDate {
  color: rgba(0, 121, 194, 1);
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  margin: 0 0 15px;

}

/* Стили картинок только для карточек с картинками */
.newsItem.has-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transform: translateY(-100%);
  transition: transform 0.4s ease-in-out;
  flex-shrink: 0;
}

/* Стили контента только для карточек с картинками */
.newsItem.has-image .newsContent {
  padding: 20px 26px;
  transition: transform 0.4s ease-in-out;
  transform: translateY(-200px);
  flex-grow: 1;
}

/* Стили контента для карточек без картинок */
.newsItem:not(.has-image) .newsContent {
  padding: 20px 26px;
  flex-grow: 1;
}

.newsItemBrief p {
  margin: 0;
}

.arrow_new {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background-image: url('/SiteNN/images/news/arrow.svg');
  background-repeat: no-repeat;
  opacity: 0.8;
  transition: 0.3s;
}

/* Hover эффекты только для карточек с картинками */
.newsItem.has-image:hover .arrow_new {
  background-image: url("/SiteNN/images/news/arrow_active.svg");
}

.newsItem.has-image:hover img {
  transform: translateY(0);
}

.newsItem.has-image:hover .newsContent {
  transform: translateY(0);
}

/* Hover эффекты для карточек без картинок */
.newsItem:not(.has-image):hover .arrow_new {
  background-image: url("/SiteNN/images/news/arrow_active.svg");
}

@media screen and (max-width: 768px) { 
  #news {
    padding: 0 0 70px;
    .container {
      display: flex;
      flex-direction: column;
      gap: 24px;
      margin: auto 5%;
      max-width: 90%;
    }
    h2 {
      font-size: 14px;
      line-height: 100%;
      margin: 0;
    }
    h1 {
      font-size: 18px;
      line-height: 100%;
      margin: 0;
    }
    .newsItemTitle {
      font-size: 14px;
      line-height: 100%;
    }
    .newsItemDate {
      font-size: 12px;
      line-height: 100%;
    }
    .newsContent {
      padding: 20px 15px;
    }
    .newsItemsWrap a {
      min-height: 200px;
      height: 272px;
    }
  }

  .start-news {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 16px;
    row-gap: 10px;
    align-items: center;
  }

  .start-news h2 {
    grid-column: 1 / 3; /* h2 на всю ширину */
    margin: 0;
  }

  .start-news h1 {
    grid-column: 1 / 2; /* h1 слева */
    font-size: 20px;
    line-height: 26px;
    margin: 0;
  }

  .start-news a.newsItemInfo {
    grid-column: 2 / 3; /* кнопка справа от h1 */
    grid-row: 2 / 3;
    align-self: center;
    justify-self: end;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .newsItemsWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .newsItemsWrap .newsItem {
    width: calc((100% - 32px) / 3); /* 3 карточки с gap=16px */
  }

  .newsItemsWrap .newsItem:nth-child(n+4) {
    display: none;
    visibility: hidden;
  }
  
}
/* ---------- Конец блока с НОВОСТЯМИ ---------- */

/* ---------- Медиа контент на главной ---------- */
/* ---------- Блок с ИНФОРМАЦИЕЙ О КОМПАНИИ ---------- */
#about_company {
  padding: 140px 0;
  background-color: #FFFFFF;
  .about-company a {
    text-decoration: none;
  }
  .title {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 16px;
    max-width: 80%;
    margin: auto 10%;
    padding: 0;
  }
  .title h2:first-child {
    grid-column: 1;
  }
  .title h2:last-child {
    grid-column: 3;
  }
  .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 16px;
    max-width: 80%;
    margin: auto 10%;
    padding: 0;
  }
  .about-company {
    grid-column: 1 / span 2; /* Занимает 1-ю и 2-ю колонки */
    grid-row: 1; /* Первая строка */
  }
  h2 {
    color: rgba(0, 121, 194, 1);
    position: relative;
    margin: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
  }
  h1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 40px;
  }
  .card-about {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 350px;
    padding: 20px 26px;
  }
  .card-about h2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
  }
}
#one {
  background-image: url("/SiteNN/images/about/1.png");
}
#two {
  background-image: url("/SiteNN/images/about/2.png");
}
#three {
  background-image: url("/SiteNN/images/about/3.png");
}
#four {
  background-image: url("/SiteNN/images/about/4.png");
}
#five {
  background-image: url("/SiteNN/images/about/5.png");
}
#six {
  background-image: url("/SiteNN/images/about/6.png");
}

@media screen and (max-width: 768px) { 
  #about_company {
    padding: 70 5%;
    max-width: 100%;
  }
  #about_company .title {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 16px;
  }

  .about-company {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
  }

  .about-company h1 {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    flex: 1 1 60%;
  }

  .about-company a.newsItemInfo-change {
    padding: 10px 16px;
    font-size: 14px;
  }

  #about_company .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 16px;
  }

  .card-about {
    min-height: 180px;
    padding: 16px;
    background-size: cover;
    background-position: center;
  }
  #about_company {
    h1 {
      font-size: 18px;
      line-height: 100%;
    }
    .title {
      max-width: 100%;
      align-items:flex-start;
    }
    h2 {
      font-size: 14px;
      line-height: 100%;
      margin: 0;
    }
    .container {
      max-width: 100%;
    }
    .card-about h2 {
      font-size: 14px;
      line-height: 100%;
      margin: 0;
    }
    .card-about {
      min-height: 272px;
      padding: 15px;
    }
  }
}
/* ---------- Конец блока с ИНФОРМАЦИЕЙ О КОМПАНИИ ---------- */

/* ---------- HISTORY ---------- */

#history {
  background-image: url("/SiteNN/images/history/bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 140px 20px;
  position: relative;
  overflow: hidden;
}

#history a {
  text-decoration: none;
}

.history-container {
  position: relative;
  max-width: 80%;
  margin: auto 10%;
  padding: 0;
}

.history-subtitle {
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 22px;
  margin: 0 0 30px 0;
}

.history-text {
  margin: 0;
  font-family: "Inter", sans-serif;
}

.main-text {
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  margin-bottom: 40px;
  max-width: 50%;
}

.side-text {
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
}

.history-btn {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  padding: 15px 24px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.history-btn:hover {
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 0.8);
}

/* Позиционирование элементов */
.history-container {
  position: relative;
  min-height: 1200px;
}

/* Текст - самый верхний слой */
.history-subtitle,
.main-text,
.side-text,
.bottom {
  position: relative;
  z-index: 10;
}

.side-text-2 {
  top: 35%;
  right: 0;
  z-index: 10;
}

.side-text-1 {
  position: absolute;
  width: 40%;
  top: 35%;
  right: 0;
  z-index: 10;
}

/* Фотографии - между текстом и фоном */
.img1 {
  position: absolute;
  width: 35%;
  top: 25%;
  left: 0;
  z-index: 5;
}

.img2 {
  position: absolute;
  width: 30%;
  top: 12%;
  right: 16%;
  z-index: 6;
}

.img3 {
  position: absolute;
  width: 35%;
  top: 62%;
  left: 10%;
  z-index: 5;
}

.img4 {
  position: absolute;
  width: 25%;
  top: 61%;
  right: 1%;
  z-index: 6;
}

.img5 {
  position: absolute;
  width: 30%;
  top: 94%;
  right: 5%;
  z-index: 5;
}

.bottom {
  position: absolute;
  width: 45%;
  bottom: 5%;
  left: 0;
  z-index: 10;
}

.bottom p {
  margin-bottom: 40px;
}

/* Параллакс-эффект */
.history-img {
  transition: transform 0.1s linear;
  will-change: transform;
}

/* Адаптивность для больших планшетов и маленьких десктопов */
@media screen and (max-width: 1200px) {
  #history {
    padding: 120px 20px;
  }

  .history-container {
    max-width: 85%;
    margin: auto 7.5%;
    min-height: 1100px;
  }

  .main-text {
    max-width: 55%;
    font-size: 26px;
    line-height: 34px;
  }

  .side-text {
    font-size: 26px;
    line-height: 34px;
  }

  .img1 {
    width: 32%;
    top: 25%;
    left: 2%;
  }

  .img2 {
    width: 26%;
    top: 12%;
    right: 14%;
  }

  .img3 {
    width: 32%;
    top: 62%;
    left: 8%;
  }

  .img4 {
    width: 22%;
    top: 61%;
    right: 3%;
  }

  .img5 {
    width: 28%;
    top: 94%;
    right: 4%;
  }
}

/* Адаптивность для планшетов */
@media screen and (max-width: 1024px) {
  #history {
    padding: 100px 20px;
  }

  .history-container {
    max-width: 90%;
    margin: auto 5%;
    min-height: 1000px;
  }

  .main-text {
    max-width: 60%;
    font-size: 24px;
    line-height: 32px;
  }

  .side-text {
    font-size: 24px;
    line-height: 32px;
  }

  .side-text-1 {
    width: 45%;
    top: 35%;
  }

  .img1 {
    width: 30%;
    top: 25%;
    left: 3%;
  }

  .img2 {
    width: 24%;
    top: 12%;
    right: 12%;
  }

  .img3 {
    width: 30%;
    top: 62%;
    left: 10%;
  }

  .img4 {
    width: 20%;
    top: 61%;
    right: 5%;
  }

  .img5 {
    width: 26%;
    top: 94%;
    right: 6%;
  }

  .bottom {
    width: 48%;
    bottom: 5%;
  }
}

/* Адаптивность для маленьких планшетов */
@media screen and (max-width: 900px) {
  #history {
    padding: 80px 15px;
  }

  .history-container {
    max-width: 95%;
    margin: auto 2.5%;
    min-height: 900px;
  }

  .main-text {
    max-width: 65%;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px;
  }

  .side-text {
    font-size: 22px;
    line-height: 30px;
  }

  .side-text-1 {
    width: 50%;
    top: 35%;
  }

  .img1 {
    width: 28%;
    top: 25%;
    left: 4%;
  }

  .img2 {
    width: 22%;
    top: 12%;
    right: 10%;
  }

  .img3 {
    width: 28%;
    top: 62%;
    left: 12%;
  }

  .img4 {
    width: 18%;
    top: 61%;
    right: 7%;
  }

  .img5 {
    width: 24%;
    top: 94%;
    right: 8%;
  }

  .bottom {
    width: 52%;
    bottom: 5%;
  }
}

/* Адаптивность для телефонов */
@media screen and (max-width: 768px) {
  #history {
    padding: 60px 10px;
  }

  .history-container {
    max-width: 95%;
    margin: auto 2.5%;
    min-height: 800px;
  }

  .history-subtitle {
    font-size: 16px;
  }

  .history-text {
    font-size: 18px;
    line-height: 24px;
  }

  .main-text {
    max-width: 70%;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
  }

  .side-text {
    font-size: 20px;
    line-height: 28px;
  }

  .side-text-1 {
    width: 55%;
    top: 35%;
  }

  .img1 {
    width: 36%;
    top: 25%;
    left: 2%;
  }

  .img2 {
    width: 31%;
    top: 12%;
    right: 1%;
  }

  .img3 {
    width: 43%;
    top: 60%;
    left: 6%;
  }

  .img4 {
    width: 30%;
    top: 61%;
    right: 3%;
  }

  .img5 {
    width: 37%;
    top: 94%;
    right: 6%;
  }

  .bottom {
    width: 60%;
    bottom: 5%;
  }

  .history-btn {
    font-size: 14px;
    padding: 12px 18px;
  }
}

/* Адаптивность для маленьких телефонов */
@media screen and (max-width: 480px) {
  #history {
    padding: 40px 5px;
  }

  .history-container {
    min-height: 700px;
  }

  .history-subtitle {
    font-size: 14px;
  }

  .history-text {
    font-size: 16px;
    line-height: 22px;
  }

  .main-text {
    max-width: 75%;
    font-size: 18px;
    line-height: 24px;
  }

  .side-text {
    font-size: 18px;
    line-height: 24px;
  }

  .side-text-1 {
    width: 60%;
    top: 35%;
  }

  .img1 {
    width: 22%;
    top: 25%;
    left: 6%;
  }

  .img2 {
    width: 18%;
    top: 12%;
    right: 6%;
  }

  .img3 {
    width: 22%;
    top: 62%;
    left: 18%;
  }

  .img4 {
    width: 14%;
    top: 61%;
    right: 11%;
  }

  .img5 {
    width: 20%;
    top: 94%;
    right: 12%;
  }

  .bottom {
    width: 65%;
    bottom: 5%;
  }

  .history-btn {
    font-size: 13px;
    padding: 10px 15px;
  }
}

/* ---------- Конец HISTORY ---------- */
/* ---------- Блок с ПАРТНЕРАМИ ---------- */
#partners {
  background-color: #ffffff;
  padding: 140px 0;
}
#partners h2 {
  color: rgba(0, 121, 194, 1);
  position: relative;
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
}
.imgWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  flex-direction: row;
  gap:15px;
}
.imgWrap img {
  width: 25%;
}

@media screen and (max-width: 768px) {
  #partners {
    padding: 0 5% 70px;
    margin: 0;
    max-width: 100%;
    .container {
      padding: 0;
      margin: 0;
      max-width: 100%;
    }
    .imgWrap {
      gap: 8px;
      width: 100%;
    }
    img {
      width: calc((100% - 3 * 8px) / 4); /* 4 картинки, 3 промежутка по 8px */
      max-width: 100%;
      height: auto;
    }
  }
}
/* ---------- КОНЕЦ блока с ПАРТНЕРАМИ ---------- */

/* ------ ВИДЕОЗАПИСИ ----- */
#videos {
  padding: 140px 0;
  background-color: #FFFFFF;
}
#videos .container {
  max-width: 80%;
  margin: auto 10%;
  padding: 0;
}

.title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.title a {
  text-decoration: none;
}
.title__gaz-map {
  font-weight: 500;
}
.subtitle h2 {
  font-family: "Manrope",sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(0, 121, 194, 1);
}
.subtitle h3 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  color:rgba(0, 0, 0, 1);
}
.title .newsItemInfo {
  display: inline-block;
}
/* .video__wrap {
  display: flex;
  flex-direction: row;
  gap: 15px;
} */
.video__wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 15px;
}

.video__item {
  width: 100%;
}

.video__item-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 5px;
}

.video__item-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

@media screen and (max-width: 768px) { 
  #videos {
    padding: 70px 5%;
    max-width: 100%;
    margin: 0;
    .container {
      margin: 0;
      max-width: 100%;
      padding: 0;
    }
    h2 {
      font-size: 14px;
      line-height: 100%;
    }
    h3 {
      font-size: 18px;
      line-height: 100%;
      padding-right: 1.5rem;
    }
    .newsItemInfo {
      font-size: 14px;
      line-height: 100%;
      padding: 9.5px 15px;
    }
    .video__wrap {
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 8px;
    }
  }

}
/* ------ КОНЕЦ ВИДЕОЗАПИСИ ----- */

/* ---------- Блок с КАРТОЙ ---------- */
#maps {
  background: rgba(245, 245, 245, 1);
  padding: 140px 0;
}
#maps h2 {
  font-family: "Manrope",sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(0, 121, 194, 1);
}
.leftText h4 {
  color: rgba(0, 0, 0, 1);
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
}

.gazification-btn {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 121, 194, 1);
  transition: 0.3s;
}

.gazification-btn:hover {
  background-color: rgba(0, 108, 173, 1);
}

.map_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 колонки */
  grid-template-rows: repeat(2, auto);   /* 2 строки */
  gap: 15px; /* можно изменить по желанию */
  max-width: 100%;
}

.map_card {
  background: rgba(255, 255, 255, 1);
  padding: 35px 20px;
  text-align: center;
}
.num {
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  color: rgba(0, 121, 194, 1);
  margin: 0;
  margin-bottom: 5px;
}
.text {
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  line-height: 22px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
}
.map_card#m1 {
  grid-column: 1;
  grid-row: 1;
}

.map_card#m2 {
  grid-column: 2;
  grid-row: 1;
}

.map_card#m3 {
  grid-column: 1;
  grid-row: 2;
}

.map_card#m4 {
  grid-column: 3;
  grid-row: 2;
}
.map_bottom {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 80px;
}

.map_bottom a {
  display: flex;
  height: auto;
  background-color: rgba(0, 121, 194, 1);
  border-radius: 5px;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 14px 24px;
  align-items: center;
}

.map_bottom-mobile {
  display: none;
  visibility: hidden;
}

.map_bottom-mobile * {
  text-decoration: none;
}

#selectArea {
  padding: 14px 24px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
  color: rgba(0, 121, 194, 1);
  border: 1px solid rgba(0, 121, 194, 1);
  border-radius: 5px;
  background-color: #f8f8f8;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("/SiteNN/images/arrows_select.svg");
  background-repeat: no-repeat;
  background-position: right 25px center;
  background-size: 5px;
  cursor: pointer;
}

.dropdown-wrapper {
  position: relative;
  display: inline-block;
  font-family: "Inter", sans-serif;
  height: 100%;
}

/* Кнопка по умолчанию */
.dropdown-button {
  padding: 10px 20px;
  font-size: 16px;
  color: rgba(0, 121, 194, 1);
  border: 1px solid rgba(0, 121, 194, 1);
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 1);
  cursor: pointer;
  background-image: url("/SiteNN/images/arrows_select.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 5px;
  width: 182px;
  height: 100%;
  line-height: 24px;
}

.dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  margin-top: 0;
  width: max-content;
  min-width: 200px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 8px 0;
}

.dropdown-wrapper:hover .dropdown-button {
  display: none;
}

.dropdown-wrapper:hover .dropdown-menu {
  display: block;
}

.dropdown-item {
  padding: 5px 30px;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  background-color: transparent;
}
.dropdown-menu .dropdown-item:first-child {
  margin-top: 10px;
}
.dropdown-menu .dropdown-item:last-child {
  margin-bottom: 10px;
}
.dropdown-item:hover::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-image: url('/SiteNN/images/checkmark.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.maps__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leftText {
  width: 40%;
}
.leftText li {
  color: #4d4e4e;
  font-size: 16px;
  white-space: nowrap;
}
.leftText li span {
  color: #4376ba;
  font-size: 36px;
  margin-right: 5px;
}
.rightMap {
  width: 50%;
  position: relative;
}
.rightMap h5 {
  color: #007ac3;
  font-size: 20px;
  margin: 0 0 45px 0;
}

.mapSection {
  position: relative;
  width: 100%;
  height: auto;
}

.svgItem {
  position: relative;
  width: 100%;
  height: auto;
}

#svg-map {
  width: 100%;
  height: auto;
}

#svg-map g {
  position: relative;
}

.svg-region {
  cursor: pointer;
  transition: all 0.2s ease;
}
.svg-region:hover {
  fill: #539AE0;
  stroke: rgb(49, 149, 231);
}

.tooltip span {
  position: absolute;
  display: none;
  font-size: 12px;
  background: #E6E6E6;
  padding: 3px 5px;
  border: solid 1px #808080;
}
.text_id1 {bottom: 40px;left: 150px;}
.text_id2 {bottom: 30px;left: 0;}
.text_id3 {top: 80px;right: 0;}
.text_id4 {bottom: 0;left: 0;}
.text_id5 {bottom: 90px;right: 30px;}
.text_id6 {bottom: 230px;left: 0;}
.text_id7 {bottom: 0;left: 80px;}
.text_id8 {bottom: 40px;right: 50px;}
.text_id9 {bottom: 80px;left: 0;}
.text_id10 {bottom: 50px;left: 0;}
.text_id11 {top: 150px;right: 0;}
.text_id12 {top: 70px;right: 0;}
.text_id13 {bottom: 70px;left: 0;}
.text_id14 {bottom: 50px;left: 20px;}
.text_id15 {bottom: 130px;right: 70px;}
.text_id16 {bottom: 70px;right: 40px;}
.text_id17 {bottom: 90px;right: 50px;}
.text_id18 {bottom: 140px;right: 50px;}
.text_id19 {bottom: 160px;right: 30px;}
.text_id20 {bottom: 220px;left: 20px;}
.text_id21 {top: 0px;left: 140px;}
.text_id22 {top: 0px;right: 110px;}
.text_id23 {top: 0px;right: 0px;}
.text_id24 {bottom: 180px;left: 0px;}
.text_id25 {bottom: 10px;left: 60px;}
.text_id26 {bottom: 150px;left: 0;}
.text_id27 {top: 180px;right: 30px;}
.text_id28 {top: 100px;left: 10px;}
.text_id29 {bottom: 140px;left: 10px;}
.text_id30 {bottom: 110px;left: 10px;}
.text_id31 {top: 20px;left: 100px;}
.text_id32 {top: 30px;left: 100px;}
.text_id33 {bottom: 90px;left: 100px;}
.text_id34 {bottom: 90px;right: 100px;}
.text_id35 {bottom: 100px;left: 80px;}
.text_id36 {top: 100px;left: 100px;}
.text_id37 {top: 130px;left: 100px;}
.text_id38 {top: 70px;left: 100px;}
.text_id39 {top: 200px;right: 30px;}
.text_id40 {top: 20px;right: 100px;}
.text_id41 {bottom: 60px;left: 100px;}
.text_id42 {bottom: 120px;right: 80px;}
.text_id43 {bottom: 150px;right: 80px;}
.text_id44 {bottom: 190px;right: 80px;}
.text_id45 {bottom: 190px;left: 20px;}
.text_id46 {bottom: 230px;left: 20px;}
.text_id47 {bottom: 200px;left: 20px;}
.text_id48 {bottom: 100px;left: 100px;}
.text_id49 {bottom: 190px;left: 100px;}
.text_id50 {bottom: 130px;left: 100px;}
.text_id51 {bottom: 170px;left: 100px;}
.text_id52 {bottom: 170px;left: 100px;}
.text_id53 {bottom: 170px;left: 100px;}

.text-mobile {
  display: none;
  margin-bottom: 0;
}

.text-desktop {
  display: inline;
  margin-bottom: 0;
}

@media screen and (max-width: 960px) {
  #maps h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .maps__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .leftText {
    width: 100%;
    margin-bottom: 20px;
  }
  .leftText h4 {
    margin: 0 0 30px 0;
  }
  .rightMap {
    width: 100%;
  }
  .rightMap h5 {
    margin: 0 0 20px 0;
  }
  #selectArea {
    width: 100%;
  }
  .mapSection {
    margin: 15px auto 0;
  }
  .map_card#m4 {
    grid-column: 2;
  }
  #maps {
    padding: 70px 0;
    h2 {
      font-size: 14px;
      line-height: 100%;
    }
    h4 {
      font-size: 18px;
      line-height: 100%;
    }
    .num {
      font-size: 21px;
      line-height: 100%;
    }
    .text {
      font-size: 14px;
      line-height: 100%;
    }
    .map_card {
      padding: 32px 20px;;
    }
    .text-desktop {
      display: none;
    }

    .text-mobile {
      display: inline;
    }
    .map_bottom a {
      padding: 9.5px 15px;
      font-size: 14px;
      line-height: 100%;
    }
    .dropdown-button {
      padding: 9.5px 15px;
      font-size: 14px;
      line-height: 100%;
      width: 145px;
    }
    .dropdown-item {
      font-size: 14px;
      line-height: 100%;
      padding: 9.5px 15px 9.5px 25px;
    }
    .dropdown-menu {
      padding: 0;
    }
    .dropdown-menu .dropdown-item:first-child {
      margin-top: 9.5px;
    }
    .dropdown-menu .dropdown-item:last-child {
      margin-bottom: 9.5px;
    }
    .map_bottom {
      margin-top: 40px;
      gap: 8px;
    }
  }
}

@media screen and (max-width: 576px) {
  #maps {
    padding: 60px 0;
  }
  #maps h3 {
    font-size: 26px;
  }
  .leftText h4 {
    font-size: 18px;
    margin: 0 0 20px 0;
  }
  .leftText li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
  }
  .leftText li span {
    font-size: 26px;
    font-weight: bold;
  }
  .rightMap h5 {
    font-size: 18px;
  }
  /* .mapSection {
    display: none;
  } */
}
.hidden-map {
  display: none;
}
/* ---------- КОНЕЦ блока с КАРТОЙ ---------- */

/* ---------- Блок с ПОЛЕЗНЫМИ ССЫЛКАМИ и КОНТАКТАМИ ---------- */
#otherLink {
  background: #0a54a2;
  color: #fff;
}
#otherLink .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leftLink {
  padding: 15px 0;
}
.leftLink h5 {
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  display: inline-block;
  position: relative;
}
.leftLink h5:after {
  position: absolute;
  content: '';
  width: 300px;
  background: #cccccc;
  height: 1px;
  left: 0;
  bottom: 0;
}
.leftLink ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.leftLink li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  padding-left: 35px;
  margin-bottom: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAABUFBMVEX7/Pz////7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Pz7/Py66BdOAAAAcHRSTlMAAAECAwUGBwgJCgsNDhASExQWFxgZGx0fISIjJCcoKy0uLzAyMzQ1Nzg7PD5AQUJHSktRUlRWV1hbXF1jZWZnaWprbG9xcnR5enx9gIGFhoiKi4yNjo+Rk5SVlpeYmZqbnJ2foKGio6eoqaytr7G1XiImZAAAARlJREFUeAFV0dk/AlEYxvHnNBWaIpSoyJJF9qUohJDKQruaQjEijP//jpn3nPnod/d+P+/dAyMpeFitf3w162fzdqZn6ND5a37Ha7e6127Uq3HBwZfiLHi+XHeJONBJ22DGou8LOrtqOQLOLNr1/3FM6e9l6Tprg+95g+5RB2fmf5tDrE2K05KTM7s9QuWEs6tQdHDeKuEpzBly6d5B7FHwHRAM50NOMrjvEz8TJg+2L+jbrqE1bapyaSF2P6K+z3VMyQDEkSqOFVJLIisJzqQxpYbIPVZwdqsRWFN3MCNOFmTA24n38rK2yACsdDf/84y6SzOsaqkRofKeFhejhWqNZHgAsE0mKu11Jhjydr5VqTXLjfLBsK7sF+o9KF3IDBJnAAAAAElFTkSuQmCC) left no-repeat;
}
.leftLink li:hover a {
  color: #15ccfa;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAABYlBMVEUVzPr///8VzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPoVzPp/LTA0AAAAdnRSTlMAAAECBAYHCAkKDA4PEBESExQVFhgZHB4hIiMkJicpKy4vMDIzNDU3OTo9PkBBQ0VGR0hLTk9TW15hY2RlZmdoaWtub3Bydnd4ent9fn+AgYKDhIWIiYyPkJGTlJWWl5iZmpucnZ6foKGipKWmp6ipra6wsbKz9sU+pQAAARZJREFUeAFV0es/wlAAh/HfWRmRIkW5F4nkfimENHIv98ysS80KYcL/77Odcz70vPy+fWBlD+2ryuuHWjyKOYiZpb4T/XzRDXRGMtWbUc7j79lhsDySMU95rJG0ATyy1Iia7CofMKFMVowRAiEh21uZHGZF+LUZWPldnPufw4hXQNtR3YxJLgV5k7Ej99jFeCGPSggs8UJ2Uu4r4CsAXnv+ymax+ImfP/bVdmFxWxPVIFfvUwqUe4t4SDAd1NNgHLvHRomqEJfA+TSNodoE9R6Bs7cegW3rTgCNs3TdAXj0ZCvPNYMEQPhtXfjH0y/LdMOkcTzAtXv7e5VQRuBWy0SdgCO0V1KmCGeIs2dlRasrhcs1JzH7BZW0KQxxRj3rAAAAAElFTkSuQmCC) left no-repeat;
}
.contFoot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40%;
  min-width: 300px;
  padding: 15px 0;
  background: #fff;
  color: #2a2a2a;
  font-weight: 300;
}
.contFoot h5 {
  color: #4d4e4e;
  font-size: 20px;
  line-height: 50px;
  display: inline-block;
  position: relative;
}
.contFoot h5:after {
  position: absolute;
  content: '';
  width: 300px;
  background: #cccccc;
  height: 1px;
  left: 0;
  bottom: 0;
}
.contFoot ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.contFoot li {
  color: #2a2a2a;
  font-size: 18px;
  margin-bottom: 20px;
  padding-left: 25px;
}
.mapFoot {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAMAAADAi10DAAAAVFBMVEVNTk7///9NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk5NTk4GudA5AAAAG3RSTlMAABAgMEBQX2BvcH+Aj5CfoK+wv8DP0N/g7/DG3Fp1AAAA00lEQVR4AUXQ0ZKDIAxG4SMEl6XUslStJu//novi1HOTmW8mNz9n4bWYLa8ADAOAvE1rzlXtLZ1k18hZ1F0aNVk9V35tBrMeEp/Pn8P0PRAsgp+TSJo9RAsUBaoASAW0sFYIE2dTgLpgGdLYaUyQ7aQYO7Xb6Hz0tVP1MK+UD5B/AXIGtkI0AdL8eMwJEIs4LRyFcJ6iDibzfPM2DeD076aqrhHZAlfBct9r/bgubl/pJHa9VpOLSJa+5yKKjTBa4SbX1mzrupua6b5vh9yEbJvQ6R+zewrmx+k2nwAAAABJRU5ErkJggg==) left no-repeat;
}
.phoneFoot {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAMAAABcgh8DAAAAhFBMVEX///8/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEBWLZrrAAAALHRSTlMACQ0PFiwtLi8yNTY8P0lNUFRXWFpcXV5fYGJjaHBxd5Ob0tPY2d/g4ufq64ftOogAAACCSURBVHjavc9JEoIwFATQr0whgAyBCJE5EBq4//0kVbrxAPaiq3rXj+7jvsFobbDt442yswijdJrSKCyOB8k18YK4bePAS9YnCfTNqynLq3oIkrNDnzizJKnd73T1/+bvDYGuVqqqlKo7CEvwGctzxnxLsEDOh4FzC7R8AywLYC7+Gxa7DzdM915oAAAAAElFTkSuQmCC) left no-repeat;
}
.mailFoot {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAMAAABYzB2OAAAAkFBMVEU/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEA/QEC0W3pDAAAAMHRSTlMABQYUGiAhKy42Nzk6O0JaYGFibnN4f4CBhYuMlJynqKmqt7i5vMPHyMzN4OHi9PXr5BT7AAAAhklEQVQI122OyQ6CMABER9kKlZZVoYAbm1qq//93WpEaE99hDi+ZyYC01/FiGG+dh2EfxYkhjg497hl+yB6Qde5+hZvXEor4FVsMEz5RUCGsMl1rsUpLC+GsimbnAM62KWb1LlLBuaBglS5+5m3O7WX+z4nhyILNC0p1BuzUg5wnqQxyar0nckYOpyhiRFYAAAAASUVORK5CYII=) left no-repeat;
}
.contFoot li a {
  color: #2a2a2a;
  text-decoration: none;
}
.social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.social a {
  width: 45px;
  height: 45px;
  display: block;
  margin-right: 5px;
  background: url('/images/social.png') no-repeat;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.social a:hover {
  -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.5);
}
.social a.soc1 {background-position: 0 0;}
.social a.soc2 {background-position: -0px -46px;}
.social a.soc3 {background-position: -0px -91px;}
.social a.soc4 {background-position: -0px -136px;}
.social a.soc5 {background-position: -0px -181px;}

@media screen and (max-width: 960px) {
  .contFoot {
    width: auto;
    min-width: 360px;
  }
  .contFoot h5 {
    display: block;
  }
  .contFoot h5:after {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .contFoot,
  .leftLink {
    width: 50%;
    min-width: auto;
    padding: 15px 15px;
  }
  .contFoot {
    padding-left: 30px;
  }
  .leftLink h5 {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    font-size: 18px;
    line-height: 1.4;
  }
  .leftLink h5:after {
    display: none;
  }
  .leftLink li a {
    font-size: 16px;
    line-height: 1.4;
  }
  .contFoot h5 {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    font-size: 18px;
    line-height: 1.4;
  }
  .contFoot h5:after {
    display: none;
  }
  .contFoot__wrap {
    width: 100%;
  }
  .contFoot li {
    font-size: 16px;
    margin-bottom: 20px;
    padding-left: 25px;
  }
}

@media screen and (max-width: 576px) {
  #otherLink .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 0 0 0;
  }
  .leftLink {
    width: 100%;
  }
  .contFoot {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    padding-left: 15px;
  }
  .contFoot__wrap {
    width: 100%;
  }
}
/* ---------- Конец блока с ПОЛЕЗНЫМИ ССЫЛКАМИ и КОНТАКТАМИ ---------- */

/* ---------- ПОДВАЛ САЙТА ---------- */
.footer {
  background-color: rgba(245, 245, 245, 1);
  color: rgba(0, 0, 0, 0.4);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 10%;
  padding-top: 70px;
  border-top: 1px solid #ddd;
  gap: 10px;
}

.footer-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  min-width: 250px;
  margin-bottom: 20px;
}
.footer-column a {
  text-decoration: none;
}

.footer-column a:hover { 
  color:rgba(0, 0, 0, 1);
}

.footer-title,
.footer-title a {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 1);
}
.footer-btn-menu {
  background: none;
  outline: none;
  border: none;
  text-align: left;
  padding: 0;
}
.footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu li {
  margin-bottom: 10px;
}

.footer-menu a {
  color: #666;
  text-decoration: none;
  transition: color 0.3s;
}

.footer-menu a:hover {
  color: #000;
}

.footer-address {
  font-style: normal;
  margin-bottom: 20px;
  color: #666;
}

.footer-address a {
  color: #666;
  text-decoration: none;
}

.footer-address a:hover {
  text-decoration: underline;
}
.address-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.address-line img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.footer-bottom {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: auto 10%;
  padding: 20px 0 0;
  line-height: 15px;
  font-size: 14px;
}

.footer-links {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.footer-center {
  text-align: center;
}
.footer-links a {
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-copyright a {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.4);
}
.blue li a{
  color: rgba(0, 121, 194, 1);
}
.desktop {
  display: flex;
}
.mobile {
  display: none;
}
@media (max-width: 768px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: flex;
  }
  #footer {
    .footer-title {
      font-size: 13px;
      line-height: 100%;
      margin: 10px 0;
    }
    .footer-container {
      margin: 0 5%;
      padding-top: 35px;
    }
    .footer-menu {
      font-size: 12px;
      line-height: 1.1;
      margin-bottom: 10px;
    }
    .footer-column {
      min-width: 200px;
      gap: 0;
    }
    .footer-menu li {
      margin-bottom: 8px;
    }
    .footer-address, .footer-address a {
      font-size: 13px;
      color: rgba(0, 0, 0, 1);
      line-height: 100%;
    }
    .footer-address span, .footer-address a{
      line-height: 18px;
    }
    h3 {
      margin-bottom: 10px;
    }
    .footer-center {
      text-align: left;
    }
    .footer-links a, .footer-copyright a {
      font-size: 10px;
      line-height: 15px;
    }
  }
}
/* ---------- КОНЕЦ ПОДВАЛА САЙТА ---------- */

/* ---------- ВСПЛЫВАЮЩЕе ОКНО с объявлением ---------- */
.pop_up {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 60%;
  max-width: 90%;
 /* height: auto; */
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  padding: 30px 40px;
  -webkit-box-shadow: -1px 2px 4px rgba(1, 1, 1, 0.2);
          box-shadow: -1px 2px 4px rgba(1, 1, 1, 0.2);

}
.second_popup,
.last_popup {
/* height: 95%;*/
 overflow: auto;
} 
.pop_up_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(0,0,0,0.2);
}
.close-popup {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  border: 1px solid #0a54a2;
  border-radius: 4px;
  color: #0a54a2;
  cursor: pointer;
}
.close-popup span {
position: absolute;
top: -2px;
left: 5px;
}
.popup-show {
  visibility: visible;
}
.popup-show ~ .pop_up_overlay {
  opacity: 1;
  visibility: visible;
}
.pop_cont1 img {
float: left;
margin: 0 35px 60px 0;
}
.pop_cont .but {
background-color: #0a54a2;
color: #fff;
margin: 0 auto;
display: block;
width: 150px;
padding: 10px 12px;
}
.pop_cont .but:hover {
background-color: #007ac3;
}

.pop_up_cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #0079C2;
  width: 100%;
  z-index: 1000;
  padding: 10px 20px;
  box-shadow: -1px 2px 4px rgba(1, 1, 1, 0.2);
}

.pop_up_cookie_ok span {
  display: inline-block;
  width: 100%;
  padding: 9.5px 15px;
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  border-radius: 4px;
}

.pop_up_cookie_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: space-between;
  align-items: center;
}

.pop_up_cookie_cont {
  width: 85%;
  position: relative;
  &, p, a {
    font-weight: 400;
    color: white;
  }
}

/* Контейнер для текста и кнопки в одной строке */
.pop_up_cookie_content {
  display: inline;
}

/* Развернутый текст */
.pop_up_cookie_text.expanded {
  display: inline;
  -webkit-line-clamp: unset;
}

/* Кнопка "Показать полностью" в одной строке с текстом */
.pop_up_cookie_toggle {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  padding: 0 0 0 5px;
  font-size: 14px;
  text-decoration: underline;
  display: none;
  white-space: nowrap;
}

.pop_up_cookie_toggle:hover {
  color: #e6f3ff;
}

.pop_up_cookie_link {
  color: white;
}

@media screen and (max-width: 1024px) {
  .pop_up_cookie_wrap {
    align-items: flex-start;
  }
  .pop_up {
    width: 70%;
    max-width: 90%;
  }
}
@media screen and (max-width: 960px) {
  .pop_up {
    width: 75%;
    max-width: 90%;

  }
}
@media screen and (max-width: 768px) {
  .pop_up_cookie_wrap {
    flex-direction: column;
  }
  .pop_up_cookie_cont {
    width: 100%;
  }
  .pop_up_cookie_ok {
    margin-top: 10px;
  }
  .pop-text-wrap {
    height: 70vh;
    margin-bottom: 15px;
    overflow-y: scroll;
  }
  .pop_cont1 img {
    float: none;
    display: block;
    width: 220px;
    margin: 0 auto 15px;
  }
.first_popup {
 height: 70%;
 overflow: auto;
} 
.pop_up_cookie_more_text {
    width: 100%;
    height: 100%;
     overflow: auto;
}

}
/* ---------- КОНЕЦ ВСПЛЫВАЮЩЕГО ОКНА с объявлением ---------- */

/* ---------- ОНЛАЙН КОНСУЛЬТАНТ ---------- */

#online {
  position: fixed;
  top: 20%;
  right: 0;
  display: block;
  z-index: 10;
  height: 79px;
  width: 79px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAASFBMVEX////////////////////////////////////////////////////////////////////////////////////////////////OfZ3oAAAAF3RSTlMAECAwP0BQYHB/gJCfoK+wv8DP0N/v8NYQePgAAACySURBVHjardFRDoMgEATQRSooiGgV5v43raEEaECSJr4/yCQss0TDXOFUEGiQlJ2WKtZRhpEqCn8HxjkYbgM7Ap0Cz8/AXwkPgcgtLM8Q7SFgVKC9aT+RLrXrBOI0kK1A0YhxV0Psd6kO22X5BpjxwEbsjcyGCWX+8Ai1gPcaUcDUr2w3sbJ1S3SzU6kS8fza/EqV9aBMoiDjWVCBq8SCc1g1DXTnOM+DUcfgPacuEV//AMhNEqyFHq6mAAAAAElFTkSuQmCC) center no-repeat, #7c7c7c;
}

#messenger {
  position: fixed;
  top: 20%;
  right: 0;
  height: 400px;
  background: #7c7c7c;
  width: 300px;
  z-index: 11;
  display:none;
}

@media screen and (max-width: 1024px) {
  #online {
    top: 35%;
  }
  #messenger {
    top: 35%;
  }
}

@media screen and (max-width: 768px) {
  #online {
    height: 60px;
    width: 60px;
  }
}
/* ---------- КОНЕЦ ОНЛАЙН КОНСУЛЬТАНТА ---------- */

/* ---------- ФОРМА ОБРАТНОЙ СВЯЗИ ---------- */

#feedback {
  display: flex;
  flex-direction: column;
}
.modal-content {
  background: white;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  position: absolute;
  top: 5%; /* Отступ сверху */
  left: 50%;
  transform: translateX(-50%);
  padding: 20px;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  overflow-y: auto;
}

.modal::after {
  content: '';
  display: block;
  height: 5%;
}

body.modal-open {
  overflow: hidden;
}

.submit-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#closefullMenu {
    position: absolute;
    top: 0;
    right: -63px;
    font-size: 30px;
    cursor: pointer;
}

.modal-content h2 {
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
    color: rgba(0, 121, 194, 1);
    margin-bottom: 20px;
    text-align: center;
}
.main_feedback {
    padding: 20px;
}
.main_feedback span,
.footer_feedback span {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    position: relative;
    align-items: center;
}

.checkbox {
  width: 15px !important;
  height: 15px !important;
}

.main_feedback span label,
.footer_feedback span label {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 1);
  /* margin-bottom: 5px; */
  flex-direction: row;
  margin-right: 10px;
  width: 32%;
  display: inline-flex;
  align-items: center;
}
.main_feedback span input,
.main_feedback span textarea {
  background-color: rgba(0, 0, 0, 0.03);
  border: none;
  outline: none;
}

.req_form {
    color: red;
}

input, select, textarea {
  padding: 8px;
  font-size: 14px;
  border-radius: 5px;
  margin-right: 5px;
  width: 100%;
  outline: none;
  resize: none;
}
textarea {
  height: 133px;
}
#serviceRating { 
  width: 44px;
  appearance: none;
  background: white url("/SiteNN/images/arrow_feedback.svg") no-repeat right 10px center;
  background-size: 6px;
  border-color: rgba(0, 121, 194, 1);
}
/*#fullModal {*/
/*  span {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    margin-bottom: 10px;*/
/*  }*/
/*}*/

label {
  margin-bottom: 4px;
}

select#serviceRating {
  appearance: none;
  background: white url("/SiteNN/images/arrow_feedback.svg") no-repeat right 10px center;
  background-size: 6px;
  border-color: rgba(0, 121, 194, 1);
  float: left;
}

.footer_feedback {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 20px;
    border-radius: 4px;
    margin-top: 20px;
}

.footer_feedback button {
    margin-top: 10px;
    padding: 10px 20px;
    background: rgba(0, 121, 194, 1);
    color: white;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.footer_feedback p {
    display: inline;
    color: red;
    font-size: 14px;
}

input.error, textarea.error, select.error {
  border: 1px solid red;
}
input.error::placeholder {
  color: red;
  font-size: 14px;
}
input.error:focus, input.error:active {
  color: rgba(0, 0, 0, 1);
}
.italic {
  font-style: italic;
}
.captcha {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.captcha input {
  border: none;
}
.captcha img {
  width: 30%;
  height: auto;
}
.captcha .required {
  display: none;
}
#captcha_text {
  align-items: flex-end;
  margin-bottom: 6px;
}
#captcha_text p {
  margin: 0;
}
.main_feedback span input::placeholder,
.main_feedback span textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

@media (max-width: 768px) {
  .modal-content h2 {
    margin-bottom: 10px;
  }
  .main_feedback span, .footer_feedback span {
    margin-bottom: 5px;
  }
  .main_feedback {
    padding-bottom: 5px;
  }
}
/* ---------- КОНЕЦ ФОРМЫ ОБРАТНОЙ СВЯЗИ ---------- */

/* ---------- ФОТОЖУРНАЛ ВНУТРЕНЯЯ ---------- */
.photo-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -20px;
}

.photo-wrap .photos {
  width: -webkit-calc(33.33% - 40px);
  width: calc(33.33% - 40px);
  margin: 0 20px 25px;
}

@media screen and (max-width: 768px) {
  .photo-wrap {
    margin: 0 -10px;
  }
  .photo-wrap .photos {
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 0 10px 15px;
  }
}

@media screen and (max-width: 480px) {
  .photo-wrap {
    margin: 0 0;
  }
  .photo-wrap .photos {
    width: 100%;
    margin: 0 0 10px;
  }
}

.photo-wrap .photos > a {
  display: block;
  font-size: 0;
  text-decoration: none;
  overflow: hidden;
  -webkit-box-shadow: 1px 2px 6px 2px #292929;
          box-shadow: 1px 2px 6px 2px #292929;
  border-radius: 7px;
}

.photo-wrap .photos > a img {
  width: 100%;
  height: auto;
}

.photo-wrap .photos-title a {
  display: block;
  padding: 12px;
  color: black;
  text-decoration: none;
  text-align: center;
}

#content .photos:last-child {
  margin-bottom: 40px;
}

.photo-item__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -20px;
}
.photo-item {
  display: block;
  width: -webkit-calc(25% - 40px);
  width: calc(25% - 40px);
  /* height: 100%; */
  margin: 0 20px 40px;
  text-decoration: none;
  font-size: 0;
}
.photo-item img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
          box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.photo-item__title {
  display: inline-block;
  width: 100%;
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .photo-item__wrap {
    margin: 0 -10px;
  }
  .photo-item {
    width: -webkit-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
  }
}

@media screen and (max-width: 480px) {
  .photo-item {
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 325px) {
  .photo-item__wrap {
    margin: 0 0;
  }
  .photo-item {
    width: 100%;
    margin: 0 0 10px;
  }
}
/* ---------- КОНЕЦ ФОТОЖУРНАЛА ВНУТРЕНЯЯ ---------- */

#content img {
  max-width: 100%!important;
  height: auto!important;
}

.product-list {
  width: 90%;
  margin: 0 auto;
}

.product-list p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-list p a {
  display: inline-block;
  margin: 0 10px 20px;
}

.sale-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}

.sale-info img {
  width: -webkit-calc(33.33% - 20px);
  width: calc(33.33% - 20px);
  margin: 0 10px 15px;
}

@media screen and (max-width: 1280px) {
  #back {
    bottom: 8%;
    left: 5%;
  }
}

@media screen and (max-width: 960px) {
  #back {
    bottom: 5%;
    left: 5%;
  }
  #pageTitle, .pageTitle {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  #content > ymaps {
    max-width: 96%;
  }
  /* #content img {
    display: block!important;
    margin-bottom: 10px;
  } */

  .table-overflow {
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 576px) {
  #pageTitle, .pageTitle {
    font-size: 26px;
  }
  #content img {
    float: none!important;
  }
  .view,
  .view > tbody,
  .view > tbody > tr,
  .view > tbody > tr > th,
  .view > tbody > tr > td {
    display: block;
  }
  .view > tbody > tr > td [type="text"], 
  .view > tbody > tr > td [type="email"], 
  .view > tbody > tr > td [type="password"], 
  .view > tbody > tr > td textarea, 
  .view > tbody > tr > td select,
  .view > tbody > tr > td input,
  .view > tbody > tr > th {
    display: block;
    width: 100%;
  }
  .view > tbody > tr > td [type="radio"],
  .view > tbody > tr > td [type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-right: 10px;
  }
  .sale-info img {
    width: 100%;
    margin: 0 10px 10px;
  }
}

@media screen and (max-width: 480px) {
  #pageTitle, .pageTitle {
    font-size: 22px;
  }
  /* #content img {
    width: 100%!important;
  } */
}

.tooltip-text {
  pointer-events: none;
  position: absolute;
  font-size: 14px;
  text-align: center;
  background: white;
  padding: 4px 10px;
  z-index: 5;
  margin: 0 auto;
  color: #21669e;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #007ac3;;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.tooltip-text.active {
  display: block;
}

h3.js-button:hover {
    text-decoration: underline;
}

/* #id1 text {
  display: none;
  font-size: 14px;
  text-align: center;
  background: white;
  padding: 5px 12px;
  color: #21669e;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #eee;
}
.svg-region:hover + text {
  display: block;
} */

#ui-datepicker-div {
  display: none;
}


.chat-button {
  position: fixed;
  bottom: 40px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  background-color: #0079C2;
  color: white;
  border-radius: 28px;
  height: 56px;
  width: 56px; /* фиксированная ширина в закрытом состоянии */
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  white-space: nowrap;
  transition: width 0.3s ease, padding 0.3s ease;
  z-index: 1000;
  border: none;
}

.chat-button.with-cookie-banner {
  bottom: 10%;
}

/* При наведении — расширяем кнопку под размер текста с отступами */
.chat-button:hover {
  width: auto;
  padding: 14px 23px;
  justify-content: flex-start;
}

/* Иконка — полностью кнопка 56x56 */
.chat-icon {
  width: 56px;
  height: 56px;
  object-fit: cover;
  flex-shrink: 0;
  transition: none;
}

/* Текст изначально скрыт */
.chat-label {
  font-family: "Inter", sans-serif;
  color: rgba(255, 255, 255, 1);
  opacity: 0;
  transition: opacity 0.3s ease;
  user-select: none;
  pointer-events: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px; /* для вертикального выравнивания */
  margin-bottom: 0;
}

/* При наведении — скрываем иконку и показываем текст */
.chat-button:hover .chat-icon {
  display: none;
}

.chat-button:hover .chat-label {
  opacity: 1;
  pointer-events: auto;
}


/* О КОМПАНИИ */

#pabout {
  width: 100%;
  background-color: #FFFFFF;
}
.head {
  position: relative;
  width: 100%;
  height: 25vw;
  background-image: url("/SiteNN/images/pages/about/image_10.png");
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.head_text {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  z-index: 2;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 48px;
  line-height: 60px;
  max-width: 80%;
  text-align: left;
}
section#pabout {
  max-width: 80%;
  margin: 100px 10%;
  padding: 0;
}
.text_pabout {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
  color: rgba(0, 0, 0, 1);
  max-width: 50%;
}
.table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  padding: 0;
}
.table .card {
  border: solid 1px rgba(0, 0, 0, 0.05);
  box-shadow: none;
  border-radius: 0;
  padding-top: 51px;
  padding-bottom: 40px;
}
.card_title {
  text-align: center;
  font-size: 48px;
  font-family: "Manrope", sans-serif;
  line-height: 60px;
  font-weight: 300;
  color: rgba(0, 121, 194, 1);
  font-style: Light;
}
.card_text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 22px;
  font-size: 16px;
  text-align: center;
}

.directions {
  padding: 40px 0;
  background: #f5f5f5;
  font-family: "Manrope", sans-serif;
}

.directions__title {
  font-size: 20px;
  color: #0066cc;
  margin-bottom: 30px;
}

.directions__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 20px;
}

.directions__item {
  background: #fff;
  padding: 60px 20px;
  position: relative;
  min-height: 245px;
  display: flex;
  font-size: 16px;
  line-height: 22px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
}

.directions__item::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.item--icon1::before { background-image: url('/SiteNN/images/pages/about/1.svg'); }
.item--icon2::before { background-image: url('/SiteNN/images/pages/about/2.svg'); }
.item--icon3::before { background-image: url('/SiteNN/images/pages/about/3.svg'); }
.item--icon4::before { background-image: url('/SiteNN/images/pages/about/4.svg'); }
.item--icon5::before { background-image: url('/SiteNN/images/pages/about/5.svg'); }
.item--icon6::before { background-image: url('/SiteNN/images/pages/about/6.svg'); }
.item--icon7::before { background-image: url('/SiteNN/images/pages/about/7.svg'); }
.item--icon8::before { background-image: url('/SiteNN/images/pages/about/8.svg'); }
.item--icon9::before { background-image: url('/SiteNN/images/pages/about/9.svg'); }

.directions__image {
  grid-row: span 3;
  background-image: url("/SiteNN/images/pages/about/image.png");
  background-size: cover;
  background-position: center;
  min-height: 100%;
}

#history_pabout {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  max-width: 80%;
  margin: 100px 10%;
}

.dates {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}
.grid_dates {
  width: 55%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  margin-left: 10%;
    a {
        text-decoration: none;
    }
}

.timeline {
  position: relative;
  border-left: 2px solid rgba(0, 121, 194, 1);
  padding-left: 30px;
}

.event {
  position: relative;
  margin-bottom: 80px;
}

.dot {
  width: 16px;
  height: 16px;
  background-color: rgba(0, 121, 194, 1);
  border-radius: 50%;
  position: absolute;
  left: -39px;
  top: 0;
}

.text h3 {
  margin: 0;
  color: #0079C2;
  font-weight: normal;
}

.text p {
  margin-top: 8px;
  font-size: 15px;
  color: #333;
}

.grid_dates .photo,
.event .photo {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 16vw;
  color: rgba(0, 0, 0, 0.3);
  text-align: left;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.event .photo {
  display: none;
  visibility: hidden;
  width: 0;
}

.grid_dates .photo img,
.event .photo img {
  width: 16vw;
  height: auto;
  border-radius: 4px;
  margin-bottom: 15px;
}

.grid_dates .photo.left {
  grid-column: 1;
  align-items: flex-start;
}

.grid_dates .photo.right {
  grid-column: 2;
  align-items: flex-end;
}

/* АВАРИЙНАЯ СЛУЖБА */
#pavar {
  background-color: rgba(255, 255, 255, 1);
  .head {
    background-image: url("/SiteNN/images/pages/avar/bg.png");
  }
}

section ul {
  padding-left: 0.9rem;
}

section ul li::marker {
  color: rgba(0, 121, 194, 1);
}
section ul li {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.8);
}

section.left {
  width: 45%;
  margin-right: 15%
}
section.right {
  width: 40%;
}
.double {
  display: flex;
  flex-direction: row;
  margin: auto 10%;
  margin-top: 100px;
  width: 80%;
}

section h1 {
  font-family: "Inter", sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  color: rgba(0, 0, 0, 1);
  margin-top: 30px;
}
.emergency-phones__item {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.subtitle + .emergency-phones__item {
  margin-top: 20px;
}

/* Раскрывающееся меню */
.fullscreen-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
  display: flex;
  overflow-y: auto;
  transition: opacity 0.3s ease;
  flex-direction: column;
  background: rgba(245, 245, 245, 1);
  color: rgba(0, 0, 0, 0.4);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.fullscreen-menu.hidden {
    display: none;
}

.menu-content {
    position: relative;
    text-align: center;
    padding: 7% 0;
    background-color: #f7f7f7;
    font-family: "Inter", sans-serif;
}

.close-btn {
    position: absolute;
    top: 3%;
    right: 4%;
    background: none;
    border: none;
    font-size: 3rem;
    cursor: pointer;
    z-index: 9999999;
}

.search-container {
    position: relative;
    max-width: 600px;
    margin-bottom: 1.5rem;
}

.search-container input[type="search"] {
    width: 100%;
    padding: 0.8rem 1rem 0.8rem 2.5rem;
    border: none;
    border-radius: 10px;
    background-color: #fff;
    font-size: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.search-container .search-icon {
    position: absolute;
    top: 50%;
    left: 0.8rem;
    transform: translateY(-50%);
    font-size: 1.2rem;
    color: #999;
    pointer-events: none;
}

.questions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.quest {
    background-color: #eaeaea;
    padding: 0.6rem 1rem;
    border-radius: 20px;
    font-size: 0.95rem;
    color: #555;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s;
}

.quest:hover {
    background-color: #dcdcdc;
}
.search_field {
  display: flex;
  flex-direction: row;
  background-color: rgba(255, 255, 255, 1);
  border: none;
  border-radius: 5px;
  padding: 15px 18px;
  margin-bottom: 15px;
}
.search_field input::placeholder {
  font-family: "Inter", sans-serif;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-size: 16px;
}
.search_form {
  border: none;
  width: 100%;
}
.search_input {
  border: none;
  width: 100%;
}
.search_input:focus, .search_input:hover, .search_input:focus-visible {
  border: none;
  outline: none;
}
.head_search {
  margin: auto 10%;
  max-width: 50%;
  padding: 0;
}
.menu-content .footer-container {
  border: none;
  text-align: left;
}

/* ЕДИНОЕ ОКНО */
#psingle {
  background-color: rgba(255, 255, 255, 1);
  .head {
    background-image: url("/SiteNN/images/pages/single_p.png");
  }
}

#psingle .search_field {
  display: flex;
  flex-direction: row;
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 5px;
  padding: 15px 18px;
  margin-bottom: 15px;
  width: 100%;
}
#psingle .number {
  font-size: 1rem;
}
#psingle .search_field input::placeholder {
  font-family: "Inter", sans-serif;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-size: 16px;
}
#psingle .search_form {
  border: none;
  width: 100%;
}
#psingle .head_search {
  margin: auto 10%;
  margin-top: 3.125rem;
  max-width: 100%;
  padding: 0;
  display: flex;
  align-content: center;
  justify-content: center;
}
#psingle .search_input_s {
  border: none;
  width: 100%;
}
#psingle .search_input_s:focus, .search_input_s:hover, .search_input_s:focus-visible {
  border: none;
  outline: none;
}
#psingle .search_input_s {
  background-color: rgba(0, 0, 0, 0);
}
#psingle .before_search {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 100px 0;
}
#psingle a {
  text-decoration: none;
}
#psingle .subtitle {
  font-size: 18px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
  line-height: 22px;
  color: rgba(0, 121, 194, 1);
}
#psingle .title {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
  color: rgba(0, 0, 0, 1);
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
}
#psingle section {
  display: flex;
  flex-direction: column;
}
#psingle .number a {
  color: rgba(0, 0, 0, 1);
}

#psingle .left {
  width: 50%;
}
.questt {
  display: inline;
}
#psingle .darked {
  display: inline;
  color: rgba(0, 0, 0, 0.8);
}
#psingle .section {
  margin-bottom: 50px; 
}
.darked_ul a:hover {
  color: #eba24a;
}
.darked_ul a {
  color: rgba(0, 0, 0, 0.8);
}
#psingle .spec_s {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: rgba(0, 121, 194, 1);
}
#psingle .banner {
  font-family: "Inter", sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 100px;
  gap: 15px;
}
#psingle ul {
  padding: 0 20px;
}
#psingle .right {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  text-align: left;
  width: 25%;
}
.banner span {
  display: inline;
  margin-bottom: 15px;
}

/* ДОГАЗИФИКАЦИЯ */
#dogaz {
  .head {
    background-image: url("/SiteNN/images/pages/dogaz/bg.png");
    margin-bottom: 6.25rem;
  }
  .container {
    display: flex;
    flex-direction: column;
  }
  .title {
    justify-content: left;
  }
  /* a.link:hover .arrow-icon {
    display: inline-block;
    margin-left: 4px;
    background-image: url(/SiteNN/images/menu_after_slider/arrow_active.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
  } */
  .arrow-icon {
    background-image: url("/SiteNN/images/pages/dogaz/arrow.svg");
    margin: 0;
  }
  .links {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .link {
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(0, 121, 194, 1);
  }
  .link:hover {
    color: #eba24a;
  }
  section {
    margin-bottom: 100px;
  }
  .grid {
    display: flex;
    flex-wrap: nowrap; /* чтобы не переносились на новую строку */
    width: 100%;
  }
  .card {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0;
    box-shadow: none;
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
  }
  .card:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 121, 194, 1);
    .title_card, .content_card {
      color: rgba(255, 255, 255, 1);
    }
  }
  .title_card {
    font-family: "Manrope", sans-serif;
    font-size: 48px;
    line-height: 60px;
    font-weight: 300;
    margin-bottom: 10px;
    color: rgba(0, 121, 194, 1);
  }

  .content_card {
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.8);
    font-family: "Inter", sans-serif;
    font-weight: 400;
  }
  .questions {
    display: flex;
    flex-direction: column;
    p {
      font-family: "Inter", sans-serif;
      font-weight: 300;
      font-size: 28px;
      line-height: 36px;
      margin-top: 0;
      a { text-decoration: none;}
    }
  }
  .blue a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  .blue img {
    margin-right: 5px;
  }
  .blue {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 121, 194, 1);
  }
  .blue span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 121, 194, 1);
  }
  .blue span:hover {
    color: #eba24a;
  }
  .bold {
    font-weight: bold;
  }
  .docs, .zayav {
    margin-bottom: 0;
  }
  .info {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.8);
  }
  ul {
    margin: 0;
    padding-left: 20px;
  }
  .prev {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 40px;
    margin-bottom: 20px;
  }
  span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.8);
  }
  .gaz {
    margin-top: 100px;
  }
  summary {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: rgba(0, 121, 194, 1);
    &:hover {
      color: #eba24a;
    }
  }
  details[open] {
    span.arrow-icon {
      transform: rotate(-90deg);
    }
  }
  details {
    margin-bottom: 40px;
    p, a {
      font-size: 16px;
    }
    .answer-content {
      margin: 20px 0 30px;
    }
  }
}

/* ВДГО */
#vdgo {
  background-color: white;
  .head {
    background-image: url("/SiteNN/images/pages/vdgo/bg.png");
    margin-bottom: 100px;
  }
  .arrow-icon {
    background-image: url("/SiteNN/images/pages/dogaz/arrow.svg");
  }
  section {
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    font-weight: 400;
  }
  .bold {
    font-weight: 600;
  }
  span {
    display: inline;
  }
  ul {
    margin: 0;
    padding-left: 20px;
  }
  .blue {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 121, 194, 1);
  }
  .blue a:hover {
    color: #eba24a;
  }
  .s7 .title h3 {
    color: rgba(0, 0, 0, 1);
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
    margin-top: 50px;
  }
  .grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
  }
  .title h3 {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
    color: rgba(0, 0, 0, 1);
  }
  .s15 {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .s15 h2 {
    margin: 0;
  }
  a { text-decoration: none;}
  a:hover {
    color: #eba24a;
  }
  .subtitle {
    font-family: "Manrope",sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: rgba(0, 121, 194, 1);
  }
  .s11 img {
    width: 100%;
    height: 100%;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 16px;
    width: 100%;
    margin: 0 auto;
    min-height: 400px;
  }
}
/* КОНТАКТНАЯ ИНФОРМАЦИЯ */
#kontakt {
  background-color: white;
  .head {
    background-image: url("/SiteNN/images/pages/kontakt.png");
  }
  .tel {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
  }
  .bank-details {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
  }

  .bank-details h3 {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 36px;
    color: rgba(0, 0, 0, 1);
  }

  .bank-details table {
    width: 80vw;
    border-collapse: collapse;
  }

  .bank-details td {
    padding: 6px 0;
    vertical-align: top;
    text-align: left;
  }
  .title {
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: left;
    align-items: flex-start;
    margin-bottom: 50px;
  }
  .title h2 {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
    color: rgba(0, 0, 0, 1);
    margin: 0;
    margin-bottom: 20px;
  }
  .title .subtitle h2 {
    font-family: "Manrope",sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: rgba(0, 121, 194, 1);
  }

  .bank-details .note td {
    padding-top: 20px
  }

  .tables .title {
    margin-bottom: 0;
  }

  .table-heading {
    font-weight: 300;
    font-size: 28px;
    line-height: 36px;
    &:not(:first-of-type) {
      margin: 50px 0 30px;
    }
  }

  .big_table-toggle {
    display: none;
    visibility: hidden;
  }

  .big_table {
    width: 80vw;
    border-collapse: collapse;
    font-family: "Inter", sans-serif;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    border: solid 1px rgba(0, 0, 0, 0.08);
    align-items: center;
  }
  .big_table tr, .big_table  td {
    border: solid 1px rgba(0, 0, 0, 0.08);
  }
  .big_table td {
    padding: 10px;
    width: 25%;
  }
  .big_table tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.04);
  }
  .big_table rt:nth-child(even) {
    background-color: rgba(0,0,0,0);
  }
  .big_table td:last-child {
    color: rgba(0, 121, 194, 1);
  }
  .container {
    margin: 100px 10%;
  }
  p, a {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.8);
  }
  a {
    color: #007ac3;
  }
  a:hover {
    color: #eba24a;
  }
}

#main-content {
  margin-bottom: 100px;

  &[rel=page__potrebitelyam] {
    li:not(:last-of-type) {
      margin-bottom: 0.625rem;
    }
  }
}

/** GLOBAL ADAPTIVE 1280 AND LOWER **/
@media screen and (max-width: 1280px) {
  .text_pabout {
    max-width: unset;
  }

  .UpperMenu {
    gap: 10px;
  }

  .UpperMenu > * {
    padding: 0.5rem 0.625rem;
  }

  .chat-button {
    --size: 38px;
    width: var(--size);
    height: var(--size);
    & .chat-icon {
      width: var(--size);
      height: var(--size);
    }
  }

  .pageTitle, #pageTitle {
    margin: 60px 0 20px;
  }
}
/** GLOBAL ADAPTIVE 1280 ONLY **/
@media screen and (max-width: 1280px) and (min-width: 769px) {
  .arrow_new {
    bottom: 15px;
    right: 15px;
    width: 26px;
    height: 26px;
    background-size: 26px;
  }

  #logo img {
    width: 155px;
  }

  .card .card-icon {
    height: 19.2919921875px;
  }

  .card h3 {
    font-size: 16px
  }

  .info-grid {
    margin-top: 50px;
    margin-bottom: 50px;
    gap: 10px;
  }
  
  .gus-survey-section {
    gap: 10px;
  }

  .gus-problem-title {
    font-size: 24px;
  }

  .gus-problem-block .gus-problem-title {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .gus-problem-block .gus-report-btn {
    padding: 11.5px 20px;
  }

  .gus-problem-block .gus-report-btn a {
    font-size: 14px;
  }

  .gus-decs {
    font-size: 14px;
  }

  .gus-start-btn {
    font-size: 14px;
    padding: 11.5px 20px;
  }

  .gus-survey-desc1,
  .gus-survey-desc2 {
    font-size: 14px;
    padding: 18px 15px;
    margin: 5px 0;

    & .gus-rules-link {
      font-size: 14px;
    }
  }

  #news, #about-company, #history, #videos, #maps {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  #partners {
    padding-bottom: 100px;
  }

  #news .container {
    gap: 10px;
  }

  #news h1 {
    font-size: 21px;
    padding-right: 3rem;
  }

  #news h2 {
    font-size: 15px;
  }

  .newsItemInfo {
    font-size: 14px;
    padding: 11.5px 20px;
  }

  .newsItemDate {
    font-size: 12px;
  }

  .newsItemTitle {
    font-size: 14px;
  }

  #about_company {
    h1 {
      font-size: 21px;
    }
    
    h2 {
      font-size: 15px;
    }

    .card-about h2 {
      font-size: 16px;
    }
  }

  .history-subtitle {
    font-size: 15px;
  }

  .history-text {
    &.main-text, 
    &.side-text,
    &.bottom-text {
      font-size: 21px;
      font-weight: 300;
    }
  }

  .history-btn {
    font-size: 14px;
    padding: 11.5px 20px;
  }

  .subtitle h2 {
    font-size: 15px;
    font-weight: 500;
  }

  .subtitle h3 {
    font-size: 21px;
  }

  .video__wrap {
    gap: 10px;
  }

  .imgWrap {
    gap: 10px;
  }

  .title__gaz-map {
    font-size: 15px;
  }

  .leftText h4 {
    font-size: 21px;
  }

  .maps__wrap {
    .num {
      font-size: 24px;
    }
    .text {
      font-size: 14px;
    }
  }
  .map_bottom a {
    font-size: 14px;
    padding: 11.5px 20px;
    height: 40px;
  }

  .dropdown-wrapper {
    height: 40px;
  }
  
  .dropdown-button {
    font-size: 14px;
    line-height: initial;
    padding: 11.5px 20px;
    width: 163px;
  }

  .dropdown-menu {
    font-size: 14px;
  }

  .footer-column {
    gap: 15px;
    font-size: 12px;

    .social-links .footer-title {
      margin-bottom: 15px;
    }
  }

  .footer-title {
    font-size: 15px;
    margin-bottom: 0;
  }

  .footer-address {
    img[src$="address.svg"] {
      height: 18.148px;
    }
    img[src$="phone.svg"] {
      height: 14.518px;
    }
    img[src$="email.svg"] {
      height: 12.045px;
    }
  }

  .footer-links a,
  .footer-copyright * {
    font-size: 13px;
  }

  .menu-content {
    *:not(.footer-container *) {
      font-size: 14px;
    }
    .search_field {
      padding: 6px 15px;
    }
  }

  section h1 {
    font-size: 21px;
    line-height: 1;
    margin-top: 15px;
  }

  .head_text {
    top: 50%;
    font-size: 32px;
    line-height: 40px;
  }

  #main-content {
    margin-bottom: 80px;
  }

  /* BEGIN PAGE /avarijnaya-sluzhba/ */
  .double {
    margin-top: 70px;
  }

  .double section {
    margin-bottom: 70px;
  }
  
  .emergency-phones__item img {
    width: 36px;
    height: 36px;
  }
  
  .subtitle + .emergency-phones__item {
    margin-top: 15px;
  }

  #pavar {
    ul {
      padding-left: 0.8rem;
      li {
        font-size: 14px;
      }
    }
    #osnas {
      margin-bottom: 0;
    }
    section.left {
      margin-bottom: 0;
    }
  }
  /* END PAGE /avarijnaya-sluzhba/ */

  /* BEGIN PAGE /uslugi/ */
  #psingle .head_search {
    margin-top: 2.5rem;

    .search_field {
      align-items: center;
      margin: 0;
      padding: 1rem;

      & img {
        width: 14px;
        height: 14px;
      }

      & .search_input_s {
        padding: 0 0 0 0.625rem;

        &::placeholder {
          font-size: 14px;
        }
      }
    }
  }
  #psingle .number {
    font-size: 0.875rem;
  }

  #psingle .before_search {
    margin: 2.5rem 0;
  }

  #psingle .subtitle {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -1%;
    line-height: 1.2;
  }

  #psingle .number {
    font-size: 0.875rem;
  }

  #psingle .title {
    font-size: 21px;
    line-height: 1.2;
    margin-top: 0.9375rem;

    &.spec_s {
      font-size: 15px;
      font-weight: 500;
      letter-spacing: -1%;
      line-height: 1.2;
    }
  }

  #psingle ul {
    padding: 0 14px;
    margin-top: 1.25rem;
    margin-bottom: 0;
  }

  section ul li {
    font-size: 0.875rem;

    &:not(:last-child) {
      margin-bottom: 10px;
    }
  }

  #psingle .section {
    margin-bottom: 2.5rem;
  }

  #psingle .banner {
    font-size: 21px;
    line-height: 1.15;
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
  /* END PAGE /uslugi/ */

  /* BEGIN PAGE /1626683157/ (догазификация) */
  #dogaz .head {
    margin-bottom: 5rem;
  }

  #dogaz span {
    font-size: 14px;
  }

  #dogaz .docs {
    .prev {
      font-size: 21px;
      margin: 2.5rem 0 1.25rem;
    }
    .title {
      margin-bottom: 0.9375rem;
    }
    li {
      margin-bottom: 8px;
    }
  }

  #dogaz .info {
    margin-top: 0.45rem;
    margin-bottom: 2.5rem;

    &>*:first-child {
      margin-bottom: 1rem;
    }
  }

  #dogaz .tech {
    margin-bottom: 4.3rem;

    * {
      font-size: 14px;
      line-height: 1.2;
    }

    & .blue span {
      font-size: 14px;
      line-height: 1.2;
    }

    & .blue img {
      width: 11px;
      aspect-ratio: 1 / 1;
      margin-top: 2px;
    }

    .gaz {
      margin-top: 4.3rem;
      width: 100%;
    }
  }

  #dogaz .questions {
    margin-bottom: 4.8rem;

    p {
      font-size: 21px;
    }
  }

  #dogaz .title_card {
    font-size: 32px;
  }

  #dogaz .content_card {
    font-size: 14px;
  }

  #dogaz .faq {
    gap: 1.875rem; /* 30px */
    margin-bottom: 5rem;
  }

  #dogaz .link {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
  }
  /* END PAGE /1626683157/ (догазификация) */

  /* BEGIN PAGE /tekhnicheskoe-obsluzhivanie-vdgo/ (ВДГО/ВКГО) */
  #vdgo {
    .head {
      margin-bottom: 80px;
    }

    .subtitle {
      font-size: 15px;
      font-weight: 500;
    }

    p {
      font-size: 14px;
      line-height: normal;
    }

    section {
      margin-bottom: 80px;
    }

    .grid {
      gap: 10px;
    }
  }
  /* END PAGE /tekhnicheskoe-obsluzhivanie-vdgo/ (ВДГО/ВКГО) */

  /* BEGIN PAGE /kontakty/ (Контакты) */
  #kontakt {
    .container {
      margin: 80px 8.5%;
    }

    .title {
      margin-bottom: 40px;
    }

    .title .subtitle h2 {
      font-size: 15px;
      font-weight: 500;
    }

    .title h2 {
      font-size: 21px;
      line-height: normal;
      margin-bottom: 15px
    }

    & p, & a {
      font-size: 14px;
    }

    .table-heading {
      font-size: 21px;
      line-height: normal;

      &:not(:first-of-type) {
        margin: 5rem 0 1.25rem;
      }
    }

    .big_table {
      font-size: 14px;
      width: 100%;
    }

    .bank-details table {
      font-size: 14px;
    }
  }
  /* END PAGE /kontakty/ (Контакты) */

}

/** GLOBAL ADAPTIVE 768 **/
@media screen and (max-width: 768px) and (min-width: 556px) {
  section h1 {
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;
  }

  .chat-button {
    --size: 32px;
  }

  .UpperMenu {
    gap: 8px;
  }

  .UpperMenu [rel=lk] {
    padding: 0;
    border: unset;
    margin-left: 8px;
    & span {
      display: none;
      visibility: hidden;
    }
  }
  .arrow_new {
    bottom: 12px;
    right: 12px;
    width: 22px;
    height: 22px;
    background-size: 22px;
  }

  .card .card-icon {
    height: 17px;
  }

  .card .card-icon[src$="Wrench.png"],
  .card .card-icon[src$="List.png"] {
    height: 18px;
  }

  .card h3 {
    font-size: 14px;
  }

  .gus-survey-section {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 70px;
    padding-bottom: 0;
    gap: 8px;
  }

  .newsItemInfo {
    font-size: 14px;
    padding: 9.5px 15px;
  }

  .footer-address {
    img[src$="address.svg"] {
      height: 18.08px;
    }
    img[src$="phone.svg"] {
      height: 14.52px;
    }
    img[src$="email.svg"] {
      height: 11.98px;
    }
  }

  .footer-container .social-links img[src$="vk.svg"] {
    height: 27.33px;
  }

  /* index page ended */

  .pageTitle, #pageTitle {
    margin: 30px 0 15px;
  }

  #main-content {
    margin-bottom: 50px;
  }

  /* begin o-kompanii */

  .head_text {
    font-size: 26px;
    line-height: 30px;
    top: 50%;
  }

  section#pabout {
    margin: 35px 5% 50px;
    max-width: 90%;
  }

  .subtitle h2 {
    font-size: 14px;
    font-weight: 500;
  }

  .text_pabout {
    max-width: 100%;
    line-height: 1;
    font-size: 18px;
  }

  .card_title {
    font-size: 21px;
    line-height: 1;
    letter-spacing: -1%;
  }

  .card_text {
    font-size: 14px;
  }

  .directions__grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 8px;
  }

  .directions__item {
    font-size: 12px;
    padding: 42px 15px;
  }

  .directions__item::before {
    left: 16px;
    top: 14px;
    width: 18px;
    height: 18px;
  }

  #history_pabout {
    margin: 50px 10%;
    gap: 20px;

    .grid_dates {
      width: 49%;
      margin-left: 5%;

      .photo {
        font-size: 10px;
        width: 10.5625rem;
        img {
          margin-top: unset;
          margin-right: unset;
          width: 10.5625rem;
        }
      }
      .photo.right {
        margin-top: 4rem;
        margin-left: -4rem;
      }

      .photo.left {
        justify-content: flex-start;
      }

      .photo:first-child {
        width: 14.25rem;
        img {
          width: 14.25rem;
        }
      }

      .photo:nth-child(2) {
        grid-row: 1 / span 3 !important;
        margin-top: 7rem;
      }

      .photo:nth-child(3) {
        grid-row: 2 / span 3 !important;
        margin-top: 14rem;
      }

      .photo:nth-child(4) {
        grid-row: 2 / span 5 !important;
        margin-top: 9rem;
      }

      .photo:nth-child(5) {
        grid-row: 6 / span 1 !important;
        margin-top: 3rem;
      }

      .photo:nth-child(6) {
        grid-row: 6 / span 4 !important;
        margin-left: -10rem;
        width: 14.25rem;
        img {
          width: 14.25rem;
        }
      }

      .photo:nth-child(7) {
        margin-top: 4rem;
        justify-content: end;
        position: relative;
        left: 10.5rem;
      }
    }
  }

  .timeline {
    border-width: 1px;
    padding-left: 13px;
  }

  .timeline .event {
    margin-bottom: 35px;
  }

  .timeline h3 {
    color: black;
    font-size: 18px;
    font-weight: 300;
  }

  .timeline .text p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
  }

  .timeline .dot {
    width: 7px;
    height: 7px;
    left: -17px;
  }

  /* end o-kompanii */

  /* BEGIN PAGE /avarijnaya-sluzhba/ */
  .double {
    margin: auto 5%;
    margin-top: 40px;
    flex-direction: column;
  }

  .double section {
    margin-bottom: 40px;
  }

  .double .left {
    display: contents;
  }

  .double .right {
    width: auto;
  }

  .double #ads {
    order: -2;
  }

  .double .emergency-phones {
    order: -1;
    margin-bottom: 50px;
  }

  .double #operation h1:nth-of-type(2) {
    margin-top: 1.5625rem; /* 25px */
  }

  .emergency-phones__item img {
    width: 33px;
    height: 33px;
  }

  .subtitle + .emergency-phones__item {
    margin-top: 15px;
  }

  #pavar {
    ul {
      padding-left: 0.8rem;
      li {
        font-size: 14px;
      }
    }
  }
  /* END PAGE /avarijnaya-sluzhba/ */

  /* BEGIN PAGE /uslugi/ */
  #psingle .head_search {
    margin-top: 1.5625rem;

    .search_field {
      align-items: center;
      margin: 0;
      padding: 0.6875rem 0.9375rem;

      & img {
        width: 14px;
        height: 14px;
      }

      & .search_input_s {
        padding: 0;
        padding-left: 0.625rem;

        &::placeholder {
          font-size: 14px;
        }
      }
    }
  }
  #psingle .before_search {
    margin: 1.5625rem 0;
    flex-direction: column;

    & > * {
      width: auto;
    }

    & .right {
      margin-top: 3.125rem;
    }
  }

  #psingle .subtitle {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -1%;
    line-height: 1.2;
  }

  #psingle .number {
    font-size: 0.875rem;
  }

  #psingle .title {
    font-size: 18px;
    line-height: 1.15;
    margin-top: 0.625rem;

    &.spec_s {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -1%;
      line-height: 1.2;
    }
  }

  #psingle ul {
    padding: 0 14px;
    margin-top: 0.9375rem;
    margin-bottom: 0;
  }

  section ul li {
    font-size: 0.875rem;

    &:not(:last-child) {
      margin-bottom: 10px;
    }
  }

  #psingle .section {
    margin-bottom: 2.5rem;
  }

  #psingle .banner {
    font-size: 18px;
    line-height: 1.15;
    margin-top: 0.625rem;
    margin-bottom: 3.125rem;
  }
  /* END PAGE /uslugi/ */

  /* BEGIN PAGE /1626683157/ (догазификация) */
  #dogaz .head {
    margin-bottom: 3.125rem;
  }

  .subtitle h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  #dogaz span {
    font-size: 14px;
  }

  #dogaz .zayav {
    .title span {
      margin-bottom: 10px;
    }
    li {
      line-height: 17px;
    }
  }

  #dogaz .docs {
    .prev {
      font-size: 18px;
      margin: 3.125rem 0 0.9375rem;
    }
    .title {
      margin-bottom: 0.625rem;
    }
    ul {
      padding-left: 0.84rem;
    }
    li {
      margin-bottom: 9px;
      line-height: 17px;
    }
  }

  #dogaz .info {
    margin-top: 0.45rem;
    margin-bottom: 0.5rem;

    &>*:first-child {
      margin-bottom: 1rem;
    }
  }

  #dogaz .tech {
    margin-bottom: 2.5rem;

    * {
      font-size: 14px;
      line-height: 1.2;
    }

    & .blue span {
      font-size: 14px;
      line-height: 1.2;
    }

    & .blue img {
      width: 11px;
      aspect-ratio: 1 / 1;
      margin-top: 2px;
    }

    .gaz {
      margin-top: 2.5rem;
      width: 100%;
    }
  }

  #dogaz .questions {
    margin-bottom: 3.125rem;

    p {
      font-size: 18px;
      line-height: 22px;
    }

    .subtitle h2 {
      margin-bottom: 3px;
    }
  }

  #dogaz .title_card {
    font-size: 21px;
    letter-spacing: -1%;
  }

  #dogaz .content_card {
    font-size: 12px;
  }

  #dogaz .faq {
    gap: 1.5625rem; /* 25px */
    margin-bottom: 3.125rem;
  }

  #dogaz .link {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -1%;
  }
  /* END PAGE /1626683157/ (догазификация) */

  /* BEGIN PAGE /tekhnicheskoe-obsluzhivanie-vdgo/ (ВДГО/ВКГО) */
  #vdgo {
    .head {
      margin-bottom: 50px;
    }

    .subtitle {
      font-size: 14px;
      font-weight: 500;
    }

    p {
      font-size: 14px;
      line-height: normal;
    }

    section {
      margin-bottom: 50px;
    }

    ul {
      padding-left: 0.85rem;
    }

    .grid {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 1fr);
    }
  }
  /* END PAGE /tekhnicheskoe-obsluzhivanie-vdgo/ (ВДГО/ВКГО) */

  /* BEGIN PAGE /kontakty/ (Контакты) */
  #kontakt {
    .container {
      margin: 50px 5.5%;
    }

    .title {
      margin-bottom: 40px;
    }

    .title .subtitle h2 {
      font-size: 14px;
      font-weight: 500;
    }

    .title h2 {
      font-size: 21px;
      line-height: normal;
      margin-bottom: 15px;
    }

    & p, & a {
      font-size: 14px;
    }

    .table-heading {
      font-size: 18px;
      line-height: normal;

      &:not(:first-of-type) {
        margin: 3.125rem 0 1.25rem;
      }
    }

    .big_table {
      font-size: 12px;
      width: 100%;
    }

    .bank-details table {
      font-size: 14px;
    }
  }
  /* END PAGE /kontakty/ (Контакты) */
}

/** GLOBAL ADAPTIVE 375 (migrated to 555px) **/
@media screen and (max-width: 555px) {
  section h1 {
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.2;
  }
  .UpperMenu [rel=lk] {
    padding: 0;
    border: unset;
    margin-left: 8px;
    & span {
      display: none;
      visibility: hidden;
    }
  }
  .UpperMenu > * {
    padding: 0.5625rem 0.9375rem;
  }

  .UpperMenu.UpperMenu_mobile {
    display: flex;
    visibility: inherit;
  }

  .UpperMenu_mobile .gap:not([rel=lk]), .UpperMenu .gap:not([rel=lk]) {
    display: none;
    visibility: hidden;
  }

  .main > .mySwiper > .swiper-notification {
    display: none;
  }

  .main > .mySwiper > .swiper-wrapper {
    .slide-content {
      display: flex;
      flex-direction: column;
      right: 10%;
    }

    .slide-subtitle {
      order: 2;
      margin: 15px 0 30px;
    }
    .slide-title {
      order: 1;
      margin: 0;
    }
    .slide-button {
      order: 3;
      width: fit-content;
    }
    .slide-image {
      height: 426px;
    }
  }

  .info-grid {
    grid-template-columns: 1fr;
    padding: 30px 0;

    .card-header {
      display: flex;
      gap: 8px;
    }

    .card {
      padding: 24px 15px;
    }

    .card h3 {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 16px;
    }

    .card ul li {
      margin-bottom: 5px;
    }

    .card-icon {
      margin: 0;
      width: 20px;
      height: fit-content;
    }

    .card-icon[src$="Wrench.png"] {
      width: 18px;
    }

    .card-icon[src$="List.png"] {
      width: 17px;
    }
  }

  .bottom-banner img[src*="widget."] {
    display: none;
  }

  .bottom-banner img[src*="widget_375px"] {
    display: block;
  }

  .gus-survey-section {
    padding: 0 0 60px;
    flex-direction: column;

    .gus-problem-title {
      font-size: 16px;
      font-weight: 500;
    }

    .gus-problem-block,
    .gus-content-block {
      padding: 20px 15px;
    }

    .gus-start-btn,
    .gus-report-btn {
      font-size: 14px;
      line-height: 1;
      padding: 10px;
      text-align: center;
      width: 100%;
    }

    .gus-decs {
      font-size: 12px;
      font-weight: 400;
      margin-bottom: 20px;
    }

    .gus-survey-desc1 {
      background-color: rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      border: none;
      color: rgba(11, 31, 51, 0.5);
      font-size: 12px;
      margin-top: 8px;
      padding: 10px;
    }

    .gus-rules-link {
      display: none;
    }
  }

  .pop_up_cookie_wrap {
    flex-direction: column;
    font-size: 12px;
  }

  .pop_up_cookie_ok {
    width: fit-content;
    text-align: center;
  }

  .chat-button {
    --size: 32px;
  }

  .chat-label {
    font-size: 13px;
  }

  .newsItemInfo[rel="btn__all-content_mobile"] {
    display: inherit;
    visibility: inherit;
  }

  .newsItemInfo[rel="btn__all-content"] {
    display: none;
    visibility: hidden;
  }

  #news {
    padding: 0 0 60px;

    h1 {
      font-size: 20px;
    }

    .newsItemsWrap {
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
    }

    .newsItemsWrap .newsItem {
      width: 19.25rem;
      flex-shrink: 0;
    }
  }

  .newsItemInfo {
    font-size: 14px;
    padding: 11.5px 15px;
  }

  #about_company, #videos, #history {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  #about_company {
    h1 {
      margin-bottom: 0;
    }

    h2 {
      font-size: 16px;
    }

    .about-company {
      gap: 20px;
      margin-bottom: 50px;
    }

    .container {
      grid-template-columns: 1fr 1fr;
    }

    & .card-about h2 {
      font-size: 13px;
    }
  }

  #history {
    & h3 {
      font-size: 16px;
    }
    & .main-text {
      grid-column: 1 / -1;
    }
    & .history-text {
      font-size: 20px;
    }
    & .img2 {
      width: 42%;
      top: 29%;
    }
    & .img1 {
      width: 42%;
      top: 36%;
    }
    & .side-text-1 {
      left: 0;
      top: 40%;
      width: 100%;
      margin: 0;
    }

    & .side-text-2 {
      margin-bottom: 20px;
    }
    & .img4 {
      width: 42%;
      right: 0;
      top: 79%;
    }
    & .img3 {
      width: 40%;
      left: 0;
      top: 68%;
    }
    & .bottom {
      grid-row: 8;
      grid-column: 1 / -1;
      margin-top: 0;
    }
    & .img5 {
      display: none;
    }
  }

  #videos {
    h3 {
      font-size: 20px;
      margin-right: 0;
    }
    .video__wrap {
      margin-bottom: 20px;
    }
  }

  #partners {
    padding-bottom: 60px;

    h2 {
      font-size: 16px;
    }

    .imgWrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }

    .imgWrap img {
      width: 100%;
    }
  }

  #maps {
    h4 {
      font-size: 20px;
    }
    .maps__wrap {
      flex-direction: column;
    }
    .map_grid {
      grid-template-columns: 1fr 1fr;
      aspect-ratio: 1 / 0.6;
    }
    .map_bottom {
      display: none;
      visibility: hidden;
    }
    .map_bottom-mobile {
      display: flex;
      visibility: initial;
    }
  }

  .title__gaz-map {
    font-weight: 400;
    font-size: 16px;
  }

  #footer .footer-container.mobile > .footer-column:not(:last-child) {
    display: none;
    visibility: hidden;
  }

  .footer-bottom.mobile {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;

  }

  .footer-column {
    padding: 0;
  }

  #footer .footer-title {
    font-size: 16px;
  }

  .footer-address {
    font-size: 13px;
  }

  .address-line {
    align-items: start;
  }

  .footer-links {
    margin-bottom: 15px;
  }

  .footer-center, .footer-center * {
    text-align: center;
  }

  .footer-copyright {
    margin-bottom: 15px;
  }

  #header {
    .fullscreen-menu {
      .menu-content {
        padding-top: 15%;
      }
    }

    .head_search {
      max-width: 100%;
    }

    .footer-container.mobile {
      flex-direction: column;
    }

    .footer-title {
      font-size: 16px;
      margin: 15px 0;
    }

    .footer-title + .footer-menu {
      margin-bottom: 10px;
    }

    .footer-column {
      margin-bottom: 0;
    }
  }

  .UpperMenu.UpperMenu_fullscreen {
    display: flex;
    visibility: inherit;
  }

  .close-btn {
    top: 3.4%;
  }

  .close-btn img {
    width: 15px;
  }

  /* index page ended */

  #main-content {
    margin-bottom: 50px;
  }

  #pageTitle, .pageTitle {
    margin: 25px 0 15px;
  }

  /* BEGIN PAGE /o-kompanii/ */

  .head {
    background-size: cover;
    background-image: url('/SiteNN/images/pages/about/image_10_full.jpg');
    height: 276px;
    margin-bottom: 2.5rem;
  }

  .head_text {
    font-size: 26px;
    left: 4%;
    line-height: 30px;
    top: 50%;
  }

  .text_pabout {
    font-size: 18px;
    max-width: unset;
    line-height: 1.15;
  }

  section#pabout {
    margin-bottom: 2.5rem;
  }

  .subtitle h2 {
    font-size: 16px;
  }

  .table {
    grid-template-columns: 1fr 1fr;
  }

  .table .card {
    padding: 15px;
    padding-top: 28px;
    padding-bottom: 23px;
  }

  .card_title {
    font-size: 24px;
    letter-spacing: -1%;
    line-height: 1;
    margin-bottom: 7px;
  }

  .card_text {
    font-size: 13px;
    line-height: 1;
  }

  .directions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .directions__item {
    font-size: 13px;
    padding: 50px 10px;

    &::before {
      left: 12px;
      top: 18px;
      width: 20px;
      height: 20px;
    }
  }

  .directions__image {
    display: none;
    visibility: hidden;
  }

  #history_pabout {
    margin: 50px 5%;
    gap: 20px;
    max-width: unset;

    .grid_dates {
      display: none;
      visibility: hidden;
    }
  }

  .event .photo {
    --width: 14.25rem;
    display: block;
    visibility: visible;
    float: unset;
    width: var(--width);
    font-size: 11px;

    & img {
      width: var(--width);
      display: block;
    }

    &.photo_2,
    &.photo_4,
    &.photo_7 {
      --width: 10.6875rem;
      margin-top: 1rem;
    }

    &.photo_3,
    &.photo_5 {
      --width: 10.6875rem;
    }

    &.photo_6 {
      --width: 14.25rem;
    }
  }

  .photo-wrapper {
    display: flex;
    justify-content: end;

    &.photo-wrapper_3,
    &.photo-wrapper_5 {
      justify-content: start;
    }

    &.photo-wrapper_6 {
      justify-content: center;
    }
  }

  .timeline {
    border-width: 1px;
    padding-left: 13px;
  }

  .timeline .event {
    margin-bottom: 30px;
  }

  .timeline h3 {
    color: black;
    font-size: 20px;
    font-weight: 300;
  }

  .timeline .text p {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.8);
  }

  .timeline .dot {
    width: 7px;
    height: 7px;
    left: -17px;
    top: 6px;
  }

  /* END PAGE /o-kompanii/ */

  /* BEGIN PAGE /avarijnaya-sluzhba/ */
  .double {
    margin: auto 5%;
    margin-top: 30px;
    flex-direction: column;
  }

  .double section {
    margin-bottom: 30px;
  }

  .double .left {
    display: contents;
  }

  .double .right {
    width: auto;
  }

  .double #ads {
    order: -2;
  }

  .double .emergency-phones {
    order: -1;
    margin-bottom: 40px;
  }

  .double #operation h1:nth-of-type(2) {
    margin-top: 1.25rem; /* 20px */
  }

  .emergency-phones__item img {
    width: 33px;
    height: 33px;
  }

  .subtitle + .emergency-phones__item {
    margin-top: 15px;
  }

  #pavar {
    ul {
      padding-left: 0.8rem;
      li {
        font-size: 14px;
      }
    }
  }
  /* END PAGE /avarijnaya-sluzhba/ */

  /* BEGIN PAGE /uslugi/ */
  #psingle .head {
    margin-bottom: 1.25rem;
  }
  #psingle .head_search {
    margin: 0 0 auto;

    .search_field {
      align-items: center;
      margin: 0;
      padding: 0.6875rem 0.9375rem;

      & img {
        width: 14px;
        height: 14px;
      }

      & .search_input_s {
        padding: 0;
        padding-left: 0.625rem;

        &::placeholder {
          font-size: 14px;
        }
      }
    }
  }

  #psingle .before_search {
    margin: 0.9375rem 0;
    flex-direction: column;

    & > * {
      width: auto;
    }

    & .right {
      margin-top: 2.5rem;
    }
  }

  #psingle .subtitle {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -1%;
    line-height: 1.2;
  }

  #psingle .number {
    font-size: 0.875rem;
  }

  #psingle .title {
    font-size: 18px;
    line-height: 1.15;
    margin-top: 0.625rem;

    &.spec_s {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: -1%;
      line-height: 1.2;
    }
  }

  #psingle ul {
    padding: 0 14px;
    margin-top: 0.9375rem;
    margin-bottom: 0;
  }

  section ul {
    padding-left: 0.84rem;
  }
  section ul li {
    font-size: 0.875rem;

    &:not(:last-child) {
      margin-bottom: 10px;
    }
  }

  #psingle .section {
    margin-bottom: 1.875rem;
  }

  #psingle .banner {
    font-size: 18px;
    line-height: 1.15;
    margin-top: 0.625rem;
    margin-bottom: 3.125rem;
  }
  /* END PAGE /uslugi/ */

  /* BEGIN PAGE /1626683157/ (догазификация) */
  #dogaz .head {
    margin-bottom: 2.5rem;
  }

  .subtitle h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  #dogaz span {
    font-size: 14px;
  }

  #dogaz ul {
    padding-left: 0.84rem;
  }

  #dogaz .zayav {
    .title span {
      margin-bottom: 10px;
    }
    li {
      line-height: 17px;
    }
  }

  #dogaz .docs {
    .prev {
      font-size: 18px;
      margin: 2.5rem 0 1.25rem;
    }
    .title {
      margin-bottom: 0.478rem;
    }
    li {
      margin-bottom: 9px;
      line-height: 17px;
    }
  }

  #dogaz .info {
    margin-top: 0.45rem;
    margin-bottom: 0.5rem;
    
    &>* {
      line-height: 17px;
    }

    &>*:first-child {
      margin-bottom: 1rem;
    }
  }

  #dogaz .tech {
    margin-bottom: 1.85rem;

    &>*:first-child {
      margin: 1.3rem 0 2.5rem;
      display: block;
    }

    * {
      font-size: 14px;
      line-height: 1.2;
    }

    & .blue span {
      font-size: 14px;
      line-height: 1.2;
    }

    & .blue img {
      width: 11px;
      aspect-ratio: 1 / 1;
      margin-top: 2px;
    }

    .gaz {
      margin-top: 1.8rem;
      width: 100%;
    }
  }

  #dogaz .questions {
    margin-bottom: 2.15rem;

    p {
      font-size: 18px;
      line-height: 22px;
    }

    .subtitle h2 {
      margin-bottom: 3px;
    }

    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
  }

  #dogaz .title_card {
    font-size: 24px;
    letter-spacing: -1%;
  }

  #dogaz .content_card {
    font-size: 12px;
  }

  #dogaz .faq {
    gap: 1.25rem; /* 20px */
    margin-bottom: 2.2rem;
  }

  #dogaz .link {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -1%;
  }

  /* END PAGE /1626683157/ (догазификация) */

  /* BEGIN PAGE /tekhnicheskoe-obsluzhivanie-vdgo/ (ВДГО/ВКГО) */
  #vdgo {
    .head {
      margin-bottom: 40px;
    }
    .subtitle {
      font-size: 16px;
      font-weight: 500;
    }

    p {
      font-size: 14px;
      line-height: normal;
    }

    section {
      margin-bottom: 50px;
    }

    ul {
      padding-left: 0.85rem;
    }

    .s11 img {
      width: 100% /* 350 px */;
      height: 100% /* 350 px */;
    }

    .grid {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
    }
    .container {
      max-width: 100%;
    }
  }
  /* END PAGE /tekhnicheskoe-obsluzhivanie-vdgo/ (ВДГО/ВКГО) */

  /* BEGIN PAGE /kontakty/ (Контакты) */
  #kontakt {
    .container {
      margin: 40px 5%;
    }
    
    .title {
      margin-bottom: 40px;
    }

    .title .subtitle h2 {
      font-size: 16px;
      font-weight: 500;
    }

    .title h2 {
      font-size: 18px;
      margin-bottom: 10px;
      line-height: normal;
    }

    & p, & a {
      font-size: 12px;
    } 

    .table-heading {
      font-size: 18px;
      line-height: normal;

      &:not(:first-of-type) {
        margin: 2.5rem 0 0.625rem;
      }
    }

    .big_table {
      font-size: 12px;
      width: auto;
    }
    
    .big_table-wrapper {
      overflow: auto;
    }
    
    .big_table-toggle {
      display: inline-block;
      visibility: initial;
      margin-bottom: 0.15rem;
    }

    .big_table-cloak {
      display: none;
    }

    .bank-details table {
      font-size: 12px;
    }
  }
  /* END PAGE /kontakty/ (Контакты) */
}


/* ДОПОЛНИТЕЛЬНЫЕ СТРАНИЦЫ */
#doppages {
    font-size: 1rem;
    line-height: 1.15;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    .double {
      display: flex;
      flex-direction: row;
      margin: 100px 0 0;
      img {
        width: 50%;
        margin-right: 30px;
      }
    }
    counter-reset: main-item;

    p {
        margin: 10px 0;
    }

    ol {
        padding-left: 20px;
        margin: 15px 0;

    & > li {
        display: list-item;
        margin: 10px 0;
        position: relative;
        list-style-position: inside;

        &::before {
            content: none;
        }
    }

    li {
        & > ol {
            margin: 10px 0;

            & > li {
                margin: 8px 0;
                list-style-position: inside;
            }
        }

        & > ul {
            margin: 10px 0;
        }
    }
    }

    ul {
        list-style-type: none;
        padding-left: 0;
        margin: 10px 0;

        & > li {
            position: relative;
            padding-left: 20px;
            margin: 8px 0;
            display: block;

        &::before {
            content: "●";
            color: rgba(0, 121, 194, 1);
            font-size: 16px;
            position: absolute;
            left: 0;
            top: 0;
        }

        & > ul {
            & > li {
                &::before {
                    content: "-";
                    color: rgba(0, 0, 0, 1);
                    font-size: 1rem;
                    position: absolute;
                    left: 0;
                    top: 0;
                }
            }

        ul {
            list-style-type: disc;
            padding-left: 20px;

            & > li {
                padding-left: 0;

                &::before {
                    content: none;
                }
            }
        }
        }
        }
    }

    .padding-not {
        padding-left: 0;

        &.ol, &.ul {
            padding-left: 0;
        }
    }

    .bold {
        font-weight: 600;
    }

    span.important {
        display: inline;
        color: rgba(0, 121, 194, 1);
        border-top: solid 1px rgba(0, 121, 194, 1);
        padding-top: 10px;
        margin: 15px 0;
        span {
            color: rgba(0, 0, 0, 0.5);
        }
    }

        span.imp {
            display: inline;
            color: rgba(0, 121, 194, 1);
        }

    a {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.8);
        transition: color 0.3s ease;

        &:hover {
            color: rgba(0, 121, 194, 1);
        }

        &.link {
            color: rgba(0, 121, 194, 1);
            text-decoration: underline;

            &:hover {
                text-decoration: none;
            }

            span {
                color: rgba(0, 0, 0, 0.8);
                text-decoration: none;

                &.imp {
                    color: rgba(0, 121, 194, 1);
                }
            }
        }

        &[href="tel:"] {
            color: rgba(0, 0, 0, 0.8);
            text-decoration: none;

            &:hover {
                color: rgba(0, 121, 194, 1);
            }
        }
    }

        span {
            display: inline;
        }

    & > * {
        margin-bottom: 15px;
    }
    h3 {
      font-size: 18px;
      line-height: 22px;
      margin-top: 100px;
      font-weight: 500;
      color: rgba(0, 121, 194, 1);
    }
    .gallery {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: center;
      column-gap: 15px;
    }
    .card {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: flex-start;
      width: 16%;
      align-items: center;
      max-width: 200px;
      p {
        text-align: center;
        font-size: 18px;
      }
    }
    h2 {
        font-size: 28px;
        line-height: 36px;
        font-weight: 300;
        color: rgba(0, 0, 0, 1);
        margin-top: revert;
    }
    img[alt="download"] {
      margin-right: 10px;
    }
    .padding {
        padding-left: 20px !important;
    }
    li.bold {
        &::marker, &::before {
            content: '';
        }
    }
    .margin-top {
        margin-top: 30px;
    }
    .compare-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
        font-size: 1rem;
        line-height: 1.4;

        th, td {
            border: 1px solid rgba(0, 0, 0, 0.2);
            padding: 10px;
        }

        th {
            background-color: rgba(0, 121, 194, 0.1);
            text-align: center;
            font-weight: 600;
            color: rgba(0, 0, 0, 0.9);
        }

        td {
            text-align: center;

            &:first-child {
                text-align: left;
                font-weight: 500;
                color: rgba(0, 0, 0, 0.9);
            }
        }

        tbody {
            tr {
                &:nth-child(even) {
                    background-color: rgba(0, 0, 0, 0.03);
                }

                &:hover {
                    background-color: rgba(0, 121, 194, 0.08);
                    transition: background-color 0.3s ease;
                }
            }
        }
    }
  .fullImage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* СТРАНИЦЫ КАРТЫ */

#maps_pages {
  margin: 0 10%;
  width: 80%;
  font-size: 1rem;
  line-height: 1.15;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  font-family: "Inter", sans-serif;
  p:first-child {
    font-size: 28px;
    font-weight: 300;
    line-height: 36px;
    color: rgba(0, 0, 0, 1);
    text-transform: uppercase;
    margin: 90px 0 20px;
  }
  .double {
    display: flex;
    flex-direction: row;
    margin: 100px 0 0;
    img {
      width: 50%;
      margin-right: 30px;
    }
  }
  strong {
    font-weight: 400;
    margin-bottom: 5px;
  }
  p {
    margin: 10px 0;
    font-size: 16px;
    line-height: 22px;
  }

  ol {
    padding-left: 20px;
    margin: 15px 0;

    & > li {
      display: list-item;
      margin: 10px 0;
      position: relative;
      list-style-position: inside;

      &::before {
        content: none;
      }
    }

    li {
      & > ol {
        margin: 10px 0;

        & > li {
          margin: 8px 0;
          list-style-position: inside;
        }
      }

      & > ul {
        margin: 10px 0;
      }
    }
  }

  ul {
    list-style-type: none;
    padding-left: 0;
    margin: 10px 0;

    & > li {
      position: relative;
      padding-left: 20px;
      margin: 8px 0;
      display: block;

      &::before {
        content: "●";
        color: rgba(0, 121, 194, 1);
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 0;
      }

      & > ul {
        & > li {
          &::before {
            content: "-";
            color: rgba(0, 0, 0, 1);
            font-size: 1rem;
            position: absolute;
            left: 0;
            top: 0;
          }
        }

        ul {
          list-style-type: disc;
          padding-left: 20px;

          & > li {
            padding-left: 0;

            &::before {
              content: none;
            }
          }
        }
      }
    }
  }

  .padding-not {
    padding-left: 0;

    &.ol, &.ul {
      padding-left: 0;
    }
  }

  .bold {
    font-weight: 600;
  }

  span.important {
    display: inline;
    color: rgba(0, 121, 194, 1);
    border-top: solid 1px rgba(0, 121, 194, 1);
    padding-top: 10px;
    margin: 15px 0;
    span {
      color: rgba(0, 0, 0, 0.5);
    }
  }

  span.imp {
    display: inline;
    color: rgba(0, 121, 194, 1);
  }

  a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    transition: color 0.3s ease;

    &:hover {
      color: rgba(0, 121, 194, 1);
    }

    &.link {
      color: rgba(0, 121, 194, 1);
      text-decoration: underline;

      &:hover {
        text-decoration: none;
      }

      span {
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none;

        &.imp {
          color: rgba(0, 121, 194, 1);
        }
      }
    }

    &[href="tel:"] {
      color: rgba(0, 0, 0, 0.8);
      text-decoration: none;

      &:hover {
        color: rgba(0, 121, 194, 1);
      }
    }
  }

  span {
    display: inline;
  }

  & > * {
    margin-bottom: 15px;
  }
  h3 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 100px;
    font-weight: 500;
    color: rgba(0, 121, 194, 1);
  }
  .gallery {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    column-gap: 15px;
  }
  .card {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    width: 16%;
    align-items: center;
    max-width: 200px;
    p {
      text-align: center;
      font-size: 18px;
    }
  }
  h2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    color: rgba(0, 0, 0, 1);
    margin-top: revert;
  }
  img[alt="download"] {
    margin-right: 10px;
  }
  .padding {
    padding-left: 20px !important;
  }
  li.bold {
    &::marker, &::before {
      content: '';
    }
  }
  .margin-top {
    margin-top: 30px;
  }
  .compare-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 1rem;
    line-height: 1.4;

    th, td {
      border: 1px solid rgba(0, 0, 0, 0.2);
      padding: 10px;
    }

    th {
      background-color: rgba(0, 121, 194, 0.1);
      text-align: center;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.9);
    }

    td {
      text-align: center;

      &:first-child {
        text-align: left;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.9);
      }
    }

    tbody {
      tr {
        &:nth-child(even) {
          background-color: rgba(0, 0, 0, 0.03);
        }

        &:hover {
          background-color: rgba(0, 121, 194, 0.08);
          transition: background-color 0.3s ease;
        }
      }
    }
  }
  .fullImage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/*О КОМПАНИИ ПРОЧЕЕ*/
#about_ot {
  max-width: 80%;
  margin: auto 10%;
  padding: 0;
}

form[action="/poverka-gazovogo-schetchika"] {
  max-width: 80%;
  margin: auto 10%;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  column-gap: 10px;
  row-gap: 15px;
  .checkboxs {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  p {
    display: flex;
    flex-direction: row;
    align-items: center;
    input {
      width: 18px;
    }
    span, a {
      font-size: 1rem;
      font-style: italic;
      text-decoration: none;
    }
  }
  input[type="submit"] {
    width: 100%;
    color: white;
    border: none;
    margin: 0;
    padding: 14px;
    border-radius: 5px;
    font-size: 1rem;
    line-height: 125%;
    font-weight: 400;
  }
  .applicationForm_input {
    height: 44px;
    border: none;
    padding: 12px 15px;
    background-color: rgba(0, 0, 0, 0.03);
    width: 24%;
    margin: 0;
  }
  span.important {
    color: rgba(204, 0, 0, 1);
  }
}

@media screen and (max-width: 1100px) {
  form[action="/poverka-gazovogo-schetchika"] {
    flex-direction: column;
    max-width: 100%;
    .applicationForm_input {
      width: 100%;
    }
  }
}


.bg {
  background-image: url("./bg.webp");
}