* {
  box-sizing: border-box;
}

:root {
  --bg-btn: #4586c1;
  --bg-basket: #f20d0d;
  --bg-bropdown: #e2e9fb;
  --bg-sale: #6ac214;
  --color-subtitle: #29519b;
  --max-w: 2028px;
}

*:focus {
  outline: var(--color-subtitle);
}

/* Шрифты */

/** Generated by FG **/
@font-face {
  font-family: "UbuntuBold";
  src: url("../fonts/UbuntuBold.woff") format("woff"),
    url("../fonts/UbuntuBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/** Generated by FG **/
@font-face {
  font-family: "UbuntuLight";
  src: url("../fonts/UbuntuLight.woff") format("woff"),
    url("../fonts/UbuntuLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/** Generated by FG **/
@font-face {
  font-family: "UbuntuMedium";
  src: url("../fonts/UbuntuMedium.woff") format("woff"),
    url("../fonts/UbuntuMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/** Generated by FG **/
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu.woff") format("woff"),
    url("../fonts/Ubuntu.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html,
body {
  overflow-x: hidden;
  max-width: var(--max-w);
  font-family: "Ubuntu";
}

img {
  width: 100%;
}

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

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.button {
  width: 210px;
  height: 80%;
  background-color: var(--bg-btn);
  border: none;
  border-radius: 20px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}

.container {
  margin: 0 auto;
  width: 1260px;
}

.section__title {
  height: 50px;
  font-size: 36px;
  font-family: "Ubuntu";
  border-left: 3px solid var(--bg-btn);
  padding: 5px 0 0 20px;
}

/* Header */
/* Header-top */
.header-top {
  font-size: 16px;
  background-color: #f4f7f9;
  border-bottom: 1px solid #e6e6e6;
}

.header-top__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
}

.header-top__city {
  display: flex;
  height: 100%;
  align-items: center;
}

.city__title {
  display: block;
  margin-right: 10px;
}

.city__select {
  border: none;
  background-color: #f4f7f9;
  color: var(--color-subtitle);
  -moz-appearance: none;
}

.header-top__phone,
.footer-top__phone {
  font-size: 22px;
}

.city__title,
.header-top__time,
.header-top__phone,
.basket__btn_text {
  position: relative;
  margin-left: 30px;
}

.city__title::before,
.header-top__time::before,
.header-top__phone::before,
.basket__btn_text::before {
  left: -35px;
  top: -5px;
}

.city__title::before {
  content: url("../img/marker.png");
  position: absolute;
}

.header-top__time::before {
  content: url("../img/time.png");
  position: absolute;
}

.header-top__phone::before {
  content: url("../img/phone.png");
  position: absolute;
}

/* Кнопка с корзинкой */
.header-top__basket {
  height: 100%;
  display: flex;
  align-items: center;
}

.basket__btn_text::before {
  content: url("../img/basket.png");
  position: absolute;
}

.basket__btn {
  text-align: center;
  width: 80px;
  height: 80%;
  background-color: var(--bg-basket);
  border: none;
  border-radius: 20px;
  padding: 10px 0 10px 0;
  margin-right: 10px;
}

.basket__btn_text {
  font-size: 19px;
  color: #fff;
}

.basket__title {
  display: flex;
  flex-wrap: wrap;
  width: 100px;
  font-size: 16px;
}

.basket__number {
  font-family: "UbuntuMedium";
  font-size: 14px;
  color: var(--bg-basket);
}

/* Header-middle */
.header-middle {
  display: flex;
  height: 130px;
}

.header-middle__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.header-middle__el:not(:last-child) {
  margin-right: 30px;
}

.header-middle__link {
  display: flex;
  align-items: center;
  height: 100%;
}

.header-middle__age {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  font-size: 20px;
  background-image: url("../img/bg_20age.png");
  background-repeat: no-repeat;
}

.header-middle__age b {
  font-family: "UbuntuBold";
  font-size: 32px;
  color: var(--color-subtitle);
}

.header-middle__age_color {
  color: var(--bg-basket);
}

.header-middle__description {
  font-family: "UbuntuMedium";
  color: var(--bg-basket);
  width: 190px;
  text-align: center;
  text-transform: uppercase;
}

/* Поиск по сайту */
.header-middle__form {
  width: 45%;
  height: 100%;
  display: flex;
  align-items: center;
}
.header-middle__input {
  font-family: "UbuntuLight";
  font-size: 16px;
  padding-left: 20px;
  background-color: #f4f7f9;
  box-shadow: 2px 1px 5px 1px rgba(0, 0, 0, 0.2) inset;
  border-radius: 20px;
  border: none;
  width: 100%;
  height: 50px;
}

.search__lbl {
  position: relative;
}

.search__lbl::before {
  position: absolute;
  content: url("../img/search.png");
  top: -14px;
  left: -45px;
  width: 20px;
  height: 20px;
}

/* Header-bottom */
.header-bottom {
  position: relative;
  height: 60px;
  background-color: var(--color-subtitle);
}

.header-bottom__container {
  height: 100%;
}

.header-bottom__nav {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: var(--color-subtitle);
}

.f-nav {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  height: auto;
  padding: 0 130px;
}

.header-bottom__list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 96%;
  margin-bottom: 0;
}

.header-bottom__item {
  height: 100%;
}

.header-bottom__item:not(:first-child) {
  padding: 20px 10px;
}

.header-bottom__item:last-child {
  padding-left: 0px;
  padding-right: 0px;
}

.header-bottom__link {
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
}

/* Dropdown */
.dropdown,
.dropbtn__menu {
  display: inline-block;
}

.dropbtn,
.dropbtn__menu {
  height: 100%;
  text-transform: uppercase;
  border: none;
  background-color: var(--color-subtitle);
  color: #fff;
  font-size: 13px;
  padding: 20px 5px 20px 5px;
}

.dropdown__menu {
  position: relative;
}

.dropbtn::before,
.dropbtn__menu::before {
  content: url("../img/menu.png");
  margin-right: 10px;
}

.dropdown-content__container {
  display: flex;
  flex-wrap: wrap;
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  background-color: var(--bg-bropdown);
  max-width: var(--max-w);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 400px;
  padding: 40px 0 20px 20px;
}

.dropdown-content__menu {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  background-color: var(--bg-bropdown);
  max-width: var(--max-w);
  width: 250px;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  z-index: 1;
  padding: 20px 0 20px 20px;
}

.f-nav .dropdown-content,
.f-nav .dropdown-content__menu {
  top: 55px;
}

.dropdown:hover,
.dropbtn:hover,
.dropdown__menu:hover,
.dropbtn__menu:hover,
.selected {
  background-color: #4585c2;
}

.drop-content__list {
  margin-left: 10px;
  margin-right: 20px;
}

.drop-content__item {
  font-size: 15px;
  margin-bottom: 20px;
}

.drop-content__item::before {
  content: url("../img/triangle.png");
  margin-right: 10px;
}

.dropdown__menu {
  display: none;
}

.visible {
  display: block;
}

/* Main */
.main {
  background-color: #f2f2f2;
  padding-top: 30px;
}

.main__title {
  font-size: 32px;
  color: var(--bg-btn);
  font-weight: 600;
}

.main__title_invisible {
  width: 0;
  height: 0;
  font-size: 0;
  margin: 0;
}
/* catalog */
.catalog__container {
  display: flex;
  height: auto;
  flex-wrap: wrap;
}

.catalog-help__container {
  margin-bottom: 20px;
}

.catalog-help {
  line-height: 22px;
}

.catalog__title {
  text-transform: uppercase;
}

.catalog__desc p {
  line-height: 22px;
}

.catalog__item {
  height: 250px;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  padding-left: 20px;
  padding-bottom: 25px;
}

.item_size-lg:first-child {
  margin-right: 30px;
}

.item_size-md:not(:nth-child(5)) {
  margin-right: 30px;
}

.item_size-lg {
  width: 48.6%;
  margin-bottom: 30px;
}

.item_size-md {
  width: 31.5%;
}

.item1 {
  background-image: url("../img/catalog_img1.jpg");
}

.item1:hover {
  border-bottom: 5px solid #ffcbcb;
}

.item2 {
  background-image: url("../img/catalog_img2.jpg");
}

.item2:hover {
  border-bottom: 5px solid #ecd34e;
}

.item3 {
  background-image: url("../img/catalog_img3.jpg");
}

.item3:hover {
  border-bottom: 5px solid #7adb44;
}

.item4 {
  background-image: url("../img/catalog_img4.jpg");
}

.item4:hover {
  border-bottom: 5px solid #93bfdb;
}

.item5 {
  background-image: url("../img/catalog_img5.jpg");
}

.item5:hover {
  border-bottom: 5px solid #4586c1;
}

.catalog__item_text {
  position: relative;
  font-size: 18px;
  font-family: "UbuntuBold";
  text-transform: uppercase;
}

.black__arrow::after {
  opacity: 0;
  position: absolute;
  margin-left: 10px;
  content: url("../img/arrow__b_hover.png");
}

.white__arrow::after {
  opacity: 0;
  position: absolute;
  margin-left: 10px;
  content: url("../img/arrow__w_hover.png");
}

.item1:hover .black__arrow::after {
  opacity: 1;
}

.item2:hover .white__arrow::after {
  opacity: 1;
}
.item3:hover .white__arrow::after {
  opacity: 1;
}
.item4:hover .white__arrow::after {
  opacity: 1;
}
.item5:hover .white__arrow::after {
  opacity: 1;
}

/* Каталог кабельной продукции */
.catalog {
  margin-bottom: 60px;
}

.catalog-filter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 225px;
  background-image: url("../img/bg_catalog.jpg");
  padding: 20px 0 20px 35px;
}

.catalog-filter__subtitle {
  color: #fff;
  font-family: "UbuntuLight";
  font-size: 28px;
  margin: 0;
}

.catalog-tab {
  display: flex;
  flex-direction: column;
  height: 65%;
  justify-content: space-between;
}

.catalog-letter {
  display: flex;
}

.catalog-letter__link {
  width: 55px;
  height: 55px;
  text-align: center;
  padding-top: 0.5em;
  text-transform: uppercase;
  cursor: pointer;
}

.catalog-letter__link:first-child {
  width: 100px;
  text-align: center;
  padding-top: 0.5em;
}

.catalog-letter__link,
.catalog-type__link {
  color: #fff;
  font-size: 26px;
  font-family: "Ubuntu";
}

.tab-link__active {
  background-color: #fff;
  color: var(--bg-basket);
}

.catalog-type__link {
  text-decoration: underline;
  margin-right: 30px;
  font-size: 18px;
}

.catalog-type__link:hover {
  background-color: #fff;
  color: var(--bg-basket);
}

.catalog-type {
  display: none;
  flex-wrap: wrap;
}

.active__tab {
  display: flex;
}

/* О компании */
.about {
  margin-bottom: 80px;
}

.about__description {
  font-family: "UbuntuLight";
  font-size: 16px;
  line-height: 30px;
}

/* Партнеры */
.partners {
  height: 180px;
  background-color: #fff;
  padding: 15px 0px;
}

.partners__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.partners__title {
  margin: 0;
}

/* slider */
.partners__slider {
  width: 80%;
  display: flex;
  min-width: 0;
  align-items: center;
  border-left: 1px solid #d2d2d2;
  padding-left: 35px;
  position: relative;
}

.partners__slider .slider__item {
  width: auto;
  margin: 20px;
}

.slick-list {
  overflow: hidden;
}

.slick-track {
  display: flex;
  min-width: 0;
}

.partners__slider .slick-arrow {
  position: absolute;
  top: 40%;
  z-index: 10;
  font-size: 0;
  border: none;
  background-color: #fff;
  width: 30px;
  height: 50px;
  background-repeat: no-repeat;
}

.partners__slider .slick-prev {
  background-image: url("../img/arrow_l.png");
  left: 20px;
}

.partners__slider .slick-next {
  right: -30px;
  background-image: url("../img/arrow_r.png");
}

.slide__img {
  height: 25px;
}

/* Описание партнеров */
.parthers-description {
  width: 100%;
  height: 450px;
  display: flex;
  margin-bottom: 80px;
}

.partners-description_position {
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  color: #fff;
}

.partners-description__subtitle {
  margin: 25px 0 20px 0;
  font-family: "Ubuntu";
  font-size: 30px;
  width: 300px;
  line-height: 32px;
  color: #fff;
}

.partners__hr {
  width: 120px;
  height: 0px;
  border: 2px solid #fff;
  margin-bottom: 20px;
}

.partners-description__desc {
  width: 345px;
  font-size: 18px;
  font-family: "Ubuntu";
  line-height: 27px;
  text-align: justify;
}

.partners-description__left {
  align-items: flex-end;
  text-align: right;
  padding-right: 40px;
  background-image: url("../img/bg_left.jpg");
  width: 40%;
}
.partners-description__center {
  align-items: center;
  text-align: center;
  background-image: url("../img/bg_center.jpg");
  width: 25%;
  padding: 0 50px;
}
.partners-description__right {
  text-align: left;
  padding-left: 40px;
  background-image: url("../img/bg_right.jpg");
  width: 40%;
}

.partners-description__desc_center {
  text-align: center;
  width: 440px;
}

/* Распродажа */
.sale {
  position: relative;
  margin-bottom: 60px;
}

.sale__title-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.sale__title {
  margin: 0;
}

.sale__btn {
  position: relative;
  width: 145px;
  height: 40px;
  background-color: #f2f2f2;
  border: 1px solid var(--bg-btn);
  color: var(--bg-btn);
  padding: 0.5em;
  font-size: 18px;
}

.arrow__btn::after {
  position: absolute;
  content: url("../img/arrow_btn.png");
  right: 20px;
  top: 14px;
}

.sale-list {
  display: flex;
  justify-content: space-between;
}

.sale-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 60px;
  width: 23%;
  height: auto;
  box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.22);
  background-color: #fff;
}

.sale-item__header {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 0 10px;
  min-height: 40px;
}

.sale-item__article {
  display: none;
  font-family: "UbuntuMedium";
  width: 60%;
}

.sale-item__true {
  color: var(--bg-sale);
  font-family: "UbuntuMedium";
}

.sale-item__true::before {
  content: "\2713";
  margin-right: 5px;
}

.sale-item__sticker {
  position: absolute;
  padding: 0.3em 0.5em;
  font-size: 17px;
  width: 75px;
  height: 30px;
  top: 50px;
  left: 0;
  color: #fff;
  font-family: "UbuntuMedium";
  background-repeat: no-repeat;
  background-image: url("../img/sale_sticker.png");
}

.sale-item__img {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
}

.sale__img {
  width: 90%;
  height: 200px;
}

.sale-item__title {
  width: 90%;
  min-height: 24%;
  text-align: center;
  font-size: 18px;
  font-family: "UbuntuBold";
  margin-bottom: 25px;
  line-height: 20px;
}

.sale-item__calc {
  position: absolute;
  bottom: -3px;
  width: 100%;
  height: 60px;
  border-top: 1px solid #cacaca;
  display: flex;
}

.calc__number {
  width: 23%;
  height: 100%;
  text-align: center;
  font-size: 26px;
  font-family: "UbuntuMedium";
  padding: 0.5em 0;
}

.calc__switch {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 95%;
  background-color: #f1f2f2;
  border: 1px solid #cacaca;
}

.switch {
  display: block;
  border: none;
  width: 21px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

.calc__switch_up {
  background-image: url("../img/calc_up.png");
  margin-bottom: 15px;
}
.calc__switch_down {
  background-image: url("../img/calc_down.png");
}

.calc__buy {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0;
}

.calc__price {
  font-size: 19px;
  font-family: "UbuntuMedium";
}

.calc__link {
  color: var(--color-subtitle);
}

.calc__btn {
  display: block;
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: var(--bg-basket);
  border: none;
}

.calc__btn:before {
  position: absolute;
  content: url("../img/basket.png");
  top: 21%;
  left: 11%;
}

/* Преимущества работы с нами */
.advantage {
  padding: 40px 0;
  background-color: #fff;
  margin-bottom: 60px;
}

.advantage__title {
  margin: 0 0 40px 0;
}

.advantage-list {
  display: flex;
  justify-content: space-between;
}

.advantage-item {
  width: 200px;
  height: 310px;
  text-align: center;
}

.advantage-item__img {
  margin-bottom: 15px;
}

.advantage__subtitle {
  margin: 0;
  color: var(--color-subtitle);
  font-size: 24px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.advantage-item__desc {
  font-size: 18px;
}

/* Схема сотрудничества */
.partnership {
  width: 100%;
  height: 600px;
  background-image: url("../img/bg_partnership.jpg");
}

.partnership__title {
  margin: 0 0 50px 0;
}

.partnership-list {
  height: 403px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.partnership-item {
  background-size: cover;
  background-image: url("../img/bg_block.png");
  display: flex;
  background-repeat: no-repeat;
  flex-direction: column;
  align-items: center;
  align-content: center;
  width: 318px;
  height: 270px;
  padding-top: 25px;
}

.partnership-item:nth-child(2n) {
  position: absolute;
  align-self: flex-end;
}

.partnership-item:nth-child(2) {
  left: 18%;
  top: 46%;
}

.partnership-item:nth-child(4) {
  right: 18%;
  top: 46%;
}

.partnership-item__img {
  width: auto;
  height: auto;
  margin-bottom: 15px;
}

.partnership-item__title {
  font-size: 19px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  text-align: center;
}

.partnership-item__desc {
  width: 71%;
  text-align: center;
  line-height: 22px;
}

/* Наша команда */
.team {
  padding: 60px 0;
  margin-bottom: 60px;
  background-color: #fff;
}

.team-list {
  display: flex;
  justify-content: center;
}

.team-item {
  display: flex;
  flex-basis: 25%;
  flex-direction: column;
  align-items: center;
}

.team-item:not(:last-child) {
  margin-right: 40px;
}

.team-item__img {
  width: auto;
  height: auto;
  margin-bottom: 10px;
}

.team-item__subtitle {
  color: var(--color-subtitle);
  text-transform: uppercase;
  font-size: 21px;
  margin: 0 0 10px 0;
}

.team-item__specialist {
  text-transform: uppercase;
  font-size: 16px;
  font-family: "UbuntuMedium";
}

/* Новости */
.news {
  height: auto;
}

.news__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.news__block-title {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news__title {
  margin: 0 20px 0 0px;
  text-transform: uppercase;
}

.news__link-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.news__link {
  font-size: 17px;
  color: #999;
  font-family: "UbuntuMedium";
}

.news__link:focus {
  color: var(--color-subtitle);
}

.news__btn {
  position: relative;
  width: 215px;
  height: 40px;
  background-color: #f2f2f2;
  border: 1px solid var(--bg-btn);
  color: var(--bg-btn);
  padding: 0.5em;
  font-size: 18px;
}

.news__btn .arrow__btn::after {
  right: 29px;
}

.news-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news-item {
  display: flex;
  height: auto;
  width: 48%;
  margin-bottom: 40px;
}

.news-item__date {
  text-align: center;
  color: #999;
  margin-right: 20px;
  font-size: 15px;
}

.date__number {
  display: block;
  font-size: 60px;
}

.news-item__subtitle {
  font-size: 20px;
  margin: 0 0 10px 0;
}

.partners__hr {
  border-color: var(--color-subtitle);
  margin-bottom: 10px;
}

.news-item__content {
  display: flex;
  flex-direction: column;
}

.news-item__description {
  font-size: 16px;
  line-height: 25px;
}

/* Контакты */
.contacts {
  display: flex;
  height: auto;
  border-bottom: 2px solid var(--color-subtitle);
}

.contacts__left {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: flex-end;
  color: #fff;
  background-image: url("../img/bg_contacts.jpg");
  background-repeat: no-repeat;
  padding: 30px 0;
}

.contacts__header {
  width: 62%;
  border-left: 3px solid #fff;
  padding: 5px 0 0 20px;
  margin-bottom: 40px;
}

.contacts__title {
  padding: 0;
  margin: 0;
  border: none;
  font-weight: normal;
  font-family: "Ubuntu";
  color: #fff;
}

.contacts__subtitle {
  font-size: 20px;
  text-transform: uppercase;
}

.contacts__address {
  width: 62%;
  display: block;
  font-size: 19px;
  font-family: "UbuntuMedium";
  margin-bottom: 50px;
}

.contacts__address::before {
  content: url("../img/contacts_marker.png");
  margin-right: 20px;
}

.contacts__content {
  display: flex;
  width: 62%;
}

.contacts__block-photo {
  width: 43%;
  margin-right: 40px;
}

.block-photo__img {
  width: 100%;
  height: 100%;
}

.contacts__right {
  width: 50%;
  height: 522px;
}

/* Maps */
#map {
  width: 100%;
  height: 100%;
  border: none;
}

/* footer */
/* footer-top */
.footer-top {
  height: 80px;
  background-color: rgb(218, 218, 218);
}

.footer-top__container {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer__logo {
  width: auto;
}

/* footer-middle */
.footer-middle {
  padding-top: 15px;
  height: 350px;
  background-color: #e8e8e8;
}

.footer__subtitle {
  margin: 0;
  font-size: 18px;
  margin-bottom: 10px;
}

.footer__block {
  display: flex;
  justify-content: space-between;
}

.footer-nav__item,
.footer__item {
  margin-bottom: 10px;
}

.footer-nav__link,
.footer__link {
  font-size: 16px;
}

.footer-bottom {
  background-color: #fff;
  padding: 10px 0;
}

.footer-bottom__container {
  display: flex;
  justify-content: center;
}

.footer-bottom__el {
  display: inline-block;
  margin-right: 30px;
}

/* Модальные окна */
.popup {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
}

/* .active {
  display: block;
} */

.modal__window {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  z-index: 999;
  margin-top: 100px;
  padding-bottom: 40px;
}

.callback__header,
.checkout__header,
.addBasket__header {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid var(--bg-btn);
  color: var(--color-subtitle);
  background-color: #ebf2ff;
  text-transform: uppercase;
  font-family: "Ubuntu";
  margin-bottom: 20px;
}

.checkout__info, .addBasket__info {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  margin-bottom: 20px;
}

.info__el {
  margin-bottom: 10px;
}

.info__container {
  display: flex;
}

.info__title {
  font-family: "UbuntuBold";
}

.addBasket__title {
  display: block;
  margin-right: 15px;
  color: #00cc00;
}

.addBasket .button {
  margin: 0 auto;
}

.addBasket__block-btn {
  display: flex;
  justify-content: space-around;
}

.addBasket__basket {
  background-color: #fff;
  border: 1px solid var(--bg-btn)!important;
  color: var(--bg-btn)!important;
}

.addBasket__basket:hover {
  background-color: var(--bg-btn);
  border: 1px solid var(--bg-btn)!important;
  color: #fff!important;
}

.info__text {
  margin-right: 10px;
  font-family: "UbuntuBold";
}

.close {
  height: 20px;
  width: 20px;
  position: absolute;
  display: block;
  right: 15px;
  top: 35px;
  z-index: 999;
  cursor: pointer;
}

/* Закрыть */
.close_icn {
  display: block;
  width: 100%;
  height: 4px;
  background-color: var(--bg-basket);
  position: relative;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

.close_icn:before {
  position: absolute;
  content: "";
  width: inherit;
  height: inherit;
  background-color: inherit;
  border-radius: inherit;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.callback__form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.callback__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.callback__form .button {
  width: 31%;
  height: 40px;
}

.callback__input {
  width: 70%;
  display: block;
  height: 60px;
  border: none;
  padding: 20px 30px;
  border-radius: 50px;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.18) inset;
  text-align: center;
}

.callback__input {
  margin-bottom: 20px;
}

.callback__input:focus {
  outline: none;
}

.popup .bg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #ccd7e0;
  opacity: 0.8;
  z-index: 1;
}

.popup_forms_background,
#map_block_bg {
  background: none repeat scroll 0 0 black;
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.modal-win {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.x {
  width: 17px;
  height: 17px;
  background: url(../img/x.png) no-repeat;
  top: 10px;
  right: 10px;
  position: absolute;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
  box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.perezvonim h2 {
  margin-bottom: 20px;
}

.modal-body {
  position: relative;
  padding: 15px;
  text-align: center;
}

.perezvonim-input {
  width: 100%;
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  background: #d9e5ef;
  border: none;
  box-shadow: inset 0px 1px 6px #ccc;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px 0;
}

.perezvonim-button {
  height: 43px;
  background: url(../img/zakazat-blue.jpg) no-repeat;
  display: block;
  margin: 0 auto;
  background-size: contain;
  max-width: 382px;
}

/* Page news */
#kontur {
  width: 100%;
}

#content {
  padding: 10px 0 0 0;
}

#content h1 {
  margin-top: 0;
}

#white {
  background: #fff;
  min-height: 265px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
}

#path {
  margin-bottom: 15px;
  color: #b5cedd;
  font-size: 13px;
  border-bottom: #adc9da 1px solid;
  padding: 0 0 15px 0;
}

#path a {
  text-decoration: none;
  color: #595959;
}

.kontur__title {
  font-size: 32px;
  color: #0d497f;
}

#content p {
  font-size: 14px;
  line-height: 22px;
}

.kontur__link {
  color: #083667;
  text-decoration: underline;
}

.page_span {
  margin-right: 4px;
}

/* Page About */
.about-page__container {
  margin: 0 auto;
  width: 1140px;
}

.kontur__link_text {
  color: #000;
  text-decoration: underline;
}

#oganesyan-bg {
  background: url(../img/oganesyan.jpg) top center no-repeat;
  display: inline-block;
  background-size: contain;
  background-color: #d4e5f7;
  width: 100%;
}

.row {
  margin-left: -15px;
  margin-left: -15px;
}

.director_img img {
  width: auto;
  max-width: 100%;
  margin: 5px 0 5px -21px;
}

.oganesyan-text {
  margin: 30px 0;
  font-size: 17px;
  font-style: italic;
  color: #0c467c;
  line-height: 22px;
}

.oganesyan-text p {
  line-height: 24px;
  font-size: 15px;
}

#chronic {
  margin-top: 10px;
  background: url(../img/chronic.jpg) 50% 70px no-repeat;
  height: 640px;
}

.chronic-left {
  float: left;
  width: 30%;
}

.chronic-1 {
  padding: 15px;
  border: #cdcdcd 1px solid;
  margin: 18px 0 100px 0px;
}

.chronic-left span {
  font-size: 17px;
  color: #0f5b8b;
  display: block;
  margin-bottom: 5px;
}

.chronic-2 {
  padding: 15px;
  border: #cdcdcd 1px solid;
  margin: 0 0 115px 0px;
}

.chronic-3 {
  padding: 15px;
  border: #cdcdcd 1px solid;
  margin: 0 0 0 0px;
}

.chronic-right {
  float: right;
  width: 30%;
}

.chronic-4 {
  padding: 15px;
  border: #cdcdcd 1px solid;
  margin: 100px 0 80px 0;
}

.chronic-5 {
  padding: 15px;
  border: #cdcdcd 1px solid;
  margin: 100px 0 107px 0;
}

.chronic-6 {
  padding: 15px;
  border: #cdcdcd 1px solid;
  margin: 140px 0 0 0;
}


.managers {
  text-align: center;
  margin: 20px 0;
}

#kontur .row {
  width: 99%;
  margin: 0 auto;
}

.manager__container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.about-page__block {
  display: flex;
  justify-content: space-between;
}

.about-page__el {
  display: flex;
  flex-direction: column;
  flex: 0 1 30%;
}

.manager {
  border: 1px solid #0d497f;
  padding: 20px;
  margin: 20px 0;
}

.managers img {
  width: auto;
  max-width: 100%;
}

.manager p {
  font-weight: bold;
  font-size: 20px !important;
  border-bottom: 1px solid #0d497f;
  padding-bottom: 10px;
  margin: 10px 0;
}

#work-wrap {
  clear: both;
}

/* Tabs */
ul.tabs {
  margin: 10px 0 -1px 0;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #adc9da;
  float: left;
}
ul.tabs.left {
  text-align: left;
}
ul.tabs li {
  width: 33%;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  display: inline-block;
  /* *display: inline; */
  position: relative;
  top: 0;
  left: 0;
  zoom: 1;
  text-align: center;
  height: 73px;
}
ul.tabs li:last-child {
  margin: 0;
}
ul.tabs li a {
  text-decoration: none;
  color: #0d497f;
  display: inline-block;
  padding: 6px 0px;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  line-height: 100%;
  background: #e6ecf1;
  border: 1px solid #adc9da;
  border-bottom: 0;
  font-size: 20px;
  zoom: 1;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
}
ul.tabs li a:hover {
  text-decoration: underline;
}
ul.tabs li.current a {
  position: relative;
  top: 1px;
  left: 0;
  background: #fff;
  color: #0d497f;
}
.tab-content {
  border: 1px solid #adc9da;
  border-bottom: none;
  clear: both;
  padding: 20px;
  margin: 0 0 0 0;
  text-align: center;
}
.tab-content p {
  line-height: 22px;
  margin: 0 0 20px 0;
}
.tab-content h2 {
  font-size: 18px;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

.benefit {
  margin-bottom: 40px;
}

#kontur .benefits.row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px 0 10px 0;
  text-align: center;
}

.benefit img {
  margin: 0 0 15px 0;
  width: 90px;
}

.benefit div {
  color: #0a3c6f;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.callme {
  background: url(../img/callme-bg.jpg) top repeat-x;
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  background-size: contain;
}

.callme-text {
  width: 100%;
  height: auto;
  background: url(../img/callme-arrow.jpg) top center no-repeat;
  text-align: center;
  color: #fff;
  text-shadow: 0px 1px 0px rgb(0 0 0 / 50%);
  padding: 10px;
  background-size: 96px 130%;
}

.callme-text span {
  font-size: 18px;
  display: block;
  margin: 0 0 10px 0;
  padding: 30px 0 0 0;
}

.callme-text a {
  text-decoration: underline;
  color: #fff;
}

#contacts-wrap {
  width: 100%;
  background: url(../img/contacts-wrap.jpg) top repeat;
  clear: left;
  padding-bottom: 20px;
}

#contacts-bg {
  background: url(../img/contacts-bg.jpg) top center no-repeat;
  padding: 15px 0 0 0;
  text-shadow: 0px 1px 0px rgb(255 255 255 / 75%);
}

#contacts-bg h2 {
  text-align: center;
  padding: 0 5px;
}

.address {
  font-size: 18px;
  font-style: normal;
  text-align: center;
}

.contacts-page {
  display: flex;
  height: auto;
  border-bottom: 2px solid var(--color-subtitle);
}

.mini_map {
  width: 100%;
  height: 240px;
  display: inline-block;
  margin-bottom: 10px;
}

#contacts-bg span {
  text-transform: lowercase;
}

.contact-left,
.contact-center,
.contact-right {
  text-align: center;
  margin-bottom: 15px;

}
.contact-left {
  padding: 0 0 0 15px;
}

.contact-left span {
  display: block;
  color: #0b3f72;
  font-weight: bold;
  margin-bottom: 5px;
}

.contact-right span {
  display: block;
  color: #0b3f72;
  font-weight: bold;
  margin-bottom: 5px;
}

.contact-right a {
  color: #5a5a5a;
}

.contact-right img {
  border: #cdcdcd 1px solid;
  margin-bottom: 5px;
  width: 100%;
  max-width: 260px;
}

.contact-center span {
  display: block;
  color: #0b3f72;
  font-weight: bold;
  margin-bottom: 5px;
}

.contact-center img {
  border: #cdcdcd 1px solid;
  margin-bottom: 5px;
  width: 100%;
  max-width: 260px;
}

.contact-center a {
  color: #5a5a5a;
  text-align: center;
}

.contact-all {
  font-size: 18px;
  font-style: normal;
  clear: left;
  text-align: center;
  margin: 0;
  padding: 10px 0 0 0;
}

.contact-all a {
  text-decoration: underline;
}

#content ul {
  padding-left: 0px;
}

/* Articles page */
.articles__img {
  width: auto;
}

/* Payment page */
#oplata-wrap {
  width: 100%;
  clear: left;
  border: #adc9da 1px solid;
  border-bottom: none;
  margin: 0 0 0 0;
}

.oplata {
  border: #fff 1px solid;
  border-bottom: none;
  background: #e6ecf1;
  color: #595959;
  font-size: 16px;
  padding: 35px 0 10px 0;
  overflow: hidden;
}

.payment-page__cards {
  display: flex;
  justify-content: center;
}

.payment-page__card {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 0 1 30%;
  margin: 0 20px;
}

.payment-page__subtitle {
  text-align: center;
  margin: 0 0 40px 0;
}

.payment-page__description-title {
  color: #0b3f72;
  font-size: 17px;
  display: block;
  margin: 0 0 10px 0;
}

.payment-page__img {
  margin-bottom: 20px;
  width: 40%;
}

.payment-page__description-desc {
  font-size: 14px;
  line-height: 22px;
  width: 70%;
}

.town_img-block {
  position: absolute;
  z-index: 1000;
  height: 65px;
  width: 100%;
}

.town_img {
  margin: 0 auto;
  width: 175px;
  background: url(../img/fon-city.png) no-repeat;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: flex;
  height: 65px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #000;
}

#contacts-bg span .strNoLowerCase {
  text-transform: none;
}

.blue-separator {
  border-bottom: #f2f2f2 2px solid;
  clear: both;
  height: 0;
  margin: 0 0 40px 0;
}

.catalog-list {
  height: 245px;
  margin: 0 0 10px 0;
}

.catalog-item {
  height: 245px;
  padding: 0;
  background: #e6ecf1;
  text-align: center;
  border: 1px solid #adc9da;
  margin: 0 auto;
}

.catalog-item-link {
  margin: 10px 10px 0 10px;
  font-size: 14px;
  line-height: 18px;
}

.catalog-item-link a {
  text-decoration: none;
  text-shadow: 0px 1px 0px rgb(255 255 255 / 75%);
}

.catalog-item-image {
  width: 156px;
  height: 156px;
  border: #cdcdcd 1px solid;
  margin: 10px auto;
}

.catalog-hover {
  height: 247px;
  padding: 0 0 0 0;
  background: url(../img/cat-hov.png) 0 0 no-repeat;
  text-align: left;
  z-index: 10000;
  color: #fff;
  display: none;
  background-size: 100% 100%;
}

.catalog-hover ul {
  list-style: none;
  padding: 20px;
  height: 183px;
}

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

.catalog-hover-link {
  margin: 0 10px;
  line-height: 18px;
  text-align: center;
  padding: 5px;
}

.catalog-hover-link a,
.catalog-item-link1 a {
  text-decoration: none;
  text-shadow: 0px 1px 0px rgb(0 0 0 / 75%);
}

.catalog-list1 {
  margin: 0 0 10px 0;
}

.catalog-item1 {
  height: 245px;
  padding: 0;
  background: #e6ecf1;
  text-align: center;
  border: 1px solid #adc9da;
  margin: 0 auto;
}

.catalog-item-image1 {
  width: 156px;
  height: 156px;
  border: #cdcdcd 1px solid;
  margin: 10px auto;
}

.catalog-item-link1 {
  margin: 10px 10px 0 10px;
  font-size: 14px;
  line-height: 18px;
}

.pereiti {
  display: block;
  width: 158px;
  height: 158px;
  margin: 40px auto 0 auto;
  background: url(../img/pereiti.png) no-repeat;
}

.scheme-page {
  background: url(../img/scheme-page.jpg) 0 50px no-repeat;
  padding-bottom: 40px;
}

.scheme-page h2 {
  margin-top: 0;
}

.scheme-item-page-1,
.scheme-item-page-2,
.scheme-item-page-3,
.scheme-item-page-4,
.scheme-item-page-5 {
  padding: 0 0 0 100px;
}

.scheme-item-page-1 div,
.scheme-item-page-2 div,
.scheme-item-page-3 div,
.scheme-item-page-4 div,
.scheme-item-page-5 div {
  margin: 0px 0 60px 0;
  color: #0a3c6f;
  margin: 0 0 5px 0;
}

.scheme-item-page-1 {
  margin: 45px 0 58px 0;
}
.scheme-item-page-2 {
  margin: 0px 0 66px 0;
}

.scheme-item-page-3 {
  margin: 0px 0 60px 0;
}

.scheme-item-page-4 {
  margin: 0px 0 65px 0;
}

.scheme-item-page-5 {
  margin: 0;
}

#content .callback_block {
  text-align: center;
  margin: 30px 0;
  padding: 20px;
  border: 1px solid #5a5a5a;
}

#content .callback_block p {
  font-size: 22px;
  padding-bottom: 10px;
  line-height: 30px;
}

#content .callback_block a {
  padding: 10px 0;
  text-decoration: none;
  color: #5a5a5a;
  font-size: 20px;
  border: 1px solid #5a5a5a;
  width: 100%;
  display: block;
  max-width: 260px;
  margin: 0 auto;
}

.service-page {
  border: none;
}

/* Page Price */
.price-page__list {
  display: flex;
  flex-direction: column;
}

.price-page__img {
  width: 80px;
  height: 80px;
}

/* Page Sale */
.table-price {
  margin: 0 0 30px 0;
  width: 100%;
}

.table-price-head {
  background: #e6ecf1;
  color: #0f5b8b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-price-head div {
  text-align: center;
  padding: 15px 0;
}

.table-price-white,
.table-price-gray {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.table-price-white {
  background: #fff;
}

.table-price-gray {
  background: #f2f2f2;
}

.table-price-gray a {
  color: #5a5a5a;
  text-align: center;
  width: 100%;
}

.table-price-white div,
.table-price-gray div {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  padding: 5px 15px;
}

.table-price-white a {
  color: #5a5a5a;
  text-align: center;
  width: 100%;
}

.table-price-image img {
  border: #dcdcdc 1px solid;
  margin: 10px 0;
  max-width: 100%;
  height: 100%;
}

.table-price-input {
  width: 75px;
  height: 30px;
  padding-left: 5px;
  padding-right: 10px;
  background: #e6ecf1;
  border: none;
  box-shadow: inset 0px 1px 6px #ccc;
  color: #595959;
  font-size: 13px;
  margin-top: 15px;
  margin-right: 5px;
}

.plus_page {
  display: block;
  width: 30px;
  height: 15px;
  text-align: center;
  line-height: 13px;
  border: 1px solid #ccc;
  border-bottom: 0;
  position: absolute;
  top: 20px;
  left: 61px;
  background: #fff;
  cursor: pointer;
}

.minus_page {
  display: block;
  width: 30px;
  height: 15px;
  text-align: center;
  line-height: 13px;
  border: 1px solid #ccc;
  position: absolute;
  top: 35px;
  left: 61px;
  background: #fff;
  cursor: pointer;
}

.galka {
  width: auto;
}

.blue-button {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffd148;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffd148;
  box-shadow: inset 0px 1px 0px 0px #ffd148;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #ffd148),
    color-stop(1, #ffc003)
  );
  background: -moz-linear-gradient(center top, #ffd148 5%, #ffc003 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD148', endColorstr='#FFC003');
  background-color: #ffc003;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  border: 1px solid #ffc003;
  display: inline-block;
  color: #ffffff !important;
  font-size: 13px;
  height: 100%;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  text-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
}

.table-price-gray:hover {
  background: #d3e5f6;
  cursor: pointer;
}

.scheme {
  width: 100%;
  overflow: hidden;
  clear: left;
}

.scheme_bg {
  float: left;
  width: 100%;
  height: 430px;
  background: url(../img/scheme.png) 0 10px no-repeat;
}

.scheme-left {
  float: left;
  width: 20%;
  margin: 0 0 0 100px;
}

.scheme-items {
  margin-bottom: 60px;
}

.scheme-item {
  margin: 0 0 65px 0;
  padding: 20px 0 0 0;
}

.scheme-item div {
  color: #0a3c6f;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.scheme-right {
  float: left;
  width: 19%;
  margin-left: 185px;
}

.scheme-right .scheme-item {
  margin: 0 0 95px 0;
}

.kursy {
  min-width: 183px;
  border: #cdcdcd 0px solid;
  padding: 0 5px 15px 5px !important;
  text-align: center;
}

.advantages_list {
  box-shadow: 0px 1px 2px 1px rgb(0 0 0 / 25%);
  padding: 10px;
  margin: 30px 0;
}

.advantages_list_icon {
  text-align: center;
  font-size: 40px;
  margin: 10px 0;
  color: #4586c1;
}

.advantages_list_name {
  text-align: center;
  font-size: 20px;
  margin: 10px 0;
  text-transform: uppercase;
  line-height: 35px;
}

.advantages_list_name a {
  color: #000;
  text-decoration: none;
}

.advantages_list_salary {
  color: #d72127;
  text-align: center;
  font-size: 20px;
  margin: 10px 0;
  font-weight: 600;
}

.advantages_list_requirements {
  text-align: center;
}

.respond_vacancy {
  text-align: center;
  margin: 15px 0;
}

.respond_vacancy a {
  display: inline-block;
  text-transform: uppercase;
  background-color: #106bb0;
  border: 2px solid #106bb0;
  color: #fff;
  padding: 14px 25px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  cursor: pointer;
  text-decoration: none;
}

.contacts__page {
  width: 100%;
  margin: 30px 0 25px 0;
}

.blue {
  color: #0b3f72;
}

.for_art a {
  text-decoration: underline;
}

.highslide {
  outline: none;
  text-decoration: none;
}

.highslide img {
  cursor: url(..img/zoomin.cur), pointer !important;
}

.order__list {
  list-style-type: decimal;
}

.header-bottom__item:hover,
.header-bottom__link:hover {
  background-color: #4585c2;
  color: #fff;
}

/* Wire page */
.wire__container {
  display: flex;
  justify-content: center;
}

.wire__list {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 750px;
}

.wire__item {
  margin-bottom: 10px;
}

.wire__item small {
  color: rgb(138, 137, 137);
  font-size: 10px;
}

/* Wire-vvg page */
.wire-vvg__sort-block {
  margin-bottom: 20px;
  align-self: flex-end;
}

.wire-vvg {
  background-color: #eee;
}

.wire-vvg__container {
  background-color: #fff;
  padding-bottom: 40px;
}

.wire-vvg__title-block {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.wire-vvg__title-block p {
  line-height: 23px;
}

.wire-vvg__title {
  font-size: 36px;
  font-family: "UbuntuMedium";
}

.sort-block__title {
  margin-right: 10px;
}

.sort-block__select {
  width: 130px;
  height: 30px;
  padding: 0.3em 0 0.3em 1em;
  border-color: #d1d1d1;
  border-radius: 4px;
  color: #66696e;
}

select.sort-block__select {
  -webkit-appearance: none;
  background: url(../img/triangle-select.png) no-repeat 95% #f4f4f4;
}

.vvg-block__cards {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}

.vvg-block__card {
  border: 1px solid #eee;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.vvg-block__content {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vvg-block__img {
  width: auto;
  margin: 20px 0 20px 20px;
}

.vvg-block__link {
  text-align: center;
  color: var(--color-subtitle);
}

.vvg-block__description {
  height: auto;
  width: 17%;
  display: flex;
  flex-direction: column;
}

.vvg-block__description-true {
  font-size: 14px;
  position: relative;
  color: var(--bg-sale);
  margin-bottom: 10px;
  margin-left: 20px;
}

.vvg-block__description-true::before {
  content: "";
  position: absolute;
  display: block;
  left: -20px;
  width: 15px;
  height: 15px;
  background-color: var(--bg-sale);
  border-radius: 50%;
}

.vvg-block__delete {
  width: 35px;
  height: 35px;
  border: none;
  display: block;
  background-color: #fff;
  background-image: url("../img/delete.png");
  background-size: cover;
}

.vvg-block__articul {
  margin-bottom: 10px;
}

.vvg-block__articul a,
.vvg-block__footage a {
  color: var(--color-subtitle);
}

.vvg-figuration {
  display: flex;
  flex-direction: column;
  width: 35%;
  height: 170px;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 2em 2em 1em 3em;
}

.vvg-total-summ {
  display: flex;
  flex-direction: column;
  width: 35%;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 1em;
}

.vvg-figuration__el {
  margin-right: 5px;
}

.vvg-figuration__total-block {
  margin-top: 20px;
  font-weight: bold;
}

.vvg-block__card_last .vvg-figuration__total-block {
  margin-top: 0;
  font-size: 20px;
}

.vvg-figuration__total {
  color: var(--bg-basket);
}

.figuration__text {
  font-size: 13px;
}

.figuration__number,
.figuration__small {
  font-family: "UbuntuBold";
}

.figuration__number {
  margin-right: 10px;
  font-size: 19px;
}

.block-count {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.vvg-count {
  display: flex;
}

.block-count__switch {
  width: 45px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #909090;
  background-color: #e1e1e1;
  position: relative;
  margin-right: 5px;
}

.block-count__minus::before,
.block-count__plus::before {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #e1e1e1;
}
.block-count__minus::before {
  content: url("../img/minus.png");
  top: 23%;
  left: 29%;
}

.block-count__plus::before {
  content: url("../img/plus.png");
  top: 23%;
  left: 30%;
}

.block-count__number {
  border-radius: 5px;
  border: 1px solid #909090;
  background-color: #fff;
  width: 90px;
  height: 35px;
  text-align: right;
  padding-right: 0.7em;
  margin-right: 5px;
}

.block-count__arrange {
  border-radius: 5px;
  height: 35px;
  border: 1px solid #d18e3f;
  background-color: #ef8805;
  color: #fff;
  font-size: 17px;
  font-family: "UbuntuMedium";
}

.vvg-figuration__btn {
  width: 120px;
}

.wire-vvd__bottom-panel {
  display: flex;
  flex: 0 1 100%;
  justify-content: space-between;
  align-items: center;
}

.bottom-panel__btn {
  width: 30%;
  height: 35px;
  color: #7c7b77;
  background-color: #fff;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
}

.bottom-panel__link-block {
  width: auto;
  display: flex;
}

.bottom-panel__link {
  display: block;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border: 1px solid #b6b6b6;
  border-radius: 3px;
  text-align: center;
  padding-top: 0.6em;
  color: var(--color-subtitle);
  margin-left: 10px;
}

.visit {
  font-family: "UbuntuBold";
  color: #000;
  background-color: #f7f9f8;
}

/* Технические и эксплуатационные характеристики */
.specif__container {
  background-color: #fff;
}

.specif__title {
  text-align: center;
}

.specif-table {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 40px;
}

.specif-table__tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.specif-table__tr {
  padding-left: 5px;
  height: 60px;
  font-size: 16px;
}

.specif-table__td {
  padding: 0 10px;
}

/* Структура кабеля */
.structure__container {
  background-color: #fff;
}

.structure__title,
.structure__desc-title {
  text-align: center;
}

.structure__item {
  list-style-type: decimal;
  margin-bottom: 5px;
}

.structure__desc-block {
  width: 80%;
  margin: 0 auto;
  padding: 2em 1.5em;
  border: 1px solid #bcc6cf;
  background-color: #e7ecf2;
}

.structure__desc-img {
  width: auto;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.structure__desc-description {
  line-height: 26px;
  font-size: 17px;
}

/* Последние просмотренные */
.viewed__container {
  background-color: #fff;
  padding: 60px 0;
}

.viewed__title {
  text-transform: uppercase;
  font-family: "UbuntuMedium";
  color: #000;
  font-size: 20px;
}

.viewed-cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.viewed-card {
  width: 18%;
  display: flex;
  flex-direction: column;
}

.viewed-card__goods {
  padding: 0.3em;
  display: flex;
  flex-direction: column;
  border: 1px solid #e4e4e4;
}

.viewed-card__img {
  width: auto;
  border: 1px solid #e4e4e4;
  margin-bottom: 10px;
}

.viewed-card__description {
  display: flex;
  flex-direction: column;
}

.viewed-card__order {
  text-align: center;
  font-size: 12px;
  position: relative;
  color: var(--bg-sale);
  margin-bottom: 10px;
  margin-left: 25px;
}

.viewed-card__order::before {
  content: "";
  position: absolute;
  display: block;
  top: -2px;
  left: -1px;
  width: 15px;
  height: 15px;
  background-color: var(--bg-sale);
  border-radius: 50%;
}

.viewed-card__title {
  background-color: #fbf7d1;
  margin-bottom: 15px;
}

.viewed-card__number {
  text-align: center;
}

.viewed-figuration__count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}

.viewed__count {
  width: 100px;
}

.viewed-figuration__btn {
  width: 100%;
}

/* Страница кабеля ВВГНГ */
.vvg-page1__block {
  border: 1px solid #c4c4c4;
  padding: 2em 3em;
  margin-bottom: 40px;
}

.vvg-page1__title {
  margin: 0;
  font-size: 24px;
  color: #000;
  font-family: "UbuntuMedium";
  margin-bottom: 15px;
}

.vvg-page1__title-desc {
  padding-bottom: 15px;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 20px;
}

.vvg-page1__content {
  display: flex;
}

.vvg-page1__left {
  display: flex;
  width: 65%;
  border-right: 1px solid #c4c4c4;
}

.vvg-page1__left-img {
  width: 70%;
}

.vvg-page1__right {
  width: 35%;
  height: 350px;
}

.vvg-page1__img {
  width: 90%;
  margin-right: 40px;
}

.vvg-page1__subtitle {
  font-size: 14px;
  font-family: "UbuntuBold";
  color: #615a52;
}

.vvg-page1__parameter-table {
  color: #646057;
  width: 80%;
}

.vvg-page1__td {
  padding-bottom: 0.5em;
}

.vvg-page1__td:nth-child(odd) {
  padding-right: 1em;
  color: #6b7581;
}

.vvg-page1__td:nth-child(even) {
  padding-right: 3em;
  color: #000;
}

.vvg-page1__figuration {
  display: flex;
  justify-content: flex-end;
  width: 35%;

  padding-left: 3em;
}

.vvg-page1__figuration-block {
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: space-between;
  padding-top: 1em;
}

.vvg-page1__text {
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
}

.vvg-page1__number,
.vvg-page1__small {
  font-family: "UbuntuBold";
}

.vvg-page1__number {
  margin-right: 10px;
  font-size: 24px;
}

.vvg-page1__tab-img {
  margin-bottom: 10px;
}

.vvg-page1__tab {
  margin-bottom: 40px;
}

.vvg-page1__card-description {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 30px;
  color: var(--color-subtitle);
}

.vvg-page1__card-price {
  text-align: right;
  color: #000;
  font-family: "UbuntuMedium";
}

.vvg-page1__modif-title {
  color: #000;
  font-family: "UbuntuMedium";
  font-size: 19px;
  margin-bottom: 35px;
}

.vvg-page1__modif-table {
  margin-bottom: 40px;
  width: 100%;
}

.vvg-page1__modif-table,
.vvg-page1__modif-tr,
.vvg-page1__modif-td {
  border: 1px solid #dfdfdf;
  padding: 0;
}

.vvg-page1__modif-th {
  text-align: center;
  background-color: #4d6fae;
  border-right: 1px solid #87a9e8;
  color: #fff;
  font-weight: normal;
  padding: 1em 0em;
}

.vvg-page1__modif-th:nth-child(1) {
  padding: 0em 10em;
}

.vvg-page1__modif-td:nth-child(1) {
  padding: 1em 0;
}

.vvg-page1__modif-td:nth-child(2) {
  text-align: center;
}

.vvg-page1__modif-th:nth-child(2) {
  padding: 0 1em;
}

.vvg-page1__modif-th:nth-child(3) {
  padding: 0 1.5em;
}

.vvg-page1__modif-td:nth-child(3) {
  text-align: right;
  padding: 0 1.5em;
}

.vvg-page1__modif-td:nth-child(1) {
  padding-left: 0.5em;
}

.vvg-page1__table-block {
  display: flex;
}

.vvg-page1__modif-td:nth-child(4) {
  margin: 0;
  padding-top: 0.3em;
}

.vvg-page1__table-btn {
  width: 120px;
}

.vvg-page1__modif-th:nth-child(5) {
  padding: 0 5em;
}

.vvg-page1__modif-td:nth-child(5) {
  padding-left: 0.6em;
}

.vvg-page1__block-btn {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

.vvg-page1__tab-panel {
  position: relative;
}

.vvg-page1__tab-btn {
  position: absolute;
  top: -44px;
  background-color: #f8f8f8;
  border: 1px solid #c4c4c4;
  border-bottom: none;
  color: #4d4e49;
  font-family: "UbuntuBold";
  padding: 1em 2em 1em 2em;
}

.vvg-page1__tab-content {
  width: 100%;
  border: 1px solid #c4c4c4;
  background-color: #f8f8f8;
  padding: 1.5em 1em;
}

.vvg-page1__cards {
  display: flex;
  justify-content: space-between;
}

.vvg-page1__card {
  width: 16%;
  display: flex;
  flex-direction: column;
}

.vvg-page1__count {
  display: flex;
}

.vvg-block__count {
  display: flex;
  align-items: center;
}

/* Страница Силовой кабель */
.page-powercabel__title {
  width: 23%;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 25px;
  padding-bottom: 15px;
}

.page-powercabel__description {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.page-powercabel__item {
  padding: 0 30px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #cdcdcd;
}

.page-powercabel__item:not(:last-child) {
  margin-bottom: 40px;
}

.page-powercabel__content {
  display: flex;
  margin-bottom: 30px;
}

.page-powercabel__block-img {
  display: flex;
  width: 20%;
  height: 100%;
  margin-right: 40px;
}

.page-powercabel__block-description {
  display: flex;
  flex-direction: column;
  width: 80%;
}

.page-powercabel__el-link {
  text-decoration: underline;
  margin-bottom: 10px;
}

.page-powercabel__el-description {
  font-size: 15px;
  line-height: 23px;
}

.page-powercabel__btn {
  border: none;
  background-color: #fff;
  width: auto;
  height: 45px;
  padding: 7px 15px 0 7px;
  padding-bottom: 8px;
  color: var(--color-subtitle);
  background-image: url(../img/bg__btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
}

/* форма заказа товара */
.form-checkout__el::placeholder {
  font-weight: normal;
  color: #d2d2d2;
}

.form-checkout__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-checkout__form {
  width: 60%;
}

.form-checkout__fieldset {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.form-checkout__lbl {
  display: flex;
  justify-content: space-between;
}

.form-checkout__lbl:not(:last-child) {
  margin-bottom: 10px;
}

.form-checkout__el {
  border: 2px solid #f5f5f5;
  width: 50%;
  padding: 10px;
  border-radius: 10px;
}

.form-checkout__block-btn {
  display: flex;
  justify-content: flex-end;
  width: 60%;
}

.form-checkout__policy {
  display: block;
  margin-bottom: 10px;
}

.form-checkout__block-btn {
  margin-bottom: 20px;
}

.form-chekout__link {
  width: 210px;
    height: 80%;
    background-color: #fff;
    border: 1px solid var(--bg-btn);
    border-radius: 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--bg-btn);
    font-weight: 700;
}

.form-checkout__btn {
  width: 210px;
  height: 80%;
  background-color: var(--bg-btn);
  border: none;
  border-radius: 20px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}

/* Адаптив */
/* mw1890 */
@media (max-width: 1890px) {
  .partners-description__desc_center {
    width: 380px;
  }
}

/* mw1600 */
@media (max-width: 1600px) {
  .partners-description__left,
  .partners-description__right {
    width: 35%;
  }

  .partners-description__center {
    width: 30%;
    padding: 0 15px;
  }

  .partners-description__desc_center {
    width: auto;
  }

  .contacts__left {
    align-items: center;
    padding-left: 20px;
  }

  .drop-content__list {
    margin-left: 0;
  }

  .contacts__address {
    width: auto;
  }

  .contacts__content {
    width: auto;
  }
}

/* mw1280 */
@media (max-width: 1280px) {
  .container {
    width: auto;
    margin: 0 20px;
  }

  .header-bottom__link,
  .dropbtn {
    font-size: 11px;
  }

  .dropbtn,
  .dropbtn__menu {
    padding: 19px 16px 20px 16px;
  }

  .header-bottom__item:not(:first-child) {
    padding: 20px 15px;
  }
  .header-bottom__item:last-child {
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-page__container {
    width: 1147px;
    margin: 0 auto;
  }

  .header-middle__container {
    width: 100%;
  }

  .partners__slider {
    padding-left: 35px;
  }

  .partners-description__left,
  .partners-description__right {
    align-items: center;
  }

  .partners-description__left {
    padding-right: 0;
  }

  .partners-description__right {
    padding-left: 0;
  }
  .partners-description__subtitle {
    text-align: center;
  }

  .contacts__left {
    align-items: flex-start;
  }

  .sale-item {
    width: 24%;
    justify-content: space-between;
  }

  .sale-item__article {
    font-size: 12px;
  }

  .sale-item__title {
    font-size: 16px;
    min-height: 19%;
  }

  .calc__link {
    font-size: 15px;
  }

  .calc__switch {
    width: 30px;
    height: 97%;
  }

  .calc__number {
    padding: 0.5em 0;
  }

  .calc__btn {
    width: 40px;
    height: 40px;
  }

  .calc__btn:before {
    left: 7%;
  }

  .footer-top__address {
    width: 180px;
  }

  .vvg-figuration {
    padding-left: 1em;
  }

  .vvg-page1__img {
    margin-right: 20px;
  }
  .vvg-page1__left {
    display: flex;
    width: 60%;
    border-right: 1px solid #c4c4c4;
  }
  .vvg-page1__figuration {
    width: 38%;
    padding-left: 1em;
  }
  .viewed__plus {
    margin-right: 0;
  }
}

/* mw1200 */
@media (max-width: 1200px) {
  .header-middle__age b {
    font-size: 27px;
  }

  .header-middle__age {
    font-size: 18px;
  }

  .dropbtn,
  .dropbtn__menu {
    padding: 20px 6px 20px 6px;
  }

  .header-bottom__item:not(:first-child) {
    padding: 20px 6px;
  }

  .header-bottom__item:last-child {
    padding-left: 6px;
    padding-right: 6px;
  }

  .item_size-lg {
    width: 48%;
  }
  .item_size-md {
    width: 31%;
  }
}

/* mw1196 */
@media (max-width: 1196px) {
  .header-top {
    font-size: 12px;
  }

  .about-page__container {
    width: 940px;
  }

  .row__contact {
    display: flex;
    justify-content: space-between;
  }

  .dropbtn {
    position: relative;
    padding-left: 15px;
    padding-top: 21px;
  }

  .dropbtn::before {
    position: absolute;
    left: 0px;
    margin-right: 0;
  }

  .drop-content__list {
    margin-right: 30px;
  }

  .city__title {
    margin-right: 0;
    margin-left: 20px;
  }

  .city__title::before {
    left: -25px;
  }

  .header-top__phone {
    font-size: 17px;
  }

  .basket__btn {
    margin-right: 5px;
  }

  .basket__title {
    width: 70px;
  }

  .header-middle__form {
    width: 30%;
  }

  .dropbtn,
  .dropbtn__menu {
    padding: 20px 0px 20px 14px;
  }

  .header-bottom__item:not(:first-child) {
    padding: 20px 7px;
  }
  .header-bottom__item:last-child {
    padding-left: 7px;
    padding-right: 7px;
  }

  .catalog-filter {
    padding: 20px;
  }

  .catalog-letter {
    width: auto;
    justify-content: center;
  }

  .catalog-type {
    justify-content: space-between;
  }

  .catalog-type__link {
    margin-right: 0;
  }

  .item_size-lg {
    width: 48.4%;
  }

  .item_size-md {
    width: 31.2%;
  }

  .partners__slider {
    border: none;
  }

  .partners-description__desc {
    width: 300px;
    font-size: 16px;
  }

  .sale-item__title {
    min-height: 25%;
  }

  .sale-item__true {
    font-size: 13px;
  }

  .advantage__subtitle {
    font-size: 19px;
  }

  .advantage-item__desc {
    font-size: 15px;
  }

  .partnership {
    height: auto;
    background-size: cover;
    padding-bottom: 20px;
  }

  .partnership__title {
    margin-bottom: 20px;
  }

  .partnership-list {
    height: 400px;
  }

  .partnership-item {
    background-size: contain;
    width: 275px;
    padding-top: 15px;
  }

  .partnership-item:nth-child(2) {
    left: 18%;
  }

  .partnership-item:nth-child(4) {
    right: 18%;
  }

  .partnership-item__img {
    width: 25%;
    margin-bottom: 10px;
  }

  .partnership-item__title {
    font-size: 16px;
    width: 60%;
  }

  .partnership-item__desc {
    width: 50%;
    line-height: 18px;
    font-size: 13px;
  }

  .team-list {
    width: auto;
    flex-wrap: wrap;
    justify-content: center;
  }

  .team-item {
    margin-bottom: 20px;
  }

  .news__block-title {
    width: 40%;
  }

  .contacts__header {
    width: auto;
  }

  .footer-middle {
    padding: 15px 0;
    height: auto;
  }

  .footer__el:not(:first-child) {
    width: 25%;
  }

  .footer-nav__item,
  .footer__item {
    margin-bottom: 15px;
  }

  .bottom-panel__link-block {
    width: 23%;
  }
  .viewed-card__order::before {
    left: -20px;
  }
  .viewed-figuration__el {
    width: 80px;
  }
  .viewed__plus {
    margin-right: 0;
  }
}

/* mw1024 */
@media (max-width: 1024px) {
  .section__title {
    font-size: 32px;
  }

  .header-middle__container {
    justify-content: start;
  }

  .dropbtn {
    padding-top: 21px;
  }

  .header-middle__form {
    width: 35%;
  }

  .header-middle__age b {
    font-size: 30px;
  }

  .advantage-item__img {
    width: 80%;
  }

  .partnership {
    height: 620px;
    background-repeat: no-repeat;
  }

  .partnership-list {
    height: 270px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .partnership-item {
    width: 300px;
  }

  .partnership-item:not(:last-child) {
    margin: 0 70px;
  }

  .partnership-item:nth-child(2) {
    bottom: -255px;
    left: 3.8%;
    top: auto;
  }

  .partnership-item:nth-child(4) {
    bottom: -255px;
    right: 3.8%;
    top: auto;
  }

  .partnership-item:nth-child(5) {
    position: absolute;
    bottom: -52%;
  }

  .footer__logo,
  .header__logo {
    width: 100%;
  }
  .footer-top__time {
    display: none;
  }

  .vvg-page1-figuration__count {
    flex-direction: column;
  }

  .vvg-page1__count {
    margin-bottom: 10px;
  }

  .vvg-page1__figuration {
    width: 25%;
  }

  .vvg-page1-figuration__btn1 {
    width: 190px;
  }

  .vvg-page1__left {
    width: 75%;
  }
  .vvg-page1__modif-table {
    width: 100%;
  }
  .vvg-page1__cards {
    flex-wrap: wrap;
  }

  .vvg-page1__card {
    width: 30%;
    margin-bottom: 20px;
  }
}

/* mw992 */
@media (max-width: 992px) {
  .about-page__container {
    width: 720px;
  }

  .header-top__btn {
    width: 180px;
    font-size: 14px;
  }

  .header-middle__age {
    margin-right: 40px;
    font-size: 18px;
  }

  .header-middle__age b {
    font-size: 29px;
  }

  .header-middle__description {
    display: none;
  }

  .header-middle__form {
    width: 52%;
  }

  .header-bottom__nav {
    width: 100%;
  }

  .header-bottom__list {
    margin-right: 8%;
  }

  .f-nav .dropdown-content,
  .f-nav .dropdown-content__menu {
    top: 57px;
  }

  .dropbtn,
  .dropbtn__menu {
    padding: 20px 25px;
  }

  .dropbtn__menu::before {
    margin-right: 7px;
  }

  .dropbtn::before {
    left: 7px;
  }

  .header-bottom__container {
    display: flex;
    align-items: center;
  }

  .header-bottom__list {
    height: 100%;
    width: auto;
  }

  .header-top__time {
    display: none;
  }

  .header-bottom__item:not(:first-child) {
    display: none;
  }

  .dropbtn {
    font-size: 13px;
  }

  .dropbtn,
  .dropbtn__menu {
    padding-top: 22px;
  }

  .item_size-lg {
    width: 47.9%;
  }

  .item_size-md {
    width: 30.4%;
  }

  .catalog__item {
    padding-left: 10px;
    padding-bottom: 15px;
  }

  .catalog__item_text {
    width: 125px;
    font-size: 13px;
  }

  .dropdown__menu {
    display: block;
  }

  .catalog-filter {
    height: 190px;
  }

  .catalog-filter__subtitle {
    font-size: 25px;
  }

  .catalog-letter__link:first-child {
    padding-top: 0.8em;
  }

  .catalog-letter__link {
    font-size: 20px;
    padding-top: 0.8em;
  }

  .slide__img {
    height: 40px;
  }

  .parthers-description {
    width: 100%;
    flex-direction: column;
    height: auto;
  }

  .partners-description_position {
    border-top: 5px solid var(--color-subtitle);
    padding: 30px;
    justify-content: flex-start;
    background-size: cover;
    background-position: center center;
    width: 100%;
    align-items: flex-start;
  }

  .partners-description__center {
    background-position: 0 100%;
  }

  .partners-description__desc {
    width: 100%;
    text-align: left;
  }

  .partners-description__subtitle {
    width: 100%;
    text-align: left;
  }

  .sale-list {
    justify-content: center;
    flex-wrap: wrap;
  }

  .sale-item {
    width: 36%;
    margin-bottom: 20px;
  }

  .sale-item__title {
    min-height: 10%;
  }

  .sale-item:not(:nth-child(2n)) {
    margin-right: 20px;
  }

  .advantage-list {
    flex-wrap: wrap;
    justify-content: center;
  }

  .advantage-item {
    width: 30%;
    margin: 0 10px 40px 10px;
  }

  .partnership {
    height: 640px;
  }

  .partnership-list {
    justify-content: space-between;
    margin: 0 auto;
  }
  .partnership-item {
    width: 320px;
  }

  .partnership-item:not(:last-child) {
    margin: 0;
  }

  .partnership-item:nth-child(5) {
    background-size: cover;
    left: 32%;
  }

  .partnership-item:nth-child(2) {
    left: 0%;
    bottom: -280px;
  }
  .partnership-item:nth-child(4) {
    right: 0%;
    bottom: -280px;
  }

  .team-item__specialist {
    text-align: center;
  }

  .news__block-title {
    width: 45%;
  }

  .news-item__subtitle {
    font-size: 17px;
  }
  .news-item__description {
    font-size: 14px;
  }

  .contacts {
    height: 440px;
  }

  .contacts__right {
    height: 100%;
  }

  .contacts__address {
    font-size: 15px;
  }

  .footer-top__phone {
    font-size: 18px;
  }

  .footer-top__logo {
    width: 23%;
  }

  .footer__logo {
    width: 100%;
  }

  .footer-bottom__el {
    font-size: 12px;
  }

  .wire__list {
    max-height: none;
  }
  .vvg-block__content {
    width: 25%;
    flex-direction: column;
    margin-bottom: 10px;
  }

  .vvg-block__img {
    margin-bottom: 10px;
  }

  .vvg-figuration {
    height: 190px;
    width: 45%;
    text-align: center;
  }

  .vvg-figuration__count {
    width: auto;
    flex-direction: column;
  }

  .vvg-count {
    margin-bottom: 10px;
  }

  .figuration__plus {
    margin-right: 0;
  }

  .vvg-figuration__btn {
    width: 190px;
  }

  .wire-vvd__bottom-panel span {
    margin-bottom: 10px;
  }

  .bottom-panel__btn {
    margin-bottom: 10px;
  }

  .vvg-block__cards {
    margin-bottom: 10px;
  }
  .wire-vvd__bottom-panel span {
    display: none;
  }

  .bottom-panel__link-block {
    width: 35%;
  }

  .viewed-cards {
    justify-content: flex-start;
  }

  .viewed-card {
    width: 30%;
    margin-bottom: 15px;
  }

  .viewed-card:not(:nth-child(3)) {
    margin-right: 25px;
  }

  .vvg-page1__left {
    width: 60%;
    flex-direction: column;
  }

  .vvg-page1__figuration {
    width: 33%;
  }

  .vvg-page1__modif-th:nth-child(1),
  .vvg-page1__modif-td:nth-child(1),
  .vvg-page1__modif-th:nth-child(2),
  .vvg-page1__modif-th:nth-child(3),
  .vvg-page1__modif-th:nth-child(5) {
    padding: 0;
  }

  .vvg-page1__table-btn {
    width: 90px;
    font-size: 13px;
  }

  .viewed-figuration__el {
    width: 100px;
  }
  .vvg-block__count {
    margin-bottom: 10px;
  }

  .page-powercabel__block-img {
    width: 40%;
  }
  .page-powercabel__block-description {
    width: 60%;
  }
  .form-checkout__form {
    width: 80%;
}

}

@media (max-width: 900px) {
  .partnership-item:nth-child(5) {
    left: 29%;
  }
}

@media (max-width: 800px) {
 




  .header-top__phone {
    font-size: 15px;
  }

  .backet__title {
    font-size: 15px;
  }

  .basket__number {
    font-size: 13px;
  }

  .partnership-item:nth-child(5) {
    left: 28%;
  }

  .footer__block {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .footer__el:not(:first-child) {
    width: 50%;
  }

  .footer__el {
    margin-bottom: 40px;
  }

  .footer__list {
    width: 100%;
  }
}

/* mw767 */
@media (max-width: 767px) {
  .about-page__container {
    width: auto;
  }

  .basket__title {
    display: none;
  }

  .header-top__btn {
    width: 18%;
    font-size: 12px;
  }

  .header-middle__age b {
    font-size: 23px;
  }

  .header-middle__age {
    font-size: 15px;
  }

  .header-bottom__nav {
    width: 100%;
  }

  .header-bottom__list {
    margin-right: 4%;
  }

  .f-nav {
    padding: 0 20px;
  }

  .item_size-lg:first-child,
  .item_size-md:not(:nth-child(5)) {
    margin-right: 0px;
  }

  .partners__slider {
    width: 100%;
    padding-left: 10px;
  }

  .partners__slider .slick-prev {
    left: -5px;
  }

  .partners__container {
    align-items: start;
    flex-direction: column;
  }

  .catalog__container {
    justify-content: center;
  }

  .catalog-tab {
    height: auto;
  }

  .catalog-filter {
    height: auto;
  }

  .catalog-filter__subtitle {
    margin-bottom: 20px;
    font-size: 22px;
  }

  .catalog__item {
    width: 100%;
    padding-left: 20px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    background-size: cover;
  }

  .catalog__item_text {
    width: auto;
    font-size: 18px;
  }

  .catalog-letter {
    flex-wrap: wrap;
  }

  .catalog-type {
    justify-content: center;
  }

  .catalog-type__link {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .catalog-type__link:not(:last-child) {
    margin-right: 20px;
  }

  .sale-item:not(:nth-child(2n)) {
    margin-right: 4%;
  }

  .sale-item {
    width: 45%;
  }

  .calc__link {
    font-size: 19px;
  }

  .advantage {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .advantage-item {
    width: 25%;
    height: auto;
  }

  .team {
    border-top: 4px solid #f2f2f2;
    padding-top: 15px;
  }

  .team__title {
    margin-top: 0;
  }

  .team-item:not(:last-child) {
    margin-right: auto;
  }

  .partnership {
    display: none;
  }

  .news__block-title {
    width: 60%;
  }

  .news-list {
    justify-content: center;
  }

  .news-item {
    width: 100%;
  }

  .contacts {
    height: auto;
    flex-direction: column;
  }

  .contacts__right,
  .contacts__left {
    width: 100%;
  }

  .contacts__left {
    padding: 30px 20px 40px 20px;
    margin-bottom: 20px;
  }

  .contacts__content {
    width: 100%;
  }

  .contacts__block-photo {
    width: 50%;
    margin: 0 20px;
  }

  .contacts__right {
    height: 440px;
  }

  .footer-top__address {
    display: none;
  }

  .footer-bottom__el {
    margin-bottom: 10px;
  }

  ul.tabs li a {
    font-size: 16px;
  }

  #oplata-wrap {
    width: 100%;
    clear: left;
    border: #adc9da 1px solid;
    border-bottom: none;
    margin: 0 0 0 0;
  }

  .payment-page__cards {
    flex-direction: column;
  }

  .payment-page__card {
    justify-content: space-between;
  }

  .payment-page__img {
    width: 30%;
  }

  .payment-page__description-block {
    width: 60%;
  }

  .payment-page__description-desc {
    width: 100%;
  }
  .contacts-page {
    justify-content: center;
    flex-wrap: wrap;
  }
  .cooperation__container {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .vvg-block__content {
    width: 30%;
  }

  .vvg-block__img {
    margin-left: 5px;
  }

  .vvg-figuration {
    width: 35%;
    padding: 0.5em;
  }

  .vvg-page1__left,
  .vvg-page1__right {
    width: auto;
  }

  .vvg-page1__parameter-table {
    width: 100%;
  }

  .page-powercabel__content {
    flex-direction: column;
  }
  .page-powercabel__block-img {
    width: 100%;
    justify-content: center;
  }

  .page-powercabel__img {
    width: 60%;
    margin-bottom: 20px;
  }

  .page-powercabel__el-link {
    text-align: center;
  }

  .page-powercabel__block-description {
    width: 100%;
  }

  .form-checkout__form {
    width: 100%;
}
}

/* 600px */
@media (max-width: 600px) {
  .section__title {
    font-size: 24px;
  }

  .header-top__phone {
    display: none;
  }

  .header-top__btn {
    width: 180px;
    font-size: 14px;
  }

  .header-middle {
    height: 80px;
  }

  .header-middle__input {
    font-size: 14px;
  }

  .header-middle__age {
    margin-right: 3%;
    font-size: 14px;
  }

  .header-middle__age b {
    font-size: 21px;
  }

  .advantage-item {
    width: 40%;
  }

  .team {
    padding-bottom: 40px;
  }

  .team__title {
    margin-bottom: 30px;
  }

  .team-item {
    flex-basis: 100%;
    margin-bottom: 0;
  }

  .team-item:not(:last-child) {
    margin-bottom: 30px;
  }

  .sale-item {
    width: 60%;
  }

  .sale-item__title {
    min-height: 0;
  }

  .sale-item:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .sale-item:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .news__block-title {
    flex-direction: column;
    align-items: start;
  }

  .news__title {
    margin-bottom: 20px;
  }

  .news__link-group {
    width: 50%;
  }

  .news__header {
    margin-bottom: 30px;
  }

  .footer-bottom__el {
    margin-bottom: 10px;
  }

  .payment-page__card {
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }

  .payment-page__img {
    width: 40%;
  }

  .payment-page__description-block {
    width: 100%;
  }

  .vvg-block__cards {
    flex-direction: row;
    justify-content: space-between;
  }

  .vvg-block__card {
    width: 45%;
    flex-direction: column;
  }

  .vvg-block__img {
    margin-left: 0;
  }

  .vvg-block__content {
    width: auto;
  }

  .vvg-figuration {
    width: 100%;
  }

  .wire-vvd__bottom-panel {
    flex-direction: column;
  }

  .bottom-panel__btn {
    width: auto;
  }

  .bottom-panel__link-block {
    width: 100%;
    justify-content: center;
  }

  .bottom-panel__link {
    margin: 0 5px;
  }

  .specif-table__tr {
    font-size: 14px;
  }

  .viewed-card {
    width: 45%;
  }

  .viewed-card:not(:nth-child(2)) {
    margin-right: 20px;
  }

  .vvg-page1__title {
    font-size: 20px;
  }

  .vvg-page1__block {
    padding: 2em 1em;
  }

  .vvg-page1__figuration {
    padding-left: 0.5em;
  }
  .vvg-page1__modif {
    display: none;
  }

  .vvg-page1__description {
    margin-bottom: 100px;
  }

  .vvg-block__cards {
    flex-wrap: wrap;
  }

  .vvg-block__link {
    width: 85%;
  }

  .vvg-block__description {
    text-align: center;
    width: auto;
  }

  .vvg-block__description-true {
    font-size: 12px;
  }

  .vvg-block__description-true::before {
    text-align: center;
    width: 11px;
    height: 11px;
    margin-left: 0;
    left: 6px;
    top: -1px;
  }

  .vvg-figuration {
    height: 160px;
    margin-top: 10px;
  }

  .vvg-block__card_last {
    width: 100%;
    flex-direction: row;
  }
}

/* mw520px */
@media (max-width: 520px) {
  .header-middle__link {
    width: 50%;
  }

  .header-middle__age {
    display: none;
  }

  .sale-item {
    width: 80%;
  }

  .sale-item:not(:nth-child(2n)) {
    margin-right: 0;
  }

  .news__link-group {
    width: 100%;
  }

  .modal {
    width: 360px;
  }

  .callback__title {
    font-size: 17px;
  }

  .close {
    right: 9px;
    top: 23px;
  }

  ul.tabs li a {
    font-size: 11px;
    line-height: 17px;
  }

  .price-page__item {
    display: flex;
    align-items: center;
  }

  .price-page__link {
    width: 60%;
  }

  .wire-vvg__title-block {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .vvg-block__cards {
    flex-wrap: wrap;
    justify-content: center;
  }

  .vvg-block__card {
    width: 75%;
  }

  .specif-table__tr {
    font-size: 12px;
  }

  .specif-table__td {
    padding: 0px 5px;
  }
  .vvg-page1__block {
    padding: 1em 1em;
    height: auto;
  }
  .vvg-page1__content {
    flex-direction: column;
  }

  .vvg-page1__left {
    border-right: none;
    align-items: center;
    margin-bottom: 20px;
  }

  .vvg-page1__figuration {
    height: auto;
    border-top: 1px solid #c4c4c4;
    justify-content: center;
  }

  .vvg-page1__figuration-block {
    flex-direction: row;
    width: 100%;
    height: auto;
  }

  .vvg-page1__card {
    width: 45%;
  }

  .vvg-figuration {
    align-items: center;
  }

  .vvg-block__description-true {
    text-align: center;
    margin-left: 0;
  }

  .vvg-block__description-true::before {
    left: 16px;
  }
}

/* mw480px  */
@media (max-width: 480px) {
  #path {
    margin-bottom: 0;
  }

  .wire__list {
    align-items: center;
  }

  .bx_sitemap .bx_sitemap_title {
    margin: 0;
    padding-bottom: 0;
    width: 100%;
    text-align: center;
  }

  .header-top__btn {
    width: 14%;
    font-size: 0;
    border-radius: 20px;
  }

  .header-top__btn {
    font-size: 0;
  }

  .header-top__btn::before {
    content: url("../img/phone_icn.png");
  }

  .basket__btn {
    margin-right: 0;
  }

  .header-middle__input {
    height: 40px;
    font-size: 12px;
  }

  .dropbtn,
  .dropbtn__menu {
    padding: 20px 15px 20px 25px;
  }

  .drop-content__item a {
    font-size: 11px;
  }

  .drop-content__list {
    margin-right: 0px;
  }

  .sale__title-block {
    flex-direction: column;
  }

  .sale__title {
    margin-bottom: 20px;
  }

  .sale-item {
    width: 100%;
  }

  .advantage-item {
    width: 60%;
  }

  .news__header {
    flex-direction: column;
  }

  .news__link-group {
    margin-bottom: 20px;
  }

  .contacts__subtitle {
    font-size: 17px;
  }

  .contacts__address {
    font-size: 12px;
  }

  .contacts__block-photo {
    margin: 0px 10px;
  }

  .footer-nav {
    margin-bottom: 20px;
  }

  .footer__subtitle {
    text-align: center;
  }

  .footer__list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer__el {
    width: 100%;
  }

  .footer-bottom__el {
    width: 100%;
    line-height: 20px;
  }

  .footer-top {
    height: auto;
    padding-bottom: 10px;
  }

  .footer-top__container {
    flex-direction: column;
    padding-top: 10px;
  }

  .footer-top__logo {
    width: 70%;
    margin-bottom: 10px;
  }

  .footer-top__phone {
    font-size: 21px;
    margin-bottom: 10px;
  }

  .footer-top__mail {
    font-size: 18px;
  }

  .footer__el:not(:first-child) {
    width: 100%;
  }

  .footer__el {
    margin-bottom: 0;
  }

  .footer-nav__list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .table-price-white,
  .table-price-gray {
    display: flex;
    flex-direction: column;
  }
  .wire__item {
    font-size: 0.7em;
  }

  .viewed-cards {
    justify-content: center;
  }

  .viewed-card {
    width: 60%;
  }

  .viewed-card {
    margin-right: 0;
  }

  .viewed-card__order {
    margin-left: 0;
  }

  .viewed-card__order::before {
    left: 5%;
  }

  .vvg-page1__number {
    margin-right: 0px;
    font-size: 20px;
  }

  .vvg-page1__figuration {
    padding-left: 0;
  }

  .vvg-block__card {
    width: 100%;
  }

  .vvg-page1__block {
    padding: 1em 0.1em;
  }

  .vvg-page1__img {
    width: 100%;
  }

  .vvg-block__description {
    height: auto;
    align-items: center;
  }

  .vvg-block__link {
    width: 100%;
}

  .vvg-block__articul {
    font-size: 13px;
  }

  .vvg-block__articul b {
    font-weight: normal;
  }

  .vvg-block__description-true::before {
    left: -20px;
  }

  .page-powercabel__item {
    padding: 0;
  }
}


.whatsapp-button {
  position: fixed;
  right: 13px;
  bottom: 90px;
  transform: translate(-50%, -50%);
  background: #25D366; /*цвет кнопки*/
  border-radius: 50%;
  width: 55px; /*ширина кнопки*/
  height: 55px; /*высота кнопки*/
  color: #fff;
  text-align: center;
  line-height: 53px; /*центровка иконки в кнопке*/
  font-size: 35px; /*размер иконки*/
  z-index: 9999;
}
.whatsapp-button a {
  color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
  content: " ";
  display: block;
  position: absolute;
  border: 50%;
  border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden; 
}

.whatsapp-button:after{
  animation-delay: .5s;
}

@keyframes animate
{
  0%
  {
      transform: scale(0.5);
      opacity: 0;
  }
  50%
  {
      opacity: 1;
  }
  100%
  {
      transform: scale(1.2);
      opacity: 0;
  }
}
@media (max-width : 800px) {  
  .whatsapp-button {   
    bottom: 5px; /*отступ кнопки снизу от экрана*/
    right: 10px; /*отступ кнопки слева от экрана(right - справа)*/
  }

  .whatsapp-button {
    width: 55px; /*ширина кнопки*/
    height: 55px; /*высота кнопки*/
    line-height: 53px;
    font-size: 35px;
  }
}

.fa-mobile-alt::before {
  content: "\f3cd";
}


.fa-whatsapp:before {
  content: "\f232";
}

@media (max-width : 480px) {  
.footer-bottom__container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
}