/*!
Theme Name: АСК
Author: Zoidberg M.D.
Version: 1.0
=== Изменять less ===
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,500');
@import 'latofonts.css';
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
}
.gallery[class*="galleryid"] {
  margin: 0 -15px !important;
}
.gallery[class*="galleryid"] .gallery-item {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  vertical-align: top;
  float: none !important;
}
.gallery[class*="galleryid"] .gallery-item img {
  border: 0 !important;
}
.gallery[class*="galleryid"] br {
  display: none;
}
/* Basic styles
----------------------------------------------------------------------------------------------------------------------*/
body {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: Lato, sans-serif;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 20px;
}
.h1,
h1 {
  font-size: 50px;
}
.h2,
h2 {
  font-size: 30px;
}
.h3,
h3 {
  font-size: 20px;
}
@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 20px;
  }
  .h2,
  h2 {
    font-size: 16px;
  }
  .h3,
  h3 {
    font-size: 14px;
  }
}
ul {
  padding-left: 25px;
  list-style: none;
}
ul li {
  position: relative;
}
ul li:before {
  content: '\f00c';
  font-family: FontAwesome;
  position: absolute;
  left: -25px;
}
ol {
  list-style: decimal outside;
}
a {
  text-decoration: underline;
  outline: 0;
}
a,
a:hover,
a:focus {
  color: #000;
  outline: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th {
  font-weight: bold;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 10px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table > tbody + tbody {
  border-top: 2px solid #ddd;
}
table td,
table th {
  border: 1px solid #ddd;
}
table > thead > tr > td,
table > thead > tr > th {
  border-bottom-width: 2px;
}
table.clear {
  border: 0;
}
table.clear td > tr > th,
table.clear th > tr > th,
table.clear > thead > tr > th,
table.clear > tbody > tr > th,
table.clear > tfoot > tr > th,
table.clear td > tr > td,
table.clear th > tr > td,
table.clear > thead > tr > td,
table.clear > tbody > tr > td,
table.clear > tfoot > tr > td {
  font-weight: inherit;
  border: 0;
  padding: 0;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
/* Basic styles
----------------------------------------------------------------------------------------------------------------------*/
html,
body {
  height: 100%;
}
body {
  background: #ffffff;
  overflow-y: scroll;
  overflow-x: hidden;
}
.container img {
  max-width: 100%;
  height: auto;
}
#wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#middle {
  position: relative;
  z-index: 1;
  flex: 1 0 auto;
}
.btn {
  padding: 5px 15px;
  text-decoration: none;
  font-size: 14px;
  border-radius: 0;
  transition: all 0.3s;
}
.btn,
.btn:hover,
.btn:focus {
  box-shadow: none;
  outline: none;
}
.btn-red,
.btn-red:hover,
.btn-red:focus {
  background: #ef3334;
  color: white !important;
}
.btn-white,
.btn-white:hover,
.btn-white:focus {
  background: #fff;
  color: #c21100 !important;
}
.btn-to-top {
  display: inline-block;
  width: 208px;
  height: 68px;
  border: 1px solid #171818;
  line-height: 66px;
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.btn.loading {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  background-repeat: repeat;
  background-size: 40px 40px, 100% 100%;
  animation: progress-bar-stripes 2s linear infinite;
}
.btn:hover {
  opacity: 0.8;
}
.form-group {
  margin-bottom: 20px;
}
.form-group-file {
  font-size: 0;
}
.form-group-file input {
  width: 80%;
  background: white !important;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px 0px 0px 2px;
}
.form-group-file button {
  width: 20%;
  height: 38px;
  border-radius: 0px 2px 2px 0px;
}
.form-control {
  outline: none;
}
.form-control:focus {
  box-shadow: none;
}
select.form-control {
  height: 30px !important;
}
textarea.form-control {
  height: 130px;
  padding: 10px 12px;
}
input[type=checkbox],
input[type=radio] {
  position: absolute;
  opacity: 0;
}
input[type=checkbox] + label,
input[type=radio] + label {
  padding-left: 25px;
  position: relative;
  cursor: pointer;
}
input[type=checkbox] + label::before,
input[type=radio] + label::before {
  font-family: FontAwesome;
  font-size: 15px;
  position: absolute;
  left: 0;
  line-height: 1;
}
input[type=checkbox] + label::before {
  content: '\f0c8';
}
input[type=checkbox]:checked + label::before {
  content: '\f14a';
}
input[type=radio] + label::before {
  content: '\f111';
}
input[type=radio]:checked + label::before {
  content: '\f058';
}
input[type='number'] {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.slick-arrow,
.slick-slide {
  outline: none !important;
}
.slick-arrow {
  cursor: pointer;
  transition: all 0.3s;
}
.slick-track {
  margin: 0;
  min-width: 100%;
}
.fancybox-navigation button {
  outline: none;
}
.breadcrumbs {
  font-size: 12px;
  margin-bottom: 25px;
}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs a:focus {
  color: #979696;
}
.breadcrumbs a {
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .separator {
  color: #7f7f7f;
  margin: 0 10px;
}
.ya-share2__container_size_m .ya-share2__item {
  margin-right: 13px;
}
.ya-share2__container_size_m .ya-share2__item:before {
  display: none;
}
.ya-share2__container_size_m .ya-share2__item .ya-share2__icon {
  width: 48px;
  height: 48px;
}
.ya-share2__container_size_m .ya-share2__item .ya-share2__badge {
  border-radius: 10px;
}
/* Header
----------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  #wrapper {
    padding-top: 95px;
  }
}
.header {
  padding: 20px 0;
}
.header .container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.header__text {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #7f7f7f;
  text-transform: uppercase;
  width: 310px;
}
.header__favorites a {
  text-decoration: none;
  font-size: 14px;
  color: #000;
  font-weight: 400;
}
.header__favorites .fa {
  font-size: 22px;
  color: #c21100;
  vertical-align: middle;
  margin-right: 5px;
}
.header__phone {
  text-align: right;
}
.header__phone a {
  text-decoration: none;
}
.header__phone a:hover {
  text-decoration: underline;
}
.header__phone .phone {
  display: block;
  font-weight: 900;
  font-size: 25px;
  line-height: 1;
}
.header__phone .callback {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  text-transform: uppercase;
  width: 210px;
  margin-top: 5px;
  background: #c21100;
}
.header__phone .callback:hover,
.header__phone .callback:focus {
  text-decoration: none;
}
.header__menu {
  width: 100%;
  margin-top: 30px;
}
.header__menu__toggle,
.header__menu__close {
  display: none;
}
.header__menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.header__menu ul li {
  position: static;
}
.header__menu ul li:before {
  display: none;
}
.header__menu ul a {
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
}
.header__menu ul a:hover {
  text-decoration: underline;
}
.header__menu .sub-menu {
  display: none;
  padding: 30px 0;
}
.header__menu .sub-menu .container {
  display: block;
}
.header__menu .sub-menu,
.header__menu .sub-menu a,
.header__menu .sub-menu a:hover,
.header__menu .sub-menu a:focus {
  color: #fff;
  font-size: 14px;
}
.header__menu .sub-menu--services a {
  display: inline-block;
  margin-right: 30px;
}
@media (min-width: 1200px) {
  .header .header__phone .callback {
    width: 170px;
  }
  .header .header__menu ul li .sub-menu {
    position: absolute;
    left: 0;
    right: 0;
    background: #202323;
    z-index: 20;
  }
  .header .header__menu ul li .sub-menu .catalogFilter {
    background: none;
    padding: 0 0 30px;
    margin: 0;
  }
  .header .header__menu ul li .sub-menu .catalogFilter .btn-submit {
    height: 50px;
    margin: 0;
    font-size: 14px;
  }
  .header .header__menu ul li .sub-menu .catalogFilter .form-control::-webkit-input-placeholder {
    color: #949595;
  }
  .header .header__menu ul li .sub-menu .catalogFilter .form-control::-moz-placeholder {
    color: #949595;
  }
  .header .header__menu ul li .sub-menu .catalogFilter .form-control:-moz-placeholder {
    color: #949595;
  }
  .header .header__menu ul li .sub-menu .catalogFilter .form-control:-ms-input-placeholder {
    color: #949595;
  }
  .header .header__menu ul li .sub-menu .catalogFilter__area:before,
  .header .header__menu ul li .sub-menu .catalogFilter__price:before {
    background: #949595;
  }
  .header .header__menu ul li .sub-menu .links {
    columns: 3;
    width: 75%;
    column-rule: 1px solid #545656;
    column-gap: 40px;
  }
  .header .header__menu ul li .sub-menu .links a {
    color: white;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
  }
  .header .header__menu ul li .sub-menu .links .link {
    margin-bottom: 10px;
  }
  .header .header__menu ul li.hover > a {
    background: #202323;
    color: white;
    display: inline-block;
    padding: 15px 50px;
    margin: -15px -50px;
  }
  .header .header__menu ul li.hover .sub-menu {
    display: block;
  }
}
@media (max-width: 1199px) {
  .header .container {
    align-items: center;
  }
  .header__logo {
    width: 190px;
  }
  .header__phone .phone {
    font-size: 20px;
  }
  .header__phone .callback {
    font-size: 12px;
  }
  .header__menu {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    right: 0;
    background: #202323;
    width: 300px;
    color: #fff;
    padding: 30px 50px;
    margin-top: 0;
    margin-right: -300px;
    transition: 0.3s all;
  }
  .header__menu__toggle {
    display: block;
    width: 24px;
    cursor: pointer;
  }
  .header__menu__toggle .bar {
    height: 3px;
    background: black;
  }
  .header__menu__toggle .bar + .bar {
    margin-top: 5px;
  }
  .header__menu__close {
    display: block;
    padding-top: 10px;
    height: 23px;
    margin: 0 0 60px auto;
    width: 23px;
    cursor: pointer;
  }
  .header__menu__close:before,
  .header__menu__close:after {
    content: '';
    width: 29px;
    height: 3px;
    background: #fff;
    display: block;
  }
  .header__menu__close:before {
    transform: rotate(45deg);
  }
  .header__menu__close:after {
    transform: rotate(-45deg);
    margin-top: -3px;
  }
  .header__menu ul {
    display: block;
    text-align: right;
  }
  .header__menu a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
  }
  .header__menu li + li {
    margin-top: 30px;
  }
  .header__menu.opened {
    margin-right: 0;
    box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 991px) {
  .header__text {
    font-size: 10px;
    width: 250px;
  }
}
@media (max-width: 767px) {
  .header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px 0;
  }
  .header__logo {
    order: 1;
    margin-bottom: 10px;
  }
  .header__text {
    display: none;
  }
  .header__phone {
    order: 3;
    width: 100%;
    text-align: left;
  }
  .header__phone .callback {
    display: none;
  }
  .header__phone .phone {
    font-size: 16px;
  }
  .header__menu {
    width: 100%;
    margin-right: -100%;
  }
  .header__menu__toggle {
    order: 2;
    margin-left: 20px;
    position: relative;
  }
  .header__menu__toggle:before {
    content: '';
    display: block;
    height: 50px;
    width: 1px;
    background: #d5d5d5;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: -20px;
  }
}
/* Front Page
----------------------------------------------------------------------------------------------------------------------*/
.frontpage__slider .slick-arrow {
  position: absolute;
  z-index: 1;
  padding: 0;
  font-size: 0;
  border: 0;
  top: 50%;
  margin-top: -32px;
  width: 32px;
  height: 64px;
}
.frontpage__slider .slick-arrow.slick-prev {
  background-color: transparent;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABBCAYAAABfEM01AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFDSURBVHgB7ZjRTcNAEETHVEAJV0JKSAfQQaAC0oHdAXRAOkBUkBKgA5fgEoY9ZIlg9iTy4bmNck86WbI/9ul88uwaqADJra3eVkINrPDAHya5iBXc8y9PUGHFHuizgwIrtCkIHKFgFpgcgQ9bt1ibfOhsjY7AGEEgYW2aQH7P84Fbkg/mBgoiCBzoI/sYvdQWGAoCPRQ0AfqRLBUoRfIrFLAcyW9QwBbJLRGDR3KCAgaO5HsoYIvkAALbqgKzRO8IaGbEE4nSTgxQUtiNUCJ7KGHt2SGUCCPMkxFFRkck30tQwdqNTVSRqSCyfrd9IlJ37liIeMgDr+4s+g+RZyjhBSTvACWRRFoLsBQ5OhKtBViS7yWoYGsBzhO53hbAEwnTAuxuIKLruoNdHp1HCWr4O/C+/wZ2qIAVvrNL/oK+2w59fgHAO8N9inWxwQAAAABJRU5ErkJggg==');
  background-position: 0 0;
  background-repeat: no-repeat;
  left: 50%;
  margin-left: -550px;
}
.frontpage__slider .slick-arrow.slick-next {
  background-color: transparent;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABBCAYAAABfEM01AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE9SURBVHgB7ZnhTcMwEIWfWYCOkBHYADaADWADukGyQUcAJoANMkLFBIzQER4XqVA1uavaP8+udJ9kRcoff7IcvzunwCB5Z49HG9+llC+oMYHOxo4HBqixSXsueYYSm/CFPnKR0ZHY7feKTGJlY9uKyI8jMr3roGL/paTIuSIrqJg2JI8PsT+2rYiMUML4MHuDkpZE+kBkgJIUcUQ2gYg8ed9bERkDkSwB5iIdVDBLgMtEsgSoKpIlwFxkHYgMUMIrKAEeoIR+4PVQMS19sBL3UHBCQLMKLQhE58QGCmyip0BAc1DxRHZAAZe3gf8CVIQXaxc2KcDaF25soe+wiT7pIxOo24syzoNXKGAmYkZy7d6BDURy3X6SmYgZyY1E8kgfmUD1P8Q3Nm6d9+tSygdUcNkn6Fp1R6Snqk2f8Qv8zcN4o++l1AAAAABJRU5ErkJggg==');
  background-position: 0 0;
  background-repeat: no-repeat;
  right: 50%;
  margin-right: -550px;
}
.frontpage__slider__item {
  position: relative;
  text-align: center;
  padding-top: 90px;
  color: white;
}
.frontpage__slider .container {
  position: relative;
}
.frontpage__slider__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
}
.frontpage__slider__image:before {
  content: '';
  background: rgba(68, 82, 89, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.frontpage__slider__title {
  font-weight: 900;
  font-style: normal;
  font-size: 52px;/*70px;*/
  height:125px;
  overflow:hidden;
  width: 800px;
  max-width: 100%;
  margin: 0 auto 22px;
  line-height: 1.2;
  animation: fadeOutRight 1s both;
}
.frontpage__slider__subtitle {
  font-size: 35px;
  margin-bottom: 85px;
  animation: fadeOutLeft 1s both;
}
.frontpage__slider__button {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  width: 515px;
  padding: 20px;
  display: block;
  margin: 0 auto 40px;
  white-space: normal;
  animation: fadeOutRight 1s both;
}
.frontpage__slider__text {
  font-size: 20px;
  margin-bottom: 80px;
  animation: fadeOutLeft 1s both;
}
.frontpage__slider__text img {
  display: inline-block;
  margin: 0 20px;
}
.slick-active .frontpage__slider__title,
.slick-active .frontpage__slider__subtitle,
.slick-active .frontpage__slider__button,
.slick-active .frontpage__slider__text {
  animation: fadeInDown 1s both 1s;
}
.frontpage__info {
  background: #c21100;
  padding: 50px 0;
  color: white;
  position: relative;
}
.frontpage__info:before {
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 10000px;
  top: -450px;
  background: rgba(32, 35, 35, 0.2);
  transform: skew(-53deg);
  transform-origin: left top;
}
.frontpage__info__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.1;
  margin-bottom: 30px;
}
.frontpage__info__text {
  font-size: 18px;
  color: #ffcac5;
  line-height: 1.4;
}
.frontpage__info__list {
  margin-bottom: 20px;
}
.frontpage__info__benefit {
  margin-bottom: 20px;
}
.frontpage__info__benefit .icon {
  margin-bottom: 25px;
  position: relative;
}
.frontpage__info__benefit .icon:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50px;
  right: 0;
  height: 1px;
  background: #d4564a;
  pointer-events: none;
}
.frontpage__info__benefit .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 25px;
}
.frontpage__info__benefit .text {
  color: #ffcac5;
  font-weight: 300;
  line-height: 1.2;
}
.frontpage__services {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: 'a c' 'b d';
  line-height: 1.2;
}
.frontpage__services__item {
  position: relative;
  color: white;
  background-size: cover;
  background-position: right center;
}
.frontpage__services__item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(45, 50, 60, 0.5);
}
.frontpage__services__item.frontpage__services__item--3{
	background-position: left center;
}

.frontpage__services__item.frontpage__services__item--3:before{
	display: none;
}
.frontpage__services__item .container {
  position: relative;
  width: 570px;
  margin: 0 auto;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.frontpage__services__item--0 {
  grid-area: a;
}
.frontpage__services__item--1 {
  grid-area: b;
}
.frontpage__services__item--2 {
  grid-area: c;
  background-position: left center;
}
/* .frontpage__services__item--2 .container {
  margin-left: 0;
  margin-right: auto;
} */
.frontpage__services__icon {
  margin-bottom: 40px;
}
.frontpage__services__title {
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 25px;
}
.frontpage__services__text {
  font-weight: 300;
  color: #e0e0e0;
  margin-bottom: 15px;
}
.frontpage__services__button {
  width: 60px;
  height: 30px;
}
.frontpage__services__button:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2M0QyRjhCQzdBNzExRThBRUFCRjZEODkxQTI1OEI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ2M0QyRjhDQzdBNzExRThBRUFCRjZEODkxQTI1OEI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDYzRDJGODlDN0E3MTFFOEFFQUJGNkQ4OTFBMjU4QjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDYzRDJGOEFDN0E3MTFFOEFFQUJGNkQ4OTFBMjU4QjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61y5o0AAAAkUlEQVR42mL6//8/A5FYC4hnALEgNnkmBuLBKyC2BuLTQCyDIUuCi0BYFIgvA/EdIJZBliPVIJyGkWMQVsMYgUQA0IcCDKQDUSBuBeJHQOwAMugSkMHHQB6QBGI2II4h12sgnAHEf4G4kpIwyvwPARWUBDaGIeQYhNUQUg2yxmUILPqJjSFQ7MgD8W1skgABBgDwdANdExscAgAAAABJRU5ErkJggg==);
  background-position: center center;
  background-repeat: no-repeat;
}
.frontpage__about {
  background: #4a5151;
  padding-top: 80px;
}
.frontpage__about,
.frontpage__about a {
  color: white;
}
.frontpage__about__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 40px;
}
.frontpage__about__items {
  margin-bottom: 40px;
}
.frontpage__about__item {
  margin-bottom: 40px;
  position: relative;
  padding-top: 20px;
  font-weight: 300;
  line-height: 1.2;
  color: #e3e7e7;
}
.frontpage__about__item:before {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 0;
}
.frontpage__about .btn-callback {
  float: right;
  width: 322px;
  height: 68px;
  line-height: 68px;
  padding: 0;
  background: #c21100;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
}
.frontpage__about__person {
  position: relative;
}
.frontpage__about__person:before {
  content: '';
  background-color: transparent;
  background-image: url(img/frontpage-about-person.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 503px;
  height: 498px;
  position: absolute;
  bottom: 0;
  left: 15px;
}
.frontpage__lots {
  padding: 50px 0;
}
.frontpage__lots__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 40px;
}
.frontpage__lots__title span.d {
  float: right;
  font-weight: 400;
  font-size: 30px;
  color: #7c7c7c;
}
.frontpage__lots__title span.d:before {
  content: '/';
  font-size: 60px;
  vertical-align: middle;
  margin: 0 15px;
}
.frontpage__lots__title .icons {
  font-weight: 300;
  font-size: 10px;
  text-transform: uppercase;
  color: #7c7c7c;
  vertical-align: middle;
  float: right;
}
.frontpage__lots__title .icons .icon {
  width: 90px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
}
.frontpage__lots__title .icons .icon .image {
  height: 50px;
  margin: 0 auto 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frontpage__lots__items {
  padding: 0 30px;
}
.frontpage__lots__items .slick-arrow {
  position: absolute;
  z-index: 10;
  top: 175px;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  font-size: 0;
  padding: 0;
}
.frontpage__lots__items .slick-arrow:before {
  font-family: FontAwesome;
  font-size: 30px;
}
.frontpage__lots__items .slick-arrow.slick-prev {
  left: 0;
}
.frontpage__lots__items .slick-arrow.slick-prev:before {
  content: '\f104';
}
.frontpage__lots__items .slick-arrow.slick-next {
  right: 0;
}
.frontpage__lots__items .slick-arrow.slick-next:before {
  content: '\f105';
}
.frontpage__lots__items .item {
  padding: 0 15px;
}
.frontpage__news {
  padding-top: 50px;
}
.frontpage__news__title {
  font-size: 50px;
  margin-bottom: 40px;
  font-weight: 900;
  line-height: 1.2;
}
.frontpage__news__title a {
  text-decoration: none;
}
.frontpage__news__title a:hover {
  text-decoration: underline;
}
.frontpage__news .cardArticle {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .frontpage__slider .slick-arrow.slick-prev {
    left: 15px;
    margin-left: 0;
  }
  .frontpage__slider .slick-arrow.slick-next {
    right: 15px;
    margin-right: 0;
  }
  .frontpage__slider__item {
    padding-top: 60px;
  }
  .frontpage__slider__title {
    font-size: 40px;
    margin-bottom: 20px;
    height:96px;
  }
  .frontpage__slider__subtitle {
    font-size: 20px;
    margin-bottom: 50px;
  }
  .frontpage__slider__button {
    width: 375px;
    font-size: 16px;
    padding: 15px;
  }
  .frontpage__slider__text {
    font-size: 16px;
    margin-bottom: 60px;
  }
  .frontpage__info:before {
    top: -260px;
    transform: skew(-40deg);
  }
  .frontpage__info__title {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .frontpage__info__text {
    font-size: 16px;
  }
  .frontpage__info__benefit .title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .frontpage__services__item .container {
    width: 480px;
  }
  .frontpage__services__icon {
    margin-bottom: 30px;
  }
  .frontpage__services__title {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .frontpage__about {
    padding-top: 60px;
  }
  .frontpage__about__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .frontpage__about__items {
    margin-bottom: 30px;
  }
  .frontpage__about__item {
    margin-bottom: 30px;
    font-size: 15px;
  }
  .frontpage__about .btn-callback {
    display: none;
  }
  .frontpage__lots__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .frontpage__lots__title span.d {
    font-size: 20px;
  }
  .frontpage__lots__title span.d:before {
    font-size: 20px;
  }
  .frontpage__lots__title .icons {
    font-size: 8px;
  }
  .frontpage__lots__title .icons .icon {
    margin-left: 10px;
    width: 70px;
  }
  .frontpage__lots__title .icons .icon .image {
    height: 30px;
  }
  .frontpage__lots__title .icons .icon .image img {
    max-width: 100%;
    max-height: 100%;
  }
  .frontpage__news__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .frontpage__services__item .container {
    width: 360px;
  }
}
@media (max-width: 767px) {
  .frontpage__slider .slick-arrow {
    top: auto;
    bottom: 20px;
  }
  .frontpage__slider__item {
    padding-top: 50px;
    padding-bottom: 85px;
  }
  .frontpage__slider__title {
    font-size: 30px;
    margin-bottom: 15px;
    height:180px;
  }
  .frontpage__slider__subtitle {
    margin-bottom: 25px;
  }
  .frontpage__slider__button {
    width: 240px;
  }
  .frontpage__slider__text {
    font-size: 16px;
    margin-bottom: 60px;
  }
  .frontpage__info:before {
    top: -240px;
    transform: skew(-22deg);
  }
  .frontpage__info__title {
    font-size: 24px;
  }
  .frontpage__services {
    display: block;
  }
  .frontpage__services__item .container {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .frontpage__about {
    padding-top: 50px;
  }
  .frontpage__about__title {
    font-size: 24px;
  }
  .frontpage__lots__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .frontpage__news__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
/* Skvoz
----------------------------------------------------------------------------------------------------------------------*/
.servicesBlock {
  padding-top: 40px;
}
.servicesBlock__item {
  margin-bottom: 30px;
}
.servicesBlock__item__image {
  margin-bottom: 40px;
}
.servicesBlock__item__title {
  font-weight: 900;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.servicesBlock__item a {
  text-decoration: none;
}
.servicesBlock__item__text {
  font-weight: 300;
  color: #444444;
  margin-bottom: 15px;
}
.servicesBlock__item__arrow {
  background-color: transparent;
  background-image: url(img/arrow-red.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 18px;
  height: 13px;
}
@media (max-width: 1199px) {
  .servicesBlock__item__image {
    margin-bottom: 30px;
  }
  .servicesBlock__item__title {
    margin-bottom: 15px;
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .servicesBlock__item__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.clientsBlock {
  padding: 65px 0;
  text-align: center;
}
.clientsBlock__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 75px;
}
.clientsBlock__items {
  position: relative;
  padding: 0 30px;
}
.clientsBlock .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  font-size: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.clientsBlock .slick-arrow:before {
  font-size: 30px;
  font-family: FontAwesome;
}
.clientsBlock .slick-arrow.slick-prev {
  left: 0;
}
.clientsBlock .slick-arrow.slick-prev:before {
  content: '\f104';
}
.clientsBlock .slick-arrow.slick-next {
  right: 0;
}
.clientsBlock .slick-arrow.slick-next:before {
  content: '\f105';
}
.clientsBlock .slick-slide {
  float: none;
  display: inline-block !important;
  vertical-align: middle;
}
.clientsBlock__item img {
  display: inline-block;
  filter: grayscale(1);
  transition: all 0.3s;
}
.clientsBlock__item img:hover {
  filter: grayscale(0);
}
@media (max-width: 1199px) {
  .clientsBlock {
    padding: 50px 0;
  }
  .clientsBlock__title {
    font-size: 30px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .clientsBlock__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.controlObjects {
  position: relative;
  height: 675px;
}
.controlObjects .container {
  position: absolute;
  z-index: 6020;
  top: 50px;
  left: 0;
  right: 0;
  pointer-events: none;
}
.controlObjects__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.controlObjects__items {
  display: inline-block;
  pointer-events: all;
}
.controlObjects__item {
  display: inline-block;
  background: #202323;
  color: white;
  text-align: center;
  width: 139px;
  height: 139px;
  vertical-align: top;
  padding: 15px 10px;
  margin-right: 1px;
  cursor: pointer;
  user-select: none;
  transition: 0.3s all;
}
.controlObjects__item .count {
  font-weight: 900;
  font-size: 70px;
  line-height: 60px;
}
.controlObjects__item .title {
  font-size: 14px;
  line-height: 1.2;
}
.controlObjects__item.active {
  background: #c21100;
}
.controlObjects__item:hover {
  opacity: 0.8;
}
.controlObjects .polygon_layout {
  text-align: center;
  white-space: nowrap;
  display: block;
  width: auto;
  font-weight: 700;
  font-size: 14px;
  color: transparent;
  transform: translate(-50%, -100%);
  text-decoration: none;
  display: none;
  
  margin-left:32px;
}
.controlObjects .polygon_layout:after {
  content: url(img/map-marker.png);
  display: block;
  width: 32px;
  height: 40px;
  margin: 10px auto 0;
  position: relative;
  filter: brightness(0);
  
  margin: 0;
  position: absolute;
  top: -16px;
  left: -32px;
}
.controlObjects .polygon_layout.active {
  display: block;
  color:transparent;
}
.controlObjects .polygon_layout.active:hover{
    color: #000;
}
.controlObjects .polygon_layout.active:after {
  filter: brightness(1);
}
.controlObjects .polygon_layout:hover {
  text-decoration: underline;
}
.controlObjects ymaps[class*="-placemark-overlay"] {
  width: auto !important;
}
.controlObjects ymaps[class*="-ground-pane"] {
  filter: grayscale(1);
}
.controlObjects ymaps[class*="-inner-panes"] {
  position: relative;
}
.controlObjects ymaps[class*="-inner-panes"]::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6000;
  background: white;
  content: '';
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.controlObjects ymaps[class*="-places-pane"] {
  z-index: 6010!important;
}
@media (max-width: 1199px) {
  .controlObjects {
    height: 530px;
    position: relative;
    overflow: hidden;
  }
  .controlObjects__items {
    width: 280px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .controlObjects .container {
    top: 50px;
  }
  .controlObjects__title {
    font-size: 30px;
  }
  .controlObjects__item {
    margin-bottom: 1px;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .controlObjects__item .count {
    font-size: 40px;
    line-height: 1;
  }
}
@media (max-width: 991px) {
  .controlObjects__items {
    width: 262px;
  }
  .controlObjects__item {
    width: 130px;
  }
}
@media (max-width: 767px) {
  .controlObjects {
    height: 700px;
  }
  .controlObjects__items {
    width: auto;
  }
  .controlObjects__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .controlObjects__item {
    display: inline-block;
    margin: 0;
    width: 25%;
    height: 115px;
  }
}
@media (max-width: 640px) {
  .controlObjects__items {
    width: 280px;
    margin: 0 0 0 auto;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .controlObjects__item {
    width: 140px;
  }
}
@media (max-width: 425px) {
  .controlObjects__items {
    width: 140px;
  }
}
/* About
----------------------------------------------------------------------------------------------------------------------*/
.about__title {
  background: #c21100;
  color: white;
  padding: 50px 0;
}
.about__title .container {
  width: 570px;
  margin-right: 0;
}
.about__title h1 {
  font-size: 50px;
  line-height: 1.1;
}
.about__text {
  background-color: transparent;
  background-image: url(img/about-content-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 50px;
  font-size: 18px;
}
.about__text .container {
  width: 570px;
  margin-left: 0;
}
.about__numbers {
  padding: 40px 0;
}
.about__numbers__item {
  text-align: center;
}
.about__numbers__number {
  font-weight: 900;
  font-size: 60px;
  color: #c21100;
  line-height: 1;
  white-space: nowrap;
}
.about__numbers__number span {
  font-size: 50px;
}
.about__numbers__number sup {
  font-size: 20px;
}
.about__numbers__title {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.about__numbers__text {
  font-weight: 300;
  line-height: 1.2;
}
.about__philosophy {
  background-color: transparent;
  background-image: url(img/about-philotarget-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 100px 0;
}
.about__philosophy a {
  color: white;
}
.about__philosophy__title {
  font-weight: 900;
  font-size: 38px;
  line-height: 1.1;
  padding-bottom: 45px;
  position: relative;
  margin-bottom: 45px;
  width: 350px;
  max-width: 100%;
}
.about__philosophy__title:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 55px;
  background: #c21100;
}
.about__philosophy__text {
  font-size: 18px;
}
.about__directions {
  padding-top: 50px;
}
.about__directions__item {
  margin-bottom: 30px;
  text-decoration: none;
  transition: 0.3s all;
  padding-top: 30px;
  padding-bottom: 30px;
}
.about__directions__title {
  text-align: center;
  font-weight: 900;
  font-size: 55px;
  line-height: 1.1;
  margin-bottom: 30px;
}
.about__directions__item {
  transition: 0.3s all;
}
.about__directions__item img {
  transition: 0.3s all;
}
.about__directions__item:hover {
  background: #c21100;
  color: white;
}
.about__directions__item:hover img {
  filter: invert(1);
}
.about__directions__icon {
  margin-bottom: 30px;
}
.about__directions__name {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.about__directions__text {
  font-weight: 300;
  line-height: 1.2;
}
.about__control {
  background-color: transparent;
  background-image: url(img/about-control-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
  color: white;
}
.about__control .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.about__control__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.1;
  width: 100%;
  margin-bottom: 40px;
}
.about__control__items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.about__control__items > .item {
  padding: 30px 0;
  width: 50%;
}
.about__control__type {
  display: flex;
  flex: 1;
}
.about__control__type .qnt {
  font-weight: 900;
  font-size: 50px;
  line-height: 1;
}
.about__control__type .type {
  font-weight: 900;
  font-size: 26px;
  line-height: 1.2;
  padding-left: 15px;
}
.about__control__list {
  flex: 2;
  columns: 1;
}
.about__control__list a,
.about__control__list a:hover,
.about__control__list a:focus {
  color: white;
}
.about__mail {
  padding-top: 80px;
  padding-bottom: 80px;
}
.about__mail__content {
  margin-bottom: 45px;
}
.about__mail__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.about__mail__text {
  font-size: 18px;
}
.about__mail__form {
  align-self: flex-end;
  margin-bottom: 45px;
}
.about__mail__form input[type="text"],
.about__mail__form input[type="tel"],
.about__mail__form textarea {
  outline: none;
  width: 100%;
  background: transparent;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #bfbfbf;
  padding: 8px 0;
}
.about__mail__form textarea {
  height: 110px;
  resize: none;
}
.about__mail__form .btn-submit {
  width: 174px;
  height: 55px;
  background: #c21100;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  float: right;
}
.about__mail__form .form-group {
  overflow: hidden;
}
.about__mail__photo {
  align-self: flex-end;
  text-align: right;
}
.about__clients {
  padding: 65px 0;
  text-align: center;
}
.about__clients__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 75px;
}
.about__clients__items {
  position: relative;
  padding: 0 30px;
}
.about__clients .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  font-size: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.about__clients .slick-arrow:before {
  font-size: 30px;
  font-family: FontAwesome;
}
.about__clients .slick-arrow.slick-prev {
  left: 0;
}
.about__clients .slick-arrow.slick-prev:before {
  content: '\f104';
}
.about__clients .slick-arrow.slick-next {
  right: 0;
}
.about__clients .slick-arrow.slick-next:before {
  content: '\f105';
}
.about__clients .slick-slide {
  float: none;
  display: inline-block !important;
  vertical-align: middle;
}
.about__clients__item img {
  display: inline-block;
  filter: grayscale(1);
  transition: all 0.3s;
  opacity: 0.9;
}
.about__clients__item img:hover {
  filter: grayscale(0);
  opacity: 1;
}
@media (max-width: 1199px) {
  .about__text {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
  }
  .about__title .container,
  .about__text .container {
    width: 480px;
  }
  .about__title h1 {
    font-size: 30px;
  }
  .about__text {
    font-size: 16px;
  }
  .about__numbers__number {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .about__numbers__number span {
    font-size: 30px;
  }
  .about__numbers__title {
    font-size: 14px;
  }
  .about__philosophy {
    padding: 60px 0;
  }
  .about__philosophy__title {
    font-size: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .about__philosophy__text {
    font-size: 14px;
    font-weight: 300;
  }
  .about__directions__title {
    text-align: left;
    font-size: 30px;
    margin-bottom: 15px;
  }
  .about__directions__name {
    font-size: 18px;
  }
  .about__control {
    padding: 40px 0;
  }
  .about__control__title {
    font-size: 40px;
    margin-bottom: 25px;
  }
  .about__control__title .qnt {
    font-size: 40px;
  }
  .about__control__title .type {
    font-size: 16px;
  }
  .about__control__list {
    font-weight: 300;
  }
  .about__mail {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .about__mail__content {
    margin: 0;
  }
  .about__mail__title {
    font-size: 30px;
  }
  .about__mail__text {
    font-size: 14px;
  }
  .about__clients {
    padding: 50px 0;
  }
  .about__clients__title {
    font-size: 30px;
    margin-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .about__title .container,
  .about__text .container {
    width: 360px;
  }
}
@media (max-width: 767px) {
  .about__title .container,
  .about__text .container {
    width: auto;
    margin: 0 auto;
  }
  .about__title {
    padding-left: 15px;
    padding-right: 15px;
  }
  .about__title h1 {
    font-size: 24px;
  }
  .about__numbers__number {
    font-size: 40px;
    margin: 0;
  }
  .about__numbers__number span {
    font-size: 40px;
  }
  .about__numbers__title {
    font-size: 20px;
  }
  .about__numbers__text {
    font-size: 16px;
  }
  .about__numbers__item {
    margin-bottom: 30px;
  }
  .about__philosophy {
    padding: 50px 0;
  }
  .about__philosophy__title {
    font-size: 24px;
    padding-bottom: 35px;
    margin-bottom: 20px;
  }
  .about__directions__title {
    font-size: 24px;
  }
  .about__directions__item {
    margin: 0;
  }
  .about__control .container {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .about__control__title {
    font-size: 24px;
  }
  .about__control__items > .item {
    padding: 15px 0;
  }
  .about__control__type {
    flex-direction: column;
  }
  .about__control__type .qnt {
    font-size: 40px;
  }
  .about__control__type .type {
    font-size: 16px;
    padding: 0;
  }
  .about__control__list {
    columns: 1;
  }
  .about__mail {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .about__mail__content {
    margin-bottom: 30px;
  }
  .about__mail__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .about__clients__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 475px) {
  .about__control__items {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
/* Vacancies
----------------------------------------------------------------------------------------------------------------------*/
.vacancies__content {
  align-self: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.vacancies__phone {
  align-self: center;
  text-align: center;
  margin-bottom: 30px;
}
.vacancies__phone__title {
  font-weight: 700;
  font-size: 18px;
}
.vacancies__phone__text {
  font-weight: 900;
  font-size: 30px;
  color: #c21100;
}
.vacancies__phone__text::before {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAvCAYAAADw46qXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJEMzdEQkMyQ0E2QTExRTg4NDQyODk4OTRFODEwOUFEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJEMzdEQkMzQ0E2QTExRTg4NDQyODk4OTRFODEwOUFEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkQzN0RCQzBDQTZBMTFFODg0NDI4OTg5NEU4MTA5QUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkQzN0RCQzFDQTZBMTFFODg0NDI4OTg5NEU4MTA5QUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz69u/L/AAABR0lEQVR42mJkYGDgAuIJQOwHxBwMtAHfgXg1EJeyAImJQJwCxJuA+D2NLBQF4lxk2ycz0B7MA+I3LNBgvItHISsQCwLxPyCWwaHmERC/I2DhJSBOZCHCZWpAHAzEX4A4DoeaGVBMEBBj4VUoBoE+SsMVZqEHEAvQOA4tkC3kpIOFnDDGfyAuoEMqBdnxn4mBzmDUwlELRy0ctXDUwlELRy0ctXDUwlELRy0ctZAaANZdCwRiBRrbZYhsIWhg4QONLfxObv8wENoFBw0SeJLaP2Qh0ZWSQLwANBoBHd1YDsRKRIxgkJ1oQPFwEojXAfFKIL4GxHrkJBpiAcgCEyA2A2I2INYE4hukRuZXIJ5Ogvo0IP4IxG+BOJ4EfYuB+DUjA2RAJx2IdwLxCxqlUGkgdgHiXkbocEYnNPXx0shCUIisAuJqgAADAPX7NNZJ+zPlAAAAAElFTkSuQmCC');
  vertical-align: middle;
  display: inline-block;
  margin-right: 15px;
}
.vacancies__work {
  background-color: black;
  background-image: url(img/vacancies-work-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 70px 0;
  text-align: center;
  margin-bottom: 50px;
}
.vacancies__work__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.vacancies__work__text {
  font-size: 18px;
}
.vacancies__info {
  margin-bottom: 50px;
}
.vacancies__info__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 40px;
}
.vacancies__info__text {
  font-size: 18px;
}
.vacancies__info--wide .vacancies__info__text {
  columns: 2;
}
.vacancies__employees {
  background: #c21100;
  color: white;
  margin-bottom: 50px;
}
.vacancies__employees .container {
  width: 510px;
  border: 1px solid #d2584c;
  margin: 40px 30px 40px auto;
  padding: 40px 40px;
  font-size: 26px;
}
.vacancies__employees__text {
  font-weight: 900;
  font-size: 40px;
  line-height: 1.2;
}
.vacancies__employees__text2 {
  font-size: 20px;
}
.vacancies__employees__bg {
  background-color: transparent;
  background-image: url(img/vacancies-employees-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.vacancies__items__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.vacancies__item {
  margin-bottom: 30px;
}
.vacancies__item__title {
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.vacancies__item__text {
  margin-bottom: 30px;
}
.vacancies__item__contacts {
  border-left: 1px solid #c6c6c6;
  margin-bottom: 30px;
}
.vacancies__item .btn-vacancy {
  background: #c21100;
  font-weight: 300;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
  padding: 9px 26px;
}
.vacancies__form {
  background-color: black;
  background-image: url(img/vacancies-form-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 60px 0;
  text-align: center;
}
.vacancies__form__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 90px;
}
.vacancies__form .form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
  color: white;
  font-size: 14px;
  padding: 5px 0;
  margin-top: 17px;
}
.vacancies__form .form-control::-webkit-input-placeholder {
  color: #fff;
}
.vacancies__form .form-control::-moz-placeholder {
  color: #fff;
}
.vacancies__form .form-control:-moz-placeholder {
  color: #fff;
}
.vacancies__form .form-control:-ms-input-placeholder {
  color: #fff;
}
.vacancies__form .btn-submit {
  background: #c21100;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  height: 55px;
  width: 220px;
}
.vacancies__form__privacy {
  font-size: 12px;
}
.vacancies__form__privacy,
.vacancies__form__privacy a,
.vacancies__form__privacy a:hover,
.vacancies__form__privacy a:focus {
  color: #cdcdcd;
}
@media (max-width: 1199px) {
  .vacancies__content {
    font-size: 14px;
  }
  .vacancies__phone__title {
    font-size: 16px;
  }
  .vacancies__phone__text {
    font-size: 20px;
  }
  .vacancies__work {
    padding: 30px 0;
  }
  .vacancies__work__title {
    font-weight: 700;
    font-size: 30px;
  }
  .vacancies__work__text {
    font-size: 16px;
  }
  .vacancies__info {
    margin-bottom: 30px;
  }
  .vacancies__info__title {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 20px;
  }
  .vacancies__info__text {
    font-size: 14px;
  }
  .vacancies__info--wide .vacancies__info__text {
    columns: 1;
  }
  .vacancies__employees__bg {
    min-height: 300px;
  }
  .vacancies__employees .container {
    width: 100%;
    margin: 40px auto;
    padding: 15px;
    font-size: 20px;
  }
  .vacancies__employees__text {
    font-size: 26px;
  }
  .vacancies__items__title {
    font-weight: 700;
    font-size: 30px;
  }
  .vacancies__item__title {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .vacancies__item__contacts {
    border: 0;
  }
  .vacancies__form {
    padding: 30px 0;
  }
  .vacancies__form__title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .vacancies .vacancies__employees .container {
    margin: 0;
    max-width: 100%;
  }
}
/* History
----------------------------------------------------------------------------------------------------------------------*/
.history__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.history__item__year {
  width: 165px;
  text-align: center;
  font-weight: 900;
  font-size: 25px;
  color: #c21100;
  position: relative;
}
.history__item__year:before {
  content: '';
  display: block;
  width: 1px;
  top: 40px;
  bottom: 0;
  left: 50%;
  background: #a5a5a5;
  position: absolute;
}
.history__item:last-child .history__item__year:before {
  display: none;
}
.history__item__content {
  margin-bottom: 50px;
  flex: 1;
}
.history__item__title {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.history__item__text {
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .history__item {
    flex-direction: column;
  }
  .history__item__year {
    width: auto;
    text-align: left;
  }
}
/* Owners
----------------------------------------------------------------------------------------------------------------------*/
.owners__main {
  background-color: black;
  background-image: url(img/owners-main-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 50px 0 100px;
}
.owners__main__title {
  font-size: 55px;
  width: 800px;
  max-width: 100%;
  margin-bottom: 45px;
}
.owners__main__text {
  width: 800px;
  max-width: 100%;
  font-size: 18px;
  margin-bottom: 50px;
}
.owners__main .btn-form {
  width: 309px;
  height: 55px;
  padding: 0;
  line-height: 55px;
  background: #c21100;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.owners__why {
  background: #e3e4e4;
  padding-top: 80px;
}
.owners__why__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 60px;
}
.owners__why__items {
  margin-bottom: 60px;
}
.owners__why__item {
  margin-bottom: 50px;
  position: relative;
  padding-top: 20px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
}
.owners__why__item:before {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  background: #000000;
  position: absolute;
  top: 0;
}
.owners__why .btn-form {
  float: right;
  width: 322px;
  height: 68px;
  line-height: 68px;
  padding: 0;
  background: #c21100;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
}
.owners__why__girl {
  position: relative;
}
.owners__why__girl:before {
  content: '';
  background-color: transparent;
  background-image: url(img/owners-why-girl.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 381px;
  height: 550px;
  position: absolute;
  bottom: 0;
  left: 15px;
}
.owners__steps {
  background-color: black;
  background-image: url(img/owners-steps-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 50px 0;
}
.owners__steps__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 65px;
}
.owners__steps__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px;
}
.owners__steps__item {
  font-size: 18px;
  line-height: 1.4;
  width: 16.66%;
  margin-bottom: 30px;
  padding: 0 15px;
}
.owners__steps__number {
  display: flex;
  font-weight: 900;
  font-size: 70px;
  line-height: 1;
  margin-bottom: 20px;
  align-items: center;
}
.owners__steps__number:after {
  content: '';
  display: block;
  background: white;
  opacity: 0.2;
  height: 1px;
  flex: 1;
  margin-left: 15px;
}
.owners__steps__item:last-child .owners__steps__number:after {
  display: none;
}
.owners__benefits {
  padding: 50px 0;
}
.owners__benefits__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 40px;
}
.owners__benefits__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.owners__benefits__item {
  margin-bottom: 30px;
  width: 220px;
  padding: 0 10px;
  text-align: center;
}
.owners__benefits__item__image {
  margin-bottom: 20px;
  height: 60px;
}
.owners__benefits__item__title {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.2;
}
.owners__form {
  background-color: black;
  background-image: url(img/owners-form-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 50px 0;
  text-align: center;
}
.owners__form__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 25px;
}
.owners__form__text {
  font-size: 22px;
  line-height: 1.2;
  width: 700px;
  margin: 0 auto 40px;
  max-width: 100%;
}
.owners__form form {
  width: 550px;
  margin: 0 auto;
  max-width: 100%;
}
.owners__form form .form-control {
  border-radius: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid white;
  padding: 0;
  font-size: 14px;
  color: white;
  margin-top: 17px;
}
.owners__form form .form-control::-webkit-input-placeholder {
  color: white;
}
.owners__form form .form-control::-moz-placeholder {
  color: white;
}
.owners__form form .form-control:-moz-placeholder {
  color: white;
}
.owners__form form .form-control:-ms-input-placeholder {
  color: white;
}
.owners__form form .btn-submit {
  width: 218px;
  height: 55px;
  background: #c21100;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
.owners__form form .privacy {
  font-size: 12px;
}
.owners__form form .privacy,
.owners__form form .privacy a,
.owners__form form .privacy a:hover,
.owners__form form .privacy a:focus {
  color: #cdcdcd;
}
.owners__rent {
  padding: 40px 0;
}
.owners__rent__title {
  font-weight: 900;
  font-size: 55px;
  margin-bottom: 30px;
  line-height: 1.2;
}
.owners__rent__text {
  columns: 2;
  font-weight: 300;
  column-gap: 30px;
}
@media (min-width: 1200px) {
  .owners__steps__item:nth-child(6n) .owners__steps__number:after {
    display: none;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .owners__steps__item:nth-child(4n) .owners__steps__number:after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .owners__main {
    padding: 60px 0;
  }
  .owners__main__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .owners__main__text {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .owners__why {
    padding-top: 60px;
  }
  .owners__why__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .owners__why__items {
    margin-bottom: 30px;
  }
  .owners__why__item {
    margin-bottom: 30px;
    font-size: 15px;
  }
  .owners__why .btn-form {
    display: none;
  }
  .owners__steps__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .owners__steps__item {
    width: 25%;
    font-size: 16px;
  }
  .owners__steps__items {
    justify-content: normal;
  }
  .owners__steps__number {
    font-size: 40px;
  }
  .owners__benefits__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .owners__benefits__item {
    width: 33.33%;
  }
  .owners__benefits__item__title {
    font-size: 18px;
  }
  .owners__form__title {
    font-size: 30px;
  }
  .owners__form__text {
    font-size: 16px;
  }
  .owners__rent {
    padding: 30px 0;
  }
  .owners__rent__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .owners__main__title {
    font-size: 24px;
  }
  .owners__main .btn-form {
    max-width: 100%;
  }
  .owners__why {
    padding-top: 50px;
  }
  .owners__why__title {
    font-size: 24px;
  }
  .owners__steps__title {
    font-size: 24px;
  }
  .owners__steps__items {
    flex-direction: column;
  }
  .owners__steps__item {
    width: auto;
    display: flex;
    align-items: center;
  }
  .owners__steps__number {
    margin: 0 15px 0 0;
  }
  .owners__steps__number:after {
    display: none;
  }
  .owners__benefits {
    text-align: center;
  }
  .owners__benefits__title {
    font-size: 24px;
  }
  .owners__benefits__items {
    flex-direction: column;
  }
  .owners__benefits__item {
    width: auto;
  }
  .owners__benefits__item__image {
    height: auto;
  }
  .owners__form__title {
    font-size: 24px;
  }
  .owners__form_text {
    font-size: 14px;
    line-height: 1.6;
  }
  .owners__form form .form-control {
    text-align: center;
  }
  .owners__rent__title {
    font-size: 24px;
  }
  .owners__rent__text {
    columns: 1;
  }
}
/* News
----------------------------------------------------------------------------------------------------------------------*/
.cardNews {
  margin-bottom: 30px;
  background: white;
  padding: 0 30px;
}
.cardNews.wo-thumbnail {
  border: 1px solid black;
  padding: 30px;
}
.cardNews a {
  text-decoration: none;
}
.cardNews__title {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.cardNews__text {
  font-weight: 300;
  margin-bottom: 20px;
}
.cardNews__date {
  font-weight: 300;
  opacity: 0.6;
}
.cardNews__image {
  margin: 0 -30px 30px;
}
.news {
  columns: 2;
  column-gap: 30px;
  margin-bottom: 50px;
}
.news__date {
  font-weight: 300;
  margin-bottom: 25px;
}
.news__social {
  margin-bottom: 25px;
}
.news__social .ya-share2__item {
  margin-right: 15px !important;
}
.news__other__title {
  font-weight: 900;
  font-size: 50px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .news {
    columns: 1;
  }
  .news__other__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .news__other__title {
    font-size: 24px;
  }
}
.loadMore {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
.loadMore .btn {
  width: 208px;
  height: 68px;
  line-height: 68px;
  padding: 0;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
}
/* Articles
----------------------------------------------------------------------------------------------------------------------*/
.archiveArticle__header {
  background-color: transparent;
  background-image: url(img/articles-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 220px;
  padding-bottom: 65px;
  text-align: center;
  margin-bottom: 60px;
  color: white;
}
.archiveArticle__header a,
.archiveArticle__header a:hover,
.archiveArticle__header a:focus {
  color: white;
}
.archiveArticle__header__title {
  font-weight: 900;
  font-size: 70px;
  margin-bottom: 30px;
  line-height: 1;
}
.archiveArticle__header__subtitle {
  font-weight: 500;
  font-size: 35px;
  margin-bottom: 220px;
  line-height: 1;
}
.archiveArticle__header__cats {
  text-align: left;
  justify-content: center;
}
.archiveArticle__header__cat {
  margin-bottom: 30px;
  font-size: 16px;
}
.archiveArticle .archiveArticle__item {
  margin-bottom: 30px;
}
.cardArticle {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 275px;
  justify-content: center;
  position: relative;
  text-align: center;
  background-position: center center;
  background-size: cover;
}
.cardArticle::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.6;
}
.cardArticle a {
  text-decoration: none;
  color: white;
  position: relative;
}
.cardArticle__title,
.cardArticle__text {
  max-width: 320px;
  margin: 0 auto;
  line-height: 1.2;
}
.cardArticle__title {
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 20px;
}
.cardArticle__text {
  font-weight: 300;
  margin-bottom: 20px;
}
.cardArticle__date {
  opacity: 0.6;
}
.article__header {
  padding-top: 110px;
  padding-bottom: 110px;
  text-align: center;
  color: white;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin-bottom: 60px;
}
.article__header::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.article__header .container {
  position: relative;
}
.article__header__title {
  font-weight: 900;
  font-size: 70px;
  margin-bottom: 30px;
  line-height: 1;
}
.article__header__cat {
  margin-bottom: 30px;
  font-size: 16px;
}
.article__header__cat a,
.article__header__cat a:hover,
.article__header__cat a:focus {
  color: white;
}
.article__header__text {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.2;
  max-width: 700px;
  margin: 0 auto 20px;
}
.article__header__date {
  font-size: 16px;
  opacity: 0.5;
}
.article__social {
  margin-bottom: 25px;
}
.article__social .ya-share2__item {
  margin-right: 15px !important;
}
.article .news__other {
  margin-top: 30px;
}
.article__otherCats {
  background-color: black;
  background-image: url(img/article-other-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 50px 0;
}
.article__otherCats a,
.article__otherCats a:hover,
.article__otherCats a:focus {
  color: white;
}
.article__otherCats__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1;
  margin-bottom: 30px;
}
.article__otherCats__cat {
  font-size: 16px;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .archiveArticle__header {
    padding-top: 100px;
  }
  .archiveArticle__header__title {
    font-size: 35px;
    margin-bottom: 25px;
  }
  .archiveArticle__header__subtitle {
    font-size: 25px;
    margin-bottom: 100px;
  }
  .article__header {
    padding: 100px 0;
  }
  .article__header__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .article__header__text {
    font-size: 20px;
  }
  .article__otherCats__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .archiveArticle__header {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  .archiveArticle__header__title {
    font-size: 20px;
  }
  .archiveArticle__header__subtitle {
    font-size: 15px;
    line-height: 1.2;
    background: transparent;
    margin-bottom: 50px;
  }
  .archiveArticle__header__cat {
    font-size: 14px;
  }
  .cardArticle {
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .article__header {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .article__header__title {
    font-size: 25px;
  }
  .article__header__text {
    font-size: 14px;
  }
  .article__otherCats__title {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .article__otherCats__cat {
    font-size: 14px;
  }
}
/* Contacts
----------------------------------------------------------------------------------------------------------------------*/
.contacts__info {
  font-size: 16px;
  margin-bottom: 50px;
}
.contacts__item {
  margin-bottom: 20px;
}
.contacts__item .label {
  font-weight: 700;
}
.contacts__item--phone .name {
  font-weight: 700;
}
.contacts__callback {
  width: 360px;
  max-width: 100%;
  height: 60px;
  background: #c21100;
  border-radius: 2px;
  font-weight: 500;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  color: white !important;
  text-transform: uppercase;
  padding: 15px 0;
  margin: 50px 0;
}
.contacts__callback:before {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYyNkZEREVFQ0FEOTExRTg5ODAzQzJGMTI4QUY4QUQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYyNkZEREVGQ0FEOTExRTg5ODAzQzJGMTI4QUY4QUQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjI2RkRERUNDQUQ5MTFFODk4MDNDMkYxMjhBRjhBRDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjI2RkRERURDQUQ5MTFFODk4MDNDMkYxMjhBRjhBRDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fCmopAAACz0lEQVR42pyWX2hPYRjHz+/gwo0i5YIhNPr5OwxhNfKvTIsRLrQLu3HDEtb8udrayAVSMpHFxWRayp9MaMMuJv9SZjJhU3YhSiHC8XnW89a7t3N+v3N+T316z3n/fd/nPc/7vCcVBIEn9mBUyouwAtgAq6HQaXsGt6Cl6Evw2MtgqQxCy6AeFlp1b6AXZFAeTLXankMVgrfDhPyIBTTAPRVphCIYBvmwAlbCNBgCi+EMzIFWFnwhrkcdOrgdtsNbL56Jh2dhlXo3H+/+Rnn0UEVky4oTiHhM2gfyHQ+pd51RW3cOlsBh2K91M2GNl8AQq6U4APPYpeZBW0fFXJ6f6CoWaVsZXNHnG1CSRWDQO3PepVguO0Nbu/HoopZmstmWiNhaJ/ri2HotB4LDR1kiKQ2X4LM2zgoZWJZwC79RnIbxaBSIR+XaVm/1+xgydoGX3I5oWSFCpfrywurwyhnwC04lVcGr9xQS4qUiNB16nD79jpgcyMtebiZpaqxvpRbXGq3nYi93e2efoyCkw0n4Z52ngzkKBbbQ5JAOP2GP9V6T7SxF2EQj1O1kYduOae4zdg32OlsqIVxNCBdGzCHJoD91f+RAyqmCGfAypONwDYwJVl0X3IGdTl9ZyEai7bdmhzy9Vhp8c3KdlbpbKJdfm1WXDhERWwebrffdWp73Ue/S8JaDOyJC7KtehJIsv2f5Jr3qjexEJXxCo9MEwzbL9UxWp4FT7RxwYxWSQPXZ5Mpy9+Jrotii90ltzIiaApNgNHxApEPn2kVxHG5SJwnZG2oN2qrRV6Pnpy6GUI/JKuaaQKRSo7XbPg7uVS7Cj/TjX4cdEQk2zMZoPpQ/ptcS1oj/iLrK/2jcN+lq+uCECkeZXClHNT+KyFXJJLZItt+tEk3zaavuqYrLoHFyXcsc2ib/F/sQaEn6X2dsKWzSf4d8p00mb4VmBNoy7et/AQYAwsvdySEuUq4AAAAASUVORK5CYII=');
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  transition: all 0.3s;
  filter: grayscale(1) brightness(0) invert(1);
}
.contacts__map {
  height: 580px;
  margin-bottom: 50px;
}
.contacts__map ymaps[class*="-ground-pane"] {
  filter: grayscale(1);
}
.contacts__feedback {
  background-color: #c41906;
  background-image: url(img/red-cube-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  padding: 60px 0;
  color: white;
}
.contacts__feedback__title {
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 20px;
}
.contacts__feedback__form label {
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
}
.contacts__feedback__form .form-control {
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  height: 50px;
  color: white;
}
.contacts__feedback__form .form-control::-webkit-input-placeholder {
  color: white;
}
.contacts__feedback__form .form-control::-moz-placeholder {
  color: white;
}
.contacts__feedback__form .form-control:-moz-placeholder {
  color: white;
}
.contacts__feedback__form .form-control:-ms-input-placeholder {
  color: white;
}
.contacts__feedback__form textarea.form-control {
  resize: none;
  height: 147px;
}
.contacts__feedback__form .btn-submit {
  width: 170px;
  height: 60px;
  margin: 0 auto;
  display: block;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: #c21100;
  background: white;
  border-radius: 2px;
}
.contacts__feedback__form .privacy {
  text-align: center;
}
.contacts__feedback__form .privacy a {
  color: white;
}
/* Services
----------------------------------------------------------------------------------------------------------------------*/
.services__title {
  background: #c21100;
  color: white;
  font-weight: 900;
  font-size: 55px;
  line-height: 1.1;
  padding-top: 50px;
  padding-bottom: 50px;
}
.services__title .container {
  width: 570px;
  margin-right: 0;
}
.services__slider {
  padding: 0;
}
.services__slider .slick-track,
.services__slider .slick-list,
.services__slider .slick-slide,
.services__slider .slick-slide > div {
  min-height: 100%;
  height: 100%;
}
.services__slider .item {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.services__slider .item .container {
  width: 570px;
  margin-left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  color: white;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  padding: 50px;
  justify-content: center;
}
.services__slider .slick-arrow {
  position: absolute;
  font-size: 0;
  border: 0;
  padding: 0;
  background: none;
  top: 50%;
  z-index: 10;
  margin-top: -15px;
}
.services__slider .slick-arrow:before {
  font-size: 30px;
  line-height: 1;
  font-family: FontAwesome;
  color: white;
}
.services__slider .slick-arrow.slick-prev {
  left: 20px;
}
.services__slider .slick-arrow.slick-prev:before {
  content: '\f104';
}
.services__slider .slick-arrow.slick-next {
  left: 540px;
}
.services__slider .slick-arrow.slick-next:before {
  content: '\f105';
}
.services__items {
  background-color: transparent;
  background-image: url(img/services-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 100px 0 50px;
}
.services__items__title {
  font-size: 55px;
  line-height: 1.2;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 35px;
}
.services__items__title:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 52px;
  height: 4px;
  background: #c21100;
}
.services__items__text {
  font-size: 18px;
  line-height: 1.4;
  width: 50%;
  margin-bottom: 70px;
}
.services__item {
  margin-bottom: 30px;
}
.services__item__icon {
  margin-bottom: 40px;
}
.services__item__title {
  font-weight: 900;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.services__item__title a {
  color: #fff;
  text-decoration: none;
}
.services__item__title a:hover {
  text-decoration: underline;
}
.services__item__text {
  font-weight: 300;
  color: #b5b6b6;
  margin-bottom: 15px;
}
.services__item__button {
  background-color: transparent;
  background-image: url('data: image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQxMzM1NzU0Qzg1RTExRTg4M0QzRTYwNzFENDc1RERBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQxMzM1NzU1Qzg1RTExRTg4M0QzRTYwNzFENDc1RERBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDEzMzU3NTJDODVFMTFFODgzRDNFNjA3MUQ0NzVEREEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDEzMzU3NTNDODVFMTFFODgzRDNFNjA3MUQ0NzVEREEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5zzWgDAAAAn0lEQVR42mL8//8/AwgcFmJkIAC0gDgPiCuB+D26JBMD8eAVEFsD8WkglqHEoDdA7ATE34H4ALphpBgEAq9xGUaqQTgNYzwkyBAApAXIMFAUiFuB+BEQO7AAiSYg5mMgD4CiXBmI7RlJiH50kAHEU4G4BojbWch0SSYQT4OmqQ5yAxvDEHIMwmoIqQZZ4zIEBEgJI1DWUAPi29gkAQIMADQQJU8nlueOAAAAAElFTkSuQmCC');
  background-position: center center;
  background-repeat: no-repeat;
  width: 18px;
  height: 13px;
}
.services__benefits {
  padding: 60px 0 70px;
}
.services__benefits__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.services__benefits__text {
  width: 50%;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 50px;
}
.services__benefit {
  margin-bottom: 30px;
}
.services__benefit__title {
  font-weight: 900;
  font-size: 20px;
  padding-top: 30px;
  border-top: 4px solid #c21100;
  line-height: 1.2;
  margin-bottom: 15px;
}
.services__benefit__text {
  font-weight: 300;
  color: #444444;
  line-height: 1.2;
}
.services__serving {
  background-color: transparent;
  background-image: url(img/services-serving-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 50px 0;
  text-align: center;
  display: flex;
  align-items: center;
}
.services__serving .container {
  width: 570px;
  margin-right: 0;
}
.services__serving__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 40px;
}
.services__serving__items {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -10px;
}
.services__serving__items:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 285px;
  height: 4px;
  background: #c21100;
  margin: 0 auto;
}
.services__serving__item {
  flex: 1;
  padding: 0 10px;
}
.services__serving__item .quantity {
  font-weight: 900;
  font-size: 45px;
  line-height: 1.2;
}
.services__serving__item .name {
  font-size: 16px;
  line-height: 1.2;
}
.services__serving__clients {
  font-weight: 900;
  font-size: 25px;
  line-height: 1.2;
}
.services__serving__clients div {
  font-size: 65px;
  line-height: 1;
  margin: 10px 0 5px;
}
.services__works {
  background-color: transparent;
  background-image: url(img/services-works-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
  font-weight: 300;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.services__works .container {
  width: 570px;
  margin-left: 0;
  padding: 0 50px;
}
.services__works ul li {
  margin-bottom: 15px;
}
.services__works ul li:before {
  color: #c21100;
}
.services__clients {
  padding: 65px 0;
  text-align: center;
}
.services__clients__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 75px;
}
.services__clients__items {
  position: relative;
  padding: 0 30px;
}
.services__clients .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  font-size: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.services__clients .slick-arrow:before {
  font-size: 30px;
  font-family: FontAwesome;
}
.services__clients .slick-arrow.slick-prev {
  left: 0;
}
.services__clients .slick-arrow.slick-prev:before {
  content: '\f104';
}
.services__clients .slick-arrow.slick-next {
  right: 0;
}
.services__clients .slick-arrow.slick-next:before {
  content: '\f105';
}
.services__clients .slick-slide {
  float: none;
  display: inline-block !important;
  vertical-align: middle;
}
.services__clients__item img {
  display: inline-block;
  filter: grayscale(1);
  transition: all 0.3s;
}
.services__clients__item img:hover {
  filter: grayscale(0);
}
@media (max-width: 1199px) {
  .services__title {
    font-size: 30px;
  }
  .services__title .container {
    width: 480px;
  }
  .services__slider .item .container {
    width: 480px;
    font-size: 20px;
  }
  .services__slider .slick-arrow.slick-next {
    left: 450px;
  }
  .services__items {
    padding: 50px 0;
  }
  .services__items__title {
    font-size: 30px;
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  .services__items__text {
    font-size: 16px;
    width: auto;
    margin-bottom: 50px;
  }
  .services__item__icon {
    margin-bottom: 30px;
  }
  .services__item__title {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .services__benefits {
    padding: 60px 0;
  }
  .services__benefits__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .services__benefits__text {
    width: auto;
    font-size: 16px;
    margin-bottom: 40px;
  }
  .services__benefit__title {
    padding-top: 20px;
    font-size: 18px;
  }
  .services__serving .container {
    width: 480px;
  }
  .services__serving__title {
    font-size: 30px;
    margin-bottom: 50px;
  }
  .services__serving__items {
    padding-bottom: 45px;
    margin-bottom: 35px;
  }
  .services__serving__item .quantity {
    font-size: 40px;
  }
  .services__serving__item .name {
    font-size: 16px;
  }
  .services__serving__clients {
    font-size: 16px;
  }
  .services__serving__clients div {
    font-size: 40px;
  }
  .services__works {
    padding: 50px 0;
  }
  .services__works .container {
    width: 480px;
  }
  .services__clients {
    padding: 50px 0;
  }
  .services__clients__title {
    font-size: 30px;
    margin-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .services__title .container {
    width: 360px;
  }
  .services__slider .slick-arrow.slick-next {
    left: 330px;
  }
  .services__slider .item .container {
    width: 360px;
  }
  .services__serving .container {
    width: 360px;
  }
  .services__works .container {
    width: 360px;
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .services__title {
    font-size: 24px;
  }
  .services__title .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .services__slider .item .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .services__slider .slick-arrow.slick-next {
    left: auto;
    right: 20px;
  }
  .services__items__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .services__items__text {
    margin-bottom: 30px;
  }
  .services__item__title {
    font-size: 20px;
  }
  .services__benefits__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .services__benefits__text {
    margin-bottom: 30px;
  }
  .services__serving .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .services__serving__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .services__serving__items {
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .services__serving__item {
    flex: 50%;
    margin-bottom: 15px;
  }
  .services__works .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
  }
  .services__clients__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.service__main {
  background-color: black;
  background-image: url(img/control-main-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 60px 0 160px;
}
.service__main a {
  color: white;
}
.service__main__title {
  font-size: 55px;
  width: 725px;
  max-width: 100%;
  margin-bottom: 30px;
}
.service__main__text {
  width: 630px;
  font-size: 18px;
  max-width: 100%;
  margin-bottom: 30px;
}
.service__main__benefits {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 700px;
  max-width: 100%;
  margin-bottom: 30px;
}
.service__main__benefit {
  display: inline-block;
  position: relative;
  padding-top: 25px;
  vertical-align: top;
  font-weight: 300;
  font-size: 16px;
  color: #bdc1c2;
  line-height: 1.2;
}
.service__main__benefit:before {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  background: white;
  position: absolute;
  top: 0;
}
.service__main__benefit + .service__main__benefit {
  margin-left: 60px;
}
.service__main .btn-to-form {
  width: 310px;
  height: 55px;
  line-height: 55px;
  padding: 0;
  background: #c21100;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 180px;
}
@media (max-width: 991px) {
  .service__main .btn-to-form {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.postid-86 .service__main {
  padding-bottom: 0;
  background-color: black;
  background-image: url(img/consult-main-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.postid-86 .service__main .btn-to-form {
  margin-bottom: 80px;
}
.postid-86 .service__main .container {
  position: relative;
  overflow: hidden;
}
.postid-86 .service__main .container:before {
  content: '';
  display: block;
  background-color: transparent;
  background-image: url(img/consult-main-person.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 325px;
  height: 493px;
  max-height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .postid-86 .service__main .container:before {
    display: none;
  }
}
.service__concept {
  background-image: url(img/expl-concept-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.service__concept__suptitle,
.service__concept__title {
  font-size: 30px;
  color: #fff;
  text-align: center;
  width: 800px;
  margin: 0 auto;
}
.service__concept__suptitle {
  font-weight: 300;
}
.service__concept__title {
  font-weight: 900;
}
.service__concept--file {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
}
.service__concept--file .btn-white {
  text-transform: uppercase;
  padding: 20px 45px;
  font-size: 16px;
}
.service__info {
  padding: 50px 0;
}
.service__info .wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.service__info__item {
  width: calc(50% - 50px);
  margin-right: 50px;
}
.service__info__item .title {
  padding: 35px 0;
  font-size: 50px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
}
.service__description {
  padding-top: 50px;
  padding-bottom: 20px;
}
.service__description .row {
  justify-content: center;
}
.service__description__item {
  margin-bottom: 30px;
}
.service__description__image {
  margin-bottom: 30px;
  position: relative;
  height: 65px;
}
.service__description__image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.service__description__title {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.service__description__text {
  font-weight: 300;
}
.service__description__main {
  position: relative;
  padding: 20px 30px;
  color: white;
  margin-bottom: 30px;
}
.service__description__main:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #293136;
  opacity: 0.6;
}
.service__description .image {
  margin-bottom: 15px;
  position: relative;
}
.service__description .title {
  position: relative;
  font-weight: 900;
  font-size: 26px;
  line-height: 1.2;
}
.service__description__price {
  font-weight: 900;
  margin-bottom: 15px;
}
.service__description__discount {
  font-weight: 900;
  font-size: 20px;
  color: #c21100;
  margin-bottom: 15px;
}
.service__description__button .btn {
  border: 2px solid #c21100;
  font-size: 20px;
  text-transform: uppercase;
  color: #c21100;
  transition: 0.3s all;
  display: block;
  padding: 10px 15px;
  white-space: normal;
}
.service__description__button .btn:hover {
  background: #c21100;
  color: white;
}
.service__result {
  padding: 20px 0 40px;
}
.service__result .wrap {
  padding: 50px 70px;
  border: 3px solid black;
  border-radius: 70px;
  position: relative;
}
.service__result__img {
  position: absolute;
  width: 87px;
  top: -26px;
  left: calc(50% - 43.5px);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service__result__title {
  text-align: center;
  font-size: 31.2px;
  font-weight: 900;
  padding-bottom: 55px;
}
.service__result__items {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  margin: 0 -30px;
}
.service__result__items .text {
  width: calc(33.333333% - 60px);
  padding: 0 30px;
}
.service__result__gallery {
  margin: 30px 0 0;
}
.service__result__gallery .slick-arrow {
  position: absolute;
  z-index: 1;
  padding: 0;
  font-size: 0;
  border: 0;
  top: 50%;
  margin-top: -17px;
  width: 10px;
  height: 17px;
  transition: all 0.3s ease;
}
.service__result__gallery .slick-arrow.slick-next {
  background-color: transparent;
  background-image: url('./img/control-next.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  right: -25px;
}
.service__result__gallery .slick-arrow.slick-next:hover {
  background-color: transparent;
  background-image: url('./img/control-next-act.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.service__result__gallery .slick-arrow.slick-prev {
  background-color: transparent;
  background-image: url('./img/control-prev.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  left: -25px;
}
.service__result__gallery .slick-arrow.slick-prev:hover {
  background-color: transparent;
  background-image: url('./img/control-prev-act.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.service__result__gallery a img {
  margin: 0 auto;
}
.service__form {
  background-color: black;
  background-image: url(img/service-form-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 50px 0;
  text-align: center;
}
.service__form .container {
  position: relative;
}
.service__form__man {
  position: absolute;
  bottom: -50px;
  right: 0;
}
.service__form .wrap {
  width: 70%;
}
.service__form__title {
  font-weight: 900;
  font-size: 45px;
  line-height: 1.2;
  margin-bottom: 25px;
}
.service__form__text {
  font-size: 35px;
  font-weight: 300;
  line-height: 1.2;
  width: 700px;
  margin: 0 auto 40px;
  max-width: 100%;
}
.service__form form {
  width: 550px;
  margin: 0 auto;
  max-width: 100%;
}
.service__form form .form-control {
  border-radius: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid white;
  padding: 0;
  font-size: 14px;
  color: white;
  margin-top: 17px;
}
.service__form form .form-control::-webkit-input-placeholder {
  color: white;
}
.service__form form .form-control::-moz-placeholder {
  color: white;
}
.service__form form .form-control:-moz-placeholder {
  color: white;
}
.service__form form .form-control:-ms-input-placeholder {
  color: white;
}
.service__form form .btn-submit {
  width: 218px;
  height: 55px;
  background: #c21100;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
.service__form form .privacy {
  font-size: 12px;
}
.service__form form .privacy,
.service__form form .privacy a,
.service__form form .privacy a:hover,
.service__form form .privacy a:focus {
  color: #cdcdcd;
}
.service__bottom {
  padding-top: 75px;
  padding-bottom: 75px;
}
.service__bottom__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.service__bottom__text {
  columns: 2;
  column-gap: 30px;
}
@media (max-width: 1199px) {
  .service__main {
    padding: 60px 0;
  }
  .service__main__title {
    font-size: 30px;
  }
  .service__main__text {
    font-size: 16px;
  }
  .service__description__title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .service__description__image {
    margin-bottom: 20px;
  }
  .service__result .wrap {
    padding: 30px;
    width: auto;
    margin: 0 auto;
  }
  .service__result__items .text {
    padding: 0;
  }
  .service__objects {
    height: 530px;
    position: relative;
    overflow: hidden;
  }
  .service__objects .container {
    top: 50px;
  }
  .service__objects__title {
    font-size: 30px;
  }
  .service__objects__item {
    margin-bottom: 1px;
    width: 100px;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .service__objects__item .count {
    font-size: 40px;
    line-height: 1;
  }
  .service__form__man {
    width: 30%;
  }
  .service__form__title {
    font-size: 30px;
  }
  .service__form__text {
    font-size: 16px;
  }
  .service__bottom {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .service__bottom__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .service__concept__title,
  .service__concept__suptitle {
    font-size: 25px;
    width: auto;
  }
  .service__concept--file .btn-white {
    padding: 15px 30px;
  }
  .service__info__item .title {
    font-size: 35px;
    padding: 25px 0;
  }
  .service__result {
    padding-bottom: 30px;
  }
  .service__result__title {
    padding-bottom: 25px;
  }
  .service__result__items {
    margin: 0;
  }
  .service__result__items .text {
    width: calc(33.33333% - 30px);
  }
  .service__form__text {
    margin-bottom: 15px;
  }
  .service__form .wrap {
    width: 55%;
  }
  .service__form__man {
    width: 55%;
    right: -100px;
  }
}
@media (max-width: 767px) {
  .service__main {
    padding: 50px 0;
  }
  .service__main__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .service__main__benefits {
    flex-direction: column;
  }
  .service__main__benefit {
    margin-bottom: 20px;
  }
  .service__main__benefit + .service__main__benefit {
    margin-left: 0;
  }
  .service__info__item .title {
    font-size: 30px;
  }
  .service__info__item:first-of-type {
    width: calc(50% - 30px);
    margin-right: 30px;
  }
  .service__info__item:last-of-type {
    width: calc(50% );
    margin-right: 0px;
  }
  .service__result .wrap {
    width: auto;
    border: none;
  }
  .service__result__items {
    flex-direction: column;
    align-items: center;
  }
  .service__result__items .text {
    width: 100%;
    text-align: center;
  }
  .service__form {
    background-position: 0 0;
  }
  .service__form .wrap {
    width: 100%;
  }
  .service__form__man {
    display: none;
  }
  .service__form__title {
    font-size: 24px;
  }
  .service__form_text {
    font-size: 14px;
    line-height: 1.6;
  }
  .service__form form .form-control {
    text-align: center;
  }
  .service__bottom {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .service__bottom__title {
    font-size: 24px;
  }
  .service__bottom__text {
    columns: 1;
  }
}
@media (max-width: 640px) {
  .service__concept__title,
  .service__concept__suptitle {
    font-size: 20px;
  }
  .service__info {
    padding: 20px 0;
  }
  .service__info .wrap {
    flex-direction: column;
  }
  .service__info__item {
    width: 100% !important;
    margin: 0 !important;
  }
  .service__result .wrap {
    border: none;
    padding: 15px;
  }
  .service__result__items .text {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 425px) {
  .service__concept {
    padding: 30px 0;
  }
  .service__concept__title,
  .service__concept__suptitle {
    font-size: 16px;
  }
  .service__concept--file .btn-white {
    padding: 15px;
    font-size: 14px;
  }
  .service__result .wrap {
    border-radius: 30px;
  }
}
.expl__cases,
.control__cases {
  margin-top: 40px;
  margin-bottom: 70px;
}
.expl__cases__title,
.control__cases__title {
  font-weight: 300;
  font-size: 35px;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 40px;
  position: relative;
  line-height: 1.2;
}
.expl__cases__title:after,
.control__cases__title:after {
  content: '';
  display: block;
  position: absolute;
  width: 54px;
  height: 4px;
  left: 50%;
  margin-left: -27px;
  bottom: 0;
  background: #c21401;
}
.expl__cases__items,
.control__cases__items {
  box-shadow: 3px 3px 17px rgba(0, 0, 0, 0.06);
}
.expl__cases__items .slick-arrow,
.control__cases__items .slick-arrow {
  border: 0;
  font-size: 0;
  padding: 0;
  width: 33px;
  height: 65px;
  position: absolute;
  top: 130px;
  z-index: 10;
  opacity: 0.5;
  transition: 0.3s all;
}
.expl__cases__items .slick-arrow.slick-prev,
.control__cases__items .slick-arrow.slick-prev {
  left: 45px;
  background-color: transparent;
  background-image: url(img/left-arrow.png);
  background-size: 0 0;
  background-repeat: no-repeat;
}
.expl__cases__items .slick-arrow.slick-next,
.control__cases__items .slick-arrow.slick-next {
  right: 45px;
  background-color: transparent;
  background-image: url(img/right-arrow.png);
  background-size: 0 0;
  background-repeat: no-repeat;
}
.expl__cases__items .slick-arrow:hover,
.control__cases__items .slick-arrow:hover {
  opacity: 1;
}
.expl__cases__item .main,
.control__cases__item .main {
  display: flex;
  flex-wrap: wrap;
  min-height: 320px;
  position: relative;
  color: white;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 100px;
}
.expl__cases__item .main:before,
.control__cases__item .main:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2e3439;
  opacity: 0.6;
}
.expl__cases__item .title,
.control__cases__item .title {
  position: relative;
  font-weight: 900;
  font-size: 45px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.expl__cases__item .title a,
.control__cases__item .title a {
  color: white;
  text-decoration: none;
}
.expl__cases__item .title a:hover,
.control__cases__item .title a:hover {
  text-decoration: underline;
}
.expl__cases__item .about,
.control__cases__item .about {
  text-align: center;
  position: relative;
}
.expl__cases__item .about__item,
.control__cases__item .about__item {
  display: inline-flex;
  align-items: center;
  margin: 0 15px;
  font-size: 18px;
}
.expl__cases__item .about__item .image,
.control__cases__item .about__item .image {
  margin-right: 15px;
}
.expl__cases__item .description,
.control__cases__item .description {
  margin: 0 0 30px;
}
.expl__cases__item .description__text,
.control__cases__item .description__text {
  background: #f0f0f0;
  padding: 40px 45px;
}
.expl__cases__item .description__result,
.control__cases__item .description__result {
  background: #c21100;
  color: white;
  padding: 40px 45px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
}
.expl__cases__item .description__result__title,
.control__cases__item .description__result__title {
  font-weight: 300;
  font-size: 35px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.expl__cases__item .description__result__title:before,
.control__cases__item .description__result__title:before {
  content: url(img/result_icon_white.png);
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.expl__cases__item .logos,
.control__cases__item .logos {
  position: relative;
  text-align: center;
}
.expl__cases__item .logos__item,
.control__cases__item .logos__item {
  display: inline-block;
  margin: 0 15px 30px;
  transition: 0.3s all;
  filter: grayscale(1);
}
.expl__cases__item .logos__item:hover,
.control__cases__item .logos__item:hover {
  filter: grayscale(0);
}
@media (max-width: 767px) {
  .expl__cases,
  .control__cases {
    padding: 0;
  }
  .expl__cases__items .slick-arrow,
  .control__cases__items .slick-arrow {
    top: 15px;
  }
  .expl__cases__item .main,
  .control__cases__item .main {
    padding: 100px 30px 30px;
  }
  .expl__cases__item .title,
  .control__cases__item .title {
    font-size: 25px;
  }
  .expl__cases__item .about__item,
  .control__cases__item .about__item {
    display: flex;
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px;
  }
  .expl__cases__item .description__result__title,
  .control__cases__item .description__result__title {
    font-size: 25px;
  }
}
.control__main {
  background-color: black;
  background-image: url(img/control-main-bg2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 90px 0;
}
.control__main__title {
  font-weight: 900;
  max-width: 100%;
  position: relative;
  font-size: 53px;
  line-height: 1.24;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.control__main__title::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 4px;
  background: #c21100;
  left: 0;
  bottom: 0;
}
.control__main__text {
  font-weight: 300;
  font-size: 21px;
  line-height: 1.57;
  margin-bottom: 40px;
}
.control__main__button {
  width: 218px;
  padding: 15px 15px;
  font-weight: 300;
  font-size: 16px;
  background: #c21100;
}
.control__main__blocks {
  align-self: center;
}
.control__main__blocks .item {
  display: flex;
  position: relative;
  width: 350px;
}
.control__main__blocks .item__image {
  margin-bottom: auto;
  padding-right: 30px;
  min-width: 120px;
  flex: 0;
  position: relative;
}
.control__main__blocks .item__text {
  font-weight: 300;
  font-size: 21px;
  line-height: 1.33;
  align-self: center;
  position: relative;
}
.control__main__blocks .item::before {
  content: '';
  display: block;
  width: 215px;
  height: 215px;
  position: absolute;
  transform: translate(-50%, -50%) skew(-45deg);
  background: #d72211;
  opacity: 0.6;
  top: 50%;
  left: 50%;
}
.control__main__blocks .item + .item {
  margin-top: 115px;
  margin-left: 115px;
}
.control__logos {
  margin: 5px 0;
  padding: 0 25px;
  height: 200px;
}
.control__logos .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  border: 0;
  background: 0;
  font-size: 24px;
  width: 25px;
}
.control__logos .slick-arrow.slick-prev {
  left: 0;
}
.control__logos .slick-arrow.slick-next {
  right: 0;
}
.control__logos .slick-list {
  height: 100%;
}
.control__logos .slick-track {
  display: flex;
  height: 100%;
}
.control__logos .item {
  text-align: center;
  padding: 0 15px;
  height: auto;
  display: flex!important;
  justify-content: center;
  align-items: center;
}
.control__logos .item img {
  display: inline-block;
}
.control__logos .item a:hover {
  opacity: 0.8;
}
.control__works {
  background: #f7f7f7;
  padding: 80px 0 60px;
}
.control__works__title {
  font-weight: 900;
  font-size: 44px;
  line-height: 1.2;
  margin-bottom: 50px;
}
.control__works__item {
  padding: 50px 250px 40px 45px;
  position: relative;
  background: white;
  height: 100%;
  border-bottom: 40px solid #f7f7f7;
}
.control__works__item .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  background-position: center center;
  background-size: cover;
}
.control__works__item .name {
  font-size: 25px;
  font-weight: 900;
  line-height: 1.4;
  margin-bottom: 40px;
  position: relative;
}
.control__works__item .name:before {
  content: '';
  display: block;
  width: 4px;
  background: #c21100;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45px;
}
.control__works__item .list .item {
  position: relative;
  padding-left: 30px;
  color: #666666;
}
.control__works__item .list .item:before {
  content: url(img/control-works-list.png);
  display: inline-block;
  margin-left: -30px;
  margin-right: 13px;
  vertical-align: middle;
  height: 16px;
}
.control__works__item .list .item + .item {
  margin-top: 15px;
}
.control__concept {
  background-color: #c21401;
  background-image: url(img/control-concept-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding: 80px 0;
}
.control__concept__title {
  font-size: 45px;
  font-weight: 900;
  line-height: 1.33;
  max-width: 50%;
  position: relative;
  margin-bottom: 60px;
}
.control__concept__title:after {
  content: url(img/control-concept-img.png);
  position: absolute;
  top: 0;
  left: 100%;
}
.control__concept__button {
  font-weight: 300;
  font-size: 16px;
  padding: 15px 15px;
  width: 218px;
}
.control__concept__button,
.control__concept__button:hover,
.control__concept__button:focus {
  color: #000 !important;
}
.control__projects__title {
  font-weight: 900;
  font-size: 45px;
  line-height: 1.2;
  margin-bottom: 50px;
}
.control__projects__item {
  overflow: hidden;
  margin-bottom: 60px;
}
.control__projects__item .image {
  position: relative;
  background-color: #586978;
  color: white;
  background-size: cover;
  background-position: center center;
  padding: 40px;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  margin-bottom: 40px;
}
.control__projects__item .image:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2e3439;
  opacity: 0.4;
}
.control__projects__item .title {
  font-weight: 300;
  font-size: 30px;
  position: relative;
  margin-bottom: 30px;
}
.control__projects__item .title:before {
  content: '';
  display: block;
  width: 138px;
  height: 500px;
  background: #c21100;
  position: absolute;
  z-index: 0;
  bottom: -10px;
  transform: skew(-45deg);
  transform-origin: left bottom;
}
.control__projects__item .title .inner {
  position: relative;
}
.control__projects__item .address {
  position: relative;
  font-size: 15px;
  margin-bottom: auto;
}
.control__projects__item .address:before {
  content: url(img/control-objects-placemark.png);
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 14px;
}
.control__projects__item .area {
  margin-left: 245px;
  font-weight: 900;
  position: relative;
  font-size: 24px;
  margin-bottom: 15px;
}
.control__projects__item .area .help {
  font-weight: 400;
  font-size: 10px;
  opacity: 0.7;
}
.control__projects__item .area:before {
  content: '';
  display: block;
  height: 124px;
  width: 124px;
  background: #c21401;
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translateY(-50%) skew(-45deg);
}
.control__projects__item .area .inner {
  position: relative;
}
.control__projects__item .btn {
  width: 141px;
  padding: 11px 15px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  position: relative;
}
.control__projects__item .btn,
.control__projects__item .btn:hover,
.control__projects__item .btn:focus {
  color: black !important;
}
.control__projects__item .text {
  opacity: 0.6;
  padding: 0 40px;
}
.control__projects__collapse {
  text-decoration: none;
  background: #f7f7f7;
  display: block;
  margin-bottom: 60px;
  line-height: 50px;
}
.control__projects__collapse:before {
  content: '\f077';
  font-family: FontAwesome;
  display: inline-block;
  width: 53px;
  text-align: center;
  border-right: 11px solid white;
  vertical-align: top;
  margin-right: 25px;
  color: #c21100;
  font-size: 16px;
}
.control__projects__collapse:after {
  content: attr(data-expanded-text);
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  vertical-align: top;
}
.control__projects__collapse.collapsed:before {
  content: '\f078';
}
.control__projects__collapse.collapsed:after {
  content: attr(data-collapsed-text);
}
.control__result {
  background: #f7f7f7;
  padding: 90px 0;
}
.control__result__title {
  font-weight: 900;
  font-size: 44px;
  line-height: 1.2;
  margin-bottom: 40px;
}
.control__result__text {
  font-weight: 300;
  font-size: 21px;
  border-left: 4px solid #c21100;
  padding-left: 30px;
  margin-bottom: 50px;
}
.control__result__item {
  border-bottom: 30px solid #f7f7f7;
  height: 100%;
  background: white;
  padding: 45px 30px;
}
.control__result__item .image {
  height: 80px;
  margin-bottom: 25px;
}
.control__result__item .image img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}
.control__result__item .title {
  font-weight: 900;
  font-size: 19px;
  margin-bottom: 15px;
}
.control__consult {
  background-color: #b72315;
  background-image: url(img/control-consult-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 80px 0 0;
  color: white;
}
.control__consult__text {
  width: 75%;
  display: inline-flex;
  justify-content: space-between;
  font-size: 44px;
  line-height: 1.34;
  vertical-align: top;
}
.control__consult__text .text-1 {
  font-weight: 900;
  flex: 0;
}
.control__consult__text .arrow {
  font-size: 100px;
  flex: 0;
}
.control__consult__text .text-2 {
  font-weight: 300;
  flex: 0;
}
.control__consult__image {
  display: inline-block;
  width: 25%;
  vertical-align: bottom;
  text-align: right;
}
.control__consult__button {
  display: inline-block;
  margin-top: 60px;
  width: 292px;
  font-weight: 300;
  font-size: 16px;
  padding: 15px 15px;
  margin-bottom: 30px;
}
.control__consult__button,
.control__consult__button:hover,
.control__consult__button:focus {
  color: black !important;
}
@media (max-width: 1199px) {
  .control__main {
    padding-top: 70px;
  }
  .control__main__title {
    font-size: 35px;
  }
  .control__main__text {
    font-size: 14px;
  }
  .control__main__button {
    font-size: 12px;
    width: 162px;
    padding: 10px 15px;
  }
  .control__main__blocks .item {
    width: 230px;
  }
  .control__main__blocks .item__image {
    min-width: 75px;
    padding-right: 25px;
  }
  .control__main__blocks .item__text {
    font-size: 13px;
  }
  .control__main__blocks .item:before {
    width: 135px;
    height: 135px;
  }
  .control__main__blocks .item + .item {
    margin-top: 75px;
    margin-left: 75px;
  }
  .control__works {
    padding-top: 40px;
  }
  .control__works__title {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .control__works__item {
    border-bottom-width: 30px;
  }
  .control__concept {
    padding: 50px 0;
  }
  .control__concept__title {
    font-size: 35px;
    line-height: 1.14;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .control__concept__button {
    font-size: 12px;
    padding: 11px 15px;
    width: 168px;
  }
  .control__projects__title {
    font-size: 35px;
    margin-bottom: 35px;
  }
  .control__projects__item {
    margin-bottom: 30px;
  }
  .control__projects__item .image {
    min-height: 255px;
    padding: 30px;
    margin-bottom: 20px;
  }
  .control__projects__item .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .control__projects__item .title:before {
    width: 90px;
  }
  .control__projects__item .address {
    font-size: 14px;
  }
  .control__projects__item .area {
    margin-left: 155px;
    margin-bottom: 10px;
    font-size: 15px;
  }
  .control__projects__item .area:before {
    width: 78px;
    height: 78px;
  }
  .control__projects__item .btn {
    width: 114px;
    padding: 7px 15px;
  }
  .control__projects__item .text {
    padding: 0;
  }
  .control__result {
    padding: 30px 0;
  }
  .control__result__title {
    font-size: 35px;
    margin-bottom: 25px;
  }
  .control__result__text {
    font-size: 13px;
    border-width: 3px;
    padding-left: 20px;
    margin-bottom: 40px;
  }
  .control__consult {
    padding: 50px 0 0;
  }
  .control__consult__text {
    width: 80%;
    font-size: 35px;
  }
  .control__consult__text .arrow {
    font-size: 50px;
  }
  .control__consult__image {
    width: 30%;
    margin-left: -5%;
    margin-right: -5%;
  }
}
@media (max-width: 767px) {
  .control__works__title {
    font-size: 25px;
  }
  .control__works__item {
    padding-right: 45px;
  }
  .control__works__item .image {
    display: none;
  }
  .control__concept {
    background-position-x: 0;
  }
  .control__concept__title {
    max-width: none;
    font-size: 25px;
    line-height: 1.6;
  }
  .control__concept__title:after {
    display: none;
  }
  .control__projects__title {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .control__result__title {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .control__consult__text .text-1 {
    flex: 1;
    font-size: 25px;
  }
  .control__consult__text .arrow {
    display: none;
  }
  .control__consult__text .text-2 {
    display: none;
  }
  .control__consult__image {
    display: none;
  }
  .control__consult__button {
    margin-top: 30px;
  }
}
.expl {
  /*   &__graphic {
     position: relative;
     height: 830px;
     margin: 0 -15px;

     &__step {
       position: absolute;
       text-align: center;

       .text {
         font-weight: 700;
         font-size: 20px;
         line-height: 1.2;
         margin-bottom: 20px;
       }
       &--1 {
         top: 0;
         left: 0;
         right: 0;
         margin: auto;
         width: 650px;
       }
       &--2 {
         top: 350px;
         left: 0;
         width: 200px;

         .image {
           margin-bottom: 15px;
         }
       }
       &--3 {
         bottom: 8px;
         left: 0;
         right: 0;
         width: 300px;
         margin: auto;

         .text {
           font-weight: 300;
           font-size: 16px;
         }
         .image {
           margin-left: -7px;
         }
       }
       &--4 {
         right: 53px;
         top: 317px;
         width: 140px;
       }
     }
     &::before {
       content: '';
       display: block;
       background: transparent url(img/expl-step-lines.png) 0 0 no-repeat;
       width: 924px;
       height: 615px;
       position: absolute;
       top: 180px;
       left: 96px;
       right: 0;
     }
   }*/
}
.expl__main {
  color: white;
  padding: 50px 0 90px;
}
.expl__main__title {
  font-weight: 900;
  font-size: 55px;
  width: 800px;
  max-width: 100%;
  line-height: 1;
  margin-bottom: 70px;
  position: relative;
}
.expl__main__title::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 4px;
  background: #c21100;
  left: 0;
  bottom: -25px;
}
.expl__main__subtitle {
  font-weight: 100;
  font-size: 35px;
  width: 650px;
  max-width: 100%;
  line-height: 1.2;
}
.expl__main__desc {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.expl__main__desc .text {
  width: calc(50% - 100px);
  margin-right: 100px;
  font-weight: 300;
  font-size: 20px;
}
.expl__main__text {
  line-height: 1;
  position: relative;
  font-weight: 300;
  z-index: 2;
}
.expl__main__boldText {
  padding: 50px 0 0;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.25;
  position: relative;
  z-index: 2;
}
.expl__main__man {
  position: absolute;
  bottom: -90px;
  right: 0;
}
.expl__main--first {
  background-color: black;
  background-image: url(img/expl-mail-bg-first.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.expl__main--second {
  background-color: black;
  background-image: url(img/expl-mail-bg-second.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.expl__main--second .container {
  position: relative;
}
.expl__dataAcc__banner {
  margin: 0 -15px 30px;
  padding: 50px 50px 75px;
  color: white;
  text-align: center;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.expl__dataAcc__banner:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0e273b;
  opacity: 0.5;
}
.expl__dataAcc__banner .title {
  position: relative;
  font-weight: 900;
  font-size: 50px;
  text-transform: uppercase;
  line-height: 1.2;
}
.expl__dataAcc__banner .text {
  position: relative;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
}
.expl__dataAcc__tasks {
  margin-bottom: 30px;
}
.expl__dataAcc__tasks .title {
  text-align: center;
  font-weight: 900;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.expl__dataAcc__tasks .items {
  text-align: center;
}
.expl__dataAcc__tasks .items .item {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
  padding: 0 15px;
}
.expl__dataAcc__tasks .items .item .image {
  position: relative;
  height: 65px;
  margin-bottom: 15px;
}
.expl__dataAcc__tasks .items .item .image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.expl__dataAcc__tasks .items .item .name {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
}
.expl__dataAcc__results {
  margin-bottom: 30px;
}
.expl__dataAcc__results .title {
  text-align: center;
  font-weight: 900;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.expl__dataAcc__results .items {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
}
.expl__dataAcc__results .item {
  position: relative;
  padding-left: 38px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.expl__dataAcc__results .item:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAARCAYAAAA2cze9AAAAn0lEQVQ4jc3SoQrCUBSA4S+IwWIQm9G67FsYLQMfUjBqM5itggg2k1WQGdxAxph3dxt44LRzv79cup0ENyw7diW4I8MTaR9wsbu+4CPGfwsv8CjBhyo4zYvTFvAeoyr4lR+cAgLBMFxKh3WBRjDMfT7+r0BjODQQDX8HriXgjFVbuJhZDmY1u42BQwIbDGPhukAncFWgU7iYCdYYxDx+A7c5ZT7hrbZxAAAAAElFTkSuQmCC);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.expl__energy {
  color: white;
  padding: 100px;
  background-size: cover;
  background-position: left bottom;
  margin-bottom: 30px;
}
.expl__energy .text {
  font-weight: 900;
  font-size: 35px;
  text-transform: uppercase;
  margin-left: 50%;
  line-height: 1.2;
}
.expl__energy .percent {
  text-align: right;
  font-weight: 900;
  font-size: 70px;
  text-transform: uppercase;
}
.expl__caseDesc {
  padding: 20px 0 40px;
}
.expl__caseDesc .suptitle {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
}
.expl__caseDesc .icon {
  display: block;
  width: 48px;
  margin: 35px auto;
}
.expl__caseDesc .wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto;
}
.expl__caseDesc__item .title {
  font-size: 25px;
  font-weight: 900;
  padding-bottom: 30px;
}
.expl__caseDesc__item.item1 {
  width: calc(50% - 60px);
  margin-right: 60px;
}
.expl__caseDesc__item.item2 {
  width: calc(50% - 60px);
  margin-left: 60px;
}
.expl__caseDesc__item .floats_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.expl__caseDesc__item .floats_wrap .floats {
  padding-top: 20px;
  display: flex;
  flex-direction: column-reverse;
}
.expl__caseDesc__item .floats_wrap .float {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 0;
}
.expl__caseDesc__item .floats_wrap .float__item {
  width: calc(20% + 20px);
  text-align: right;
  padding: 0 20px 0 0;
  font-weight: 900;
}
.expl__caseDesc__item .floats_wrap .float__desc {
  width: calc(75% - 20px);
}
.expl__text {
  padding: 60px 0;
  font-weight: 900;
}
.expl__text .text1 {
  font-size: 120px;
  text-align: center;
  color: #c21100;
  line-height: 1;
}
.expl__text .text2 {
  font-size: 30px;
  text-align: center;
  max-width: 570px;
  margin: 0 auto;
}
.expl__story {
  padding-top: 50px;
  padding-bottom: 50px;
}
.expl__story__title {
  font-weight: 900;
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
}
.expl__story__text {
  text-align: center;
  font-weight: 300;
  font-size: 35px;
  line-height: 1.2;
  width: 400px;
  max-width: 100%;
  margin: 30px auto;
}
.expl__story__text span {
  font-weight: 900;
}
.expl__about {
  background: #4a5151;
  padding-top: 60px;
}
.expl__about,
.expl__about a {
  color: white;
}
.expl__about__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
}
.expl__about__subtitle {
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.expl__about__text {
  padding-top: 30px;
  position: relative;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 20px;
}
.expl__about__text:before {
  content: '';
  display: block;
  height: 2px;
  width: 50px;
  background: #c21100;
  position: absolute;
  top: 0;
}
.expl__about .btn-form {
  width: 236px;
  height: 55px;
  line-height: 55px;
  padding: 0;
  background: #c21100;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.expl__about__person {
  position: relative;
}
.expl__about__person:before {
  content: '';
  background: transparent url(img/expl-about-person.png) 0 0 no-repeat;
  background-color: transparent;
  background-image: url(img/expl-about-person.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 556px;
  height: 511px;
  position: absolute;
  bottom: 0;
  left: 15px;
}
.expl__case {
  padding-top: 60px;
}
.expl__case__title {
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.expl__case__title:after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  width: 54px;
  height: 4px;
  background: #c21100;
  margin: auto;
}
.expl__case__name {
  font-weight: 900;
  font-size: 35px;
  line-height: 1.2;
  width: 650px;
  text-align: center;
  margin: 0 auto 50px;
  max-width: 100%;
}
.expl__case__works {
  width: 800px;
  max-width: 100%;
  margin: 0 auto 80px;
}
.expl__case__works__title {
  text-align: center;
  font-weight: 900;
  font-size: 30px;
  margin-bottom: 40px;
}
.expl__case__works__title img {
  display: block;
  margin: 0 auto 15px;
}
.expl__case__works__list {
  padding: 0;
  margin: 0;
  columns: 2;
  column-gap: 80px;
  font-weight: 500;
}
.expl__case__works__list li {
  margin-bottom: 10px;
}
.expl__case__works__list li:before {
  display: none;
}
.expl__case__result {
  width: 920px;
  max-width: 100%;
  margin: 0 auto 50px;
  padding: 50px 80px;
  border: 3px solid black;
  border-radius: 65px;
  position: relative;
}
.expl__case__result__image {
  position: absolute;
  left: 0;
  right: 0;
  top: -26px;
  background: white;
  margin: auto;
  outline: 20px solid white;
}
.expl__case__result__title {
  text-align: center;
  font-weight: 900;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 30px;
}
.expl__case__result__text {
  font-weight: 700;
  font-size: 16px;
}
.expl__reviews__title {
  text-align: center;
  font-weight: 900;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 50px;
}
.expl__reviews__title img {
  display: block;
  margin: 0 auto 15px;
}
.expl__reviews__items {
  position: relative;
  width: 900px;
  max-width: 100%;
  margin: 0 auto 50px;
  padding: 0 30px;
}
.expl__reviews__items .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  background: none;
  border: none;
  font-size: 0;
  padding: 0;
  width: 30px;
  height: 30px;
}
.expl__reviews__items .slick-arrow:before {
  font-family: FontAwesome;
  font-size: 30px;
}
.expl__reviews__items .slick-arrow.slick-prev {
  left: 0;
}
.expl__reviews__items .slick-arrow.slick-prev:before {
  content: '\f104';
}
.expl__reviews__items .slick-arrow.slick-next {
  right: 0;
}
.expl__reviews__items .slick-arrow.slick-next:before {
  content: '\f105';
}
.expl__reviews__item {
  padding: 0 15px;
}
.expl__reviews__item__text {
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 1.2;
}
.expl__reviews__item__name {
  font-weight: 700;
}
.expl__tariffs {
  background: #c21100;
  color: white;
  padding: 50px 0;
}
.expl__tariffs__title {
  text-align: center;
  font-weight: 900;
  font-size: 55px;
  line-height: 1;
  margin-bottom: 25px;
}
.expl__tariffs__item {
  padding: 45px 75px;
  margin-bottom: 30px;
}
.expl__tariffs__item__title {
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 20px;
}
.expl__tariffs__item__title:after {
  content: '';
  display: block;
  height: 2px;
  width: 40px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.expl__tariffs__item__text {
  font-weight: 300;
  margin-bottom: 30px;
}
.expl__tariffs__item__price {
  font-weight: 700;
  font-size: 35px;
}
.expl__tariffs__item:nth-child(2) {
  background: #c92b1c;
}
.expl__cases__item .logos {
  margin-bottom: 0;
}
.expl__cases__item .logos:after {
  display: none;
}
@media (max-width: 1199px) {
  .expl__main {
    padding: 50px 0;
  }
  .expl__main__title {
    font-size: 35px;
    margin-bottom: 30px;
    width: 500px;
  }
  .expl__main__subtitle {
    padding-top: 25px;
    font-size: 25px;
    width: 400px;
  }
  .expl__main__text {
    width: 500px;
  }
  .expl__main__boldText {
    width: 400px;
  }
  .expl__main__man {
    bottom: -50px;
  }
  .expl__dataAcc__banner {
    padding-bottom: 50px;
  }
  .expl__dataAcc__banner .title {
    font-size: 35px;
  }
  .expl__dataAcc__tasks .items .item {
    width: 33.33%;
  }
  .expl__energy {
    padding: 30px;
    position: relative;
  }
  .expl__energy .text {
    position: relative;
    margin: 0;
    font-size: 35px;
  }
  .expl__energy .percent {
    position: relative;
    font-size: 60px;
    text-align: left;
  }
  .expl__energy:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0e273b;
    opacity: 0.5;
  }
}
@media (max-width: 991px) {
  .expl__main__man {
    width: 60%;
    right: -100px;
  }
  .expl__caseDesc__item.item1 {
    width: calc(50% - 30px);
    margin-right: 30px;
  }
  .expl__caseDesc__item.item2 {
    width: calc(50% - 30px);
    margin-left: 30px;
  }
  .expl__caseDesc__item .title {
    padding-bottom: 20px;
    line-height: 1.25;
  }
  .expl__text {
    padding: 30px 0;
  }
  .expl__text .text1 {
    font-size: 100px;
  }
  .expl__text .text2 {
    font-size: 25px;
    max-width: 520px;
  }
}
@media (max-width: 767px) {
  .expl__main__text {
    width: 420px;
  }
  .expl__main__text span {
    font-size: 22px !important;
  }
  .expl__dataAcc__banner {
    padding: 50px 30px;
  }
  .expl__dataAcc__banner .title {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .expl__dataAcc__tasks .items .item {
    width: 100%;
  }
  .expl__energy .text {
    font-size: 18px;
  }
  .expl__energy .percent {
    font-size: 50px;
  }
  .expl__caseDesc .wrap {
    flex-direction: column;
    align-items: center;
  }
  .expl__caseDesc__item {
    width: 70% !important;
    margin: 0 !important;
  }
  .expl__caseDesc__item.item1 {
    padding-bottom: 15px;
  }
  .expl__caseDesc__item .title {
    text-align: center;
  }
  .expl__text .text1 {
    font-size: 80px;
  }
  .expl__text .text2 {
    font-size: 20px;
    max-width: 380px;
  }
  .expl__tariffs__item {
    padding: 15px 30px;
  }
  .expl__about {
    padding-top: 50px;
  }
  .expl__about__title {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  .expl__main__text {
    width: auto;
  }
  .expl__main__text span {
    font-size: 20px !important;
  }
  .expl__main__boldText {
    font-size: 28px;
    width: auto;
    padding-bottom: 280px;
  }
  .expl__main__man {
    right: calc(50% - 140px);
  }
  .expl__caseDesc .suptitle {
    font-size: 16px;
  }
  .expl__caseDesc .icon {
    margin: 20px auto;
  }
  .expl__caseDesc__item {
    width: 100% !important;
  }
}
@media (max-width: 424px) {
  .expl__main__subtitle {
    padding-top: 15px;
  }
  .expl__main__text {
    font-size: 18px;
  }
  .expl__main__boldText {
    padding: 25px 0 200px;
  }
  .expl__main__man {
    right: calc(50% - 110px);
  }
  .expl__text .text2 {
    font-size: 16px;
  }
}
/* Catalog
----------------------------------------------------------------------------------------------------------------------*/
.catalogFilter {
  background-color: #b91302;
  background-image: url(img/filter-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background: #b91302 url(img/filter-bg.jpg) center center no-repeat / cover; */
  padding: 60px 0;
  color: white;
  margin-bottom: 50px;
}
.catalogFilter label {
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0;
}
.catalogFilter .bootstrap-select {
  background: transparent;
  height: 50px;
  outline: none;
  font-size: 14px;
}
.catalogFilter .bootstrap-select a,
.catalogFilter .bootstrap-select a:hover,
.catalogFilter .bootstrap-select a:focus {
  color: #212529;
}
.catalogFilter .bootstrap-select > .dropdown-toggle {
  background: transparent;
  border: 0;
  height: 100%;
  line-height: 50px;
  padding: 0 15px;
  border-radius: 1px;
  font-weight: 500;
  font-size: 16px;
  outline: none;
}
.catalogFilter .bootstrap-select > .dropdown-toggle.bs-placeholder,
.catalogFilter .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.catalogFilter .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: white;
  opacity: 1;
}
.catalogFilter .bootstrap-select .dropdown-menu {
  margin: 0;
  border: 0;
  width: 100%;
  border-radius: 0;
  padding: 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
.catalogFilter .bootstrap-select .dropdown-toggle:focus {
  outline: none!important;
}
.catalogFilter .bootstrap-select .btn-light {
  color: white;
}
.catalogFilter .bootstrap-select.show > .btn-light.dropdown-toggle {
  color: #212529;
  background: white;
}
.catalogFilter .form-control {
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  color: white;
  height: 50px;
  border-radius: 1px;
  transition: 0.3s all;
}
.catalogFilter .form-control::-webkit-input-placeholder {
  color: #dc8880;
}
.catalogFilter .form-control::-moz-placeholder {
  color: #dc8880;
}
.catalogFilter .form-control:-moz-placeholder {
  color: #dc8880;
}
.catalogFilter .form-control:-ms-input-placeholder {
  color: #dc8880;
}
.catalogFilter .form-control:hover {
  opacity: 0.8;
}
.catalogFilter .form-control.show {
  opacity: 1;
}
.catalogFilter .form-control:focus {
  opacity: 1;
  background: rgba(255, 255, 255, 0.2);
}
.catalogFilter .select-wrap--price {
  float: right;
}
.catalogFilter__price {
  clear: both;
}
.catalogFilter__priceType.bootstrap-select {
  float: right;
  font-size: 10px;
  height: auto;
  width: 60px!important;
}
.catalogFilter__priceType.bootstrap-select .dropdown-toggle {
  padding: 0 5px;
  line-height: inherit;
  font-size: 10px;
  text-transform: uppercase;
}
.catalogFilter__priceType.bootstrap-select .dropdown-item {
  padding: 0 5px;
  font-size: 10px;
  text-transform: uppercase;
}
.catalogFilter__priceType.bootstrap-select .dropdown-menu li {
  overflow: hidden;
}
.catalogFilter__area,
.catalogFilter__price {
  font-size: 0;
  border-radius: 1px;
  overflow: hidden;
  position: relative;
}
.catalogFilter__area input,
.catalogFilter__price input {
  width: 50%;
  display: inline-block;
  border-radius: 0;
}
.catalogFilter__area:before,
.catalogFilter__price:before {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  width: 1px;
  left: 50%;
  background: #cd5449;
}
.catalogFilter__buttons {
  flex-direction: row-reverse;
}
.catalogFilter .btn-submit {
  height: 50px;
  width: 100%;
  border-radius: 2px;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  background: white;
  border: 0;
}
.catalogFilter .btn-submit-map {
  border: 1px solid white;
  background: transparent;
  color: white;
}
.catalogFilter .btn-submit:hover {
  opacity: 1;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.catalogNav {
  font-size: 18px;
  margin-bottom: 30px;
}
.catalogNav__sort {
  position: relative;
  padding-left: 165px;
}
.catalogNav__sort .label {
  position: absolute;
  left: 0;
}
.catalogNav__sort a {
  display: inline-block;
  white-space: nowrap;
  color: #2576da;
  text-decoration: none;
  margin-left: 5px;
  font-size: 16px;
}
.catalogNav__sort a.active {
  color: #171818;
  text-decoration: underline;
}
.catalogNav__sort a:hover {
  text-decoration: underline;
}
.catalogNav__type {
  float: right;
}
.catalogNav__type a {
  transition: all 0.3s;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 20px;
  text-decoration: none;
  border: 1px solid #171818;
  border-radius: 2px;
  color: #000;
  background: #fff;
}
.catalogNav__type a.active {
  color: white;
  background: #c21100;
  border-color: #c21100;
}
.catalogNav__type a:hover {
  opacity: 0.8;
}
.catalogNav__tags {
  position: relative;
  padding-left: 160px;
}
.catalogNav__tags a {
  display: inline-block;
  white-space: nowrap;
  font-size: 16px;
  text-decoration: none;
  padding: 3px 10px;
}
.catalogNav__tags a.active {
  background: #f0f0f0;
}
.catalogNav__tags a.active:after {
  content: '+';
  transform: rotate(45deg);
  display: inline-block;
  margin-left: 10px;
}
.catalogNav__tags .label {
  position: absolute;
  left: 0;
}
.cardLot {
  position: relative;
  margin-bottom: 30px;
  font-size: 12px;
  padding: 0 15px 15px;
  transition: all 0.3s;
}
.cardLot a {
  text-decoration: none;
}
.cardLot__image {
  position: relative;
  margin: 0 -15px 30px;
}
.cardLot__tags {
  position: absolute;
  z-index: 10;
  top: 20px;
  right: 30px;
}
.cardLot__tags .tag {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}
.cardLot__tags .tag-3d-tour {
  background-image: url(img/icon-3d.png);
}
.cardLot__tags .tag-video {
  background-image: url(img/icon-video.png);
}
.cardLot__tags .tag-class {
  text-align: center;
  line-height: 40px;
  font-weight: 700;
  font-size: 18px;
  color: white;
  background: #c21100;
}
.cardLot__price {
  font-weight: 500;
  font-size: 25px;
}
.cardLot__price .currency {
  font-size: 14px;
  margin-left: 5px;
}
.cardLot__info {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 20px;
}
.cardLot__info .area {
  white-space: nowrap;
}
.cardLot__areaPrice {
  font-weight: 300;
  color: #6f6f6f;
}
.cardLot__address {
  margin-top: 15px;
}
.cardLot__address,
.cardLot__district {
  font-weight: 300;
}
.cardLot__address .label,
.cardLot__district .label {
  font-weight: 700;
}
.cardLot__viewed {
  opacity: 0.5;
}
.cardLot__favorite {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 20px;
  color: #6f6f6f !important;
  transition: 0.3s all;
}
.cardLot__favorite.in {
  color: #c21100 !important;
}
.cardLot__favorite:hover {
  opacity: 0.8;
}
.cardLot:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.catalogMore {
  text-align: center;
  margin-bottom: 60px;
}
.catalogMap {
  position: relative;
  height: 500px;
  margin-bottom: 30px;
}
.catalogMap__buttons {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 30px;
}
.catalogMap__buttons .btn {
  background: white;
  border: 1px solid #171818;
  font-size: 16px;
  text-transform: uppercase;
  padding: 7px 19px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.catalogMap__buttons .toggle-prices {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}
.catalogMap__buttons .toggle-prices .btn {
  color: #000 !important;
}
.map-show-prices .catalogMap__buttons .toggle-prices .btn {
  background: #c21401;
  color: white!important;
  border-color: transparent;
}
.catalogMap__buttons .toggle-prices .inner {
  display: none;
  background: white;
  height: 40px;
  vertical-align: middle;
  padding: 5px 15px;
  line-height: 30px;
  font-weight: 900;
  font-size: 13px;
  cursor: default;
  user-select: none;
}
.catalogMap__buttons .toggle-prices .inner label {
  cursor: pointer;
  color: #1e1e1e;
}
.map-show-prices-to .catalogMap__buttons .toggle-prices .inner label.map-prices-toggle-max,
.map-show-prices-from .catalogMap__buttons .toggle-prices .inner label.map-prices-toggle-min {
  color: #c21100;
}
.catalogMap__buttons .toggle-prices .inner input[type="checkbox"] {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.catalogMap__buttons .toggle-prices .inner input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 7px;
  border-radius: 3px;
  border: 1px solid #c21100;
  margin: 0 10px;
}
.catalogMap__buttons .toggle-prices .inner input[type="checkbox"] + label:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #c21100;
  left: -1px;
  transition: 0.3s all;
}
.catalogMap__buttons .toggle-prices .inner input[type="checkbox"]:checked + label:before {
  left: 14px;
}
.catalogMap__buttons .toggle-prices .btn {
  margin: 0;
}
.catalogMap__buttons .toggle-prices .btn:before {
  content: attr(data-disabled-text);
}
.map-show-prices .catalogMap__buttons .toggle-prices .btn:before {
  content: attr(data-enabled-text);
}
.map-show-prices .catalogMap__buttons .toggle-prices .btn + .inner {
  display: inline-block;
}
.catalogMap .ymaps-2-1-69-ground-pane {
  filter: grayscale(1);
}
.catalogMap__building {
  display: none;
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 15px;
  bottom: 15px;
  width: 375px;
  background: white;
}
.catalogMap__building .outer {
  position: relative;
  height: 100%;
}
.catalogMap__building .inner {
  padding: 15px 30px;
}
.catalogMap__building::-webkit-scrollbar {
  width: 9px;
}
.catalogMap__building::-webkit-scrollbar-button {
  display: none;
}
.catalogMap__building::-webkit-scrollbar-track {
  background: #f8f8f8;
}
.catalogMap__building::-webkit-scrollbar-thumb {
  background: #c21100;
}
.catalogMap__building .close {
  background-color: transparent;
  background-image: url(img/icon-close.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  display: block;
  opacity: 1;
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}
.catalogMap__building__title {
  margin-bottom: 20px;
}
.catalogMap__building__title a {
  font-family: GothamPro, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
}
.catalogMap__building__info {
  margin-bottom: 20px;
}
.catalogMap__building__info__item .label {
  font-weight: 900;
}
.catalogMap__building__lot {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #0f0f0f;
  text-decoration: none;
  margin-bottom: 30px;
  transition: all 0.3s;
}
.catalogMap__building__lot > * {
  display: table-cell;
  vertical-align: middle;
}
.catalogMap__building__lot__image {
  width: 120px;
  padding-right: 20px;
}
.catalogMap__building__lot__price {
  font-size: 14px;
  font-weight: 900;
}
.catalogMap__building__lot__text {
  opacity: 0.6;
}
.catalogMap__building__lot:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .catalogMap__building {
    width: auto;
    left: 15px;
  }
}
.placemark_layout {
  white-space: nowrap;
  font-size: 11px;
  background: #ed4543;
  display: block;
  color: white;
  position: relative;
  border-radius: 13px;
  margin-left: -13px;
  margin-top: -13px;
}
.placemark_layout .count {
  width: 27px;
  height: 27px;
  border-radius: 100%;
  color: black;
  background: white;
  font-weight: 700;
  font-size: 12px;
  display: block;
  text-align: center;
  line-height: 27px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #ed4543;
}
.placemark_layout .map-price {
  display: none;
  padding: 7px 9px 7px 32px;
}
.map-show-prices.map-show-prices-from .placemark_layout .map-price.map-price-from {
  display: block;
}
.map-show-prices.map-show-prices-to .placemark_layout .map-price.map-price-to {
  display: block;
}
ymaps[class*="-placemark-overlay"] {
  height: auto!important;
  width: auto!important;
}
.btn-load-more {
  display: inline-block;
  width: 208px;
  height: 68px;
  border: 1px solid #171818;
  line-height: 66px;
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}
.lot__title {
  font-weight: 900;
  font-size: 30px;
}
.lot__district {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 20px;
}
.lot__district .label {
  font-weight: 700;
}
.lot__info {
  font-size: 12px;
  margin-bottom: 20px;
  columns: 2;
}
.lot__info__item > * {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
  padding-bottom: 10px;
}
.lot__info__item .label {
  font-weight: 700;
  padding-right: 5px;
}
.lot__info__item .value {
  vertical-align: bottom;
}
.lot__price {
  clear: both;
  font-weight: 500;
  font-size: 25px;
}
.lot__price.currency {
  font-size: 14px;
}
.lot__areaPrice {
  font-size: 12px;
  font-weight: 300;
  opacity: 0.6;
  margin-bottom: 20px;
}
.lot__text {
  clear: both;
}
.lot__links {
  margin-bottom: 40px;
}
.lot__links__map {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  width: 282px;
  height: 60px;
  border: 1px solid black;
  text-align: center;
  line-height: 58px;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: #c21100;
  text-decoration: none;
}
.lot__links .favorite-link {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  transition: 0.3s all;
}
.lot__links .favorite-link .fa {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 5px;
  color: #6f6f6f;
}
.lot__links .favorite-link .text_in {
  display: none;
}
.lot__links .favorite-link.in .fa {
  color: #c21100;
}
.lot__links .favorite-link.in .text {
  display: none;
}
.lot__links .favorite-link.in .text_in {
  display: inline-block;
}
.lot__links .favorite-link:hover {
  opacity: 0.8;
}
.lot__callback {
  background-color: transparent;
  background-image: url(img/red-cube-bg.jpg);
  background-position: center center;
  background-repeat: repeat;
  padding: 30px;
  margin-bottom: 60px;
  color: white;
}
.lot__callback a {
  color: white;
}
.lot__callback label {
  font-weight: 500;
  font-size: 10px;
  text-transform: uppercase;
}
.lot__callback .form-control {
  background: rgba(255, 255, 255, 0.2) !important;
  border: 0;
  color: white!important;
  height: 50px;
  border-radius: 2px;
}
.lot__callback .btn-submit {
  width: 225px;
  height: 60px;
  background: white;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #c21100 !important;
  border-radius: 2px;
  text-transform: uppercase;
}
.lot__viewed {
  opacity: 0.5;
  margin-bottom: 10px;
}
.lot__viewed svg,
.lot__viewed i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
.lot__images {
  position: relative;
  clear: both;
  overflow: hidden;
}
.lot__images .main {
  margin-bottom: 20px;
}
.lot__images .main img {
  margin: 0 auto;
}
.lot__images .main .tour_3d_wrap {
  padding-top: 64.62%;
  position: relative;
}
.lot__images .main .tour_3d_wrap .pnlm-ui,
.lot__images .main .tour_3d_wrap .pnlm-render-container {
  top: 0;
}
.lot__images .main .tour_3d_wrap::before {
  content: 'Нажмите и перетащите чтобы осмотреться';
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
  padding: 0 15px;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  pointer-events: none;
  transition: 0.3s all;
}
.lot__images .main .tour_3d_wrap:hover::before {
  opacity: 0;
}
.lot__images .links {
  float: left;
  width: 30%;
  width: calc(125px);
  margin-bottom: 30px;
}
.lot__images .links a {
  font-size: 10px;
  color: #6f6f6f;
  text-decoration: none;
  width: 60px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 1.2;
  text-transform: uppercase;
}
.lot__images .links a .icon {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
  margin: 0 auto 5px;
}
.lot__images .links a .icon img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.lot__images .links a.streetViewLink {
  display: none;
}
.lot__images .thumbs {
  float: right;
  width: 70%;
  width: calc(100% - 125px);
  padding: 0 20px;
  position: relative;
  margin-bottom: 30px;
}
.lot__images .thumbs .tour_3d_thumb {
  position: relative;
  max-height: 75px;
  cursor: pointer;
  background-size: cover;
}
.lot__images .thumbs .tour_3d_thumb::before {
  content: '';
  display: block;
  padding-top: 75%;
  background: white;
  opacity: 0.75;
  margin-left: -1px;
  margin-right: -1px;
}
.lot__images .thumbs .tour_3d_thumb img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.lot__images .thumbs .video__thumb {
  max-width: 100px;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}
.lot__images .thumbs .video__thumb::before {
  content: '';
  display: block;
  padding-top: 75%;
  background-color: rgba(255, 255, 255, 0.75);
  background-image: url(img/icon-video.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.lot__images .thumbs .slick-arrow {
  position: absolute;
  top: 50%;
  border: 0;
  background: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  color: #bbc5ca;
  outline: none !important;
  margin-top: -10px;
}
.lot__images .thumbs .slick-arrow.slick-prev {
  left: 0px;
}
.lot__images .thumbs .slick-arrow.slick-next {
  right: 0px;
}
.lot__images .thumbs .slick-arrow:hover {
  color: blue;
}
.lot__images .thumbs .item {
  padding: 0 1px;
}
.lot__images .buttons {
  clear: both;
  margin-bottom: 30px;
  text-align: center;
}
.lot__images .buttons .btn {
  font-weight: 500;
  font-family: GothamPro, sans-serif;
  color: white;
  font-size: 12px;
  width: 142px;
}
.lot__tags {
  position: absolute;
  z-index: 1;
  left: 2px;
  top: 2px;
  font-size: 0;
}
.lot__tags--mobile {
  position: relative;
  top: 0;
  left: 0;
  clear: both;
  margin-bottom: 15px;
}
.lot__tag {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 2px;
  background: white;
  padding: 4px 10px;
  font-size: 12px;
}
.lot__tag--mobile {
  border: 1px solid #c3c3c3;
  padding: 2px 10px;
}
.lot__social {
  text-align: center;
  margin-bottom: 30px;
}
.lot__map {
  height: 400px;
  margin-bottom: 0;
}
.lot__streetView {
  height: 400px;
  margin-bottom: 40px;
}
.lot__map ymaps[class*="-ground-pane"] {
  filter: grayscale(1);
}
.lot__streetView ymaps {
  box-sizing: content-box;
}
.lot__related {
  margin-bottom: 30px;
}
.lot__related__title {
  font-weight: 700;
  font-family: GothamPro, sans-serif;
  font-size: 25px;
  margin-bottom: 20px;
}
.lot__related__slider {
  margin: 0 -15px;
}
.lot__related__slider .slick-slide {
  outline: none !important;
}
.lot__related__slider .slick-arrow {
  position: absolute;
  top: 50%;
  border: 0;
  background: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 30px;
  color: #bbc5ca;
  outline: none !important;
}
.lot__related__slider .slick-arrow:hover {
  color: #0f0f0f;
}
.lot__related__slider .slick-arrow.slick-prev {
  left: -30px;
}
.lot__related__slider .slick-arrow.slick-next {
  right: -30px;
}
.lot__related__slide {
  padding: 0 15px;
}
.lot__buttons {
  margin-bottom: 60px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lot__buttons .btn {
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  border-radius: 2px;
  font-size: 16px;
  text-transform: uppercase;
}
.lot__buttons .btn-red {
  background: #c21100;
}
.lot__buttons .btn-white {
  border: 1px solid #171818;
}
@media screen and (max-width: 640px) {
  .lot__buttons {
    margin-bottom: 30px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .lot__buttons a {
    margin: 5px 0;
  }
  .lot__callback {
    margin-bottom: 30px;
  }
}
.project__main {
  margin-bottom: 60px;
  color: white;
  padding: 130px 0 90px;
  background-size: cover;
  background-position: center center;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.project__main:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #0c151d;
  opacity: 0.25;
}
.project__main__video {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project__main .container {
  z-index: 10;
  position: relative;
}
.project__main__title {
  font-weight: 900;
  font-size: 70px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.project__main__subtitle {
  font-size: 35px;
  margin-bottom: 15px;
}
.project__main__address {
  font-size: 18px;
}
.project__main__address .icon {
  display: block;
  width: 32px;
  height: 41px;
  background-color: transparent;
  background-image: url(img/map-marker.png);
  background-position:  0 0;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.project__benefits {
  margin-bottom: 50px;
  justify-content: center;
}
.project__benefits__item {
  margin-bottom: 30px;
  text-align: center;
}
.project__benefits__item .area {
  font-weight: 900;
  font-size: 50px;
  padding-top: 25px;
  line-height: 1.2;
  color: #c21100;
}
.project__benefits__item .area span {
  font-size: 50px;
}
.project__benefits__item .area sup {
  font-size: 20px;
}
.project__benefits__item .title {
  font-size: 16px;
}
.project__benefits__item .image {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project__info {
  margin-bottom: 15px;
}
.project__info__title {
  font-size: 45px;
  margin-bottom: 30px;
}
.project__info__text {
  columns: 2;
  margin-bottom: 30px;
}
.project__info .btn-file {
  width: 197px;
  height: 41px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 41px;
  padding: 0;
  background: #c21100;
  margin-bottom: 30px;
}
.project__gallery__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.project__gallery .main {
  margin-bottom: 30px;
}
.project__gallery .main img {
  margin: 0 auto;
}
.project__gallery .main .video_wrap {
  padding-top: 45.79%;
  position: relative;
}
.project__gallery .main .video_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.project__gallery .main .tour_3d_wrap {
  padding-top: 45.79%;
  position: relative;
}
.project__gallery .main .tour_3d_wrap .pnlm-ui,
.project__gallery .main .tour_3d_wrap .pnlm-render-container {
  top: 0;
}
.project__gallery .main .tour_3d_wrap::before {
  content: 'Нажмите и перетащите чтобы осмотреться';
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
  padding: 0 15px;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  pointer-events: none;
  transition: 0.3s all;
}
.project__gallery .main .tour_3d_wrap:hover::before {
  opacity: 0;
}
.project__gallery .thumbs {
  width: 840px;
  max-width: 100%;
  padding: 0 30px;
  position: relative;
  margin: 0 auto 30px;
}
.project__gallery .thumbs .item {
  margin: 0 15px;
  text-align: center;
}
.project__gallery .thumbs .item img {
  margin: auto;
}
.project__gallery .thumbs .tour_3d_thumb,
.project__gallery .thumbs .video_thumb,
.project__gallery .thumbs .map_thumb {
  position: relative;
  max-height: 90px;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
}
.project__gallery .thumbs .tour_3d_thumb::before,
.project__gallery .thumbs .video_thumb::before,
.project__gallery .thumbs .map_thumb::before {
  content: '';
  display: block;
  padding-top: 75%;
  background: white;
  opacity: 0.75;
  margin-left: -1px;
  margin-right: -1px;
}
.project__gallery .thumbs .tour_3d_thumb img,
.project__gallery .thumbs .video_thumb img,
.project__gallery .thumbs .map_thumb img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.project__gallery .thumbs .map_thumb {
  background-color: transparent;
  background-image: url(img/map.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.project__gallery .thumbs .slick-arrow {
  position: absolute;
  top: 50%;
  border: 0;
  background: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  color: #bbc5ca;
  outline: none !important;
  margin-top: -15px;
}
.project__gallery .thumbs .slick-arrow.slick-prev {
  left: 0px;
}
.project__gallery .thumbs .slick-arrow.slick-next {
  right: 0px;
}
.project__gallery .thumbs .slick-arrow:hover {
  color: blue;
}
.project__gallery .thumbs .item {
  padding: 0 1px;
}
.project__items {
  margin-bottom: 30px;
}
.project__items__carousel {
  padding: 0 30px;
}
.project__items__carousel .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  font-size: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.project__items__carousel .slick-arrow:before {
  font-size: 30px;
  font-family: FontAwesome;
}
.project__items__carousel .slick-arrow.slick-prev {
  left: 0;
}
.project__items__carousel .slick-arrow.slick-prev:before {
  content: '\f104';
}
.project__items__carousel .slick-arrow.slick-next {
  right: 0;
}
.project__items__carousel .slick-arrow.slick-next:before {
  content: '\f105';
}
.project__items__carousel .slick-slide {
  float: none;
  display: inline-block !important;
  vertical-align: middle;
}
.project__items__title {
  font-weight: 900;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.project__noItems {
  background: #4c5151;
  color: white;
  margin-bottom: 30px;
}
.project__noItems a,
.project__noItems a:hover,
.project__noItems a:focus {
  color: white;
}
.project__noItems__text {
  font-size: 25px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 50px;
}
.project__noItems__form {
  width: 530px;
  margin: 0 auto 30px;
  max-width: 100%;
}
.project__noItems__form .form-control {
  background: transparent;
  color: white;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  border-bottom: 1px solid #bfbfbf;
  height: 55px;
}
.project__noItems__form .form-control::-webkit-input-placeholder {
  color: white;
}
.project__noItems__form .form-control::-moz-placeholder {
  color: white;
}
.project__noItems__form .form-control:-moz-placeholder {
  color: white;
}
.project__noItems__form .form-control:-ms-input-placeholder {
  color: white;
}
.project__noItems__form .btn-submit {
  width: 220px;
  height: 55px;
  line-height: 55px;
  padding: 0;
  background: #c21100;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  max-width: 100%;
}
.project__noItems__form .privacy {
  font-size: 12px;
  text-align: center;
}
.project__noItems__form .privacy,
.project__noItems__form .privacy a,
.project__noItems__form .privacy a:hover,
.project__noItems__form .privacy a:focus {
  color: #cdcdcd;
}
.project__noItems__link {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  width: 280px;
  max-width: 100%;
  margin: 0 auto 30px;
  display: block;
}
.project__noItems__link:hover {
  text-decoration: underline;
}
.project__noItems__person {
  position: relative;
  align-self: flex-end;
}
.project__noItems__person:before {
  content: '';
  height: 0px;
  width: 0px;
  box-shadow: 0 0 500px 250px rgba(255, 255, 255, 0.25);
  display: block;
  position: absolute;
  bottom: 30px;
  left: 100px;
  border-radius: 100%;
}
.project__noItems__person:after {
  position: relative;
  content: '';
  display: block;
  background-color: transparent;
  background-image: url(img/single-project-person.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 484px;
  height: 388px;
}
.project__plan {
  margin-bottom: 30px;
}
.project__plan__title {
  font-weight: 900;
  font-size: 45px;
  margin-bottom: 30px;
}
.project__plan__legend {
  font-size: 13px;
  font-weight: 300;
  align-self: center;
  display: flex;
  justify-content: space-around;
  margin-bottom: 30px;
}
.project__plan__legend .status:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: black;
  margin-right: 15px;
  vertical-align: middle;
}
.project__plan__legend .status-busy:before {
  background: #c21100;
}
.project__plan__legend .status-free:before {
  background: #7ba149;
}
.project__plan__legend .status-tech:before {
  background: #8f9294;
}
.project__plan__legend .status-ofert:before {
  background: #dcce7e;
}
.project__plan__floors {
  margin-bottom: 30px;
}
.project__plan ul.nav-tabs {
  border: 0;
  display: block;
  list-style: none;
  padding: 0;
}
.project__plan ul.nav-tabs li.nav-item {
  margin: 0;
}
.project__plan ul.nav-tabs li.nav-item:before {
  display: none;
}
.project__plan ul.nav-tabs li.nav-item .nav-link {
  color: #171818;
  background: transparent;
  border: 0;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  display: inline-block;
  padding: 4px 22px;
  border-radius: 0;
}
.project__plan ul.nav-tabs li.nav-item .nav-link.active {
  background: #c21100;
  color: white;
}
.project__plan__image .item {
  opacity: 0.7;
}
.project__plan__image .item--занято {
  fill: #c21401;
}
.project__plan__image .item--свободно {
  fill: #7aa148;
}
.project__plan__image .item--техническое {
  fill: #8f9294;
}
.project__plan__image .item--оферта {
  fill: #dbce7e;
}
.project__plan__image .item[data-link] {
  cursor: pointer;
}
.project__plan__image svg {
  width: 100%;
  height: auto;
}
.project__clients {
  padding: 65px 0;
  text-align: center;
}
.project__clients__title {
  font-weight: 900;
  font-size: 55px;
  line-height: 1.2;
  margin-bottom: 75px;
}
.project__clients__items {
  position: relative;
  padding: 0 30px;
}
.project__clients__item {
  padding: 0 15px;
}
.project__clients .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  font-size: 0;
  border: 0;
  background: transparent;
  padding: 0;
}
.project__clients .slick-arrow:before {
  font-size: 30px;
  font-family: FontAwesome;
}
.project__clients .slick-arrow.slick-prev {
  left: 0;
}
.project__clients .slick-arrow.slick-prev:before {
  content: '\f104';
}
.project__clients .slick-arrow.slick-next {
  right: 0;
}
.project__clients .slick-arrow.slick-next:before {
  content: '\f105';
}
.project__clients .slick-slide {
  float: none;
  display: inline-block !important;
  vertical-align: middle;
}
.project__clients__item img {
  display: inline-block;
  filter: grayscale(1);
  transition: all 0.3s;
}
.project__clients__item img:hover {
  filter: grayscale(0);
}
.project__map {
  height: 500px;
}
.project__map ymaps[class*="-ground-pane"] {
  filter: grayscale(1);
}
.project__other {
  padding-top: 50px;
}
.project__other__title {
  font-weight: 900;
  font-size: 50px;
  margin-bottom: 30px;
  line-height: 1.2;
}
.project__other .btn-other {
  width: 220px;
  height: 55px;
  line-height: 53px;
  border: 1px solid black;
  text-align: center;
  padding: 0;
  display: block;
  margin: 0 auto 30px;
  max-width: 100%;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
}
@media (max-width: 1199px) {
  .project__main {
    padding: 60px 0;
  }
  .project__main__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .project__main__subtitle {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .project__main__address {
    font-size: 14px;
  }
  .project__benefits {
    margin-bottom: 30px;
  }
  .project__benefits__item .area {
    font-size: 40px;
  }
  .project__benefits__item .area span {
    font-size: 40px;
  }
  .project__benefits__item .image {
    height: 60px;
  }
  .project__info__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .project__gallery__title {
    font-size: 30px;
  }
  .project__items__title,
  .project__other__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .project__plan__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .project__plan ul.nav-tabs li.nav-item {
    display: inline-block;
  }
  .project__map {
    height: 320px;
  }
  .project__clients {
    padding: 50px 0;
  }
  .project__clients__title {
    font-size: 30px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .project__main {
    padding: 50px 0;
    margin-bottom: 50px;
  }
  .project__main__title {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .project__main__subtitle {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .project__benefits__item .area {
    font-size: 30px;
  }
  .project__benefits__item .area span {
    font-size: 30px;
  }
  .project__benefits__item .title {
    font-size: 14px;
  }
  .project__benefits__item .image {
    height: 48px;
  }
  .project__benefits__item .image img {
    max-height: 100%;
  }
  .project__info__title {
    font-size: 24px;
  }
  .project__info__text {
    columns: 1;
  }
  .project__gallery__title {
    font-size: 24px;
  }
  .project__items__title,
  .project__other__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .project__plan__title {
    font-size: 24px;
  }
  .project__clients__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.projectLot {
  flex: 0 0 25%;
  max-width: 25%;
  margin-bottom: 30px;
  padding: 0 15px;
}
.projectLot__image {
  position: relative;
  height: 165px;
  background-position: center center;
  background-size: cover;
  margin-bottom: 20px;
}
.projectLot__image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e3e3e3;
  opacity: 0.3;
  transition: all 0.3s;
}
.projectLot__title {
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 10px;
}
.projectLot a {
  text-decoration: none;
}
.projectLot:hover .projectLot__image:before {
  opacity: 0;
}
@media (max-width: 1199px) {
  .projectLot {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (max-width: 767px) {
  .projectLot {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.projectLot--large {
  flex: 0 0 50%;
  max-width: 50%;
}
.projectLot--large .projectLot__image {
  height: 275px;
}
@media (max-width: 1199px) {
  .projectLot--large {
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
  }
}
@media (max-width: 767px) {
  .projectLot--large {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Favorites
----------------------------------------------------------------------------------------------------------------------*/
.favorites__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  margin-bottom: 30px;
}
.favorites__buttons .btn {
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 10px 20px;
  height: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
  flex: 1;
}
.favorites__buttons .btn-white {
  color: black!important;
  border: 1px solid black;
}
.favorites__buttons .btn-red {
  color: white!important;
  background: #c21100;
}
.favorites__buttons .nav {
  flex: 1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
}
.favorites__items {
  clear: both;
}
.favorites__item__link {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto 25px;
  background-color: transparent;
  background-image: url(img/icon-close2.png);
  background-position: center center;
  background-repeat: no-repeat;
}
/* Footer
----------------------------------------------------------------------------------------------------------------------*/
.footer {
  background: #202323;
  color: #acb2b2;
  padding: 30px 0;
  font-size: 13px;
}
.footer a,
.footer a:hover,
.footer a:focus {
  color: #acb2b2;
}
.footer .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer__menu {
  width: 100%;
}
.footer__menu ul {
  margin: 0 0 40px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.footer__menu ul li:before {
  display: none;
}
.footer__menu ul a {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}
.footer__menu ul a:hover {
  text-decoration: underline;
}
.footer__oferta {
  width: 100%;
  margin-top: 30px;
  font-size: 11px;
  color: #6a6f6f;
}
.footer__copyright {
  width: 260px;
}
.footer__contacts {
  width: 330px;
}
.footer__social {
  font-size: 24px;
  line-height: 1;
  cursor: default;
}
.footer__social a:hover {
  opacity: 0.8;
}
.footer__hh {
  background-color: transparent;
  /*background-image: url(img/hh.png);*/
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-left: 40px;
}
.footer__creds {
  width: 100px;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
}
.footer__creds a::after {
  content: url(img/site4all.png);
  margin-top: 5px;
  display: block;
}
@media (max-width: 1199px) {
  .footer .container {
    justify-content: normal;
  }
  .footer__menu {
    display: none;
  }
  .footer__hh {
    margin-left: 30px;
  }
  .footer__copyright,
  .footer__contacts {
    width: 50%;
    margin-bottom: 15px;
  }
  .footer__creds {
    order: 10;
    margin-top: 15px;
    width: 100%;
  }
  .footer__creds a::before {
    content: url(img/site4all.png);
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
  .footer__creds a::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer__copyright,
  .footer__contacts {
    width: 100%;
    margin-bottom: 30px;
  }
  .footer__creds span {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
  }
}
/* 404
----------------------------------------------------------------------------------------------------------------------*/
.page404__code {
  font-weight: 900;
  font-size: 200px;
  line-height: 1;
  color: #c21100;
}
.page404__desc {
  font-weight: 900;
  font-size: 50px;
  line-height: 1;
  color: #a4a4a4;
  text-transform: lowercase;
  margin-top: -20px;
  margin-bottom: 10px;
}
.page404__text {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 30px;
}
.page404__search {
  font-weight: 900;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .page404__code {
    font-size: 125px;
  }
  .page404__search {
    font-size: 30px;
  }
}
/* Modal
----------------------------------------------------------------------------------------------------------------------*/
.modal-content {
  border: 0;
  border-radius: 0;
}
.modal-backdrop.show {
  opacity: 0.83;
}
.modal-dialog {
  max-width: 420px;
  text-align: center;
}
.modal-header {
  padding-top: 30px;
  text-align: center;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.modal-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  flex: 1;
}
.modal button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  outline: none;
}
.modal-body {
  padding: 0 30px 30px;
}
.modal .btn-submit {
  width: 225px;
  margin: 0 auto;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
}
.projectLot__wrapper {
  margin-bottom: 20px;
}
@media(max-width:447px){
    .lot__links .favorite-link{margin-top: 20px;}
}
.header__menu_mobile{display:none}
.header__menu_mobile.opened{display:block}
@media(max-width:1199px){
    .toggle_catalog{
        content: '';
      display: block;
      position: absolute;
      right: -24px;
      margin-top: -22px;
      background-image: url('img/arrow-down-white.svg');
      width: 24px;
      height: 24px;
      transition: all 0.3s;
      transform: rotate(-90deg);
      cursor:pointer;
    }
    .header__menu .menu-item.opened .sub-menu {
        display:block;
    }
    .header__menu .menu-item.opened .toggle_catalog{
        transform: rotate(0deg);
    }
}
a.catalog:hover{
    text-decoration:none !important;
}

.checkbox {
  position: relative;
  overflow: hidden;
  display: inline-block;
  font-size: 0;
  margin-bottom:0;
}
.checkbox input {
  position: absolute;
  left: -40px;
  display: none;
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox span {
  display: inline-block;
  padding-left: 28px;
  font-size: 16px;
  line-height: 18px;
  color: #231F20;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.review-form__agreement .checkbox span {
  font-size: 12px;
  line-height: 150%;
}
.checkbox span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin-right: 10px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px 8px;
  border: 1px solid #231F20;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}
.review-form__agreement .checkbox span::before {
  border-radius: 0;
  top: 10px;
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.checkbox input:checked + span::before {
  background-image: url(img/icons/checked.svg);
}
.owners__form .checkbox span,
.form-info .checkbox span a,
.form-info .checkbox span{color:#ffffff}

.owners__form .checkbox span::before,
.form-info .checkbox span::before {border: 1px solid #fff;}

.owners__form .checkbox input:checked + span::before,
.form-info .checkbox input:checked + span::before {
  background-image: url(img/icons/checked_white.svg);
}
.broker_first .container .left .form-info .checkbox span, .broker_second .form-info .checkbox span {
  text-decoration: none;
}
a.act_filter{
    width: fit-content;
    border-radius: 2px;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
}
a.act_filter:hover{
    opacity:1;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.hide_filter{
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.hide_filter.active{
    max-height: 1600px;
    overflow: unset;
}
.catalogFilter__apply-filters.hide_filters{
    margin-bottom:15px;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #fff;/*#c21100;*/
  /*color: #fff !important;*/
}
.bootstrap-select .dropdown-menu .selected .dropdown-item.active span.check-mark,
.bootstrap-select .dropdown-menu .selected .dropdown-item:active span.check-mark{
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.frontpage__slider__text{
    height:99px;
}
@media(max-width:1199px){
    .frontpage__slider__text{
        height:93px;
    }   
}