@charset "utf-8";
/* CSS Document */
/* colors: #224477; #c70d0d; #232323; */
@import "https://fonts.googleapis.com/css?family=Exo+2:400,500,600,700&subset=cyrillic";
/*11*/
body {
  margin: 0px;
  font-family: "Exo 2", sans-serif;
}

input:focus {
  outline: none !important;
  border: 1px solid #224477 !important;
}

a {
  text-decoration: none;
  color: #224477;
}

a:hover {
  color: #c70d0d;
}

h1,
h2,
h3 {
  color: #232323;
  margin: 0px 0px 20px;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
  font-weight: 600;
  color: #224477;
}

h3 {
  font-size: 16px;
  font-weight: 600;
  color: #224477;
}

p,
li,
td,
div {
  color: #232323;
  font-size: 14px;
}

h1 span {
  color: #bbbbbb;
}

/*p:first-letter, h1:first-letter, h2:first-letter, h3:first-letter, li:first-letter, .breadcrumbs a:first-letter {text-transform:uppercase;}*/
/* --- Базовая разметка --- */
.brick {
  margin: auto;
}

.all {
  padding: 80px 0px 0px;
  min-width: 1200px;
}

.basis {
  display: table;
  width: 1200px;
  margin: auto;
  border-spacing: 0px;
}

.scheme2 .basis {
  display: block;
  width: auto;
}

.content,
.left,
.search-content {
  display: table-cell;
  vertical-align: top;
}

.content,
.search-content {
  width: 1200px;
  padding: 0px 0px 0px 40px;
}
.content:has(#photo-gallery) {
  max-width: 1200px;
}

.left {
  width: 280px;
}

.scheme2 .content {
  display: block;
  width: auto;
  padding: 0px;
}

.scheme2 .search-content {
  display: block;
  width: 1200px;
  margin: auto;
  padding: 0px;
}

.content p,
.content li,
.content td,
.content div {
  line-height: 22px;
}

.roof {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  box-shadow: 0px 2px 5px #777777;
  z-index: 1000;
}

.roof .brick {
  padding: 16px 0px 4px;
  font-size: 0px;
  display: flex;
  justify-content: center;
  width: auto;
}

.logo,
.roof .menu,
.search,
.request,
.phones,
.date-time {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}

.logo {
  width: auto;
  padding: 10px 0px 0px;
  font-size: 0px;
}

.logo img {
  width: 80px;
}

.roof .menu {
  padding: 4px 0px 0px;
}

.roof .burger {
  display: none;
}

.search {
  width: 28px;
  height: 40px;
  padding: 4px 8px 0px;
  z-index: 1;
}

.request {
  padding: 4px 8px 0px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.phones {
  width: auto;
  border-left: 1px solid #e0e0e0;
  font-weight: 700;
  padding: 4px 8px 0px;
}

.date-time {
  width: 64px;
  border-left: 1px solid #e0e0e0;
  padding: 0px 0px 0px 20px;
}

.search img,
.request img {
  float: left;
  vertical-align: middle;
  margin: 8px 10px 10px 0px;
  width: 23px;
}

.request a {
  text-decoration: underline;
  color: #000000;
}

.search a {
  display: block;
  text-transform: uppercase;
  padding: 12px 0px;
  color: #000000;
  font-size: 12px;
  font-weight: 600;
}

.phones span {
  display: block;
  margin: 0px 0px 4px;
  text-align: center;
  font-size: 16px;
}

.phones span:first-child {
  letter-spacing: 0.3px;
}

.date-time .time span {
  font-size: 26px;
  font-weight: 500;
}

.date-time .date {
  text-transform: lowercase;
}

.requestmenu {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 50;
}

.request-inner {
  position: relative;
  width: 1100px;
  height: 380px;
  background-color: #ffffff;
  margin: 200px auto;
  text-align: center;
}

.request-inner .request-header {
  text-align: center;
  padding: 20px;
  font-size: 20px;
  color: #ffffff;
  background-color: #224477;
  position: relative;
}

.request-pics a {
  display: inline-block;
  vertical-align: top;
  width: 140px;
  height: 200px;
  margin: 40px 10px 10px;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.request-pics a img {
  display: block;
  float: none;
  margin: 0px auto 16px;
}

.request-pics a:hover {
  box-shadow: 0px 0px 5px #777777;
}

.request-inner a.close {
  position: absolute;
  display: block;
  margin: 12px 0px 0px 1064px;
  font-size: 24px;
  text-decoration: none;
  color: #ffffff;
}

.search-field {
  position: absolute;
  padding: 5px 0px 13px 0px;
  background-color: #ffffff;
  width: 0px;
  margin-left: -50px;
  overflow: hidden;
}

.search-field input {
  width: 530px;
  height: 20px;
  margin: 0px 20px;
  padding: 4px 14px;
  border: 1px solid #d1d1d1;
  font-size: 14px;
  font-weight: 500;
}

.search-field input[type="submit"] {
  display: none;
  width: 30px;
  height: 30px;
  margin: 0px;
  background: url(/pic/search_h.png) center center no-repeat;
  border: 0px;
}

.search a {
  padding-left: 30px;
}

.search img {
  position: absolute;
  z-index: 30;
}

.breadcrumbs {
  height: 16px;
  padding: 15px 0px;
  font-size: 12px;
  color: #aaaaaa;
}

.breadcrumbs a {
  display: inline-block;
  font-size: 12px;
  color: #aaaaaa;
  text-decoration: underline;
  vertical-align: top;
}

.breadcrumbs span {
  display: inline-block;
  margin: 0px 15px;
  vertical-align: top;
}

.content a {
  text-decoration: underline;
}

.hid {
  text-align: center;
}

.footer-logo {
  padding: 40px 0px;
}

.footer-logo img {
  width: 125px;
}

.footer-city {
  height: 540px;
  background: url(/pic/lower-bg.jpg) center top no-repeat;
}

.scheme3 .footer-city {
  height: 510px;
  background: url(/pic/lower2-bg.jpg) center top no-repeat;
}

.footer-menu {
  background-color: #020619;
}

html body .footer-menu .brick .menu ul li ul a {
  padding: 6px 0;
}

html body .footer-menu .brick .menu ul li ul.footer-contact-list a {
  padding: 6px 0 6px 32px;
}

.footer-menu:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 50px;
  margin: -49px 0px 0px;
  background: url(/pic/footer-bg.png) center top no-repeat;
  z-index: 10;
}

.copyright p {
  margin: 0px;
  padding: 60px 0px 30px;
  color: #f0f0f0;
  font-size: 12px;
  line-height: 18px;
}

/* --- ### --- */
/* --- Оформление меню --- */
.roof .menu .lvl1 > li {
  display: inline-block;
  vertical-align: top;
}

.roof .menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.roof .menu .lvl1 > li > a {
  display: block;
  height: 23px;
  padding: 12px 6px 20px;
  border-bottom: 5px solid transparent;
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.roof .menu .lvl1 > li:hover > a {
  border-bottom: 5px solid #224477;
  color: #224477;
}

.roof .menu ul.lvl2 {
  display: none;
  position: absolute;
  width: 300px;
  padding: 5px 2px 2px;
  margin: -5px 0px 0px -40px;
}

.roof .menu .lvl2 li {
  display: block;
  margin: 0px;
  padding: 0px 10px;
  background-color: #224477;
}

.roof .menu .lvl2 li:first-child {
  padding: 16px 10px 0px;
}

.roof .menu .lvl2 li:last-child {
  padding: 0px 10px 16px;
}

.roof .menu .lvl2 li a {
  display: block;
  color: #ffffff;
  padding: 3px 0px 7px 20px;
}

.roof .menu .lvl2 li:hover > a {
  text-decoration: underline;
  background: url(/pic/menu-symbol.png) left center no-repeat;
}

.roof .menu ul.lvl3 {
  display: none;
  position: absolute;
  width: 370px;
  padding: 0px 2px 0px 15px;
  margin: -32px 0px 0px 278px;
}

.roof .menu ul.lvl3 li a {
  padding: 3px 0px 3px 20px;
  font-size: 13px;
}

.left .menu {
  background-color: #f7f8fa;
}

.left .menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.left .menu ul.lvl3 {
  display: none;
  margin: 0px 0px 5px 24px;
  padding: 0px;
  list-style: none;
}

.left .menu ul.lvl1 > li {
  display: block;
}

.left .menu ul.lvl1 > li {
  border-bottom: 1px solid #c5c9d0;
  padding: 10px 0px;
}

.left .menu ul.lvl1 > li:last-child {
  border-bottom: 0px;
}

.left .menu ul.lvl2 > li {
  color: #224477;
}

.left .menu ul.lvl1 > li > a {
  display: block;
  padding: 8px 10px 8px 16px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}

.left .menu ul.lvl1 > li > a[href]:hover,
.left .menu ul.lvl1 > li > a[href].active {
  background-color: #224477;
  color: #ffffff;
}

.left .menu ul.lvl1 > li > a span {
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #a4a4a4;
}

.left .menu ul.lvl2 > li > a {
  display: block;
  padding: 6px 10px 10px 40px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.left .menu ul.lvl2 > li > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin: 8px 0px 0px -16px;
  background-color: #224477;
}

.left .menu ul.lvl2 > li > a:hover {
  color: #224477;
  text-decoration: underline;
}

.left .menu ul.lvl2 > li > a.active {
  background-color: #224477;
  color: #ffffff;
}

.left .menu ul.lvl3 > li > a {
  display: block;
  padding: 4px 8px 6px 24px;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.left .menu ul.lvl3 > li > a:hover {
  color: #224477;
  text-decoration: underline;
}

.left .menu ul.lvl3 > li > a.active {
  background: url(/pic/leftmenu-symbol.png) left center no-repeat;
  color: #224477;
  text-decoration: underline;
}

.hid .menu .lvl1 > li {
  display: inline-block;
  vertical-align: top;
  width: 270px;
  margin: 0px 20px 0px 0px;
  text-align: left;
}

.hid .menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.footer-menu .menu .lvl1 {
  display: grid;
  grid-template-columns: 270px minmax(0px, 360px) minmax(0px, 300px);
  column-gap: 50px;
  row-gap: 20px;
  justify-content: center;
  align-items: start;
  text-align: left;
}

.footer-menu .menu .lvl1 > li {
  display: block;
  width: auto;
  margin: 0px;
}

.footer-menu .menu .footer-menu-root-stack-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.footer-menu .menu .footer-menu-root-stack-list > li + li {
  margin-top: 20px;
}

.hid .menu .lvl1 > li > a,
.footer-menu .menu .footer-menu-root-stack-list > li > a {
  display: block;
  padding: 8px 0px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.hid .menu .lvl2 li {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

.hid .menu .lvl2 li a {
  display: block;
  color: #ffffff;
  padding: 8px 0px;
  font-size: 14px;
}

.hid .menu .lvl2 li a img {
  vertical-align: middle;
  margin-left: 8px;
}

.hid .menu .lvl2 li:hover > a {
  text-decoration: underline;
}

.hid .menu .footer-contact-list li a {
  padding: 8px 0px 8px 32px;
}

.hid .menu .footer-contact-list .phone-number-link {
  background: url(/pic/phone-wt-icon.png) left center no-repeat;
  background-repeat: no-repeat;
}

.hid .menu .footer-contact-list .send-mail-link {
  background: url(/pic/mail-wt-icon.png) left center no-repeat;
  background-repeat: no-repeat;
}

.hid .menu .footer-contact-list .location-info {
  background: url(/pic/place-wt-icon.png) left center no-repeat;
  background-repeat: no-repeat;
}

/* --- ### --- */
/* --- Разметка основных регулярных элементов --- */
.slider {
  position: relative;
  text-align: center;
  width: 100%;
  height: 480px;
  overflow: hidden;
  background-color: #363b4e;
}

.slider .oneslide {
  position: absolute;
  width: 1920px;
  height: 480px;
  margin: auto 0px;
  text-align: center;
}

.slider .oneslide .backgr {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.slider .oneslide .foregr {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.slider .oneslide .slidetext {
  position: absolute;
  width: 760px;
  top: 100px;
  left: 0px;
  font-size: 40px;
  text-align: left;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  text-shadow: 0px 0px 16px #000000;
  z-index: 3;
}

.slider .oneslide .slidetext b {
  display: block;
  margin: 6px 0px 0px;
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
}

.slidesub {
  position: absolute;
  display: block;
  width: 440px;
  top: 320px;
  left: 0px;
  font-size: 16px;
  text-align: left;
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0px 0px 16px #000000;
  z-index: 3;
}

.slidesub span {
  display: block;
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}

.slidesub span:first-child {
  font-size: 18px;
}

.slidesub:hover span {
  color: #e0e0e0;
}

.slidepoints {
  position: relative;
  text-align: center;
  width: 480px;
  height: 16px;
  margin: -40px auto 0px;
  z-index: 100;
}

.slidepoints a {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0px 12px;
  padding: 0px;
  border-radius: 8px;
  background: #ffffff;
}

.slider-buttons {
  position: absolute;
  top: 400px;
  width: 100%;
  text-align: center;
  z-index: 50;
}

.slider-point {
  display: inline-block;
  margin: 0px 10px;
  width: 10px;
  height: 10px;
  font-size: 0px;
  border-radius: 5px;
  background-color: #ffffff;
  cursor: pointer;
}

.slider-point:hover {
  background-color: #224477;
}

.slider-left-arrow,
.slider-right-arrow {
  display: block;
  width: 40px;
  height: 80px;
  position: absolute;
  top: 160px;
  left: 50%;
  margin: 0px 0px 0px -580px;
  cursor: pointer;
  z-index: 50;
}

.slider-right-arrow {
  margin: 0px 0px 0px 540px;
}

.slider-left-arrow:hover,
.slider-right-arrow:hover {
  filter: drop-shadow(2px 2px 5px #000000);
}

.projects-pool {
  font-size: 0px;
}

.project-one {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 256px;
  height: 140px;
  padding: 9px;
  margin: 8px;
  border: 1px solid #d1d1d1;
  background-color: #fbfcfc;
  cursor: pointer;
}

.project-one:hover {
  box-shadow: 0px 0px 7px #777777;
}

.project-one .project-image {
  height: 60px;
  margin: 0px 0px 10px;
  text-align: center;
}

.project-one .project-image img {
  max-height: 58px;
  border: 1px solid #e8e8e8;
}

.project-one .project-sector {
  position: absolute;
  right: 10px;
  display: block;
  width: 24px;
  height: 24px;
  /*margin-left:232px;*/
  text-align: center;
  filter: grayscale(1);
  opacity: 0.7;
}

.project-one .project-sectorcount {
  position: absolute;
  display: block;
  width: 48px;
  height: 24px;
  margin-left: 208px;
  text-align: center;
  color: #a4a4a4;
  font-size: 14px;
  text-align: right;
}

.project-one .project-sector:hover {
  filter: grayscale(0);
  opacity: 1;
}

.project-one .project-sector:hover span {
  display: block;
}

.project-one .project-sector img {
  width: 24px;
  height: 24px;
}

.project-one .project-name {
  height: 70px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
}

.project-one .project-name a {
  text-decoration: none;
  color: #000000;
}

.project-one .project-sector span {
  display: none;
  position: absolute;
  width: 180px;
  height: 45px;
  padding: 5px 8px;
  margin: -70px 0px 0px -180px;
  background-color: #224477;
  font-size: 12px;
  color: #ffffff;
  text-align: left;
}

.project-one .project-sector span:before {
  content: "";
  display: block;
  position: absolute;
  width: 188px;
  height: 18px;
  margin: 50px 0px 0px;
  background: url(/pic/sector-tail.png) right top no-repeat;
}

.project-folder .project-image img {
  border: 0px;
}

.project-rightplate {
  float: right;
  width: 182px;
  padding: 0px 0px 0px 40px;
}

.project-rightplate img {
  width: 180px;
  border: 1px solid #f0f0f0;
}

.project-request {
  margin: 20px 0px 0px;
  padding: 0px 0px 0px 39px;
  background: url(/pic/request.png) left center no-repeat;
}

.project-strip {
  display: block;
  margin: 20px 0px;
  padding: 14px 24px 12px 16px;
  background-color: #f0f2f4;
  font-size: 0px;
}

.project-strip div {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  margin: 0px;
  padding: 6px 0px;
}

.project-strip div:nth-child(3) {
  width: 140px;
  padding: 6px 0px 6px 70px;
  background: url(/pic/send-red-icon.png) 25px center no-repeat;
  background-size: 32px 32px;
}

.project-strip div span {
  display: inline-block;
  vertical-align: middle;
  width: 195px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.project-region img,
.project-owner img {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px;
  max-width: 60px;
  max-height: 40px;
}

.project-strip div a {
  font-weight: 500;
  text-decoration: underline;
  color: #000000;
}

.news-pool {
  font-size: 0px;
}

.newpoint-one {
  display: inline-block;
  width: 256px;
  height: 140px;
  padding: 9px;
  margin: 8px;
  border: 1px solid #d1d1d1;
  text-align: center;
  vertical-align: top;
  background-color: #fbfcfc;
  cursor: pointer;
}

.newpoint-one:hover {
  box-shadow: 0px 0px 7px #777777;
}

.newpoint-one .newpoint-imgdate {
  height: 60px;
  margin: 0px 0px 10px;
}

.newpoint-one .newpoint-imgdate span {
  display: block;
  float: right;
  margin: 3px 0px;
  text-align: right;
  color: #a0a0a0;
  font-size: 12px;
  line-height: 16px;
}

.news-source {
  max-width: 100%;
  white-space: normal;
  text-align: right;
}

.newpoint-one .newpoint-imgdate span strong {
  font-weight: 500;
  color: #c70d0d;
}

.newpoint-one .newpoint-imgdate img {
  float: left;
  max-width: 60px;
  max-height: 60px;
}

.newpoint-one .newpoint-name {
  height: 70px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
}

.newpoint-one .newpoint-name a {
  text-decoration: none;
  color: #000000;
}

.newpoint-date {
  margin-bottom: 10px;
  color: #a0a0a0;
}

.source,
.news-switch {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  width: 580px;
}

.news-switch {
  text-align: right;
  width: 280px;
}

.news-switch a,
.news-switch span {
  display: inline-block;
  margin: 0px 0px 0px 40px;
}

.news-switch span {
  color: #c8c8d2;
}

.news-switch a {
  color: #000000;
}

.news-h1 {
  margin: 12px 0px 20px;
}

.news-big-img {
  max-width: 320px;
  margin: 0px 20px 20px 0px;
}

.tmi-one {
  display: inline-block;
  width: 256px;
  height: 140px;
  padding: 9px;
  margin: 8px;
  border: 1px solid #d1d1d1;
  text-align: center;
  vertical-align: top;
  background-color: #fbfcfc;
  cursor: pointer;
}

.tmi-one:hover {
  box-shadow: 0px 0px 7px #777777;
}

.tmi-one .tmi-imgdate {
  width: 70px;
  float: right;
  margin: 0px;
  text-align: right;
}

.tmi-one .tmi-imgdate span {
  display: block;
  margin: 3px 0px;
  text-align: right;
  color: #a0a0a0;
  font-size: 14px;
  line-height: 16px;
}

.tmi-one .tmi-imgdate span strong {
  font-weight: 500;
  color: #c70d0d;
}

.tmi-one .tmi-imgdate img {
  max-width: 60px;
  max-height: 60px;
}

.tmi-one .tmi-name {
  height: 140px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
}

.tmi-one .tmi-name a {
  text-decoration: none;
  color: #000000;
}

.clients-pool {
  font-size: 0px;
}

.clients-one {
  display: inline-block;
  vertical-align: top;
  width: 256px;
  height: 160px;
  padding: 9px;
  margin: 8px;
  border: 1px solid #d1d1d1;
  background-color: #fbfcfc;
  text-align: center;
}

.clients-one:hover {
  box-shadow: 0px 0px 7px #777777;
}

.clients-one[id] {
  cursor: pointer;
}

.clients-one .clients-image {
  height: 60px;
  margin: 0px;
}

.clients-one .clients-image img {
  max-height: 54px;
}

.clients-one .clients-header {
  height: 32px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
}

.clients-one .clients-name p {
  margin: 0px;
  text-decoration: none;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}

.clients-one .clients-recom a {
  text-decoration: underline;
  color: #7c7c7c;
}

.clients-switch a {
  display: inline-block;
  vertical-align: top;
  color: #969696;
  text-decoration: none;
  text-align: center;
}

.clients-switch a:hover,
.clients-switch a.active {
  color: #ba0f21;
  text-decoration: underline;
}

.clients-switch a:nth-child(1) {
  padding: 4px 55px 4px 10px;
}

.clients-switch a:nth-child(2) {
  padding: 4px 55px;
  border-left: 1px solid #e0e0e0;
}

.clients-switch a:nth-child(3) {
  padding: 4px 0px 4px 55px;
  border-left: 1px solid #e0e0e0;
}

.tmi-image {
  float: right;
  width: 180px;
  height: 254px;
  margin: 0px 0px 0px 30px;
  border: 1px solid #f0f2f4;
  overflow: hidden;
}

.tmi-image img {
  width: 100%;
  max-width: 182px;
}

.tmi-short-head {
  min-height: 256px;
}

.tmi-short-head span {
  display: inline-block;
  width: 185px;
  margin: 0px 8px 0px 0px;
  font-size: 16px;
  font-weight: 600;
  color: #224477;
  text-align: right;
  vertical-align: top;
}

.tmi-short-head em {
  display: inline-block;
  width: 475px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  font-style: normal;
}

.tmi-strip {
  display: block;
  padding: 14px 24px 12px 16px;
  background-color: #f0f2f4;
  font-size: 0px;
}

.tmi-strip div {
  display: inline-block;
  width: 240px;
  margin: 0px;
  padding: 6px 0px 6px 40px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
}

.tmi-strip div:nth-child(1) {
  background-image: url(/pic/money-icon.png);
}

.tmi-strip div:nth-child(2) {
  background-image: url(/pic/clock-icon.png);
}

.tmi-strip div:nth-child(3) {
  background-image: url(/pic/send-icon.png);
}

.tmi-strip div span {
  font-size: 16px;
  font-weight: 600;
  color: #c70d0d;
}

.copy_notes_top_link {
  cursor: pointer;
  text-decoration: underline;
}

.news-navigator {
  width: 95.7%;
  margin: 0;
  padding: 5px 0px 0;
  /* background-color: #ffffff; */
  z-index: 20;
}

.news-navigator .years-line {
  border-bottom: 1px solid #d1d1d1;
}

.news-navigator .years-line a {
  display: inline-block;
  width: 50px;
  padding: 0px 5px 16px;
  margin: 0px 30px 0px 0px;
  vertical-align: bottom;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  border-bottom: 4px solid transparent;
  text-decoration: none;
}

.news-navigator .years-line a:hover,
.news-navigator .years-line a.current {
  color: #224477;
  border-bottom: 4px solid #224477;
  font-size: 22px;
  font-weight: 700;
}

.news-navigator .mons-line a {
  display: inline-block;
  padding: 8px 4px;
  margin: 0px 19px 0px 0px;
  vertical-align: bottom;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  border-bottom: 3px solid transparent;
  text-decoration: none;
}

.news-navigator .mons-line a:last-child {
  margin: 0px;
}

.news-navigator .mons-line a:hover,
.news-navigator .mons-line a.current {
  color: #224477;
  border-bottom: 3px solid #224477;
  padding: 8px 4px;
  font-weight: 500;
}

.news-pool h2 {
  margin: 20px 0px 20px;
  padding: 5px 20px 12px;
  border-bottom: 2px solid #000000;
}

.face-unit {
  margin: 40px 0px 0px;
  display: table;
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}

.face-photo,
.face-misc {
  display: table-cell;
  vertical-align: top;
}

.face-photo {
  width: 220px;
  padding-right: 30px;
}

.face-photo img {
  max-width: 100%;
}

.face-misc h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
}

.face-misc p {
  line-height: 30px;
}

.face-misc p.role {
  color: #224477;
  font-weight: 500;
}

.search-count {
  padding: 8px 0px;
  color: #969696;
  font-size: 14px;
  border-bottom: 1px solid #c5c9d0;
}

.search-infield {
  padding: 24px 36px;
  background-color: #f8f8f8;
}

.search-unit {
  border-bottom: 1px solid #c5c9d0;
}

.search-hd {
  display: block;
  padding: 12px 0px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}

.search-hd b {
  font-weight: 600;
  color: #224477;
}

.search-unit p {
  margin: 0px;
}

.search-unit a {
  text-decoration: none;
}

.search-unit p a {
  color: #232323;
}

.search-unit a:hover {
  text-decoration: underline;
}

.search-coment {
  padding: 8px 0px;
  color: #969696;
  font-size: 13px;
}

.search-infield input {
  width: 740px;
  height: 20px;
  margin: 0px;
  padding: 4px 14px;
  border: 1px solid #d1d1d1;
  font-size: 14px;
  font-weight: 500;
}

.search-infield img {
  margin: 0px;
  vertical-align: top;
}

.search-sector {
  float: right;
  color: #232323;
  margin-top: 7px;
}

.search-sector select {
  height: 24px;
  border: 1px solid #d1d1d1;
  color: #232323;
}

.search-inner i,
.search-count i {
  font-style: normal;
}

/* --- ### --- */
/* --- Стили всех прочих элементов страниц --- */
img.illustrate {
  max-width: 400px;
  float: right;
  margin: 0px 0px 40px 40px;
}

.knowmore {
  text-align: right;
  margin: 30px 0px 20px;
}

.knowmore a {
  text-decoration: underline;
}

.quartet {
  display: table;
  border-collapse: collapse;
  border-spacing: 0px;
}

.quartet .q-one {
  display: table-cell;
  width: 25%;
  vertical-align: middle;
  padding: 40px;
  text-align: left;
}

.bold {
  font-weight: 700;
}

.semibold {
  font-weight: 600;
}

h2.plat {
  margin: 20px 0px;
  padding: 12px 20px;
  background-color: #f5f6f7;
}

.about-tile2 {
  text-align: left;
  background-color: #f0f2f6;
  margin: 40px 0px 0px;
  padding: 0px 0px 40px;
}

.about-tile2 .brick {
  width: 880px;
  padding: 0px 0px 0px 320px;
}

.about-tile2 h2 {
  padding: 40px 0px 0px;
}

.about-tile2:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 30px;
  margin: -29px 0px 0px;
  background: url(/pic/tile2-bg.png) center top no-repeat;
  z-index: 10;
}

.about-tile2 p {
  min-height: 60px;
  line-height: 24px;
}

.about-tile2 p span {
  display: block;
  float: left;
  width: 50px;
  font-size: 54px;
  font-weight: 700;
  line-height: 54px;
  color: #224477;
}

.about-tile2 p strong {
  color: #224477;
  font-weight: 600;
}

.about-tile3 {
  height: 180px;
  padding: 20px 0px 0px;
  background-color: #d4e2ef;
}

.about-tile3 .mission-text,
.about-tile3 .mission {
  display: inline-block;
  vertical-align: top;
}

.about-tile3 .mission {
  width: 440px;
  padding: 30px 0px 0px;
  text-align: left;
  font-size: 45px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px #ffffff;
}

.about-tile3 .mission-text {
  width: 756px;
}

.about-tile3 .mission-text p {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 30px;
  text-align: left;
}

.about-tile3 .mission-text p.subscr {
  float: right;
  width: 200px;
  font-weight: 700;
}

.about-tile3 .mission-text p.subscr span {
  font-size: 16px;
  font-weight: 400;
}

.fb-form label {
  display: block;
  margin: 8px 0px;
  color: #232323;
  font-size: 14px;
  line-height: 20px;
}

.fb-form textarea {
  width: 870px;
  height: 150px;
  padding: 4px;
  border: 1px solid #d0d0d0;
}

.fb-form textarea.twolines {
  height: 30px !important;
  resize: none;
}

.fb-form input[type="text"],
fb-form input[type="email"],
fb-form input[type="number"] {
  width: 870px;
  padding: 4px;
  border: 1px solid #d0d0d0;
}

.fb-form .radiocheck {
  padding-left: 30px;
}

.fb-form .radiocheck input {
  position: absolute;
  margin-left: -30px;
}

span.coment {
  color: #232323;
  font-size: 14px;
  line-height: 20px;
}

.fb-form .ph2 {
  color: #224477;
  font-size: 16px;
  font-weight: 600;
}

.fb-form .snoska span {
  display: table-cell;
  padding: 4px 20px;
}

.fb-form .snoska span a {
  color: #224477;
  font-size: 20px;
  text-decoration: none;
  font-weight: 500;
}

.feedback-about {
  font-size: 0px;
}

.feedback-about p {
  display: inline-block;
  vertical-align: top;
  width: 420px;
  height: 60px;
}

.feedback-about p:nth-child(2n) {
  margin-left: 40px;
}

.feedback-about p input[type="text"] {
  width: 400px;
  padding: 9px;
}

.feedback-about p input[type="submit"] {
  width: 420px;
  height: 58px;
  color: #ffffff;
  background-color: #e64a4b;
  font-size: 18px;
  border: 0px;
  cursor: pointer;
}

.fb-success {
  padding: 40px;
  border: 1px solid #88ff88;
  background-color: #eeffee;
}

.go-to-full {
  display: none;
}
.hashtags {
  padding-bottom: 15px;
}
.hashtags__item {
  display: inline-block;
  margin-right: 7px;
  font-size: 14px;
  color: #224477;
}

@media (max-width: 470px) {
  .hashtags__item {
    font-size: 12px;
  }
}
/* --- ### --- */
/* --- Разметка главной страницы --- */
.main-tile1 {
  text-align: center;
  padding: 0px 0px 40px;
}

.main-tile1 h1 {
  text-transform: uppercase;
}

.main-tile1:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  min-width: 1200px;
  height: 40px;
  margin: -39px 0px 0px;
  background: url(/pic/tile1-bg.png) center top no-repeat;
  z-index: 10;
}

.main-tile1 p {
  font-weight: 500;
}

.main-tile1 .q-one {
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
}

.main-tile1 .q-one b {
  font-size: 44px;
  font-weight: 700;
  color: #31428d;
  vertical-align: middle;
}

.main-tile2 {
  text-align: center;
  background-color: #f0f2f6;
}

.main-tile2 h2 {
  padding: 40px 0px 0px;
  text-transform: uppercase;
}

.main-tile2:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  min-width: 1200px;
  height: 30px;
  margin: -29px 0px 0px;
  background: url(/pic/tile2-bg.png) center top no-repeat;
  z-index: 10;
}

.main-tile2:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  min-width: 1200px;
  height: 50px;
  margin: 0px;
  background: url(/pic/tile2-bglow.png) center top no-repeat;
  z-index: 10;
}

.main-tile2 .ifg-one {
  display: inline-block;
  vertical-align: middle;
  margin: 0px auto;
}

.main-tile3 {
  text-align: center;
  background: url(/pic/tile3-bg.png) center top repeat #224477;
}

.main-tile3 .q-one {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  padding: 20px 20px 100px;
  color: #ffffff;
}

.main-tile3 .q-one b {
  float: left;
  margin-right: 20px;
  font-size: 140px;
  line-height: 100px;
  font-weight: 400;
  color: #d31024;
  padding-bottom: 40px;
}

.main-tile3 h2 {
  padding: 100px 0px 20px;
  text-transform: uppercase;
  color: #ffffff;
}

.main-tile4 {
  text-align: center;
}

.main-tile4:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  min-width: 1200px;
  height: 40px;
  margin: -39px 0px 0px;
  background: url(/pic/tile4-bg.png) center top no-repeat;
  z-index: 0;
}

.main-tile4 h2 {
  padding: 40px 0px 0px;
  text-transform: uppercase;
}

.menu h4,
.menu h5 {
  margin: 0;
  font-weight: normal;
}

/* --- ### --- */

.d-flex {
  display: flex;
  padding-bottom: 16px;
  align-items: center;
}

.menu .lvl2 span {
  padding-left: 10px;
  opacity: 0.5;
}

.turner span {
  display: inline-block;
  padding: 10px 0;
}

.eng-icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}

/* --- Индивидуальные стили отдельных страниц --- */
.ya-map {
  position: absolute;
  width: 1200px;
  margin: -200px 0px 0px -320px;
}

.ya-map iframe {
  width: 100%;
  height: 320px;
}

.contacts-last-ul {
  margin-bottom: 240px;
}

.footer-menu .lvl2 li:nth-child(10) a {
  padding: 8px 40px 8px 0px;
  /* background: url(/pic/portal-icon.png) right center no-repeat; */
}

.videoframe {
  float: right;
  margin: 0px 0px 20px 20px;
}

.about-pics {
  text-align: center;
}

.about-pics div {
  display: inline-block;
  width: 230px;
  text-align: center;
}

.fix-btn_wrap {
  display: none;
}

.phones span {
  font-size: 13px;
}

/* --- ### --- */

/*------------Добавлено для стилизации изменений SEO--------------*/

.main-tile1 ul li {
  display: inline;
}

.pageBlockEmpty {
  display: inline-block;
  margin: 0 7px 0 7px;
}
.pageBlock {
  display: inline-block;
  border: 2px solid grey;
  cursor: pointer;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 10px;
}

.q-one p {
  float: left;
  margin-right: 20px;
  font-size: 140px;
  line-height: 100px;
  font-weight: 400;
  color: #d31024;
}

.project-name a p {
  text-decoration: none;
  color: #000000;
}

.project-name a p {
  line-height: 1.1;

  font-size: 13px;
}

.turner2 span {
  display: inline-block;

  padding: 10px 0;
}

.news-pool h2:first-of-type {
  display: none;
}

.artcl__btn-group {
  margin-bottom: 24px;

  display: flex;

  align-items: center;
}

a.form-btn,
.form-btn {
  display: inline-block;

  background: #c70e0e;

  text-decoration: none;

  color: #ffffff;

  padding: 8px 16px;

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;
}

a.form-btn:hover,
.form-btn:hover {
  color: #ffffff;

  background: #b30000;

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;
}

a.btn-white {
  border: 1px solid #c70e0e;

  background: transparent;

  color: #c70e0e;
}

a.btn-white:hover {
  border: 1px solid #c70e0e;
}

a.btn-white.btn-pdf {
  display: flex;

  align-items: center;

  text-align: left;

  border: none;

  background: #fff;

  padding: 0;

  width: auto;
}

a.btn-white.btn-pdf:hover {
  background: #f7f7f7;
}

a.top_links__btn.form-btn.btn-white.btn-pdf.turner:hover {
  background-color: transparent;
  background: transparent;
}

a.btn-white.btn-pdf.btn-pdf-top {
  display: none;
}

.content .top-btn-pdf-info div.btn-pdf-title {
  max-width: 600px;
}

.dld-img-link {
  display: block;

  /* width: 27px; */
  width: 18px;

  height: 100%;

  margin: 0;

  padding-right: 8px;
}

.content div.btn-pdf-title {
  width: 100%;

  font-size: 13px;

  overflow: hidden;

  text-overflow: ellipsis;

  /* white-space: nowrap; */

  margin: 0;
}

.content div.btn-pdf-txt {
  font-size: 13px;

  color: #c70e0e;
}

.content div.top-btn-pdf-info {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 16px;

  margin-bottom: 3px;
}

.feedback__input {
  margin-bottom: 16px;
}

.feedback__input button {
  /* background: #dc0000; */
  background: #c70e0e;
  border: none;
  color: #fff;
  padding: 11px 16px;
  cursor: pointer;
}

.feedback__input button:hover {
  background: #ab0f0f;
}

.feedback__input .comm__descr {
  margin-left: 10px;
}

/* h1-h3 tag style clones */

.d1,
.d2,
.d3,
.d4 {
  font-weight: 700;

  line-height: normal;

  display: block;

  text-align: center;

  -webkit-margin-start: 0px;

  -webkit-margin-end: 0px;

  color: #232323;

  margin: 0px 0px 20px;
}

.d1 {
  font-size: 20px;

  -webkit-margin-before: 0.67em;

  -webkit-margin-after: 0.67em;
}

.d1 span {
  color: #bbbbbb;
}

.d2 {
  font-size: 18px;
  color: #224477;
  font-weight: 600;
  -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
}

.d3 {
  font-size: 18px;
  color: #224477;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}

.d4 {
  font-size: 12px;

  display: inline;

  color: #224477;

  font-weight: 600;

  -webkit-margin-before: 0.83em;

  -webkit-margin-after: 0.83em;
}

.tmi-strip div:nth-child(5) {
  background-image: url(/pic/tmi-4.svg);
}

.sp-form-outer {
  zoom: 1.15 !important;
}

.subscribe h1 {
  margin: 0;
}

.subscr-btn-p {
  background-color: transparent;

  color: #31428d;

  border: 1px solid #31428d;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  cursor: pointer;

  font-size: 12px;

  padding: 8px;
}

.subscr-btn-p:hover {
  background: #31428d;

  color: #fff;
}

.subscribe {
  display: flex;

  justify-content: space-between;

  padding: 8px 0;
}

.subscribe .knowmore {
  text-align: right;

  margin: 8px 0;
}

table {
  width: 100%;
  border-color: #1d71b8;
  border-spacing: 0px;
  border-collapse: collapse;
}

thead tr:first-of-type {
  background: #1d71b8;
}

thead tr:first-of-type td {
  vertical-align: middle;
  border-color: #145994;
}

thead tr:first-of-type p {
  color: #fff;
}

td {
  border-color: #1d71b8;
  border-spacing: 0px;
  border-collapse: collapse;
  vertical-align: baseline;
}

td ul {
  padding-left: 18px;
}

td p,
td strong,
td li {
  line-height: 1.2 !important;
}

.request-popup .request-inner {
  width: 500px;

  height: auto;

  margin: 80px auto auto;

  position: relative;
}

.request-popup .request-body {
  text-align: left;

  padding: 1.5rem;
}

.fb-form input.default-input {
  width: 100%;

  padding: 4px;

  border: 1px solid #d0d0d0;

  box-sizing: border-box;
}

.request-inner a.close.close-default {
  font-size: 18px;

  position: absolute;

  top: 18px;

  right: 12px;

  color: #fff;

  margin: 0 !important;

  text-decoration: none;

  z-index: 100;
}

.small-muted-txt {
  margin-bottom: 8px;

  color: #d0d0d0;

  font-size: 12px;
}

.small-muted-txt a {
  color: #87898c;
}

.m-article-dld {
  display: inline;
}

.m-dld-link {
  display: none;
}

.freeze {
  overflow: hidden;
}

.content h2,
.content h3 {
  margin: 16px 0px 0px;
}

.table-wrapp {
  margin: 12px 0;
}

.content p {
  margin-top: 6px;
  text-align: justify;
}

.content table p {
  text-align: left;
}

.search-unit,
.search-unit p,
.search-unit a,
.search-unit div,
.search-unit p a {
  line-height: 1.1 !important;
  padding: 0;
}

.search-unit {
  padding: 14px 0 !important;
}

div.search-coment {
  color: #c70d0d;
  padding-bottom: 6px;
}

.search-hd {
  font-size: 18px;
}

.search-unit b {
  background: #e3e8ff;
}

.intl-tel-input {
  display: block !important;
}

.phone-input {
  width: 100%;
  padding-left: 88px !important;
}

.text-mute {
  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;
}

.request-link {
  text-decoration: none !important;

  display: flex;

  align-items: center;
}

.newpoint-name.article-title {
  width: 67%;

  text-align: left;

  height: auto;
}

.article-date {
  position: absolute;
  opacity: 0.5;
  margin-top: 0.25rem;
  /* color: #66a3cc; */
  /* color: #0f446f; */
  /* color: #286a99; */
  color: #7e7f81;
  font-size: 11px;
  left: 10px;
  bottom: 6px;
  opacity: 1;
}

.article-img {
  width: 33%;

  margin: 0;
}

.articles {
  /* display: flex;
    flex-wrap: wrap; */
}

.article-item {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.article-item .subtitle {
  line-height: 12px;
  margin-top: 0.25rem;
  font-weight: normal;
  font-size: 11px;
  word-wrap: break-word;
  color: #7e7f81;

  /* border-top: 1px solid #c5c9d0;
    padding-top: 5px; */
}

.article-item .subtitle:before {
  content: "";
  display: block;
  /* background-color: #adb0b3; */
  background-color: #0e436f;
  height: 1px;
  width: 52px;
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .article-item .subtitle {
    font-size: 11px;
  }
}

@media (max-width: 470px) {
  .article-item .subtitle {
    line-height: 10px;
    font-size: 9px;
  }
}

.news-pool .article-title a {
  word-wrap: break-word;
}

.company_wrap {
  position: relative;
}

.ip_com_list {
  margin-top: 0px;

  position: absolute;

  background: #fff;

  width: 100%;

  padding: 0;

  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.08);

  box-sizing: border-box;

  z-index: 100;
}

.no-company {
  padding: 8px 10px;
}

.li_company_inn {
  color: #9c9c9c;

  font-size: 12px;

  line-height: 1.2 !important;

  padding: 8px 10px;

  border-bottom: 1px solid #eee;
}

.li_company_inn b {
  display: block;

  color: #333;

  font-size: 14px;
}

.li_company_inn:hover {
  cursor: pointer;

  background-color: #f9f9f9 !important;
}

.feedback__input button.subscr-btn-p {
  background-color: transparent;

  color: #31428d;

  border: 1px solid #31428d;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  cursor: pointer;

  font-size: 12px;

  padding: 8px;
}

.feedback__input button.subscr-btn-p:hover {
  background: #31428d;

  color: #fff;
}

.flex-label {
  display: flex;

  padding-bottom: 6px;
}

.tooltip-wrap {
  margin-left: 6px;

  position: relative;
}

.tooltip {
  position: relative;
}

.tooltip-icon {
  font-size: 10px;

  display: block;

  border: 1px solid #224477;

  color: #224477;

  border-radius: 50%;

  height: 15px;

  width: 15px;

  font-weight: bold;

  text-align: center;

  line-height: 1.4;

  position: relative;

  cursor: help;
}

.tooltip-text {
  display: none;

  position: absolute;

  width: 180px;

  font-size: 11px;

  line-height: 1.2 !important;

  background: #247;

  color: #fff;

  padding: 6px;

  border-radius: 4px;

  top: -75px;

  left: 0px;

  right: inherit;

  z-index: 10;

  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.tooltip:hover .tooltip-text {
  display: block;
}

#company_list {
  list-style: none;
}

.li_company_inn:hover {
  cursor: pointer;

  background-color: lightgrey;
}

.font-bold {
  font-weight: bold;
}

.company-helper {
  position: absolute;

  background: #224477;

  color: #fff;

  z-index: 10;

  top: -19px;

  padding: 4px 6px;

  width: 100%;

  box-sizing: border-box;
}

.feedback__input {
  position: relative;
}

svg {
  width: 50px;
  height: 40px;
  margin-top: 4px;
  margin-left: 10px;
  display: inline-block;
}
svg.svg-graph {
  width: auto;
  height: auto;
}
@media (max-width: 1200px) {
  svg.svg-graph {
    width: 100%;
    height: 100%;
  }
}

.newpoint-imgdate.article-img.article-analytic-img {
  width: 43%;
  height: auto;
}

.newpoint-name.article-title.article-analytic-title {
  width: 57%;
  text-align: left;
  height: auto;
  padding-left: 8px;
}

.newpoint-imgdate.article-img.article-analytic-img img {
  display: block;
  float: none;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

/* новости */

.newpoint-imgdate__datasource-wrap {
  display: flex;

  flex-direction: column;

  align-items: flex-end;
}

.news-navigator.news-navigator__fixed {
  position: fixed;
  background: white;
  top: 80px;
}

@media (max-width: 920px) {
  .news-navigator.news-navigator__fixed {
    background: #ffffff63;
    top: 0 !important;
    backdrop-filter: blur(6px);
    padding: 0;
  }
}

.news-pool h2,
.news-navigator {
  margin-bottom: 8px;
}

.article-img-md {
  width: 100%;

  max-width: 672px;

  height: auto;
}

.article-img-lg {
  width: 100%;

  max-width: 880px;

  height: auto;
}

.telegram_icon_footer {
  width: 24px;
}

.article_logo {
  max-width: 200px !important;
}

.feedback-about {
  margin-top: 11px;
}

.subscribe .subscr-btn-p {
  display: none;
}

#anketa h2.plat {
  margin-top: 0;
}

.content .telegram_top {
  display: flex;

  font-size: 13px;

  text-decoration: none;

  justify-content: flex-end;

  margin-bottom: 8px;

  color: #232323;

  text-decoration: underline;
}

.telegram_top img {
  width: 19px;

  margin-right: 4px;
}

/* div.article-item.article-analytic-item.newpoint-one {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}
@media (max-width: 1080px) {
  div.newpoint-name.article-title.article-analytic-title {
    padding-right: 20px;
    overflow: hidden;
  }
  div.article-img.article-analytic-img.newpoint-imgdate {
    position: relative;
    top: 50%;
    left: 0%;
    transform: translate(-50%, 0%);
  }
}*/
@media (max-width: 620px) {
  .top_links {
    padding-left: 47px;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    text-align: left;
    padding-left: 0;
  }

  .top_links .telegram_top {
    justify-content: flex-start;

    order: 2;
  }

  .top_links .btn-pdf {
    margin-bottom: 8px;
  }

  .top_links .btn-pdf img {
    height: auto;
  }

  .cards__description {
    text-align: left;
    padding: 20px 14px 7px 2px;
    font-size: 23px;
    line-height: 33px;
  }
  .cards__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .cards__wrapper a {
    text-align: left;
  }
  div.newpoint-name.article-title.article-analytic-title {
    padding-top: 0;
  }
  div.article-item.article-analytic-item {
    padding: 6px 2px 6px;
  }
  div.article-item.article-analytic-item.newpoint-one {
    display: block;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
  }
  div.newpoint-name.article-title.article-analytic-title {
    padding-right: 0;
  }
  div.article-img.article-analytic-img.newpoint-imgdate {
    position: relative;
    top: auto;
    left: -5px;
    transform: translate(0%, 0%);
    margin: 0 auto;
  }
}
.article-item {
  width: 254px;
}

@media (max-width: 470px) {
  .top_links {
    padding-left: 0;
  }
}

.top_links__btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  /* margin-bottom: 8px; */
  margin-bottom: 4px;
}

.content .top_links__btn {
  text-decoration: none;
}

.content .top_links__btn:hover div {
  /* opacity: .8; */
  color: #c70e0e;
  /* transition: .2s; */
}

.top_links__btn img {
  margin-right: 8px;
  width: 17px;
}

@media (max-width: 780px) {
  .breadcrumbs {
    margin-bottom: 17px;
  }
}

@media (max-width: 575px) {

  .content .telegram_top {
    justify-content: flex-start;
  }
}

.footer-menu {
  overflow: hidden;
}

.social_icons {
  padding-top: 16px;

  display: flex;

  align-items: center;
}

.social_icons .telegram {
  text-decoration: none;

  margin-right: 13px;
}

.social_icons .telegram img {
  width: 40px;
}

.social_icons a:hover {
  opacity: 0.8;

  transition: 0.2s;
}

.social_icons .youtube img {
  margin: 0;
}

.fb-success .telegram_top {
  margin-top: 10px;

  justify-content: flex-start;
}

.telegram_top:hover {
  opacity: 0.8;

  transition: 0.2s;
}

@media (max-width: 470px) {
  .telegram_top img {
    margin-right: 10px;
  }

  .telegram_top {
    line-height: 1.2275em;
  }
}

/* НОВЫЙ ТИП БЛОКОВ НА САЙТЕ */

.flex {
  display: flex;

  justify-content: space-between;
}

.bordered_table td,
.border_blue td {
  border: 1px solid #1d71b8;
}
.border_red td {
  border: 1px solid #c60e0e;
}

.half {
  width: 48%;
}

.p_8 td {
  padding: 8px;
}

.p_10 td {
  padding: 10px;
}

@media (max-width: 576px) {
  .flex_sm_column {
    flex-direction: column;
  }

  .flex_sm_column .flex_item {
    width: 100%;
  }
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.remark {
  display: inline-block;

  margin-top: 10px;

  font-size: 12px;

  line-height: 1.3;
}

.blue_bg {
  background-color: #1d71b8;
}

.blue_bg td p {
  color: white;
}

.text_center {
  text-align: center !important;
}

.v_middle {
  vertical-align: middle;
}

#request {
  overflow-y: scroll;
}

.main-tile1 .d2 a:hover {
  color: #3e72c1;
}

.main-tile1 .knowmore {
  text-align: right;
  padding-right: 24px;
}

.main-tile1 .knowmore a:hover {
  color: #3e72c1;
}

/************************************************/

html {
  scroll-behavior: smooth;
  /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */
}

/* Посадочная страница Разработка проектной и сметной документации - /razrabotka-investicionnih-proektov/razrabotka-proektnoj-dokumentatsii/ */
.anketa_btn {
  display: inline-block;
  background: #c70e0e;
  text-decoration: none;
  color: #ffffff;
  padding: 8px 16px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;

  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 350px;
  text-align: center;
  margin-bottom: 24px;
  margin-top: 30px;
  text-transform: uppercase;
  font-weight: 600;
}

@media (max-width: 320px) {
  .anketa_btn {
    max-width: 248px;
  }
}

.content a.anketa_btn:hover {
  color: white;
  background: #ab0f0f;
}

#page-1687.content {
  padding-left: 0;
}

#anketa {
  padding-top: 87px;
  margin-top: -87px;
}

.lending_top {
  position: relative;
  display: flex;

  border-bottom: 1px solid #d1d1d1;
  background-color: #fbfcfc;
  border: 1px solid #d1d1d1;
  padding: 11px 22px 10px;
  box-shadow: 3px 3px 12px 0px #46464621;
}

.lending_top .section_left {
  width: 50%;
  float: left;
  /* margin-right: 108px; */
  padding-right: 100px;
}

.lending_top .section_right {
  width: 50%;
}

.lending_top .section_left:after {
  position: absolute;
  display: block;
  top: 27px;
  left: 50%;
  content: "";
  width: 1px;
  height: 84%;
  /* background-color: red; */
  background-color: #d1d1d1;
  /* background-color: #ab0f0f; */
  /* background-color: #1b2e81; */
  position: absolute;
}

#anketa .feedback__input {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#anketa .feedback__input input[type="text"],
#anketa .feedback__input input[type="email"],
#anketa .feedback__input input[type="phone"],
#anketa .feedback__input textarea {
  width: 100%;
  padding: 7px;
}

#anketa .feedback__input input[type="text"]:focus,
#anketa .feedback__input input[type="email"]:focus,
#anketa .feedback__input input[type="phone"]:focus,
#anketa .feedback__input textarea:focus {
  /* outline: none; */
  outline-color: #4987b2;
}

.our_experience__title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #4987b2;
}

@media (max-width: 1400px) {
  .project-one.project-folder {
    margin-right: 6px;
    margin-left: 6px;
  }
  .brick {
    width: auto;
    margin: 0 8px;
  }
}
@media screen and (max-width: 1060px) {
  .logo {
    width: auto;
    padding: 10px 0px 0px;
  }
  .logo img {
    width: 80px;
  }
}

@media (max-width: 1080px) {
  .landing_brick {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .project-one.project-folder {
    margin-right: 0;
    margin-left: 0;
  }

  .landing_brick .project-one.project-folder {
    width: 224px;
    margin-right: 8px;
  }

  .landing_brick .project-one .project-sectorcount {
    margin-left: 168px;
  }
}

@media (max-width: 780px) {
  .lending_top > div p,
  .lending_top > div li {
    font-size: 12px;
  }

  .landing_brick .project-one.project-folder {
    width: 186px;
  }

  .landing_brick .project-one .project-sectorcount {
    margin-left: 135px;
  }
}

@media (max-width: 620px) {
  .basis .top {
    margin-bottom: 5px;
  }

  .landing_brick {
    justify-content: center;
  }

  .content .landing_h2 {
    text-align: center;
    margin-bottom: 6px;
  }

  .our_experience__title {
    margin-bottom: 10px;
  }

  .content .lending_top p,
  .content .lending_top li {
    line-height: 18px;
  }
}

@media (max-width: 480px) {
  .lending_top {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .lending_top .section_left,
  .lending_top .section_right {
    width: 100%;
    padding-right: 0;
  }

  .lending_top .section_left:after {
    display: none;
  }

  .anketa_btn {
    max-width: 310px;
  }
}

@media (max-width: 470px) {
  .our_experience__title {
    margin-top: 0;
    margin-bottom: 0;
  }

  .landing_brick .project-one.project-folder {
    margin-bottom: 6px;
  }
}

#brief_submit {
  text-transform: uppercase;
}

#request #request-submit {
  margin-right: 5px;
}

#request #request-form #company_name:hover .tooltip-text {
  display: block !important;
}

/*.company_name_input__wrapper:hover .tooltip-text {*/
/*  display: block !important;*/
/*}*/

.feedback__input button.reset_btn {
  background-color: transparent;
  background-image: url("/images/i_reset_btn_img.png");
  width: 17px;
  height: 46px;
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: -9px;
  /* top: 26px; */
  top: 18px;
}

.feedback__input button.reset_btn:hover {
  background-image: url("/images/i_reset_btn_img__black.png");
}

.request-popup .feedback__input button.reset_btn {
  right: 0;
  top: 23px;
}

.request-popup .fb-form textarea {
  width: 98% !important;
}

@media (max-width: 470px) {
  .feedback__input button.reset_btn {
    right: -2px;
    top: 15px;
  }

  .request-popup .feedback__input button.reset_btn {
    top: 15px;
    right: 6px;
  }
}

.top_links__btn img.pdf_btn {
  width: 16px;
}

.image_link:hover {
  opacity: 0.8;
}

.title_blue {
  font-family: "SF Pro Text", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #5293c8;
  font-size: 21px;
  margin-bottom: 14px;
}

.numbered-table td:first-child p {
  text-align: center;
}

/* Кнопка-спойлер */
.main_article_content {
  position: relative;
}

.main_article_content:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 230px;
  bottom: -14px;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    #fff 75%
  );
  z-index: 1;
}

.main_article_content_analytics {
  position: relative;
}

.main_article_content_analytics:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 1%);
  z-index: 1;
}

.spoiler {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  z-index: 2;
  margin-top: 5px;
}

.spoiler_block {
  width: 50%;
}

.spoiler_block_analytics {
  width: 100%;
}

.spoiler_block__left {
  width: 50%;
  display: flex;
  align-items: center;
  background-image: url("../images/i_lock_blue.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 17px;
  padding-left: 26px;
  padding-top: 2px;
}

.spoiler_block__left p {
  margin-bottom: 0;
  margin-top: 0;
  color: #224477;
  font-weight: 500;
  text-align: left;
}

.spoiler_btn__inner {
  cursor: pointer;
  /* border: 2px solid #c70e0e; */
  background-color: #c70e0e;
  color: white;
  padding: 8px;
  background-image: url("/images/i_pdf_01__white.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 8px center;
  padding-left: 31px;
  border-radius: 4px;
}

.spoiler_btn__inner:hover {
  /* border-color: #224477;
    color: #224477;
    background-image: url(/images/i_pdf_01__blue.png); */
  background-color: #b10909;
}

.spoiler_block__right {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 620px) {
  .spoiler_btn__inner {
    font-size: 12px;
  }
}

@media (max-width: 470px) {
  .spoiler {
    flex-direction: column;
    align-items: center;
  }

  .spoiler_block {
    width: auto;
  }

  .spoiler_block__left {
    margin-bottom: 14px;
  }

  .spoiler_block__right {
    justify-content: flex-start;
  }

  .main_article_content:after {
    bottom: 34px;
  }
}

@media (min-width: 781px) {
  .news-footer .news-switch {
    text-align: right;
  }
  .roof .eng-icon {
    margin-right: 8px;
  }
}

@media (max-width: 780px) {
  .news-footer .news-switch a {
    margin-left: 0;
  }
}

.news-switch:hover {
  opacity: 0.8;
}

@media (max-width: 800px) {
  .main_article_content {
    margin-top: 9px;
  }
}

.locked {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.mask_paragraph {
  position: relative;
  margin-bottom: 24px;
}

.mask_paragraph:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 55px;
  bottom: 14px;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    #fff 75%
  );
  z-index: 7;
  opacity: 0.8;
}

.mask_paragraph:after {
  position: absolute;
  display: block;
  content: "...";
  bottom: 0;
}

/* Финт ушами - добавляем класс mask_paragraph к статье, чтобы она открылась полностью, а затем убираем ненужное засветление текста снизу */
.no_mask_content.main_article_content:after,
.no_mask_content.main_article_content .mask_paragraph:before,
.no_mask_content.main_article_content .mask_paragraph:after,
.no_mask_content.main_article_content .spoiler {
  display: none;
}

.main_article_content.no_mask_content .show_spoiler .spoiler {
  display: block;
}

.no_mask_content.main_article_content .mask_paragraph {
  height: 0px;
  margin-bottom: 0;
}

@media (max-width: 576px) {
  #request .request-inner {
    height: 100%;
    padding-bottom: 150px;
  }
}

a.access_btn.turner.spoiler_btn {
  text-decoration: none;
  font-weight: bold;
}

.text-mute.main_article_content.no_white_bg:after {
  display: none;
}

.text-mute.main_article_content.no_white_bg .spoiler {
  margin-top: 15px;
}

/* Подсказка на анкете в поиске по компаниям */
.feedback__input__company_name .ip_com_list .select_hint {
  position: absolute;
  top: -32px;
  background-color: #234477;
  color: white;
  cursor: default;
  padding: 0.5rem 1rem;
  right: -296px;
  padding: 9px 9px 9px 13px;
}

.feedback__input__company_name .ip_com_list .select_hint .triangle {
  content: "";
  position: absolute;
  left: -15px;
  top: 10px;
  border: 8px solid transparent;
  border-right: 8px solid #234477;
}

.select_hint.big_screen {
  display: block;
}

.select_hint.small_screen {
  display: none;
}

#company_list {
  width: 100%;
}

@media (max-width: 2130px) {
  .feedback__input__company_name .ip_com_list .select_hint {
    left: 285px;
    width: 250px;
    top: -150px;
  }

  .feedback__input__company_name .ip_com_list .select_hint .triangle {
    border-top: 8px solid #234477;
    left: 18px;
    top: 102px;
  }
}

@media (max-width: 620px) {
  .feedback-about .ip_com_list {
    overflow-x: hidden;
  }

  .select_hint.big_screen {
    display: none;
  }

  .select_hint.small_screen {
    display: block;
  }

  .feedback__input__company_name .ip_com_list .select_hint {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }

  .feedback__input__company_name .ip_com_list .select_hint br {
    display: none;
  }
}

@media (max-width: 470px) {
  #company_list {
    width: 100%;
    padding-right: 3%;
  }

  .feedback__input__company_name .ip_com_list .select_hint {
    top: -140px;
  }
}

/*Страница Экспертиза, логотипы */

.expertise .article-img {
  width: 43%;
  height: auto;
  margin: 0px 0px 10px;
}

.expertise .article-img img {
  display: block;
  float: none;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

.expertise .article-title {
  width: 57%;
  text-align: left;
  height: auto;
  padding-left: 8px;
}

@media only screen and (max-width: 470px) {
  .news-pool .expertise {
    height: auto !important;
    padding-bottom: 18px;
    display: flex;
    flex-direction: column;
  }

  .expertise .article-img {
    width: 58%;
    padding: 0;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .expertise .article-img img {
    height: auto;
    padding: 0;
    display: block;
    float: none;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
  }

  .expertise .article-title {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 9px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }

  .expertise .article-title {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*Страница Экспертиза, логотипы END */

/* Правки положения и размеров элементов https://prcs.ru/praktika/prioritetnye-investproekty-v-oblasti-osvoeniya-lesov/ */
@media only screen and (max-width: 470px) {
  .table-wrapper--01 {
    width: 100vw;
    overflow-x: scroll;
  }
  .table-position-adjust--01 {
    margin: auto;
  }
}

/* кнопка-ссылка на тг канал (пока что используется в новостях) */
.telegram-read-us-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 3px 25px 4px 21px;
  background: #28a9ea;
  border-radius: 3px;
  gap: 5px;
  text-decoration: none !important;
  width: max-content;
  color: white !important;
  margin-top: 14px;
}
.telegram-read-us-wrapper--style-02 {
  margin-top: 1.3rem !important;
  border-radius: 0 !important;
  padding: 8px 13px 8px 10px !important;
}
.telegram-read-us-wrapper p {
  color: white;
  margin: 0;
}
.telegram-read-us-wrapper svg {
  margin: 0;
  width: 18px;
  height: 18px;
}

/* кнопка сброса значения поля ввода */
.clear-input-btn.clearform,
.clear-input-btn.clearform:hover {
  background: transparent;
  color: gray;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 29px;
  top: 8%;
}
.clear-input-btn.clearform svg {
  width: inherit;
  height: inherit;
}
.company_name_input--wrapper {
  position: relative;
}
#request-form .search-infield {
  padding: 4px;
  border-radius: 0;
}
.clear-input-btn.clearform,
.clear-input-btn.clearform:hover {
  right: 21px;
  top: 6%;
}