@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext");
@import url("../font/gost-type-a/stylesheet.css");
html {
  min-height: 100%;
  height: 100%;
}

body {
  min-height: 100%;
  height: 100%;
  font-family: "Open Sans", sans-serif;
  color: #000008;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

a {
  transition: .3s;
  color: #60a629;
  text-decoration: underline;
}

a:hover {
  color: #8ebf1e;
}

a:active {
  color: #b7ce03;
}

a.dashed {
  text-decoration: none;
  border-bottom: 2px dashed;
}

strong {
  font-weight: 600;
}

.imaged-button {
  display: block;
  text-align: center;
}

@media (max-width: 767px) {
  .imaged-button {
    margin-bottom: 30px;
  }
}

.imaged-button a {
  display: block;
  border: 6px solid #60a629;
  border-radius: 100px;
  line-height: 120px;
}

@media (max-width: 767px) {
  .imaged-button a {
    border-width: 3px;
    line-height: 100px;
  }
}

.imaged-button a:hover {
  border-color: #8ebf1e;
}

.imaged-button a:active {
  border-color: #b7ce03;
}

.imaged-button img {
  max-width: 70%;
}

@media (max-width: 991px) {
  .max-width-md-80 {
    max-width: 80%;
  }
}

.modal-dialog {
  width: 100%;
  max-width: none;
  border: none;
}

.modal-content {
  border: none;
  border-radius: 35px;
  overflow: hidden;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .modal-content {
    border-radius: 5px;
  }
}

.modal-body {
  padding: 30px 100px 50px 100px;
  font-size: 20px;
}

@media (max-width: 767px) {
  .modal-body {
    padding: 30px;
  }
}

.modal-body_no-padding {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.modal-body_no-padding .left {
  position: absolute;
  width: 400px;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
}

@media (max-width: 991px) {
  .modal-body_no-padding .left {
    position: relative;
    height: 300px;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .modal-body_no-padding .left {
    position: relative;
    height: 200px;
    width: 100%;
  }
}

.modal-body_no-padding .left img {
  position: absolute;
  max-width: none;
  height: 100%;
  width: auto;
  margin: auto;
  left: -10000px;
  right: -10000px;
}

@media (max-width: 991px) {
  .modal-body_no-padding .left img {
    height: auto;
    width: 100%;
    left: initial;
    right: initial;
    top: -10000px;
    bottom: -10000px;
  }
}

.modal-body_no-padding .left img.left-pic-1 {
  left: -9800px;
}

@media (max-width: 991px) {
  .modal-body_no-padding .left img.left-pic-1 {
    left: initial;
  }
}

.modal-body_no-padding .left img.left-pic-2 {
  left: -10200px;
}

@media (max-width: 991px) {
  .modal-body_no-padding .left img.left-pic-2 {
    left: initial;
  }
}

.modal-body_no-padding .right {
  margin-left: 400px;
  padding: 30px 50px 50px 50px;
}

@media (max-width: 991px) {
  .modal-body_no-padding .right {
    margin-left: 0;
    padding: 30px;
  }
}

.modal-body .close {
  top: 30px;
  right: 30px;
  position: absolute;
  outline: none;
  z-index: 10;
}

.row.buy-items {
  text-align: center;
  margin: 0 -15px;
}

.buy-items .col-sm-4 {
  margin-bottom: 15px;
}

.buy-items .title {
  font-weight: bold;
  color: #999;
}

.buy-items .item {
  margin-top: 10px;
}

.buy-items .item img {
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
  border: solid 1px #999;
}

.buy-items .col-sm-4 {
  margin-bottom: 15px;
  padding: 0 15px;
  box-sizing: border-box;
}

.background {
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
}

.background_1 {
  background-image: url(../img/background-1.png);
  width: 790px;
  height: 846px;
  right: -120px;
  top: -230px;
}

@media (max-width: 1199px) {
  .background_1 {
    width: 600px;
    height: 643px;
    top: -110px;
    right: -50px;
  }
}

@media (max-width: 991px) {
  .background_1 {
    width: 400px;
    height: 428px;
    top: -90px;
    right: 20px;
  }
}

@media (max-width: 767px) {
  .background_1 {
    display: none;
  }
}

.background_2 {
  background-image: url(../img/background-2.png);
  width: 362px;
  height: 438px;
  left: -300px;
  top: 30px;
}

@media (max-width: 991px) {
  .background_2 {
    width: 262px;
    height: 317px;
    left: -150px;
    top: 110px;
  }
}

@media (max-width: 767px) {
  .background_2 {
    display: none;
  }
}

.background_3 {
  background-image: url(../img/background-3.png);
  width: 1253px;
  height: 1276px;
  left: -350px;
  top: 260px;
  z-index: -2;
}

@media (max-width: 1199px) {
  .background_3 {
    background-size: contain;
    background-repeat: no-repeat;
    width: 1053px;
    height: 1072px;
    left: -340px;
    top: 180px;
  }
}

.background_4 {
  background-image: url(../img/background-4.png);
  width: 191px;
  height: 198px;
  right: 100px;
  bottom: -120px;
}

@media (max-width: 1199px) {
  .background_4 {
    width: 120px;
    height: 124px;
    right: 30px;
    bottom: -80px;
  }
}

@media (max-width: 991px) {
  .background_4 {
    display: none;
  }
}

.background_5 {
  background-image: url(../img/background-5.png);
  width: 1267px;
  height: 1265px;
  right: -370px;
  top: 180px;
}

@media (max-width: 991px) {
  .background_5 {
    width: 787px;
    height: 786px;
    right: -170px;
    top: 20px;
  }
}

.background_6 {
  background-image: url(../img/background-6.png);
  background-position: top right;
  width: 839px;
  height: calc(100% - 20px);
  right: 0;
  top: 20px;
}

@media (max-width: 767px) {
  .background_6 {
    display: none;
  }
}

.background_7 {
  background-image: url(../img/background-7.png);
  width: 962px;
  height: 1056px;
  right: -200px;
  top: 140px;
}

@media (max-width: 767px) {
  .background_7 {
    display: none;
  }
}

.background_8 {
  background-image: url(../img/background-10.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
}

.background_9 {
  background-image: url(../img/background-11.png);
  width: 958px;
  height: 937px;
  right: 110px;
  top: 120px;
}

@media (max-width: 1199px) {
  .background_9 {
    width: 758px;
    height: 741px;
    right: 240px;
    top: 120px;
  }
}

@media (max-width: 991px) {
  .background_9 {
    right: 130px;
  }
}

@media (max-width: 767px) {
  .background_9 {
    right: -50px;
    top: 40px;
  }
}

.background_10 {
  background-image: url(../img/background-12.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
}

.background_11 {
  background-image: url(../img/background-13.png);
  width: 143px;
  height: 221px;
  left: 50px;
  bottom: -140px;
}

@media (max-width: 1199px) {
  .background_11 {
    width: 93px;
    height: 144px;
    left: 30px;
    bottom: -70px;
  }
}

@media (max-width: 767px) {
  .background_11 {
    display: none;
  }
}

.section_background-color_gray-light:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background-color: #f9f9f9;
  z-index: -3;
}

.spacer {
  width: 100%;
  clear: both;
}

.spacer_75 {
  height: 75px;
}

@media (max-width: 767px) {
  .spacer_75 {
    height: 50px;
  }
}

.block_color_green {
  background-color: #60a629;
  color: #fff;
}

.block_color_white {
  background-color: #fff;
  color: #000008;
}

.text_size_10 {
  font-size: 10px;
  line-height: 12px;
}

.text_size_16 {
  font-size: 16px;
  line-height: 20px;
}

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

@media (max-width: 575px) {
  .text_size_18 {
    font-size: 16px;
    line-height: 20px;
  }
}

.text_size_20 {
  font-size: 20px;
  line-height: 24px;
}

@media (max-width: 575px) {
  .text_size_20 {
    font-size: 18px;
    line-height: 22px;
  }
}

.text_size_24 {
  font-size: 24px;
  line-height: 28px;
}

@media (max-width: 575px) {
  .text_size_24 {
    font-size: 20px;
    line-height: 26px;
  }
}

.text_size_26 {
  font-size: 26px;
  line-height: 32px;
}

@media (max-width: 767px) {
  .text_size_26 {
    font-size: 22px;
    line-height: 28px;
  }
}

.text_size_30 {
  font-size: 30px;
  line-height: 36px;
}

@media (max-width: 991px) {
  .text_size_30 {
    font-size: 26px;
    line-height: 30px;
  }
}

@media (max-width: 575px) {
  .text_size_30 {
    font-size: 22px;
    line-height: 26px;
  }
}

.text_color_green {
  color: #60a629;
}

.text_color_green-active {
  color: #b7ce03;
}

.text_color_black {
  color: #000;
}

.text_type_uppercase {
  text-transform: uppercase;
}

.text_type_semibold {
  font-weight: 600;
}

.text_type_transparent-40 {
  opacity: .4;
}

.text_offset_custom-1 {
  margin-left: 70px;
}

@media (max-width: 991px) {
  .text_offset_custom-1 {
    margin-left: 0;
  }
}

.text_opacity_02 {
  opacity: .2;
}

.title {
  position: relative;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 48px;
  line-height: 48px;
  color: #000008;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .title {
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .title {
    font-size: 30px;
    line-height: 30px;
  }
}

.title span {
  display: block;
  font-size: 24px;
  line-height: 24px;
  color: #60a629;
  margin-bottom: 7px;
  margin-left: 2px;
}

@media (max-width: 767px) {
  .title span {
    font-size: 20px;
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .title span {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
  }
}

.title:before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: calc(100% - 9px);
  left: 0;
  top: 3px;
  background-color: #60a629;
}

@media (max-width: 767px) {
  .title:before {
    height: calc(100% - 13px);
    top: 4px;
  }
}

@media (max-width: 575px) {
  .title:before {
    height: calc(100% - 8px);
  }
}

.title_type_mini {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #999999;
  margin-bottom: 15px;
  padding-left: 0;
}

.title_type_mini:before {
  display: none;
}

.button {
  position: relative;
  transition: .3s;
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  padding: 15px 50px;
  text-align: center;
}

@media (max-width: 991px) {
  .button {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .button {
    font-size: 18px;
    line-height: 20px;
  }
}

.button_corner_square {
  border-radius: 0;
}

.button_corner_circle {
  border-radius: 50px;
}

.button_theme_default {
  background-color: #60a629;
  color: #fff;
}

.button_theme_default:hover {
  background-color: #8ebf1e;
  color: #fff;
}

.button_theme_default:active {
  background-color: #b7ce03;
  color: #fff;
}

.button_theme_white {
  background-color: #fff;
  color: #60a629;
}

.button_theme_white:hover {
  background-color: #8ebf1e;
  color: #fff !important;
}

.button_theme_white:active {
  background-color: #b7ce03;
  color: #fff;
}

.button_theme_huge {
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
}

@media (max-width: 575px) {
  .button_theme_huge {
    margin-bottom: 30px;
  }
}

.button_theme_white {
  background-color: #fff;
  color: #60a629;
}

.button_theme_white:hover {
  color: #8ebf1e;
}

.button_theme_full-width {
  width: 100%;
  padding: 15px 5px;
}

.line_position_vertical {
  width: 1px;
}

.line_color_white {
  background-color: #fff;
}

.header {
  position: relative;
  height: 65px;
  font-size: 12px;
  line-height: 14px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

@media (max-width: 767px) {
  .header {
    height: 115px;
  }
}

.header__logo {
  position: absolute;
  left: 15px;
  top: 9px;
  width: 126px;
}

.header__separator {
  position: absolute;
  height: 29px;
}

.header__logo-separator {
  left: 155px;
  top: 18px;
}

@media (max-width: 991px) {
  .header__logo-separator {
    display: none;
  }
}

@media (max-width: 767px) {
  .header__logo-separator {
    display: block;
  }
}

@media (max-width: 575px) {
  .header__logo-separator {
    display: none;
  }
}

.header__contacts-separator {
  right: 310px;
  top: 18px;
}

@media (max-width: 1199px) {
  .header__contacts-separator {
    right: 300px;
  }
}

@media (max-width: 767px) {
  .header__contacts-separator {
    top: 65px;
    right: initial;
    left: 225px;
  }
}

@media (max-width: 575px) {
  .header__contacts-separator {
    display: none;
  }
}

.header__slogan {
  position: absolute;
  left: 175px;
  top: 18px;
}

@media (max-width: 991px) {
  .header__slogan {
    display: none;
  }
}

@media (max-width: 767px) {
  .header__slogan {
    display: block;
  }
}

@media (max-width: 575px) {
  .header__slogan {
    display: none;
  }
}

.header__button {
  position: absolute;
  display: block;
  right: 15px;
  top: 19px;
  height: 26px;
  width: 138px;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}

@media (max-width: 767px) {
  .header__button {
    top: 65px;
  }
}

@media (max-width: 575px) {
  .header__button {
    top: 19px;
  }
}

.header__contacts {
  position: absolute;
  right: 178px;
  top: 19px;
}

.header__contacts a {
  text-decoration: none;
  color: #fff;
}

.header__contacts a:hover {
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .header__contacts {
    right: 173px;
  }
}

@media (max-width: 767px) {
  .header__contacts {
    top: 65px;
    right: initial;
    left: 243px;
  }
}

@media (max-width: 575px) {
  .header__contacts {
    left: initial;
    right: 15px;
    text-align: right;
  }
}

.header__address {
  position: absolute;
  text-align: right;
  right: 335px;
  top: 19px;
}

@media (max-width: 1199px) {
  .header__address {
    right: 320px;
  }
}

@media (max-width: 767px) {
  .header__address {
    right: initial;
    left: 15px;
    top: 65px;
    text-align: left;
  }
}

@media (max-width: 575px) {
  .header__address {
    top: 58px;
  }
}

.header__address-br {
  display: none;
}

@media (max-width: 575px) {
  .header__address-br {
    display: block;
  }
}

.main-menu {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 50px 0 60px 0;
  background-color: #fff;
  border-radius: 50px;
  padding: 13px 30px;
}

@media (max-width: 991px) {
  .main-menu {
    display: block;
    text-align: center;
    margin: 50px 0;
  }
}

@media (max-width: 575px) {
  .main-menu {
    margin: 30px 0;
  }
}

.main-menu a, .main-menu span {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  color: #000;
}

@media (max-width: 991px) {
  .main-menu a, .main-menu span {
    display: inline-block;
    margin: 10px 15px;
  }
}

@media (max-width: 575px) {
  .main-menu a, .main-menu span {
    font-size: 16px;
    line-height: 16px;
  }
}

.main-menu a:hover {
  color: #60a629;
  text-decoration: none;
}

.main-menu span {
  display: inline-block;
  width: 2px;
  height: 20px;
  background-color: #60a629;
  margin-top: 3px;
}

@media (max-width: 991px) {
  .main-menu span {
    display: none;
  }
}

.gp-list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 400;
}

.gp-list__item {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 0 24px;
}

.gp-list__item:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../img/icons-kidney.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 10px;
  height: 11px;
  left: 0;
  top: 7px;
}

.gp-list__item_big:before {
  background-image: url(../img/icons-kidney-big.png);
  width: 12px;
  height: 13px;
  top: 13px;
}

.gp-list__item_white:before {
  background-image: url(../img/icons-kidney-white.png);
}

.symptom {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 575px) {
  .symptom {
    display: block;
  }
}

.symptom__item {
  position: relative;
  margin-bottom: 30px;
}

@media (max-width: 575px) {
  .symptom__item {
    display: block;
    text-align: center;
  }
}

.symptom__pic {
  height: 205px;
  line-height: 202px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .symptom__pic {
    margin-bottom: 5px;
  }
}

.symptom__desc {
  padding-left: 25px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #60a629;
}

@media (max-width: 991px) {
  .symptom__desc {
    font-size: 18px;
    line-height: 22px;
  }
}

.solving {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 575px) {
  .solving {
    display: block;
  }
}

.solving__item {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.solving__item_plus {
  line-height: 208px;
}

@media (max-width: 575px) {
  .solving__item {
    display: block;
    text-align: center;
  }
}

.solving__pic {
  margin-bottom: 15px;
}

@media (max-width: 575px) {
  .solving__pic img {
    max-width: 50%;
  }
}

.solving__desc {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #60a629;
}

@media (max-width: 991px) {
  .solving__desc {
    font-size: 18px;
    line-height: 22px;
  }
}

.protect {
  position: relative;
}

.protect__item {
  position: relative;
}

@media (max-width: 767px) {
  .protect__item {
    margin-bottom: 30px;
  }
}

.protect__pic {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .protect__pic {
    margin-bottom: 15px;
  }
}

.protect__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #60a629;
  text-transform: uppercase;
  margin-bottom: 15px;
}

@media (max-width: 1199px) {
  .protect__title {
    height: 120px;
  }
}

@media (max-width: 991px) {
  .protect__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .protect__title {
    height: auto;
  }
}

.protect__title span {
  font-size: 20px;
  display: block;
  color: #b7ce03;
  text-transform: none;
}

@media (max-width: 991px) {
  .protect__title span {
    font-size: 18px;
  }
}

.protect__desc {
  height: 200px;
  margin-bottom: 15px;
}

@media (max-width: 1199px) {
  .protect__desc {
    height: 248px;
  }
}

@media (max-width: 991px) {
  .protect__desc {
    height: 320px;
  }
}

@media (max-width: 767px) {
  .protect__desc {
    height: auto;
  }
}

.using {
  position: relative;
}

.using__item {
  overflow: hidden;
  position: relative;
  height: 100%;
  color: #fff;
  padding: 30px;
  border-radius: 35px;
}

@media (max-width: 1199px) {
  .using__item {
    border-radius: 45px;
  }
}

@media (max-width: 991px) {
  .using__item {
    border-radius: 60px;
  }
}

@media (max-width: 767px) {
  .using__item {
    border-radius: 40px;
    margin-bottom: 30px;
    height: auto;
  }
}

@media (max-width: 575px) {
  .using__item {
    border-radius: 60px;
  }
}

.using__item_left .using__pic img {
  right: 0;
}

.using__item_right .using__pic img {
  left: 0;
}

.using__pic {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.using__pic img {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
}

.using__title {
  position: relative;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 600;
}

.howto {
  position: relative;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .howto {
    margin-bottom: 0;
  }
}

.howto__item {
  display: inline-block;
  width: 120px;
  margin-bottom: 30px;
  text-align: center;
  vertical-align: top;
  margin-right: 80px;
}

@media (max-width: 767px) {
  .howto__item {
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .howto__item {
    margin-right: 20px;
  }
}

.howto__pic {
  margin-bottom: 10px;
}

.howto__desc {
  font-size: 16px;
  font-weight: 600;
}

.faq {
  position: relative;
}

.faq__item {
  position: relative;
  border-radius: 35px;
  background-color: #60a629;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .faq__item {
    margin-bottom: 30px;
  }
}

.faq__question {
  height: 270px;
  line-height: 270px;
  padding: 0 25px;
}

.faq__question span {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 28px;
}

.faq__answer {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 270px;
  background-color: #b7ce03;
  padding: 0 25px;
}

.faq__answer span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 16px;
  color: #000008;
}

.market-button {
  position: relative;
  display: inline-block;
  width: 193px;
  height: 38px;
  background-image: url(../img/iconset-shops.png);
  background-repeat: no-repeat;
}

.market-button_1 {
  background-position: 0 0;
}

.market-button_2 {
  background-position: 0 -47px;
}

.market-button_3 {
  background-position: 0 -94px;
}

.market-button_4 {
  background-position: -220px 0;
}

.market-button_5 {
  background-position: -220px -47px;
}

.market-button_6 {
  background-position: -220px -94px;
}

.market-button_7 {
  background-position: -440px 0;
}

.market-button_8 {
  background-position: -440px -47px;
}

.market-button_9 {
  background-position: -440px -94px;
}

.footer {
  position: relative;
  text-align: center;
  padding: 100px 0;
  background-color: #60a629;
  color: #fff;
  overflow: hidden;
}

@media (max-width: 991px) {
  .footer {
    padding-top: 50px;
  }
  .footer .text {
    font-size: 12px;
  }
}

@media (max-width: 575px) {
  .footer {
    padding-bottom: 50px;
  }
}

.footer__notice {
  font-family: "GOST type A", sans-serif;
  font-size: 55px;
  line-height: 170px;
  margin-bottom: 50px;
  -ms-transform: scale(1.2, 3);
  transform: scale(1.2, 3);
  opacity: .2;
}

@media (max-width: 1199px) {
  .footer__notice {
    font-size: 45px;
    line-height: 45px;
  }
}

@media (max-width: 991px) {
  .footer__notice {
    font-size: 30px;
    line-height: 30px;
  }
}

@media (max-width: 575px) {
  .footer__notice {
    font-size: 20px;
    line-height: 20px;
  }
}

.footer__logo {
  opacity: .5;
}

@media (max-width: 575px) {
  .footer__logo {
    width: 200px;
  }
}

#map {
  width: 100%;
  height: 500px;
  padding: 0;
  margin: 0;
}

.ymaps-2-1-68-svg-icon {
  transition: .2s !important;
}

.mapData__cities {
  margin-bottom: 15px;
}

.mapData__areas {
  border-bottom: 1px dashed #ddd;
  margin-bottom: 5px;
}

.mapData__city-item, .mapData__area-item {
  display: none;
  /*display: inline-block;*/
  font-size: 12px;
  color: #000008;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 1px 10px 0 10px;
  margin: 0 1px 5px;
  cursor: pointer;
  transition: .2s;
}

.mapData__area-item {
  font-size: 12px;
  padding: 5px 15px 4px 15px;
}

.mapData__city-item.active, .mapData__area-item.active {
  border-color: #000008 !important;
  color: #000008 !important;
}

.mapData__city-item:hover, .mapData__area-item:hover {
  color: #333;
  border-color: #eee;
  background-color: #eee;
}

.mapData__item_with-icon:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 5px;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-position: center center;
  top: 2px;
}

.mapData__item-address:before {
  background-image: url(../img/placeholder-for-map.svg);
}

.mapData__item-schedule:before {
  background-image: url(../img/clock-circular-outline.svg);
}

.mapData__item-phone:before {
  background-image: url(../img/call-answer.svg);
}

.mapData__item-title {
  font-size: 20px;
  margin-bottom: 10px;
}

.mapData__table {
  padding: 0 15px;
}

.mapData__table-header {
  border-bottom: 2px solid #00c2d0;
  overflow: hidden;
  padding-bottom: 10px;
}

.mapData__table-item {
  padding: 10px 0;
}

.js_map_data_table_item-name {
  font-weight: 600;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .mapData__table-item {
    border-bottom: 1px solid #eee;
  }
}

.js_map_data_table_item-address .metro img {
  position: relative;
  top: -2px;
}

#block-system-main {
  padding: 0 !important;
}

.mapData__table-item-availability span, .mapData__table-item-availability a {
  display: block;
  font-size: 12px;
  background: #ddd;
  color: #777;
  padding: 3px 5px;
  border-radius: 4px;
  text-align: center;
}

.mapData__table-item-availability_1 span, .mapData__table-item-availability_1 a {
  background: #60a629;
  color: #fff;
}

.map-wrapper {
  position: relative;
}

.map-wrapper__left {
  position: relative;
  margin-right: 320px;
  overflow: hidden;
}

.map-wrapper__right {
  position: absolute;
  height: 100%;
  overflow: hidden;
  top: 0;
  right: 0;
  width: 320px;
  padding-top: 55px;
}

.mapData__list {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.mapData__list-item {
  position: relative;
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
  color: #000008;
}

.mapData__list-item-title {
  font-size: 14px;
}

.mapData__list-item-contacts {
  margin-bottom: 5px;
}

.mapData__list-item-availability span, .mapData__list-item-availability a {
  display: block;
  font-size: 12px;
  background: #ddd;
  color: #777;
  padding: 3px 5px;
  border-radius: 4px;
  text-align: center;
}

.mapData__list-item-availability_1 span, .mapData__list-item-availability_1 a {
  background: #60a629;
  color: #fff;
}

.mapData__list-availability-switcher {
  width: 100%;
  position: absolute;
  padding: 15px 10px;
  top: 0;
}

.mapData__list-availability-switcher > span {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  background: #ddd;
  color: #777;
  padding: 3px 15px;
  border-radius: 4px;
  text-align: center;
  transition: .3s;
  margin-right: 5px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mapData__list-availability-switcher > span.active {
  background: #60a629;
  color: #fff;
}

@media (max-width: 767px) {
  .map-wrapper__left {
    margin: 0;
  }
  .map-wrapper__right {
    position: relative;
    width: 100%;
    height: 300px;
  }
  #map {
    height: 300px;
  }
  .colored-box__special > .container {
    padding: 0 !important;
  }
}

.left_menu {
  display: none;
  position: fixed;
  left: 30px;
  width: 300px;
  line-height: normal;
  padding: 0 15px 0 33px;
  top: 200px;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1800px) {
  .left_menu {
    display: block;
  }
}

.left_menu li {
  list-style: none;
  height: 40px;
  line-height: 40px;
  position: relative;
}

.left_menu a {
  color: #404040;
  display: block;
  font-size: 14px;
}

.left_menu li:after {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #404040;
  border-radius: 100%;
  content: " ";
  left: -21px;
  top: 15px;
}

#wheretobuy .img {
  padding: 0 40px;
  border: solid 1px #DBDBDB;
  height: 42px;
  border-radius: 42px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
}

#wheretobuy .row .c-item {
  margin-bottom: 30px;
}

#wheretobuy .text-5 {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #A7A7A7;
}

#wheretobuy a:hover .img {
  background-color: #bfdbaa;
}

@media (max-width: 767px) {
  .buy-items .img.h img {
    max-width: none !important;
    width: 100% !important;
    height: auto !important;
  }
}

#wheretobuy div.img {
  padding: 0 20px;
}

@media (max-width: 576px) {
  div.row.buy-items img {
    max-width: 100%;
    height: 80%;
    width: auto;
  }
}

.c-item .img {
  padding: 0 40px;
  border: solid 1px #DBDBDB;
  height: 42px;
  border-radius: 42px;
  line-height: 40px;
  vertical-align: middle;
  text-align: center;
}