@charset "UTF-8";

.slick-list .slick-track .slick-slide .text.left {
    position: absolute;
    align-self: center;
    margin-left: 25px;
}
@media (max-width: 991px) {
  .slick-list .slick-track .slick-slide .text.left {
    position: static;
  }
    .slick-list .slick-track .slick-slide .text.left span {
        display: none !important;
    }
}

@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-Bold.ttf") format("truetype");
  font-display: swap;
  font-weight: bold;
}
@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-Medium.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-SemiBold.ttf") format("truetype");
  font-display: swap;
  font-weight: 650;
}
@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-Regular.ttf") format("truetype");
  font-display: swap;
}
body {
  font-family: "Involve", sans-serif;
  margin: 0;
  font-size: 14px;
  line-height: 17px;
  position: relative;
  overflow-x: hidden;
}
body.unscroll {
  overflow: hidden;
  padding-right: 15px;
}

input,
textarea,
select {
  outline: none;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  color: #A0A8B2;
  font-family: "Involve", sans-serif;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #A0A8B2;
  font-family: "Involve", sans-serif;
}
textarea::placeholder,
input::placeholder {
  color: #A0A8B2;
  font-family: "Involve", sans-serif;
}

* {
  box-sizing: border-box;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

a {
  text-decoration: none;
  color: #000;
  transition: all 0.5s ease;
}

.discount-link {
  color: #A0A8B2;
  text-decoration: underline;
  font-size: 16px;
  line-height: 24px;
}

.container-fluid {
  max-width: 1470px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.row > * {
  width: inherit;
  flex-shrink: inherit;
}

header {
  padding: 20px 0;
  margin-bottom: 10px;
  position: relative;
  z-index: 15;
}
header .town {
  width: 105px;
  display: flex;
  align-items: start;
  white-space: nowrap;
}
header .town svg {
  margin-right: 8px;
}
header .addr {
  padding: 0 10px 0 17px;
  color: #A0A8B2;
}
header .row {
  justify-content: space-between;
  flex-wrap: nowrap;
}
header .wrap {
  width: 100%;
}
header .top {
  display: flex;
  justify-content: space-between;
}
header .top .left,
header .top .right {
  display: flex;
}
header .left {
  width: calc(100% - 573px);
  align-items: center;
}
header .right {
  width: 573px;
  justify-content: space-between;
  align-items: center;
}
header a.call {
  width: 162px;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  background: #D42241;
  color: #fff;
  transition: all 0.5s ease;
}
header a.call:hover {
  background: #F83A5B;
}
header .bottom {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}
header .btns {
  display: flex;
  align-items: center;
}
header .btns a {
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
}
header .btns a .count.hidden {
  opacity: 0;
}
header .btns a > div {
  display: flex;
  align-items: center;
}
header .btns a:last-child {
  margin-right: 0;
}
header .btns a:hover {
  color: #1130AC;
}
header .btns a i {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #EEF3F8;
  border-radius: 10px;
  margin-right: 10px;
}
header .btns .count {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  background: #D42241;
  color: #fff;
  font-size: 7px;
  left: 21px;
  top: -7px;
  font-style: normal;
}
header menu {
  padding: 0;
  margin: 12px 0;
}
header menu ul {
  padding: 0;
  display: flex;
}
header menu ul a:hover {
  color: #1130AC;
}
header menu ul ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  padding: 20px 0;
  position: absolute;
  left: -20px;
  top: 100%;
  width: 185px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  transition: all 0.5s ease;
}
header menu ul ul li {
  padding: 10px 20px;
  background: #fff;
  margin: 0;
}
header menu ul li {
  position: relative;
  list-style: none;
  margin-right: 45px;
}
header menu ul li i {
  margin-left: 5px;
}
/*header menu ul li li {
  margin: 15px 0;
}*/
@media(min-width: 991px) {
  header menu ul li:hover {
    z-index: 91;
  }
  header menu ul ul li:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
header menu ul li:hover ul {
  visibility: visible;
  opacity: 1;
}
header menu ul li:hover svg {
  transform: rotate(180deg);
}
header menu ul li:hover svg path {
  fill: #1130AC;
}

.mob-header {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mob-header .soc {
  padding: 0;
  background: transparent;
}

.search {
  position: relative;
  margin: 0 20px;
  width: calc(100% - 585px);
}
.search input {
  width: 100%;
  background: #EEF3F8;
  padding: 10px 20px;
  border: none;
  border-radius: 12px;
}
.search input::-moz-placeholder {
  color: #A0A8B2;
}
.search input:-ms-input-placeholder {
  color: #A0A8B2;
}
.search input::placeholder {
  color: #A0A8B2;
}
.search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  background: #1130AC;
  position: absolute;
  right: 4px;
  top: 4px;
  border: none;
  border-radius: 9px;
}

@media (max-width: 1240px) {
  header {
    padding-bottom: 10px;
  }
  header .addr {
    padding-left: 30px;
  }
  header menu > ul {
    justify-content: space-between;
  }
  header menu > ul > li {
    margin-right: 0;
  }
}
@media (min-width: 991px) and (max-width: 1024px) {
  header .left {
    width: calc(100% - 303px);
  }
  header .right {
    width: 303px;
    flex-wrap: wrap;
  }
  header .right .email {
    order: 1;
    margin-bottom: 5px;
  }
  header .right .phone {
    order: 2;
    margin-bottom: 5px;
  }
  header .right .soc {
    order: 3;
  }
  header .right a.call {
    order: 4;
  }
}
@media (min-width: 991px) {
  header .logo {
    margin-left: -5px;
    margin-right: 5px;
  }
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  @media (max-width: 991px) {
    header .btns a .count {
      padding-top: 1px;
    }
  }
}
@media (max-width: 991px) {
  #bx_basket1 {
    flex-wrap: wrap;
    justify-content: center;
  }
  .page .title_h2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
  }
  .page .title_h2 span {
    color: #1130AC;
  }

  header .logo {
    padding-right: 0;
  }
  header .logo svg {
    width: 120px;
    height: auto;
  }
  header .right .email {
    display: none;
  }
  header .right .soc {
    max-width: 109px;
    height: 47px;
    justify-content: space-between;
  }
  header .right .soc svg {
    width: 25px;
    height: auto;
  }
  header .right a.call {
    height: 43px;
    border-radius: 10px;
  }
  header .btns {
    display: flex;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 88;
    height: 76px;
    padding: 0 15px;
    background: #fff;
    justify-content: space-between;
  }
  header .btns a {
    margin-right: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  header .btns a.login {
    order: 5;
  }
  header .btns a.basket {
    order: 4;
  }
  header .btns a i {
    margin-right: 0;
  }
  header .btns a .count {
    margin-top: 0;
  }
  header .btns a span {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 5px;
  }
  header .wrap .logo {
    padding-right: 15px;
    width: 233px;
  }
  header .wrap .logo svg {
    width: 100%;
    height: auto;
  }
  header .wrap .left {
    display: none;
  }
  header .wrap .right {
    width: 100%;
  }
  header .wrap .basket i {
    margin-right: 0;
  }
  header .search {
    width: calc(100% - 110px);
    margin-right: 0 !important;
  }

  menu {
    display: none;
  }
}
@media (max-width: 768px) {
  header .logo {
    width: 245px;
  }
  header .right {
    justify-content: center;
  }
  header .right .email,
header .right .phone,
header .right .soc,
header .right .call {
    display: none;
  }
  header .search {
    margin-left: 10px;
  }
}
@media (max-width: 576px) {
  header .btns {
    padding: 0 5px;
  }
  header .btns a span {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .pk-block {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .pk-tab-block {
    display: none !important;
  }
}
@media (max-width: 576px) {
  .pk-mob-block {
    display: none !important;
  }
}
@media (min-width: 991px) {
  .mob-block {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .tab-block {
    display: none !important;
  }
}
.soc {
  display: flex;
  align-items: center;
  padding: 5px;
  background: #EEF3F8;
  border-radius: 10px;
}
.soc a {
  display: inline-flex;
  padding: 3px;
}

.phone {
  display: flex;
  align-items: center;
}
.phone svg {
  margin-right: 10px;
}

.menu-btn {
  display: inline-flex;
  width: 105px;
  height: 35px;
  background: #1130AC;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #fff;
}
.menu-btn i {
  padding-top: 1px;
  margin-right: 10px;
  width: 13px;
  height: 14px;
}

@media (max-width: 991px) {
  .menu-btn.active {
    background: #D42241;
  }
  .menu-btn.active i {
    display: flex;
    padding-bottom: 3px;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
  }
}
.menu-wrapper {
  background: #fff;
  position: absolute;
  z-index: 91;
  left: 0;
  top: 100%;
  width: 100%;
  overflow: auto;
  display: none;
}
.menu-wrapper .menu-wrapper_left {
  width: 288px;
  position: relative;
}
.menu-wrapper .menu-wrapper_left li {
  position: relative;
  padding: 5px;
  border: 1px solid #EEF3F8;
  border-radius: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  transition: all 0.5s ease;
}
.menu-wrapper .menu-wrapper_left div[id*="bx_"] li,
.menu-wrapper .menu-wrapper_left div[id*="bx_"] {
  width: 100%;
}
.menu-wrapper .menu-wrapper_left li.no-img span {
  width: 100%;
  padding-right: 5px;
  display: flex;
  justify-content: space-between;
}
.menu-wrapper .menu-wrapper_left li:last-child {
  margin-bottom: 0;
}
.menu-wrapper .menu-wrapper_left li.active, .menu-wrapper .menu-wrapper_left li:hover {
  background: #1130AC;
  color: #fff;
}
.menu-wrapper .menu-wrapper_left li i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  height: 24px;
  width: 23px;
  border: 1px solid #A0A8B2;
  border-radius: 50%;
}
.menu-wrapper .menu-wrapper_left li.active i, .menu-wrapper .menu-wrapper_left li:hover i {
  border-color: #fff;
}
.menu-wrapper .menu-wrapper_left li.active path, .menu-wrapper .menu-wrapper_left li:hover path {
  stroke: #fff;
}
.menu-wrapper ul {
  padding: 0;
}
.menu-wrapper li {
  list-style: none;
}
.menu-wrapper span {
  display: flex;
  align-items: center;
  padding-right: 30px;
}
.menu-wrapper span .img {
  width: 57px;
  margin-right: 15px;
}
.menu-wrapper span .img img {
  width: 57px;
  height: 47px;
  object-fit: contain;
}
.menu-wrapper .title_h3 {
  width: 100%;
  margin-bottom: 20px;
}
.menu-wrapper .menu-wrapper_right {
  display: block;
  width: calc(100% - 288px);
  padding: 15px 0 15px 35px;
  position: relative;
}
.menu-wrapper .menu-wrapper_right .close {
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #1130AC;
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 10px;
  padding-bottom: 2px;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .menu-wrapper .menu-wrapper_right .close {
    padding-top: 2px;
    padding-bottom: 0;
  }
  /*@media (max-width: 1240px) {
    header .btns .count {
      padding-top: 2px !important;
    }
  }*/
  .menu-btn i {
    margin-top: -2px;
  }
  .menu-btn span {
    padding-top: 2px;
  }
  header .btns a i {
    margin-top: 1px;
  }
  header a.call {
    padding-top: 2px;
  }
}
.menu-wrapper .menu-wrapper_right .close:hover {
  background: #9AB1FF;
}
.menu-wrapper .menu-wrapper_right .wrap-menu {
  width: 25%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 25px;
}
.menu-wrapper .menu-wrapper_right .wrap-menu .title {
  width: 100%;
  display: block;
}
.menu-wrapper .menu-wrapper_right .wrap-menu:last-child {
  padding-right: 0;
}
.menu-wrapper .menu-wrapper_right .wrap {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
}
.menu-wrapper .menu-wrapper_right .wrap.active {
  display: flex;
}
.menu-wrapper .menu-wrapper_right .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}
.menu-wrapper .menu-wrapper_right .title.active {
  color: #1130AC;
}
.menu-wrapper .menu-wrapper_right .title:hover,
.menu-wrapper .menu-wrapper_right .title:active {
  color: #D42241;
  text-decoration: underline;
}
.menu-wrapper .menu-wrapper_right ul {
  padding: 0;
  margin: 0;
  width: 100%;
  margin-top: -10px;
}
.menu-wrapper .menu-wrapper_right ul li {
  margin-bottom: 10px;
}
.menu-wrapper .menu-wrapper_right ul li:last-child {
  margin-bottom: 0;
}
.menu-wrapper .menu-wrapper_right ul li a {
  color: #A0A8B2;
}
.menu-wrapper .menu-wrapper_right ul li a:hover,
.menu-wrapper .menu-wrapper_right ul li a.active {
  color: #D42241;
  text-decoration: underline;
}

@media (max-width: 991px) {
  header > .container-fluid {
    position: relative;
    z-index: 92;
  }

  .menu-wrapper {
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    overflow: hidden;
    background: transparent;
  }
  .menu-wrapper.active {
    display: block;
  }
  .menu-wrapper .container-fluid {
    position: relative;
  }
  .menu-wrapper .title_h3 {
    margin-bottom: 0;
  }
  .menu-wrapper .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
  }
  .menu-wrapper .header .close {
    font-size: 30px;
  }
  .menu-wrapper .header.submenu .back {
    display: flex !important;
  }
  .menu-wrapper .header .back {
    display: none;
    height: 20px;
    color: #A0A8B2;
  }
  .menu-wrapper .header .back svg {
    margin-right: 6px;
    height: 22px;
  }
  .menu-wrapper .menu-wrapper_left {
    width: 100%;
    height: 100%;
    overflow: auto;
    left: -100%;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 92;
  }
  .menu-wrapper .menu-wrapper_left ul {
    margin-top: 0;
  }
  .menu-wrapper .menu-wrapper_left li {
    height: 57px;
    display: flex;
    align-items: center;
  }
  .menu-wrapper .menu-wrapper_left li.no-img {
    padding-left: 15px;
  }
  .menu-wrapper .menu-wrapper_left li .img {
    width: 57px;
    height: 47px;
    overflow: hidden;
  }
  .menu-wrapper .menu-wrapper_left li .img img {
    height: 47px;
  }
  .menu-wrapper .menu-info {
    border-radius: 20px;
    padding: 10px 20px;
    background: #EEF3F8;
    margin-bottom: 15px;
  }
  .menu-wrapper .menu-info .addr {
    margin-left: 0;
    padding-left: 0;
  }
  .menu-wrapper .menu-info > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .menu-wrapper .menu-info .call {
    height: 57px;
    width: 100%;
    border-radius: 10px;
  }
  .menu-wrapper .menu-wrapper_right {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    left: 100%;
    top: 0;
    z-index: 93;
    background: #fff;
    padding: 0 10px;
  }
  .menu-wrapper .menu-wrapper_right li.mob-block {
    margin-bottom: 0;
  }
  .menu-wrapper .menu-wrapper_right .title_h3 {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .menu-wrapper .menu-wrapper_right .title_h3 .back {
    display: flex;
    margin-left: 10px;
    align-items: center;
    color: #A0A8B2;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
  }
  .menu-wrapper .menu-wrapper_right .title_h3 svg {
    margin-top: 2px;
    margin-right: 7px;
  }
  .menu-wrapper .menu-wrapper_right a:not(.subtitle) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 57px;
    border-radius: 10px;
    font-weight: normal !important;
    background: #EEF3F8;
    padding: 15px;
    margin-bottom: 5px !important;
    color: #000 !important;
  }
  .menu-wrapper .menu-wrapper_right a.title {
    display: flex !important;
  }
  .menu-wrapper .menu-wrapper_right a svg {
    margin-left: 10px;
  }
  .menu-wrapper .menu-wrapper_right a svg rect {
    fill: transparent;
  }
  .menu-wrapper .menu-wrapper_right a.active {
    background: #1130AC !important;
    color: #fff !important;
  }
  .menu-wrapper .menu-wrapper_right a.active svg path,
.menu-wrapper .menu-wrapper_right a.active svg rect {
    stroke: #fff;
  }
  .menu-wrapper .menu-wrapper_right li:last-child a {
    margin-bottom: 0;
  }
  .menu-wrapper .menu-wrapper_right .wrap {
    flex-wrap: wrap;
  }
  .menu-wrapper .menu-wrapper_right .btn_wrap {
    color: #1130AC !important;
    justify-content: center;
    text-align: center !important;
    border: 1px solid #1130AC !important;
  }
  .menu-wrapper .menu-wrapper_right .btn_wrap:hover, .menu-wrapper .menu-wrapper_right .btn_wrap.active {
    color: #fff !important;
  }
  .menu-wrapper .menu-wrapper_right .wrap-menu {
    width: 100%;
    padding-right: 0;
  }
  .menu-wrapper .menu-wrapper_right .wrap-menu ul {
    position: fixed;
    z-index: 94;
    background: #fff;
    left: 100%;
    top: 0;
    width: 100%;
    padding: 10px;
    height: calc(100% + 15px);
    overflow: auto;
  }
}
h3,
.title_h3 {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
h3 span,
.title_h3 span {
  color: #1130AC;
}

h1 {
  margin: 0;
}

h1,
.title_h1 {
  width: 100%;
  font-size: 50px;
  font-weight: bold;
  line-height: 56px;
}
h1 span,
.title_h1 span {
  color: #1130AC;
}

@media (max-width: 991px) {
  h1,
.title_h1 {
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
  }
  h1 span,
.title_h1 span {
    color: #1130AC;
  }
}
h2,
.title_h2 {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  margin: 0 0 32px 0 !important;
}
h2 span,
.title_h2 span {
  color: #1130AC;
}

@media (max-width: 768px) {
  h2,
.title_h2 {
    line-height: 1;
  }
}
.slider_main {
  width: 100%;
/*  min-height: 285px;*/
}
.slider_main:not(.slick-initialized) {
  position: absolute;
  opacity: 0;
}
.slider_main .wrap {
  display: inline-flex !important;
  flex-wrap: wrap;
}
/*.slider_main .slick-slide {
  overflow: hidden;
  height: 306px;
}*/
.slider_main .left {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  width: 50%;
  height: auto;
  z-index: 1;
  color: #fff;
  justify-content: space-between;
}
.slider_main .left span {
  display: block;
  width: 100%;
}
.slider_main picture {
  width: 100%;
  height: auto;
}
.slider_main picture img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.slider_main p {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  margin: 10px 0 30px;
}
.slider_main p span {
  color: #1130AC;
}
.slider_main.service-banner .text {
  flex-direction: row;
  color: #000;
}
.slider_main.service-banner p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}
.slider_main.service-banner .btn_wrap {
  width: auto;
}
.service-banner .wrap {
  padding-left: 20px;
}
@media (max-width: 991px) {
  /*.slider_main picture img {
    object-fit: cover;
  }*/
  .slider_main p {
    margin-top: 5px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
  }
  .slider_main p span {
    color: #1130AC;
  }
  /*.slider_main .wrap {
    padding-left: 35px;
    padding-right: 35px;
  }*/
}
@media (max-width: 768px) {
  .slider_main {
    min-height: inherit;
  }
  /*.slider_main .slick-slide {
    height: 250px;
  }*/

  .slider_main .wrap {
    width: 100%;
    /*padding-top: 20px;
    padding-bottom: 20px;*/
  }
  .slider_main .left {
    width: 100%;
  }
  .slider_main .btn-slider {
    width: 100%;
  }
  .slider_main.service-banner picture {
    position: static;
    height: auto;
  }
  .slider_main.service-banner picture img {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .slider_main.service-banner .text {
    margin-top: 20px;
    order: 1;
  }
}
@media (max-width: 576px) {
  /*.slider_main picture img {
    object-fit: fill;
  }*/
  /*.slider_main .wrap {
    padding: 10px 20px;
  }*/
  .slider_main.service-banner .wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .slider_main.service-banner .title_h2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
  }
  .slider_main.service-banner .title_h2 span {
    color: #1130AC;
  }
  .slider_main.service-banner p {
    font-size: 14px;
    line-height: 17px;
  }
  .slider_main.service-banner .btn_wrap {
    width: 100%;
  }
}
.slider-btns .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  background: none;
  border: none;
  padding: 0;
  width: 40px;
  height: 40px;
  z-index: 9;
}
.slider-btns .slick-arrow svg {
  width: 100%;
  height: auto;
}
.slider-btns .slick-arrow svg rect:nth-child(2) {
  stroke: #A0A8B2;
}
.slider-btns .slick-arrow.slick-prev {
  left: 0px;
}
.slider-btns .slick-arrow.slick-next {
  right: 0px;
  transform: rotate(180deg);
}

@media (max-width: 991px) {
  .slider-btns .slick-arrow {
    width: 32px;
    height: 32px;
  }
}
.m-b {
  margin: 40px 0;
}
.service-cats *[class*=title_],
.m-b div[class*=title_] {
  margin: 0 0 25px 25px;
}
.service-cats *[class*=title_] {
  margin-bottom: 0;
}
.m-b.title-left .title_h2 {
  margin-left: 0;
  margin-right: 0;
}
.m-b.title-w-mb .title_h2 {
  margin-bottom: 10px;
}
/*.service-cats .m-b {
  margin-top: 0;
}*/
@media (min-width: 991px) {
  div[class*=title_] .btn_wrap {
    display: inline-flex;
    margin-right: 25px;
  }
}
@media (max-width: 991px) {
  .m-b {
    margin: 20px 0;
  }
  .service-cats *[class*=title_],
  .m-b div[class*=title_] {
    margin-left: 15px;
  }

  .btn_wrap.w100 {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .service-cats *[class*=title_],
  .m-b div[class*=title_] {
    margin-bottom: 15px;
    margin-left: 10px;
  }
}
.main-cat {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.main-cat .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.main-cat .cat {
  display: inline-flex;
  width: calc(25% - 10px);
  padding: 15px 20px;
  min-height: 172px;
  margin: 10px 0;
  background-size: 50% auto !important;
  background-position: right center !important;
  border-radius: 20px;
}
.main-cat .wrap {
  display: flex;
  width: 50%;
  flex-direction: column;
}
.main-cat ul {
  padding: 0;
  margin: 0;
}
.main-cat a {
  color: #A0A8B2;
}
.main-cat a:hover {
  color: #D42241;
  text-decoration: underline;
}
.main-cat li {
  list-style: none;
  margin: 5px 0;
}
.main-cat li.last a {
  color: #1130AC;
}

@media (max-width: 991px) {
  .main-cat .cat {
    width: calc(50% - 10px);
  }
}
@media (max-width: 576px) {
  .main-cat .cat {
    width: calc(50% - 5px);
    margin: 5px 0;
    background-position: right calc(100% - 10px) !important;
    background-size: 100px !important;
  }
  .main-cat .wrap {
    width: 100%;
  }
  .main-cat .wrap ul {
    display: none;
  }
}
.main-banner {
  padding-top: 27px;
  padding-bottom: 27px;
}
.main-banner .wrap {
  display: flex;
  justify-content: space-between;
}
.main-banner .left {
  width: calc(67% - 8px);
  display: flex;
  align-items: center;
  border-radius: 20px;
  background: linear-gradient(to right, #D8EFFA, #84CCF0);
}
.main-banner .left .title_h2 {
  padding: 0 80px;
  width: 50%;
}
.main-banner .left .img {
  width: 50%;
}
.main-banner .left .img img {
  width: 100%;
  height: auto;
}
.main-banner .right {
  width: calc(33% - 8px);
  background: #EEF3F8;
  border-radius: 20px;
  padding: 40px;
  font-size: 16px;
  line-height: 24px;
}
.main-banner .right p {
  margin-top: 0;
  margin-bottom: 25px;
}

@media (max-width: 991px) {
  .main-banner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .main-banner .wrap {
    flex-wrap: wrap;
  }
  .main-banner .wrap .left,
.main-banner .wrap .right {
    width: 100%;
  }
  .main-banner .wrap .right {
    margin-top: 20px;
  }
  .main-banner .btn_wrap.red {
    width: 100%;
  }
  .main-banner .title_h2 {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .main-banner .left {
    position: relative;
    align-items: flex-start;
  }
  .main-banner .left .title_h2 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 20px;
  }
  .main-banner .img {
    width: 100% !important;
    text-align: center;
    margin-top: 100px;
  }
  .main-banner .img img {
    max-width: 50%;
    min-width: 136px;
    width: 100%;
    height: auto;
  }
  .main-banner .right {
    padding: 20px;
  }
}
.banners-link,
.btn_wrap {
  cursor: pointer;
  width: 174px;
  height: 50px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid transparent;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  transition: all 0.5s ease;
}
.btn_wrap.disabled {
  border-color: inherit !important;
  opacity: .5 !important;
  pointer-events: none;
}
.btn_wrap img {
  margin-left: 10px;
}
.banners-link,
.btn_wrap.red {
  background: #D42241;
  color: #fff;
  transition: all 0.5s ease;
}
.banners-link:hover,
.btn_wrap.red:hover {
  background: #F83A5B;
}
.btn_wrap.blue {
  background: #EEF3F8;
  color: #1130AC;
  transition: all 0.5s ease;
}
.btn_wrap.blue:hover {
  background: #1130AC;
  color: #fff;
}
.btn_wrap.dblue {
  background: #0A0639;
  color: #fff;
  transition: all 0.5s ease;
}
.btn_wrap.dblue:hover {
  background: #1130AC;
  color: #fff;
}
.btn_wrap.black {
  background: #000;
  color: #fff;
  transition: all 0.5s ease;
}
.btn_wrap.black:hover {
  background: #1130AC;
  color: #fff;
}
.btn_wrap.grey {
  color: #A0A8B2;
  border-color: #EEF3F8;
}
.btn_wrap.grey:hover {
  color: #1130AC;
  border-color: #1130AC;
}
.btn_wrap.lblue {
  background: #1130AC;
  color: #fff;
  transition: all 0.5s ease;
}
.btn_wrap.lblue:hover {
  background: #1E44DE;
}
.btn_wrap.sky {
  background: #9AB1FF;
  color: #fff;
  transition: all 0.5s ease;
}
.btn_wrap.sky:hover {
  background: #1E44DE;
}

.search-block-result {
  position: fixed;
  display: none;
  background: #fff;
  left: 0;
  width: 100%;
  z-index: 91;
  border-top: 1px solid #A0A8B2;
  overflow: auto;
  max-height: 100%;
}
.search-block-result .search-container {
  width: 100%;
  margin-bottom: 20px;
}
.search-block-result .search-container a {
  display: block;
  margin: 13px 0;
}
.search-block-result .search-container a:hover {
  color: #1130AC;
}
.search-block-result .search-container a.cat {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.search-block-result .search-container a.more {
  color: #1130AC;
}
.search-block-result .search-container a.more:hover {
  color: #9AB1FF;
}

.btn-slider {
  cursor: pointer;
  width: 198px;
  height: 55px;
  border-radius: 15px;
  color: #1130AC;
  font-weight: bold;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #EEF3F8;
  color: #1130AC;
  transition: all 0.5s ease;
}
.btn-slider:hover {
  background: #1130AC;
  color: #fff;
}

.banner_slider {
  width: 100%;
}
.banner_slider.swiper .swiper-slide {
  padding: 0;
  max-height: 222px;
}
.banner_slider .wrap {
  display: flex !important;
  flex-direction: column;
  gap: 15px;
}
.banner_slider .img a {
    display: flex;
  align-items: center;
  justify-content: center;
    padding: 10px 20px;
  min-height: 103px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #EEF3F8;
}
.banner_slider img {
  width: 100%;
  height: 40px;
  object-fit: contain;
}

@media(max-width: 991px) {
  .banner_slider .img a {
    min-height: 90px;
  }
  .banner_slider.swiper .swiper-slide {
    max-height: 92px;
  }
  .banner_slider img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 576px) {
  .banner_slider .img a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .banner_slider .wrap img {
    object-fit: contain;
    object-position: center;
    height: 60px;
  }
  .banner_slider {
    padding-left: 0px;
    padding-right: 0px;
  }
  .banner_slider .slick-slide {
    padding-left: 5px;
    padding-right: 5px;
  }
  .banner_slider .wrap .img {
    min-height: 50px;
    padding: 10px;
  }
  .banner_slider .wrap .img:nth-child(2) {
    display: none;
  }
}
.advantages {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.advantages .advantage {
  width: calc(16.6666666667% - 15px);
  background: #EEF3F8;
  border-radius: 20px;
  text-align: center;
  padding: 10px 20px 30px;
  margin: 8px 0;
}
.advantages .advantage img {
  width: 100px;
  height: auto;
}
.advantages .advantage p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.advantages .advantage span {
  margin-top: 15px;
  display: block;
  width: 100%;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.advantages .advantage span span {
  color: #1130AC;
}
.advantages.service-advantages span {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.advantages.service-advantages span span {
  color: #1130AC;
}

@media (max-width: 1200px) {
  .advantages .advantage span {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
  }
  .advantages .advantage p {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 991px) {
  .advantages .advantage {
    padding-left: 5px;
    padding-right: 5px;
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 576px) {
  .advantages .advantage {
    width: calc(50% - 5px);
    margin: 5px 0;
    padding: 10px;
  }
  .advantages .advantage img {
    width: 80px;
    height: auto;
  }
  .advantages .advantage span {
    margin-top: 5px;
  }
  .advantages .advantage p {
    font-size: 14px;
    line-height: 17px;
  }
}
.wrap-new {
  background: #EEF3F8;
  padding: 30px 20px;
  border-radius: 20px;
  position: relative;

}
.wrap-new .swiper {
  width: calc(100% + 70px);
  margin-left: -35px;
  position: relative;
  padding-left: 25px;
  padding-right: 25px;
/*  overflow: hidden;*/
}

.wrap-new .swiper .slick-arrow.slick-prev {
  left: 0;
}

.wrap-new .swiper .slick-arrow.slick-next {
  right: 0;
}

.wrap-new .swiper::before {
  content: "";
  left: 0;
}
.wrap-new .swiper::after {
  content: "";
  right: 0px;
}
.grey .wrap-new .swiper::before,
.grey .wrap-new .swiper::after {
  width: 15px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  z-index: 3;
}
.wrap-new .title_h2 {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*.wrap-new .slick-prev {
  left: -25px !important;
}
.wrap-new .slick-next {
  right: -25px !important;
}*/
.wrap-new .slick-slide {
  padding: 0 10px;
  height: auto !important;
  display: flex !important;
}

@media (max-width: 768px) {
  .wrap-new {
    padding: 20px 15px;
  }
  .wrap-new .swiper {
    width: calc(100% + 50px);
    margin-left: -25px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .wrap-new .swiper::before,
  .wrap-new .swiper::after {
    width: 10px !important;
  }
  .wrap-new .swiper .slick-arrow.slick-prev {
    left: 0;
  }
  .wrap-new .swiper .slick-arrow.slick-next {
    right: 0;
  }
}
.slider_block {
  width: 100%;
}
.slider_block .slick-track {
  display: flex !important;
}
.slider_block .slick-list {
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
}

/*.main_news_slider .new {
  height: 100%;
  width: 100%;
}*/

.new {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  display: flex !important;
  flex-direction: column;
}
.new .img {
  display: block;
  width: 100%;
}
.new .img img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  border-radius: 20px;
}
.new .name {
  display: block;
  width: 100%;
  margin: 15px 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.new .txt {
  display: block;
  width: 100%;
  color: #A0A8B2;
  margin-bottom: 15px;
}
.new .btn_wrap {
  width: 100%;
  margin-top: auto;
}

@media (max-width: 768px) {
  .main_news_slider .slick-list {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
  }
  .main_news_slider .slick-slide {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 576px) {
  /*.main_news_slider .new {
    max-width: 250px;
  }*/
}
.seo-text h2 {
  margin-top: 0;
  color: #000;
}
.seo-text .wrap {
  padding: 0 20px;
  color: #A0A8B2;
  font-size: 16px;
  line-height: 24px;
}

.main_reviews_slider {
  width: 100%;
}
.main_reviews_slider .review {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.main_reviews .btn_wrap {
  margin-top: 20px;
}

@media (max-width: 576px) {
  .review {
    padding: 15px;
  }
  .review .rating-name .name {
    font-size: 16px !important;
  }
  .review .rating-name .date {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 14px !important;
  }
}
.review,
.rating {
  display: flex;
}
.review .rating-name,
.rating .rating-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.review .rating-name .name,
.rating .rating-name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  width: 50%;
  padding-right: 10px;
}
.review .rating-name .name span,
.rating .rating-name .name span {
  color: #1130AC;
}
.review .rating-name .date,
.rating .rating-name .date {
  max-width: 50%;
  background: #EEF3F8;
  padding: 4px 13px;
  border-radius: 10px;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}
.review .rate-num,
.rating .rate-num {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-left: 10px;
}

.review {
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  flex-wrap: wrap;
}
.review .rating {
  margin-bottom: 20px;
}
.review .rating-name {
  width: 100%;
}
.review .txt {
  color: #A0A8B2;
}
.review .imgs {
  width: 100%;
  padding-top: 30px;
  margin-top: auto;
  display: flex;
  justify-content: center;
}
.review .imgs a {
  width: calc(33.333% - 10px);
  max-width: 33.333%;

}
.review .imgs img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  border-radius: 15px;
}

.rate {
  display: flex;
}
.rate i {
  margin-right: 8px;
  display: inline-block;
}
.rate i svg {
  width: 19px;
  height: auto;
}

.title_with-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title_with-btn .btn_wrap {
  margin-left: 10px;
}
/*.main-service-photo:not(.slick-initialized),
.main_sertificate_slider:not(.slick-initialized) {
  position: absolute;
  opacity: 0;
}*/
.swiper:not(.swiper-initialized) {
  position: absolute !important;
  opacity: 0 !important;
  left: -2000px !important;
}
.swiper:not(.swiper-initialized) .slick-arrow {
  display: none !important;
}
.swiper {
  padding: 0 15px;
}
.sertificate {
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 20px;
  border: 1px solid #EEF3F8;
}
.sertificate img {
  width: 100%;
  height: auto;
}
.sertificate .img {
  margin-bottom: 15px;
  display: block;
}
.sertificate .name {
  display: block;
  margin-top: auto;
  font-size: 16px;
  font-weight: bold;
  color: #A0A8B2;
}
.sertificate-page .wrap {
  margin: 35px 0;
}
.sertificate-page .sertificate {
  width: calc(25% - 15px);
}
.main_sertificate_slider .slick-slide {
  padding: 0 10px;
}
@media (max-width: 576px) {
  .main-service-photo .slick-slide,
.main_sertificate_slider .slick-slide {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .main-service-photo .slick-slide .name,
.main_sertificate_slider .slick-slide .name {
    font-size: 14px;
    line-height: 17px;
  }
}
footer {
  padding: 30px 0 0;
  margin-top: 30px;
}
footer .row {
  justify-content: space-between;
  flex-wrap: nowrap;
}
footer .foot_wrap {
  width: calc(20% - 10px);
}
footer .foot_wrap.right {
  text-align: right;
}
footer .foot_wrap.right .foot_addr {
  margin-bottom: 20px;
}
footer .foot_wrap .soc {
  display: inline-flex;
}
footer ul {
  padding: 0;
}
footer li {
  list-style: none;
  margin-bottom: 10px;
}
footer li a {
  color: #A0A8B2;
}
footer li a:hover {
  color: #D42241;
  text-decoration: underline;
}
footer .foot_addr {
  margin-bottom: 50px;
}
footer .phone {
  font-size: 16px;
  line-height: 24px;
  justify-content: flex-end;
}
footer .btn_wrap {
  height: 45px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 50px;
  font-size: 16px;
  font-weight: normal;
  max-width: 100%;
}

.foot_addr span {
  display: block;
  color: #A0A8B2;
  margin-bottom: 10px;
  font-size: 14px;
}
.foot_addr i {
  font-style: normal;
  color: #1130AC;
}

.footer_bottom {
  height: 57px;
  background: #EEF3F8;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-fluid.policy .row {
  padding: 33px 0 40px;
  justify-content: space-around;
}
.container-fluid.policy .row a {
  color: #A0A8B2;
}

@media (min-width: 991px) {
  footer .btn_wrap {
    max-width: 195px;
  }
}
@media (max-width: 991px) {
  footer .row {
    flex-wrap: wrap;
  }
  footer .foot_wrap {
    width: calc(50% - 10px);
    margin-bottom: 10px;
  }

  body {
    padding-bottom: 76px;
  }

  .container-fluid.policy a {
    display: block;
    text-align: center !important;
    width: 100%;
    margin: 5px 0;
  }
}
@media (max-width: 576px) {
  footer .foot_wrap {
    width: 100%;
    text-align: center !important;
    justify-content: center;
    margin-bottom: 0;
  }
  footer .phone {
    text-align: center;
    justify-content: center;
  }
  footer .btn_wrap.red,
footer .foot_addr {
    margin-bottom: 0;
  }
  footer .foot_addr {
    padding-top: 15px;
  }
  footer .foot_addr span {
    margin-bottom: 10px;
  }
  footer .phone {
    margin: 20px 0 10px;
  }

  .container-fluid.policy .row {
    padding-top: 0;
    padding-bottom: 40px;
  }
}
.modal-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  flex-direction: column;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.4);
}
.modal-wrapper.modal-menu-wrapper {
  z-index: 90;
}
.modal-wrapper > div[id*="comp_"] {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
}
.result-block-form,
.modal-wrapper .wrapper {
  margin: 10px 0;
  padding: 20px;
  border-radius: 20px;
  background: #EEF3F8;
  max-height: 100%;
  overflow: auto;
}
.modal-wrapper .breadcrumbs {
  display: none !important;
}
.modal-wrapper.small-form .wrapper {
  width: calc(100% - 20px);
  max-width: 350px;
}
.result-block-form .title_h3,
.modal-wrapper .title_h3 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.result-block-form svg,
.modal-wrapper .title_h3 svg {
  margin-right: 15px;
}
.modal-wrapper .btn_wrap {
  width: 100%;
  height: 50px;
}
.modal-wrapper .captcha,
.modal-wrapper .input {
  margin: 10px 0;
}
.review-block .rating svg path {
  fill: #A0A8B2;
}
.review-block .rating i.active svg path {
  fill: #FFCD43;
}
.cat-tab .breadcrumbs {
  display: none !important;
}
.input {
  display: flex;
  flex-direction: column;
  position: relative;
}
.input .change {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 15px;
  color: #A0A8B2;
  top: 50%;
  margin-top: -10px;
}
.input.changeble:not(.focused) input {
  pointer-events: none;
}
.input.changeble:not(.focused) .change {
  display: block;
}
.input div.success {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12.5px;
  background: url("../img/success.svg") no-repeat;
  background-position: right;
  display: flex;
  align-items: center;
  color: #18B95B;
  min-width: 25px;
  min-height: 25px;
}
.req-r {
  color: #D42241;
  margin-top: 10px;
  padding: 0 20px;
}
.input .success span {
  display: block;
  margin-right: 30px;
}
.bx-sls .bx-ui-sls-container {
  height: 55px;
}
.location-block-wrapper .dropdown-icon {
  display: none;
}
.bx-sls .bx-ui-sls-clear,
.bx-sls .dropdown-fade2white {
  top: 50%;
  margin-top: -15px;
}
.location-block-wrapper .bx-ui-sls-input-block {
  height: 55px;
  padding: 0 20px;
  border-radius: 15px;
  border: none;
}
.color-block span::before,
.color-block span::after {
  display: none !important;
}
.color-block .color-span {
  position: absolute;
  width: 19px;
  height: 19px;
  top: 0;
  left: 0;
  border-radius: 7px;
}
.color-block input:checked + label .color-span::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  border-radius: 5px;
}
.location-block-wrapper .bx-ui-sls-input-block input,
.input input[type=text] {
  width: 100%;
  height: 55px;
  border-radius: 15px;
  background: #fff;
  padding: 20px;
  border: none;
  font-size: 14px;
}
.bx-ui-sls-input-block input {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
}
.input input[type=text]::-moz-placeholder {
  color: #A0A8B2;
}
.input input[type=text]:-ms-input-placeholder {
  color: #A0A8B2;
}
.input input[type=text]::placeholder {
  color: #A0A8B2;
}
.input.with-label {
  border-radius: 20px;
  background: #EEF3F8;
}
.input.with-label label {
  color: #A0A8B2;
  font-size: 12px;
  position: relative;
  padding-left: 20px;
  padding-top: 8px;
  margin-bottom: -15px;
}
.input.with-label input {
  background: transparent;
  padding-top: 15px;
  padding-bottom: 5px;
  height: 45px;
}
.input textarea {
  width: 100%;
  border-radius: 15px;
  background: #fff;
  padding: 20px;
  border: none;
  min-height: 102px;
  font-size: 14px;
}
.col-n-left {
  width: calc(55% - 10px);
}
.col-n-right {
  width: calc(45% - 10px);
}
@media (max-width: 991px) {
  .col-n-left,
  .col-n-right {
    width: 100%;
  }
}
.input.checkbox {
  display: flex;
  flex-direction: row;
}
.input.checkbox input {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #A0A8B2;
}
.input.checkbox label {
  padding-top: 3px;
  color: #A0A8B2;
  font-size: 12px;
}
.input.checkbox label a {
  color: #A0A8B2;
  text-decoration: underline;
}
.input.boolean, .input.radio,
.catalog-check {
  position: relative;
  min-height: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 25px;
}
.input.boolean input, .input.radio input, .catalog-check input {
  opacity: 0;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.catalog-check a {
  color: #1130AC;
  position: relative;
  z-index: 4;
}
.catalog-check .label span,
.catalog-check label span,
.input.boolean .label span,
.input.boolean label span, .input.radio .label span,
.input.radio label span {
  display: block;
  width: 100%;
}
.catalog-check .label span::before,
.catalog-check label span::before,
.input.boolean .label span::before,
.input.boolean label span::before, .input.radio .label span::before,
.input.radio label span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8.5px;
  width: 17px;
  height: 17px;
  border: 1px solid #1130AC;
  border-radius: 7px;
}
.catalog-check .label span::after,
.catalog-check label span::after,
.input.boolean .label span::after,
.input.boolean label span::after, .input.radio .label span::after,
.input.radio label span::after {
  content: "";
  display: none;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -5.5px;
  border-radius: 4px;
  background: #1130AC;
}
.catalog-check input:checked + .label span,
.catalog-check input:checked + label span,
.input.boolean input:checked + .label,
.input.boolean input:checked + label, .input.radio input:checked + .label,
.input.radio input:checked + label {
  color: #1130AC;
}
.filter-block .catalog-check input:checked + .label span::before,
.filter-block .catalog-check input:checked + label span::before,
.filter-block .input.radio input:checked + .label span::before,
.filter-block .input.radio input:checked + label span::before {
  border-color: #1130AC !important;
}
.catalog-check input:checked + .label span::after,
.catalog-check input:checked + label span::after,
.input.boolean input:checked + .label span::after,
.input.boolean input:checked + label span::after, .input.radio input:checked + .label span::after,
.input.radio input:checked + label span::after {
  display: block;
}
.input.boolean {
  padding-left: 45px;
}
.input.boolean .label,
.input.boolean label {
  display: block;
}
.input.boolean .label span::before,
.input.boolean label span::before {
  width: 31px;
  height: 19px;
  background: #A0A8B2;
  border: none;
  margin-top: -9.5px;
}
.input.boolean .label span::after,
.input.boolean label span::after {
  content: "";
  transition: all 0.5s ease;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  margin-top: -7px;
}
.input.boolean input:checked + .label span::before,
.input.boolean input:checked + label span::before {
  background: #1130AC;
}
.input.boolean input:checked + .label span::after,
.input.boolean input:checked + label span::after {
  display: block;
  background: #fff;
  left: 14px;
}
.input.boolean.large input:checked + .label span::after,
.input.boolean.large input:checked + label span::after {
  left: 30px;
}
.input.large {
  height: 28px;
  width: 56px;
}
.input.large .label span::before,
.input.large label span::before {
  width: 56px;
  height: 28px;
  border-radius: 15px;
}
.input.large .label span::after,
.input.large label span::after {
  width: 21px;
  height: 21px;
  margin-top: -6px;
  left: 5px;
}
.input.radio {
  flex-direction: row;
  align-items: center;
  justify-content: space-between !important;
  padding-left: 30px;
}
.catalog-check span::before,
.input.radio span::before {
  border-color: #A0A8B2 !important;
}
.input.color label span::before, .input.color label span::after {
  display: none;
}
.input.color .bg {
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0px;
  top: 50%;
  border-radius: 7px;
  margin-top: -8.5px;
  border: 1px solid transparent;
}
.input.color.white .bg {
  border-color: #A0A8B2;
}

.catalog-banners {
  margin: 20px 0;
}

.catalog-banners .banners-title {
  display: inline-flex;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 20px;
  width: 100%;
}

.catalog-banners img {
  width: 100%;
  height: auto;
  border: 1px solid #EEF3F8;
  padding: 10px;
  border-radius: 20px;
}

.banners-link {
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .success span {
    max-width: 100px;
    font-size: 12px;
    line-height: 1;
    text-align: right;
  }
}
.breadcrumbs {
  margin-top: -10px;
  margin-bottom: 10px;
}
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 4px;
  margin-bottom: 10px;
}
.breadcrumbs.to-left ul {
  padding-left: 0;
}
.breadcrumbs li {
  list-style: none;
  margin: 0 10px 0 20px;
  padding: 0;
  position: relative;
}
.breadcrumbs li::before {
  content: "•";
  color: #A0A8B2;
  position: absolute;
  right: -19px;
  top: 50%;
  margin-top: -8.5px;
}
.breadcrumbs li:first-child {
  margin-left: -5px;
}
.breadcrumbs li:last-child::before {
  display: none;
}
.breadcrumbs li a, .breadcrumbs li span {
  color: #A0A8B2;
  font-weight: 650;
}

@media (max-width: 1200px) {
  .breadcrumbs ul {
    padding-left: 10px;
  }
}
@media (max-width: 991px) {
  .breadcrumbs li:first-child {
  margin-left: 0;
}
  .breadcrumbs ul {
    padding-left: 0;
  }
  .breadcrumbs li a,
.breadcrumbs li span {
    font-weight: normal;
  }
}
@media (max-width: 576px) {
  .breadcrumbs li {
    margin: 0 5px 0 20px;
  }
  .breadcrumbs li a,
.breadcrumbs li span {
    font-size: 12px;
  }
}
@media (min-width: 991px) {
  .categories-container .row {
    width: 100%;
  }
}

.categories {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  /*padding-right: 0;*/
  gap: 10px 22px;
  margin-bottom: 50px;
}
.categories .category {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: calc(16.6666666667% - 19px);
  padding: 5px;
  border: 1px solid #EEF3F8;
  border-radius: 10px;
}
.categories .category:hover,
.categories .category.active {
  background: #EEF3F8;
}
.categories .category .img {
  margin-right: 10px;
  padding: 2px;
}
.categories .category .img img {
  width: 43px;
  object-fit: contain;
  height: 45px;
}
.search-result-page {
  margin-top: 20px;
}
.filter-catalog .input.boolean label {
  width: 100%;
}
.filter-catalog .filter-cat {
  width: 312px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.filter-catalog .filter-cat .btn_wrap {
  width: 100%;
  margin-bottom: 15px;
}
.filter-catalog .filter-cat .advan-block {
  padding: 0;
}
.filter-catalog .filter-cat .advan-block img {
  width: 100%;
  height: auto;
}
.filter-catalog .catalog_wrap {
  display: block;
  /*flex-wrap: wrap;
  gap: 10px;*/
  width: calc(100% - 322px);
}

@media (min-width: 991px) {
  .filter-catalog .catalog_wrap {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .catalog_wrap {
    width: 100% !important;
  }

  .filter-cat {
    position: fixed;
    z-index: 90;
    left: -100%;
    top: 0;
    width: 100% !important;
    height: 100%;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    overflow: auto;
    padding-bottom: 140px;
  }
  .filter-cat .btns {
    padding-top: 10px;
    border-top: 1px solid #A0A8B2;
    position: fixed;
    bottom: 0;
    left: -100%;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 4;
  }
  .filter-cat .btns .btn_wrap {
    margin-bottom: 10px;
    height: 45px;
  }

  .filter-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    height: 47px;
    background: #EEF3F8;
    padding: 10px;
    margin-bottom: 20px;
  }
  .filter-title span {
    font-weight: bold;
    font-size: 16px;
  }
}
.filter-block {
  margin-bottom: 20px !important;
}
@media (max-width: 768px) {
  .filter-block {
    border-bottom: 2px solid #EEF3F8;
    padding-bottom: 10px !important;
  }

  .filter-cat .btns {
    width: 100%;
    border-top: 2px solid #EEF3F8;
  }
}

.filter-block .wrap {
  display: none;
  padding-top: 1px;
  padding-bottom: 1px;
}
.filter-block .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  margin-bottom: 5px;
  cursor: pointer;
}
.filter-block .title i {
  transition: all 0.3s ease;
  transform: rotate(0deg);
}
.filter-block.active {
  display: block;
}
.filter-block.active .title i {
  transform: rotate(180deg);
}
.filter-block .filter-price {
  display: flex;
  justify-content: space-between;
}
.filter-block .filter-price .filter-price-input {
  display: flex;
  align-items: center;
  width: calc(50% - 3px);
  background: #EEF3F8;
  border-radius: 30px;
  padding: 0px 8px;
  height: 27px;
  position: relative;
}
.filter-block .filter-price .filter-price-input input {
  padding: 0;
  width: 100%;
  background: transparent;
  border: none;
  padding-left: 22px;
  display: flex;
  align-items: flex-start;
}
.filter-block .filter-price .filter-price-input span {
  position: absolute;
  display: flex;
  top: 4px;
  height: 17px;
  left: 10px;
  font-size: 13px;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .filter-block .filter-price .filter-price-input {
    padding-top: 2px;
  }
  .filter-block .filter-price .filter-price-input span {
    top: 5px;
  }
}
.catalog-check p {
  margin: 0;
}
.filter-block .input.boolean {
  flex-direction: inherit;
}
.filter-block .catalog-check,
.filter-block .input {
  margin: 13px 0;
}
.filter-block .catalog-check .count,
.filter-block .input .count {
  color: #A0A8B2;
  font-size: 12px;
}
.filter-block .filter-search {
  width: 100%;
}
.filter-block .filter-search input {
  width: 100%;
  height: 30px;
  padding: 10px;
  background: #EEF3F8;
  border: none;
  border-radius: 10px;
}

@media (min-width: 991px) {
  .filter-search {
    max-width: 174px;
  }
}
@media (max-width: 1200px) {
  .filter-catalog .filter-cat {
    width: 267px;
  }
  .filter-catalog .catalog_wrap {
    width: calc(100% - 277px);
  }
}
@media (max-width: 1024px) {
  .filter-catalog .filter-cat {
    width: 222px;
  }
  .filter-catalog .catalog_wrap {
    width: calc(100% - 232px);
  }
}
.filter-overflow {
  transition: all 0.5s ease;
  height: 230px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.filter-overflow.active {
  height: auto;
}

.filter-show {
  color: #D42241;
  font-weight: bold;
  text-decoration: underline;
}
.filter-show:hover {
  text-decoration: none;
}
.show_block {
  display: none;
}
.tags {

  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.tags.hide {
  opacity: 0;
}
.tags .tag {
  display: inline-flex;
  align-items: center;
  padding: 9px 15px;
  border-radius: 30px;
  background: #EEF3F8 !important;
  border: 1px solid transparent;
}
.tags .tag.unactive {
  display: none;
}
.tags .tag:hover,
.tags .tag.red {
  background: #D42241 !important;
  color: #fff;
}
.horizontal_slider-block .prod-tags {
  padding: 0 20px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.horizontal_slider-block .prod-tags .tag {
  height: 30px;
}
.prod-tags .tag img {
  height: 14px;
  width: 14px;
  margin-right: 5px;
}

.prod-tags .tag.sky,
.tags .tag.sky {
  background: #43B1FF;
  color: #fff;
}

.prod-tags .tag.green,
.tags .tag.green {
  background: #18B95B;
  color: #fff;
}
.prod-tags .tag.sky:hover,
.tags .tag.sky:hover {
  background: #0067EE;
  color: #fff;
}
.prod-tags .tag.blue,
.tags .tag.blue {
  background: #0067EE;
  color: #fff;
}
.prod-tags .tag.blue:hover,
.tags .tag.blue:hover {
  background: #43B1FF;
  color: #fff;
}
.prod-tags .tag.pink,
.tags .tag.pink {
  background: #EE008F;
  color: #fff;
}
.prod-tags .tag.pink:hover,
.tags .tag.pink:hover {
  background: #D42241;
  color: #fff;
}
.prod-tags .tag.yellow,
.tags .tag.yellow {
  background: #FF7900;
  color: #fff;
}
.prod-tags .tag.yellow:hover,
.tags .tag.yellow:hover, {
  background: transparent;
  color: #FFCC00;
}
.brand-box {
  width: 100%;
}
.tags .tag.more {
  background: transparent;
  border-color: #1130AC;
}
.tags .tag.more:hover {
  background: #D42241;
  border-color: #D42241;
}
.tags .tag.more span {
  padding-left: 5px;
  margin-top: -3px;
}

.tags .tag.more.opened span {
  transform: rotate(180deg);
  padding-right: 5px;
  padding-left: 0;
  position: relative;
  top: 4px;
}

@media (max-width: 991px) {
  .horizontal_slider-block .prod-tags .tag {
    height: 25px;
  }
  .tags_slider {
    width: calc(100% + 20px);
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -10px;
  }
  .tags_slider .swiper-slide {
    width: max-content;
  }
}
.catalog_wrap .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.catalog_wrap .wrap .product {
  width: calc(25% - 15px);
}

@media (max-width: 1200px) {
  .catalog_wrap .wrap .product {
    width: calc(33.3333333333% - 15px);
  }

  .categories .category {
    width: calc(25% - 19px);
  }
}
@media (max-width: 991px) {
  .categories {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px auto 20px;
    gap: 0px;
  }
  .categories .slick-slide {
    padding: 0 10px;
  }
  .categories .category {
    display: flex !important;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .categories .slick-slide {
    padding: 0 5px;
  }

  .catalog_wrap .wrap {
    gap: 10px;
  }
  .catalog_wrap .wrap .product {
    width: calc(50% - 5px);
  }
}
.sort-block {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.sort-block a {
  font-size: 16px;
  font-weight: bold;
  color: #A0A8B2;
}
.sort-block a.active, .sort-block a:hover {
  color: #1130AC;
}

@media (max-width: 991px) {
  .sort-mob-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .sort-mob-block .filter-mob-block {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
  }
  .sort-mob-block .filter-mob-block svg {
    margin-left: 10px;
  }
}
.select-wrapper {
  position: relative;
}
.select-wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 10px;
  background: url("../img/select-arrow.svg") no-repeat;
  width: 11px;
  height: 6px;
  margin-top: -2px;
  pointer-events: none;
}

select {
  font-weight: bold;
  border: none;
  /*-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;*/
  padding-right: 0px;
  background: none;
  color: #000;
}

@media (max-width: 991px) {
  .select-wrapper select {
    font-size: 16px;
  }
}

.banner.full-width {
  width: 100%;
}
.banner img {
  width: 100%;
  height: auto;
}

.pr-wrap {
    width: 100%;
    position: relative;
}

.promo-modal {
    display: none;
    width: 375px;
    position: absolute;
    bottom: calc(100% + 20px);
    left: calc(50% + -190px);
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    background: #fff;
    z-index: 12;
    cursor: pointer;
}

.promo-wrap {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.promo-wrap::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -9px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    transform: rotate(45deg);
    background: #fff;
}

.promo-wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    bottom: -10px;
    height: 14px;
}
.promo-close {
    position: absolute;
    right:-7px;
    top: -7px;

}
.promo-close img {
    width: 17px !important;
    height: 15px !important;
    object-fit: contain;
}
.promo-close:hover {
    opacity: .8;
}
.promo-txt {
    width: calc(100% - 55px);
    padding-right: 10px;
    color: #000;
    white-space: normal;
    font-weight: normal;
    text-align: left;
}
.promo-txt b {
    font-weight: bold;
}
.promocode {
    font-weight: bold;
    padding: 3px 5px;
    background: rgba(242, 44, 44, 1);
    border-radius: 5px;
    color: #fff;
    position: absolute;
    left: calc(100% + 20px);
    bottom: 4px;
    white-space: nowrap;
}
@media(max-width: 500px) {
  .promo-modal {
    width: 150px;
    left: calc(50% + -50px);
  }
  .promo-txt b {
    width: 100%;
    display: block;
    margin-top: 6px;
  }
  .promo-modal .promo-icon svg {
    width: 20px;
  }
  .promo-txt {
      width: 100%;
      padding-right: 0;
      font-size: 8px;
  }
  .promo-close {
    right: -18px;
    top: -5px;
  }
}
.product {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 10px;
  border: 1px solid #EEF3F8;
  border-radius: 20px;
  position: relative;
  padding-top: 40px;
}
.product .slick-track {
  display: flex;
}
.product .dots-clone {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  z-index: 3;
  display: flex;
}
.product .dots-clone {
  padding-left: 0;
}
.product .dots-clone li {
  height: 100%;
  position: relative;
  z-index: 9;
}
.product .slick-dots {
  margin: 5px 0;
}
.product .img {
  cursor: pointer;
  width: 100%;
  display: block;
}
.product .img:not(.slick-initialized) {
  position: absolute;
  opacity: 0;
}
.product .middle {
  width: 100%;
  position: relative;
  z-index: 1;
}
.product .art {
  padding-left: 5px;
}
.product .bottom {
  position: relative;
  z-index: 10;
  width: 100%;
  margin-top: auto;
}
.product img {
  width: auto;
  height: 200px;
  object-fit: contain;
  object-position: center;
}
.product .img {
  min-height: 200px;
}
.product .top {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 10;
}
.prod-tags {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
    z-index: 11;
    gap: 5px;
  width: calc(100% - 80px);
}
.install-free {
  background: #D42241;
  padding: 9px 10px;
  width: 100%;
  border-radius: 20px;
  color: #fff;
  text-align: center;
}
.prod-tags .tag {
  display: flex;
  align-items: center;
  width: auto;
  height: 23px;
  padding: 0 10px;
  font-weight: bold;
  border-radius: 20px;
  line-height: 1;
}
.prod-tags .tag.red {
  background: #D42241;
  color: #fff;
}
/* В узкой карточке «Промокод -N%» не влезает в строку — переносится процент целиком */
.top .prod-tags .tag.activate-promo {
  height: auto;
  min-height: 23px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.promo-percent {
  white-space: nowrap;
}
.prod-tags .tag svg {
  margin-right: 5px;
}
.product .counter {
  display: none;
}
.product .rating-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.product .price-block {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 10px 0;
}
.product .price-block .sale {
  display: inline-flex;
  align-items: center;
  padding: 0px 5px;
  line-height: 23px;
  height: 20px;
  background: #D42241;
  color: #fff;
  border-radius: 20px;
  line-height: 1;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .product .price-block {
    line-height: 1;
  }
  .product .price-block .sale {
    padding-top: 1px;
    margin-bottom: 3px;
  }
}
.product .price-block .price {
  display: inline-flex;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  width: auto;
  white-space: nowrap;
}
.product .price-block .price span {
  color: #1130AC;
}
.product .price-block .old-price {
  color: #A0A8B2;
  text-decoration: line-through;
  padding-top: 4px;
  white-space: nowrap;
}
.product .name {
  display: inline-flex;
  font-size: 16px;
  font-weight: 650;
  margin-bottom: 10px;
  line-height: 20px;
}
.product .cat {
  color: #1130AC;
}
.product .prop {
  padding: 0;
  margin: 0;
}
.product .prop li {
  list-style: none;
  color: #A0A8B2;
  margin: 5px 0;
}
.product .service {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  min-height: 35px;
}
.product .undercat {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1.1;
}
.product .bluebg {
  background: #EEF3F8;
  color: #1130AC;
  transition: all 0.5s ease;
}
.product .bluebg:hover {
  background: #1130AC;
  color: #fff;
}
.product .bluebg rect {
  fill: #fff;
}
.product .service-price {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.product .input.boolean {
  overflow: hidden;
  width: calc(100% - 50px);
}
.product.unactive .prod-btns path {
  stroke: #A0A8B2 !important;
  fill: #A0A8B2 !important;
}
.product.unactive .prod-tags .tag {
  background: #A0A8B2 !important;
}
.product.unactive .undercat,
.product.unactive .price,
.product.unactive .service,
.product.unactive .name {
  color: #A0A8B2 !important;
}
.product.unactive .sale,
.product.unactive .btn_wrap {
  background: #A0A8B2 !important;
}

.advan-block {
  border: none !important;
  overflow: hidden;
  padding: 0 !important;
}
.advan-block picture,
.advan-block img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.product_slider .promo-modal {
  display: none !important;
}
.prod-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  z-index: 10;
}
.prod-btns a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 12px;
  background: #EEF3F8;
}
.prod-btns svg {
  margin-right: 5px;
}

.bluebg {
  display: flex;
  align-items: center;
  height: 55px;
  width: 100%;
  color: #fff;
  background: #1130AC;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 10px 0;
}
.bluebg .btn-wrap {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 40px;
}
.bluebg .btn-wrap::before {
  display: none;
  content: "Перейти";
  font-size: 12px;
  font-weight: normal;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 15px;
}
.bluebg .btn-wrap svg {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  margin-left: 10px;
}
.bluebg .counter {
  display: none;
  align-items: center;
  margin-left: 15px;
  margin-right: -10px;
}
.bluebg .counter input {
  width: 10px;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  background: transparent;
  color: #fff;
}
.bluebg .counter .btn-b {
  display: flex;
  align-items: center;
  margin: 0 10px;
  position: relative;
  z-index: 10;
}
.bluebg.active {
  background: #18B95B !important;
  color: #fff !important;
}
.bluebg.active .btn-wrap {
  padding-bottom: 20px;
}
.bluebg.active .btn-wrap::before {
  display: block;
}
.bluebg.active .btn-wrap svg path {
  fill: #18B95B !important;
}
.bluebg.active .counter {
  display: flex;
  align-items: center;
}
.bluebg.active .counter .btn-b {
  min-height: 15px;
}

@media (min-width: 991px) {
  .bluebg:hover {
    background: #9AB1FF;
  }
}
.rate {
  display: flex;
  align-items: center;
}
.rate .rate-num {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-left: 10px;
}

@media (max-width: 991px) {
  .product .counter {
    display: none !important;
  }
  .product .btn_wrap .btn-wrap {
    font-size: 14px;
  }
  .product .btn_wrap .btn-wrap::before {
    font-size: 10px;
    bottom: 2px;
    padding-left: 12px;
  }
}
@media (max-width: 768px) {
  .product .name {
    margin-bottom: 0;
  }
  .prod-tags .tag {
    font-size: 10px;
    font-weight: normal;
  }
  .product .prod-btns a {
    width: 25px;
    height: 25px;
  }
  .product .prod-btns a svg {
    width: 15px;
    height: auto;
  }
  .product .btn_wrap {
    height: 45px;
  }
  .product .btn_wrap .btn-wrap {
    padding-right: 30px;
  }
  .product .btn_wrap .btn-wrap svg {
    width: 25px;
    height: auto;
    margin-top: -12.5px !important;
  }
  .product .counter {
    margin-left: 5px;
  }
  .product .prop li {
    margin: 2px 0;
    font-size: 12px;
  }
  .product .service {
    line-height: 1.1;
    margin-bottom: 5px;
  }
  .product .service .input {
    padding-left: 35px;
    margin-bottom: 5px;
    min-height: 20px;
    flex-direction: inherit;
  }
}
@media (max-width: 576px) {

  .product img {
    height: 150px;
  }
  .product .img {
    min-height: 150px;
  }
  .catalog_wrap .wrap {
    gap: 10px;
  }
  .catalog_wrap .wrap .product {
    width: calc(50% - 5px);
    padding-left: 5px;
    padding-right: 5px;
  }

  .product {
    padding: 5px;
  }
  .product .img {
    display: block;
    padding-top: 30px;
  }
  .product .rating-block .rate .rate-num {
    font-size: 13px;
    margin-left: 5px;
  }
  .product .rating-block svg {
    width: 14px;
    height: auto;
  }
  .product .top {
    padding-left: 5px;
    padding-right: 5px;
  }
  .product .price-block {
    flex-wrap: wrap;
    gap: 3px;
  }
  .product .price-block .sale {
    display: flex;
    align-items: center;
    height: 19px;
    font-size: 12px;
    line-height: 19px;
  }
  .product .price-block .price {
    font-size: 16px;
  }
  .product .price-block .old-price {
    font-size: 12px;
    padding-top: 2px;
  }
  .product .art,
.product .name,
.product .cat {
    font-size: 12px;
    line-height: 16px;
  }
  .product .service label span {
    font-size: 9px;
  }
}
.prod-btn.favorite path {
  stroke: #D42241;
  fill: transparent;
}
.prod-btn.favorite.active path, .prod-btn.favorite:hover path {
  fill: #D42241;
}

.prod-btn.compare svg path:nth-child(1) {
  fill: #1130AC;
}
.prod-btn.compare svg path:nth-child(2) {
  fill: #A0A8B2;
}
.prod-btn.compare.active svg path:nth-child(1), .prod-btn.compare:hover svg path:nth-child(1) {
  fill: #1130AC;
}
.prod-btn.compare.active svg path:nth-child(2), .prod-btn.compare:hover svg path:nth-child(2) {
  fill: #1130AC;
}

.counter {
  display: flex;
}
.counter input {
  width: auto;
  border: none;
}
.counter .btn-b {
  cursor: pointer;
}

.paginatation {
  margin-top: 20px;
  width: 100%;
}
.paginatation .btn_wrap.grey {
  width: 100%;
  background: #EEF3F8;
  text-align: center;
}
.paginatation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  gap: 2px;
  padding-left: 0;
  padding-right: 0;
}
.paginatation li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}
.paginatation li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 16px;
  border-radius: 7px;
}
.paginatation li a.active, .paginatation li a:hover {
  background: #1130AC;
  color: #fff;
}
.paginatation li a.active path, .paginatation li a:hover path {
  stroke: #fff !important;
}

@media (max-width: 576px) {
  .paginatation li a {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}
.seo-block {
  margin: 20px 0;
  color: #A0A8B2;
  font-size: 16px;
  line-height: 24px;
}
.seo-block h1,
.seo-block h2,
.seo-block h3,
.seo-block h4 {
  margin-top: 0;
  margin-bottom: 20px;
  color: #000;
}

.add-services {
  width: 100%;
  margin-top: 15px;
}
.add-services .title {
  font-weight: 650;
}
.add-services ul li:last-child {
  border: none;
}

.add-products-block {
  margin-bottom: 30px;
}

@media (min-width: 991px) {
  .container-fluid {
    padding-left: 35px;
    padding-right: 35px;
  }
  .container-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .cart .prod-btns {
    flex-wrap: nowrap;
  }
}
.cart .container-fluid {
  width: 100%;
  margin-right: 0;
}
.cart .container-fluid .wrapper {
  width: 100% !important;
}
.cart .container-fluid .title_h2 {
  display: flex;
  align-items: center;
}
.cart .container-fluid .title_h2 svg {
  margin-left: 10px;
}
.cart .container-fluid .basket-item {
  background: #fff;
  justify-content: space-between;
  align-items: center;
}
.cart .container-fluid .basket-item .basket-name {
  width: 25%;
}
.cart .container-fluid .basket-item .name {
  color: #1130AC;
}
.cart .container-fluid .basket-item .btn_wrap {
  width: 230px;
}
.cart .container-fluid .basket-item .price-left {
  text-align: left;
}
.cart .container-fluid .basket-item .bitem {
  display: flex;
  align-items: center;
}
.cart .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 15px;
}
.cart .top > span {
  display: flex;
  align-items: center;
}
.cart .top .art {
  font-size: 16px;
  line-height: 24px;
  margin-right: 10px;
  color: #A0A8B2;
  margin-right: 30px;
}
.cart .sky:not(.tag) {
  width: 100%;
  min-height: 55px;
}
.cart .middle {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  align-items: flex-start;
}
.cart .middle .left-cart {
  width: 40%;
}
.cart .middle .center-cart {
  width: 385px;
}
.cart .middle .right-cart {
  width: calc(60% - 385px);
}
.cart .left-cart {
  display: flex;
  flex-wrap: wrap;
}
.cart .left-cart img {
  width: 100%;
  height: auto;
}
.cart .left-cart .cart-tags {
  margin-top: 20px;
  width: 100%;
}
.cart .vertical_slider {
  width: 88px;
  background: #EEF3F8;
  padding: 30px 10px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  position: relative;
  height: 522px !important;
  overflow: hidden;
}
.cart .vertical_slider .swiper-wrapper {
  height: inherit;
}

.cart .vertical_slider::before,
.cart .vertical_slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: #EEF3F8;
  z-index: 2;
}
.cart .vertical_slider::before {
  top: 0;
  bottom: auto;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.vertical_slider .swiper-wrapper {
  margin-top: 65px;
}
.cart .vertical_slider .slick-list {
  height: 100% !important;
}
.cart .vertical_slider .slick-slide {
  height: 60px !important; /* Гарантирует одинаковую высоту */
  width: 100% !important;
  overflow: hidden;
}
.cart .vertical_slider img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}
.cart .vertical_slider .swiper-slide {
  overflow: hidden;
}
.vertical_slider .slick-list {
  display: flex;
  align-items: center;
}
/*.vertical_slider .slick-track {
  top: 20px;
}*/
.menu-new.slick-slider:not(.slick-initialized) {
  position: absolute;
  opacity: 0;
}
.cart .vertical_slider .swiper-slide {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  border: 2px solid transparent;
}
/*.cart .vertical_slider .slick-slide > div {
  height: 60px;
}*/
.cart .vertical_slider .swiper-slide.swiper-slide-thumb-active {
  border-color: #9AB1FF;
}
/*.cart .vertical_slider .slick-slide {
  padding: 3px 0;
}*/
.cart .vertical_slider .slick-arrow {
  width: 21px;
  height: 21px;
  border: none;
  padding: 0;
  background: transparent;
  position: absolute;
  z-index: 3;
  left: 50%;
  margin-left: -10.5px;
}
.cart .vertical_slider .slick-arrow.slick-prev {
  top: 8px;
  transform: rotate(90deg);
}
.cart .vertical_slider .slick-arrow.slick-next {
  bottom: 8px;
  transform: rotate(-90deg);
}
.cart .vertical_slider .slick-arrow svg {
  width: 100%;
  height: auto;
}
.cart .center-cart {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 0;
  padding-left: 60px;
  padding-right: 60px;
}
.cart .show_sertificate {
  display: inline-flex;
  align-items: center;
  border-radius: 15px;
  padding: 8px;
  background: #EEF3F8;
}
.cart .show_sertificate span {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 10px;
}
.cart .show_sertificate img {
  width: 100%;
  height: 65px;
  object-fit: contain;
  border-radius: 15px;
}
.cart .cart-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cart .cart-tags .tag {
  display: flex;
  align-items: center;
  padding: 8px;
  background: #EEF3F8;
  border-radius: 30px;
}
.cart .cart-tags .tag img {
  width: 30px;
  height: auto;
}
.cart .cart-tags .tag span {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-left: 10px;
  padding-right: 15px;
}
.cart .buy-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #D42241;
  padding-left: 20px;
  padding-right: 20px;
}
.cart .buy-block .buy-b {
  display: flex;
  align-items: center;
}
.cart .buy-block .buy-b i {
  margin-right: 10px;
}
.promo-input.activated {
    color: #18B95B !important;
    pointer-events: none;
}
.promo-input-block ul {
  padding: 0;
  margin: 0;
}
.promo-input.fail {
    color: #f26b2c !important;
    pointer-events: none;
}
.promo-input-block ul li.fail span {
    color: #FF3D00;
}
.promo-input-block ul li {
    background: #fff;
    padding: 5px 12px;
    margin: 5px 0;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    position: relative;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
.promo-input-block ul li.success span {
    color: #18B95B;
}
.promo-input-block span {
    font-weight: bold;
}
.promo-input-block ul a {
    transform: rotate(45deg);
}
.promo-input-block ul svg {
    width: 25px;
    height: auto;
    position: relative;
    bottom: 5px;
    left: 5px;
}
.counter-block .counter,
.cart .btns .counter {
  display: none;
  justify-content: space-between;
  min-width: 50%;
  border-radius: 15px;
  border: 1px solid #18B95B;
  padding: 8px;
  background: #fff;
}
.counter-block .counter .btn-b,
.cart .btns .counter .btn-b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: #EEF3F8;
}
.counter-block .counter .btn-b svg,
.cart .btns .counter .btn-b svg {
  width: 15px;
  height: auto;
}
.counter-block .counter .btn-b svg path,
.cart .btns .counter .btn-b svg path {
  fill: #1130AC;
}
.counter-block .counter .btn-b.minus svg,
.cart .btns .counter .btn-b.minus svg {
  width: 8px;
}
.counter-block .counter input,
.cart .btns .counter input {
  width: 30px;
  text-align: center;
}
.cart .sale {
  background: #D42241;
  padding: 5px 15px;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.cart .right-cart {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.cart .right-cart .grey-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: #EEF3F8;
  padding: 20px;
  border-radius: 30px;
}
.cart .right-cart .btns {
  display: flex;
  gap: 10px;
}
.cart .right-cart .btns.active .counter {
  display: flex;
}
.cart .right-cart .service {
  padding: 8px 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #fff;
  color: #A0A8B2;
}
.cart .right-cart .service .service-price {
  white-space: nowrap;
}
.cart .right-cart .service label span {
  white-space: nowrap;
}
.cart .price-block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.cart .price-block .price {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
  width: auto;
}
.cart .price-block .price span {
  color: #1130AC;
}
.cart .price-block .old-price {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #A0A8B2;
  width: auto;
  text-decoration: line-through;
}
.cart .bluebg {
  min-width: 50%;
  margin: 0;
}
.cart .garant {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
}
.cart .garant .left {
  display: flex;
  align-items: center;
}
.cart .garant .left svg {
  margin-right: 10px;
}
.cart .garant .right {
  color: #A0A8B2;
}
.cart .consult-block {
  gap: 5px !important;
}
.cart .consult-block .btn_wrap {
  width: 100%;
}
.cart .consult-block span {
  text-align: center;
  color: #A0A8B2;
}
.cart .bottom {
  width: 100%;
}
.cart .horizontal_slider-block {
  width: calc(100% - 108px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.cart .horizontal_slider {
  width: 100%;
}
.cart .horizontal_slider .slide {
  display: flex !important;
  align-items: center;
}
@media(min-width: 991px) {
  .cart .horizontal_slider .slick-slide > div,
  .cart .horizontal_slider .slick-slide .slide,
  .cart .horizontal_slider .slick-slide img {
    height: 100%;
  }
  .cart .horizontal_slider .slick-slide img {
    max-height: 450px;
  }
}
/*.cart .horizontal_slider:not(.slick-initialized) {
  position: absolute !important;
  opacity: 0 !important;
}*/
.cart .horizontal_slider .slick-dots {
  display: flex;
  width: 100%;
}
.cart .descr {
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 1400px) {
  .cart .middle .left-cart {
    width: 40%;
  }
  .cart .middle .center-cart {
    width: 31%;
  }
  .cart .middle .right-cart {
    width: 29%;
  }
}
@media (max-width: 1200px) and (min-width: 991px) {
  .cart .right-cart .service .service-price {
    width: auto !important;
  }
  .cart .right-cart .service label span {
    white-space: wrap;
  }
}
@media (min-width: 991px) {
  .cart .cart-delivery .deliv {
    display: inline-flex;
  }
  .cart .horizontal_slider img {
    width: 100%;
    object-fit: contain;
  }
  .cart .horizontal_slider .slide {
    padding: 10px;
  }
}
@media (max-width: 1200px) {
  .cart .middle .left-cart {
    width: 35%;
  }
  .cart .middle .center-cart {
    width: 385px;
  }
  .cart .middle .right-cart {
    width: calc(65% - 385px);
  }
}
@media (max-width: 1100px) {
  .cart .middle .left-cart {
    width: 32%;
  }
  .cart .middle .center-cart {
    width: 385px;
  }
  .cart .middle .right-cart {
    width: calc(68% - 385px);
  }
}
@media (max-width: 991px) {
  .cart .horizontal_slider .slick-slide {
    height: auto;
  }
  .add-products-block {
    display: flex;
    flex-direction: column;
  }
  .add-products-block .bitem {
    order: 2;
    padding-top: 15px;
  }
  .add-products-block .title_h2 span {
    width: calc(100% - 57px);
  }
  .add-products-block .title_h2 svg {
    width: 42px;
    height: 42px;
  }
}
.slick-dots {
  display: flex !important;
  padding-left: 0;
  justify-content: center;
  gap: 5px;
}
.slick-dots li {
  list-style: none;
}
.slick-dots li.slick-active button {
  width: 27px;
  height: 6px !important;
  border-radius: 7px;
  background: #000;
}
.slick-dots li button {
  transition: all 0.3s ease;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  padding: 0;
  color: transparent;
  border: none;
  background: #A0A8B2;
}

@media (max-width: 991px) {
  .add-products-block {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }

  .cart .container-fluid .title_h2 {
    justify-content: space-between;
  }
  .cart .container-fluid .basket-item {
    flex-wrap: wrap;
  }
  .cart .container-fluid .basket-item .old-p {
    font-size: 16px;
    width: auto;
    display: inline-block;
  }
  .cart .container-fluid .basket-item .img {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .cart .container-fluid .basket-item .img img {
    max-width: 250px;
  }
  .cart .container-fluid .basket-item .wrap {
    width: 100%;
  }
  .cart .container-fluid .basket-item .wrap .name,
.cart .container-fluid .basket-item .wrap .cat {
    width: auto;
  }
  .cart .container-fluid .basket-item .wrap .bitem {
    width: 100%;
    margin-bottom: 10px;
  }
  .cart .container-fluid .basket-item .wrap .bitem .btn_wrap {
    width: 100%;
  }
  .cart .container-fluid .basket-item .wrap .basket-name {
    width: 100%;
    order: 0;
    margin-bottom: 20px;
  }
  .cart .container-fluid .basket-item .wrap .price-block {
    width: 50%;
  }

  .cat-tab .reviews-sl {
    width: 100%;
  }

  .cart {
    padding-top: 20px;
  }
  .cart .min-prop .title {
    font-weight: bold;
  }
  .cart .tab-2 {
    display: none !important;
  }
  .cart .tab-2.active {
    display: flex !important;
  }
  .cart .middle .left-cart,
.cart .middle .center-cart,
.cart .middle .right-cart {
    width: 100%;
  }
  .cart .horizontal_slider-block {
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
  .cart .middle .center-cart {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .cart .middle .center-cart .brand-block {
    width: 100%;
  }
  .cart .slider-bottom {
    margin: 20px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .cart .slider-bottom .buy-block {
    padding-left: 0;
  }

  .squares .tag {
    text-align: center;

    min-width: 98px;
  }

  .cat-tab {
    flex-direction: column;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    padding-bottom: 0 !important;
    padding-top: 10px !important;
  }
  .cat-tab > .useful {
    display: block !important;
  }

  .cat-tab .useful {
    width: 100% !important;
    margin-top: 20px !important;
  }
  .cat-tab .useful .use {
    width: 100%;
  }
  .cat-tab .useful .img {
    display: block !important;
  }
  .cat-tab .useful .img-use {
    width: 90px !important;
  }
  .cat-tab .useful .wrap-use .wrap-use {
    width: calc(100% - 20px);
  }
  .cat-tab .title {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .cat-tab .img {
    display: none;
  }
  .cat-tab .text {
    width: 100% !important;
  }

  .cart-tags.mob-block {
    margin-top: 20px;
  }

  .min-prop.mob-block {
    width: 100%;
    margin-top: 20px;
  }

  .cart .container-fluid .basket-item .price-block {
    width: auto !important;
  }

  .basket-item .price-block .price {
    display: flex;
    align-items: center;
  }

  .basket-item .price-block .price .old_price {
    margin-top: 0;
    margin-left: 5px;
  }
}
@media (max-width: 768px) {
  .cart .top {
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .cart .top > span {
    display: flex;
    flex-wrap: wrap;
    width: 180px;
  }
  .cart .top .rating {
    order: 1;
  }
  .cart .top .art {
    width: 100%;
    order: 2;
    margin-top: 5px;
    margin-right: 0;
  }
  .cart .right-cart .grey-block {
    padding: 15px;
  }

  .cat-tab .min-prop ul {
    -moz-column-count: 1 !important;
         column-count: 1 !important;
  }
}
@media (max-width: 576px) {

  .cart .container-fluid .basket-item .wrap .basket-name {
    margin-bottom: 10px;
  }
  .squares .tag {
    min-width: 0;
  }

  .cart .container-fluid .basket-item .price-block .price-block-wrap {
    min-height: 50px;
  }
  .cart .container-fluid .basket-item .price-block .price {
    font-size: 16px;
    white-space: nowrap;
  }
  .cart .container-fluid .basket-item .price-block .old-p,
.cart .container-fluid .basket-item .price-block .sale {
    font-size: 12px;
    white-space: nowrap;
    line-height: 1;
  }
  .cart .container-fluid .basket-item .price-block .sale {
    padding: 5px;
  }
}
.cat-tabs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  gap: 25px;
}
.cat-tabs a {
  display: inline-flex;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #A0A8B2;
  width: auto;
}
.cat-tabs a span {
  color: #1130AC;
}
.cat-tabs a.active, .cat-tabs a:hover {
  color: #D42241;
  text-decoration: underline;
}

.slick-slide > div {
  width: 100%;
}

.cat-tab {
  left: 0;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 35px 0 0;
}
.cat-tab .new-form {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
}
.cat-tab.active {
  position: relative;
  visibility: visible;
  opacity: 1;
}
.cat-tab .img {
  width: 225px;
  padding-right: 10px;
}
.cat-tab img {
  width: 100%;
  height: auto;
}
.cat-tab.tab-1 .text {
  width: calc(100% - 675px);
}
.cat-tab .text {
  width: calc(100% - 225px);
}
.cat-tab .min-prop ul {
  -moz-column-count: 2;
       column-count: 2;
}
.cat-tab .min-prop ul li:first-child {
  margin-top: 0;
}
.cat-tab .tab-icon {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.cat-tab .tab-icon img {
  width: 27px;
  height: auto;
}
.cat-tab .tab-icon span {
  padding-left: 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.cat-tab .reviews-sl {
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}
.cat-tab .useful {
  display: flex;
  flex-direction: column;
  align-self: baseline;
  margin-top: 0;
  width: 415px;
  padding: 20px;
  border: 1px solid #EEF3F8;
  border-radius: 20px;
}
.cat-tab .useful .title {
  font-size: 26px;
  font-weight: 650;
  margin-bottom: 10px;
  padding-top: 0;
}
.cat-tab .useful .wrap-use .use {
  width: 100%;
  max-height: 100px;
}

@media (min-width: 991px) {
  .cat-tab .new-form .form {
    gap: 10px;
  }
  .cat-tab .new-form .form .input:not(.w100) {
    width: calc(50% - 5px) !important;
  }
  .cat-tab .new-form .form .checkbox {
    margin-top: 10px;
  }
}
.brand_wrap {
  width: 100%;
}
.brand_wrap .letter-block {
  display: flex;
  align-items: center;
  margin: 20px 0 40px;
  width: 100%;
}
.brand_wrap .letter-block .letter {
  width: 150px;
  font-size: 64px;
  line-height: 64px;
  color: #A0A8B2;
  font-weight: bold;
}
.brand_wrap .letter-block .wrap {
  width: calc(100% - 150px);
  -moz-column-count: 4;
       column-count: 4;
}
.brand_wrap .letter-block .wrap a {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}
.brand_wrap .letter-block .wrap a span {
  padding-left: 10px;
  color: #A0A8B2;
}
.brand_wrap .letter-block .wrap a.more {
  color: #D42241;
  text-decoration: underline;
}
.brand_wrap .letter-block .wrap a.more:hover {
  text-decoration: none;
}

@media (max-width: 991px) {
  .brand_wrap .letter-block .wrap {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media (max-width: 768px) {
  .brand_wrap .letter-block .letter {
    width: 100px;
  }
  .brand_wrap .letter-block .wrap {
    width: calc(100% - 100px);
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 576px) {
  .brand_wrap .letter-block .wrap {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.brand-page .title_h2 i {
  font-weight: normal;
  font-style: normal;
  color: #A0A8B2;
  font-size: 16px;
  line-height: 24px;
}

.brand-wrap-block {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 60px;
}
.brand-wrap-block .img {
  width: 25%;
}
.brand-wrap-block .img img {
  max-width: 100%;
  height: auto;
}
.brand-wrap-block .icon-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 20px;
  width: 75%;
}
.brand-wrap-block .icon-block .icon-b {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  gap: 20px;
  border-radius: 16px;
  background: #EEF3F8;
  width: calc(33.3333333333% - 15px);
  font-size: 16px;
  line-height: 24px;
}
.brand-wrap-block .icon-block .icon-b a {
  display: flex;
  align-items: center;
}
.brand-wrap-block .icon-block .icon-b img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}
.brand-wrap-block .icon-block .icon-b .name {
  font-weight: bold;
}
.brand-wrap-block .icon-block .icon-b a {
  color: #D42241;
  text-decoration: underline;
}
.brand-wrap-block .icon-block .icon-b a:hover {
  text-decoration: none;
}

@media (max-width: 1200px) {
  .brand-wrap-block .icon-block .icon-b {
    width: calc(50% - 10px);
  }
}
@media (max-width: 991px) {
  .brand-wrap-block {
    flex-wrap: wrap;
    gap: 20px;
  }
  .brand-wrap-block .img {
    width: 100%;
  }
  .brand-wrap-block .icon-block {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .brand-wrap-block .icon-block {
    gap: 10px;
  }
  .brand-wrap-block .icon-block .icon-b {
    width: 100%;
    padding: 10px;
  }
  .brand-wrap-block .icon-block .icon-b a,
.brand-wrap-block .icon-block .icon-b .name {
    font-size: 14px;
    line-height: 17px;
  }
}
.brand-wrap-text {
  font-size: 16px;
  line-height: 24px;
}

.cats-block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  position: relative;
}
.cats-block.pad-right::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  background: #fff;
  z-index: 3;
}

.cats-block.pad-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  background: #fff;
  z-index: 3;
}
.swiper .swiper-wrapper {
  max-width: 100%;
}
.swiper .swiper-wrapper,
.cats-block .slick-track {
  display: flex !important;
  align-items: stretch;
  height: auto;
}
.swiper .swiper-slide,
.cats-block .slick-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column;
}
.cats-block .slick-slide > div {
  display: flex;
  flex-grow: 1;
  height: 100%;
}
.cats-block .slick-slide {
  padding: 0 5px;
}
.cats-block .cat {
  width: 207px !important;
  display: flex !important;
  flex-direction: column;
  padding: 20px;
  background: #EEF3F8;
  border-radius: 16px;
}
.cats-block .cat .name-block {
  margin-bottom: 20px;
}
.cats-block .cat .name-block .name {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 10px;
}
.cats-block .cat .name-block .count {
  color: #A0A8B2;
}
.cats-block .cat .img {
  margin-top: auto;
}
.cats-block .cat .img img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .cats-block .cat {
    width: 134px !important;
  }
  .cats-block .cat .name-block {
    margin-bottom: 5px;
  }
  .cats-block .cat .name-block .name {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 0;
  }
  .cats-block .cat .name-block .count {
    font-size: 10px;
  }
}
.cart-delivery {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.cart-delivery i {
  display: flex;
  align-items: center;
}
.cart-delivery .deliv {
  display: flex;
}
.cart-delivery .deliv i {
  margin-right: 10px;
}
.cart-delivery .deliv-r .title {
  width: 100%;
  font-weight: bold;
}
.cart-delivery .deliv-r .val {
  color: #A0A8B2;
  font-size: 12px;
}

.w-a {
  width: auto !important;
}

.transparent {
  background: transparent !important;
}

.see-char {
  display: inline-flex;
  font-weight: bold;
  color: #D42241;
  margin-top: 15px;
}

.brand-block {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  background: #EEF3F8;
  padding: 10px;
  border-radius: 10px;
  color: #A0A8B2;
}
.brand-block a {
  color: #1130AC;
  margin-left: 6px;
}

.squares {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5px;
}
.squares .wrap {
  width: 100%;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.squares span:not(.tag) {
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
}
.squares .tag {
  cursor: pointer;

  padding: 5px 15px;
  border-radius: 30px;
  color: #A0A8B2;
  background: #EEF3F8;
}
.squares .tag.active, .squares .tag:hover {
  background: #1130AC;
  color: #fff;
}

.brief-block {
  display: none;
  padding: 15px;
  border-radius: 30px;
  background: #EEF3F8;
  position: absolute;
  z-index: 89;
  color: #000;
  max-width: 410px;
  align-items: center;
}

.brief-block img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 15px;
  margin-right: 10px;
}

.success-hint {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 650;
  color: #18B95B;
}

.fail-hint {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 650;
  color: #D42241;
}

.min-prop .title {
  font-size: 16px;
  line-height: 24px;
}
.min-prop ul {
  padding: 0;
}
.min-prop ul a {
  color: #1130AC;
}
.min-prop ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding-bottom: 5px;
  list-style: none;
  border-bottom: 1px solid #EEF3F8;
  gap: 0 10px;
}
.min-prop ul li .left {
  position: relative;
  display: flex;
  align-items: center;
  color: #A0A8B2;
  padding-right: 5px;
}
.min-prop ul li .left .hint {
  position: absolute;
  display: inline-flex;
    width: 20px;
    height: 13px;
  right: 0;
  top: 50%;
  margin-top: -6.5px;
  z-index: 3;
}
.min-prop ul li .left:not(.no-hint)::after {
  content: "";
  display: inline-flex;
  margin-left: 5px;
  width: 20px;
  height: 13px;
  background: url(../img/cart/question.svg) no-repeat;
}
.min-prop ul li .right {
  text-align: right;
  font-size: 16px;
  line-height: 24px;
}

.share {
  display: flex;
  align-items: center;
}
.share span {
  color: #A0A8B2;
  font-weight: bold;
  margin-left: 10px;
}

.product_slider {
  width: 100%;
}
.product_slider .slick-slide {
  padding: 0 10px;
  display: flex;
}
.swiper .product {
  height: 100%;
}
.product_slider .slick-slide > div {
  display: flex;
}

@media (max-width: 768px) {
  .product_slider {
    width: calc(100% + 10px);
    margin-left: -5px;
  }
  .product_slider .slick-slide {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.service-menu {
  display: flex;
  gap: 25px;
  width: 100%;
}
.service-menu a {
  display: flex !important;
  align-items: center;
  min-width: 300px;
  width: 33.333%;
  padding: 15px;
  border: 1px solid #EEF3F8;
  border-radius: 10px;
}
.service-menu a:hover, .service-menu a.active {
  background: #EEF3F8;
}
.service-menu a b {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  padding-left: 15px;
}
.service-menu img {
  width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .service-menu .swiper-slide {
    width: max-content;
  }
  .service-menu a {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 576px) {
  .service-menu a {
    max-width: 250px;
    min-width: 0;
    padding: 5px;
  }
  .service-menu a b {
    font-size: 14px;
    line-height: 17px;
  }
}
.block-col-text ul,
.block-col-text ol {
  width: 100%;
  padding-left: 15px;
}

@media (max-width: 576px) {
  .block-col-text p {
    margin-top: 0;
  }
}
.block-2-col {
  display: flex;
  gap: 25px;
}
.block-2-col h2 {
  margin-top: 0;
}
.block-2-col picture {
  width: 100%;
}
.block-2-col ul,
.block-2-col ol {
  width: 100%;
  padding-left: 15px;
}
.block-2-col .b-c {
  display: flex;
  width: 50%;
  font-size: 16px;
  line-height: 24px;
}
.block-2-col .b-c p {
  margin-top: 0;
}
.block-2-col .b-c img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-2-col .b-c ul li::marker {
  color: #D42241;
}
.block-2-col.montage-block .left {
  width: 60%;
}
.block-2-col.montage-block .right {
  width: 40%;
}

@media (max-width: 991px) {
  .mon-block {
    margin-top: 40px;
  }
  .mon-block .block-col-text {
    font-size: 14px;
    line-height: 17px;
  }

  .block-2-col {
    flex-wrap: wrap;
  }
  .block-2-col .b-c {
    width: 100% !important;
    font-size: 14px;
    line-height: 17px;
  }
  .block-2-col.montage-block img {
    height: 220px !important;
    border-radius: 20px;
  }
}
.main-service-photo .slick-slide {
  padding: 0 10px;
}
.main-service-photo img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
}

.cond-types {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.cond-types a {
  width: calc(25% - 15px);
  padding: 15px;
  display: flex !important;
  align-items: center;
  border: 1px solid #EEF3F8;
  border-radius: 10px;
}
.cond-types a:hover, .cond-types a.active {
  background: #EEF3F8;
}
.cond-types b {
  font-weight: normal;
  padding-left: 15px;
}
.cond-types a img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 10px;
}
.cond-type.vent-type b {
  font-weight: bold;
}

@media (max-width: 991px) {
  .cond-types a {
    width: calc(50% - 15px);
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .cond-types a {
    max-width: 300px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .cond-types .slick-track {
    display: flex !important;
    align-items: stretch;
  }
  .cond-types .slick-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column;
  }
  .cond-types .slick-slide > div {
    display: flex;
    flex-grow: 1;
    height: 100%;
  }
}
@media (max-width: 576px) {
  .cond-types a {
    max-width: 250px;
    padding: 5px;
  }
}
.work-system .search {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}
.work-system .search input {
  border-radius: 12px;
  height: 49px;
  font-size: 16px;
  line-height: 24px;
}
.work-system .search button {
  width: 40px;
  height: 40px;
}

.slide-wrapper {
  width: 100%;
  margin: 10px 0;
}
.slide-wrapper .title {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1130AC;
  color: #fff;
  padding: 15px;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  border-radius: 10px;
  min-height: 57px;
}
.slide-wrapper .title span {
  color: #1130AC;
}
.slide-wrapper .title span {
  color: #fff;
  width: calc(100% - 20px);
}
.slide-wrapper .title svg {
  transition: all 0.5s ease;
  transform: rotate(180deg);
}
.slide-wrapper.active .title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.slide-wrapper.active .title svg {
  width: 16px;
  transition: all 0.5s ease;
  transform: rotate(0deg);
}
.slide-wrapper .wrap {
  display: none;
  background: #EEF3F8;
  font-size: 16px;
  line-height: 24px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.slide-wrapper ul {
  margin: 0;
  padding: 0;
}
.slide-wrapper li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 15px 20px;
}
.slide-wrapper li:last-child {
  margin-bottom: 0;
}
.slide-wrapper .right {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  width: auto;
  padding-left: 15px;
}
.slide-wrapper .right span {
  color: #1130AC;
}

@media (max-width: 991px) {
  .slide-wrapper .title {
    font-size: 16px;
    line-height: 24px;
    min-height: 51px;
  }
}
@media (max-width: 768px) {
  .slide-wrapper .title {
    font-size: 14px;
    line-height: 1.2;
    min-height: 51px;
  }
}
@media (max-width: 576px) {
  .slide-wrapper {
    margin: 5px 0;
  }
  .slide-wrapper .title {
    padding: 10px;
    font-size: 12px;
  }
}
.input.w100 {
  width: 100% !important;
}
.service-text img {
  border-radius: 20px;
}
.form-block {
  width: 100%;
  background-size: cover !important;
  background-position: right center !important;
  padding: 20px;
  border-radius: 30px;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
}
.form-block .form {
  max-width: 517px;
  background: #EEF3F8;
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 0;
}
.form-block .form .descr {
  margin: 15px 0 25px;
  font-size: 16px;
  line-height: 24px;
}
.form-block .form .input {
  margin: 10px 0;
}
.form-block .form .btn_wrap {
  margin-top: 20px;
  width: 100%;
}

@media (max-width: 991px) {
  .form-block .title_h2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
  }
  .form-block .title_h2 span {
    color: #1130AC;
  }
}
@media (max-width: 576px) {
  .form-block {
    padding: 15px;
  }
  .form-block .form {
    padding: 20px;
  }
  .form-block .form .descr {
    font-size: 14px;
    line-height: 17px;
  }
}
.container-fluid.grey .wrapper {
  gap: 20px;
  padding: 20px;
  background: #EEF3F8;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.container-fluid.grey .wrapper .title_h2 {
  margin-bottom: 0;
}

.w-m-t {
  margin-top: 0 !important;
}

.stages {
  padding: 20px;
  background: #EEF3F8;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}
.stages .wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.stages .stage {
  width: calc(25% - 20px);
  background: #fff;
  padding: 25px;
  border-radius: 20px;
}
.stages .stage .num-block {
  display: inline-flex;
  font-weight: bold;
  font-size: 55px;
  margin-bottom: 20px;
  background-image: linear-gradient(to right, #1130AC, #D42241);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 1;
}
.stages .stage .name {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  .stages .slick-slide {
    padding-left: 5px;
    padding-right: 5px;
  }
  .stages .slick-track {
    display: flex !important;
    align-items: stretch;
  }
  .stages .slick-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column;
  }
  .stages .slick-slide > div {
    display: flex;
    flex-grow: 1;
    height: 100%;
  }
}
@media (max-width: 576px) {
  .stages {
    padding: 15px;
  }
  .stages .stage {
    max-width: 250px;
  }
}
.text1 {
  font-size: 16px;
  line-height: 24px;
}

.complex-solves .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}
.complex-solves .solve {
  width: calc(25% - 20px);
  padding: 20px;
  background: #fff;
  border-radius: 20px;
}
.complex-solves .solve img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  border-radius: 15px;
  overflow: hidden;
}
.complex-solves .solve .img {
  margin-bottom: 15px;
}
.complex-solves .name {
  margin-top: auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

@media (max-width: 991px) {
  .complex-solves .wrap {
    gap: 15px;
  }
  .complex-solves .solve {
    padding: 15px;
    width: calc(50% - 8px);
  }
  .complex-solves .solve .img {
    margin-bottom: 10px;
  }
  .complex-solves .solve img {
    height: 150px;
  }
}
@media (max-width: 768px) {
  .container-fluid.grey .wrapper {
    padding: 15px;
  }
  .container-fluid.grey .wrapper .title_h2 {
    margin-bottom: 0;
  }

  .complex-solves .solve .name {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 576px) {
  .complex-solves {
    padding: 10px !important;
  }
  .complex-solves .wrap {
    gap: 10px;
  }
  .complex-solves .solve {
    width: calc(50% - 5px);
    padding: 10px;
  }
}
.tab-btn-block {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.tab-btn-block a {
  padding: 12px 20px;
  border-radius: 30px;
  background: #EEF3F8;
}
.tab-btn-block a.active, .tab-btn-block a:hover {
  background: #D42241;
  color: #fff;
}

.tab-btn-block {
  margin-bottom: 20px;
}

.news .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.news .new {
  width: calc(25% - 15px);
}

@media (max-width: 991px) {
  .news .wrap {
    gap: 15px;
  }
  .sertificate-page .sertificate,
  .news .new {
    width: calc(33.3333% - 10px);
  }
}
@media (max-width: 768px) {
  .sertificate-page .sertificate,
  .news .new {
    width: calc(50% - 10px);
  }
}
@media (max-width: 576px) {
  .sertificate-page .sertificate,
  .news .new {
    width: 100%;
  }
}
.tab-new {
  visibility: visible;
  opacity: 0;
  position: absolute;
  left: -10000px;
}
.tab-new.active {
  position: static;
  visibility: visible;
  opacity: 1;
}
.tab-new .paginatation {
  margin-top: 40px;
}

.new-detail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
}
.new-detail .menu-new > div[id*="bx_incl"],
.new-detail .menu-new {
  background: #EEF3F8;
  border-radius: 20px;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 312px;
}
.new-detail .menu-new > div[id*="bx_incl"] {
  padding: 0;
}
.new-detail .menu-new a {
  display: block;
  width: 100%;
  padding: 8px 15px;
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  border-radius: 10px;
}
.new-detail .menu-new a:hover, .new-detail .menu-new a.active {
  font-weight: bold;
  color: #D42241;
}
.new-detail .new-text {
  width: calc(100% - 342px);
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  gap: 20px;
  font-size: 16px;
  line-height: 24px;
}
.new-detail .new-text > * {
  margin: 0;
}
.new-detail .new-text .grey {
  width: calc(100% + 20px);
  margin-left: -20px;
  padding: 15px;
  border-radius: 20px;
  background: #EEF3F8;
}
.new-detail .new-text p:last-child {
  margin-bottom: 0;
}

.text-with-picture {
  display: flex;
  justify-content: space-between;
}
.text-with-picture h2 {
  margin-top: 0;
}
.text-with-picture .col-n {
  width: calc(50% - 10px);
}
.text-with-picture img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .new-detail .menu-new {
    width: 250px;
  }
  .new-detail .new-text {
    width: calc(100% - 270px);
  }
}
@media (max-width: 991px) {
  .new-detail {
    flex-wrap: wrap;
  }
  .new-detail .menu-new {
    width: 100%;
    margin: 20px 0;
  }
  .new-detail .new-text {
    width: 100%;
  }

  .text-with-picture {
    flex-wrap: wrap;
    gap: 20px;
  }
  .text-with-picture h2 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
  }
  .text-with-picture h2 span {
    color: #1130AC;
  }
  .text-with-picture .col-n {
    width: 100%;
  }
  .text-with-picture .col-n:nth-child(1) {
    order: 2;
  }
  .text-with-picture .col-n:nth-child(2) {
    order: 1;
  }
}
.new-advs {
  width: calc(100% + 20px);
  margin-left: -20px !important;
  display: flex;
  justify-content: space-between;
}
.new-advs .adv {
  width: calc(50% - 10px);
  padding: 20px;
  border-radius: 20px;
}
.new-advs .adv.green {
  background: #D3F3E0;
}
.new-advs .adv.red {
  background: #FEE5E5;
}
.new-advs .adv h3 {
  margin-top: 0;
}
.new-advs ul {
  padding-left: 15px;
}
.new-advs ul li {
  margin-bottom: 10px;
}
.new-advs ul li:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .new-advs {
    flex-wrap: wrap;
    gap: 20px;
  }
  .new-advs .adv {
    width: 100%;
  }
}
.new-form {
  width: calc(100% - 20px);
  margin: 35px auto;
  background: #EEF3F8;
  padding: 20px;
  min-height: 220px;
  display: flex;
  align-items: center;
  border-radius: 20px;
}
.new-form .title {
  width: 30%;
  padding-right: 20px;
}
.new-form .title span {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
}
.new-form .form {
  width: calc(70% - 20px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.new-form .form .input:not(.checkbox) {
  width: calc(33.3333% - 10px);
}
.new-form .form .checkbox {
  margin-top: 20px;
}
.new-form .form button {
  width: 100% !important;
  height: 55px;
}

@media (max-width: 991px) {
  .new-form {
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    gap: 15px;
  }
  .new-form .title_h1 {
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
  }
  .new-form .title_h1 span {
    color: #1130AC;
  }
  .new-form .title {
    padding-right: 0;
  }
  .new-form .title span {
    margin-top: 0;
  }
  .new-form .title,
.new-form .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .new-form .title .input:not(.checkbox),
.new-form .form .input:not(.checkbox) {
    width: 100%;
  }
  .new-form .title .checkbox,
.new-form .form .checkbox {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .new-form {
    padding: 15px;
  }
}
.question-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.question-block .title_h2 {
  padding-left: 20px;
}
.question-block .title {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  display: flex;
  min-height: 67px;
  align-items: center;
}
.question-block .title span {
  color: #1130AC;
}
.question-block .title span {
  display: block;
  width: calc(100% - 20px);
  color: #000;
}
.question-block .title svg {
  transition: all 0.5s ease;
}
.question-block .question {
  width: 100%;
  border: 1px solid #EEF3F8;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 24px;
}
.question-block .question .wrap {
  display: none;
  padding-bottom: 20px;
}
.question-block .question.active {
  background: #EEF3F8;
}
.question-block .question.active .wrap {
  display: block;
}
.question-block .question.active .title svg {
  transform: rotate(180deg);
}

@media (max-width: 576px) {
  .question-block .question {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.about-text-block .text-with-picture {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}
.about-text-block p {
  margin-top: 0;
}

@media (min-width: 991px) {
  .about-text-block .text-with-picture .col-n {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-text-block .text-with-picture .col-n:nth-child(1) {
    width: 40%;
  }
  .about-text-block .text-with-picture .col-n:nth-child(2) {
    width: 60%;
  }
  .about-text-block .text-with-picture img {
    display: block;
    width: 100%;
    height: auto;
  }
  .about-text-block .text-with-picture .text {
    padding: 0 40px;
  }
}
.advantages.about-img .advantage {
  width: calc(25% - 15px);
}

.red-title .row {
  gap: 15px;
}
.red-title .title_h2 {
  margin-bottom: 0;
}
.red-title .r-t-block {
  width: calc(20% - 15px);
}
.red-title .r-t-block .red {
  width: 100%;
  font-size: 50px;
  font-weight: bold;
  line-height: 56px;
  color: #D42241;
}
.red-title .r-t-block .red span {
  color: #1130AC;
}
.red-title .r-t-block span {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 20px;
}
.red-title .r-t-block span span {
  color: #1130AC;
}

.about-text-block {
  display: flex;
  gap: 20px;
}
.about-text-block h3 {
  margin-top: 0;
}
.about-text-block .left {
  width: 45%;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
  padding: 20px;
}
.about-text-block .left picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.about-text-block .left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-text-block .left .wrap {
  position: relative;
  z-index: 1;
  width: 50%;
}
.about-text-block .center,
.about-text-block .right {
  color: #fff;
  border-radius: 20px;
  padding: 20px;
}
.about-text-block .left,
.about-text-block .center,
.about-text-block .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  line-height: 24px;
}
.about-text-block .center {
  width: 25%;
  background: #1130AC;
}
.about-text-block .right {
  width: 30%;
  background: #D42241;
}
.about-text-block.about-text .center {
  background: #D42241;
}
.about-text-block.about-text .right {
  background: #1130AC;
}
.about-text-block.delivery-text-block .left {
  width: 50%;
}
.about-text-block.delivery-text-block .left .wrap {
  width: 40%;
}
.about-text-block.delivery-text-block .left img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right top;
     object-position: right top;
  border-radius: 20px;
  overflow: hidden;
}
.about-text-block.delivery-text-block .center,
.about-text-block.delivery-text-block .right {
  width: 25%;
}
.about-text-block.delivery-text-block p {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .delivery-text-block {
    flex-wrap: wrap;
  }
  .delivery-text-block .left,
.delivery-text-block .center,
.delivery-text-block .right {
    width: 100% !important;
  }
  .delivery-text-block .left img {
    -o-object-position: right bottom !important;
       object-position: right bottom !important;
  }
}
@media (max-width: 991px) {
  .about-text-block {
    flex-wrap: wrap;
  }
  .about-text-block .text-with-picture .col-n:nth-child(1) {
    order: 1;
  }
  .about-text-block .text-with-picture .col-n:nth-child(2) {
    order: 2;
  }
  .about-text-block .left {
    width: 100%;
  }
  .about-text-block .center {
    width: 35%;
  }
  .about-text-block .right {
    width: calc(65% - 20px);
  }

  .red-title .r-t-block {
    width: calc(33.3333% - 15px);
  }
  .red-title .r-t-block .red {
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
  }
  .red-title .r-t-block .red span {
    color: #1130AC;
  }
  .red-title .r-t-block span {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin-top: 5px;
  }

  .advantages.about-img .advantage {
    width: calc(50% - 10px);
  }
}
@media (max-width: 768px) {
  .about-text-block .center,
.about-text-block .right {
    width: 100%;
  }

  .red-title .r-t-block {
    width: calc(50% - 15px);
  }

  .advantages.about-img .advantage {
    width: calc(50% - 5px);
  }

  .delivery-text-block .left {
    padding-bottom: 0;
  }
  .delivery-text-block .left .wrap {
    width: 100%;
  }
  .delivery-text-block .left picture {
    display: flex;
    justify-content: flex-end;
    height: auto;
    order: 1;
    position: static;
  }
  .delivery-text-block .left img {
    margin-right: -20px;
    display: block;
    max-width: 300px;
    height: auto;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
@media (max-width: 576px) {
  .about-text-block h3 {
    margin-bottom: 10px;
  }
  .about-text-block .left .wrap {
    width: 60%;
  }

  .advantages .advantage span {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
  }
}
.about-command .slick-track {
  display: flex !important;
  align-items: stretch;
}
.about-command .slick-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column;
}
.about-command .slick-slide > div {
  display: flex;
  flex-grow: 1;
  height: 100%;
}
.about-command .slick-slide {
  padding: 0 10px;
}
.about-command .command {
  background: #EEF3F8;
  border-radius: 20px;
  padding: 15px;
  display: flex !important;
  flex-wrap: wrap;
}
.about-command .command .img {
  width: 100%;
}
.about-command .command img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
}
.about-command .command .name {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin: 10px 0;
}
.about-command .command .post {
  margin-top: auto;
  display: inline-flex;
  width: auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  background: #D42241;
  padding: 5px 8px;
  border-radius: 30px;
  color: #fff;
}
.new-detail-block img {
  height: auto;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
  margin-bottom: 20px;
}
@media (min-width: 991px) {
  .new-detail-block img {
    width: 50%;
    min-height: 300px;
    float: right;
    margin: 20px;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .new-detail-block img {
    width: calc(100% + 20px);
    margin-left: -20px;
  }
  .about-command .command .post {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 768px) {
  .about-command .command .post {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .about-command .command {
    padding: 10px;
  }
  .about-command .command .name {
    font-size: 12px;
    line-height: 1;
  }
  .about-command .command .post {
    font-size: 12px;
    line-height: 1;
  }
  .about-command .slick-slide {
    padding-left: 3px;
    padding-right: 3px;
  }
}
.contact-text-block {
  font-size: 16px;
  line-height: 24px;
}
.contact-text-block .text-with-picture {
  align-items: center;
  margin-bottom: -10px;
}
.contact-text-block h3 {
  margin-top: 0;
}
.contact-text-block .col-n {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}
.contact-text-block .foot_addr {
  position: relative;
  margin-top: 10px;
}
@media(min-width: 991px) {
  .address .foot_addr .addr {
    white-space: nowrap;
  }
}
.contact-text-block .foot_addr span {
  font-size: 14px;
  line-height: 17px;
}
.contact-text-block .foot_addr.with-soc .soc {
  position: absolute;
  height: 35px;
  right: 0;
  bottom: 0;
}
.contact-text-block .map-block {
  padding: 20px;
  border-radius: 20px;
  background: #fff;
}
.bx-yandex-map {
  border-radius: 20px;
  overflow: hidden;
}
.bx-yandex-view-layout,.bx-yandex-view-map {
  height: 100%;
}
.ymaps-map,.bx-yandex-map {
  height: 100% !important;
}
.contact-text-block .map-block img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.contact-text-block .req-block {
  padding: 0 20px;
}

@media (max-width: 991px) {
  .bx-yandex-view-layout {
    height: 612px;
  }
  .contact-text-block {
    margin-bottom: 25px;
  }
  .contact-text-block .text-with-picture {
    margin-bottom: 0;
  }
  .contact-text-block .map-block {
    padding: 0;
    background: transparent;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .contact-text-block .foot_addr .soc {
    display: none;
  }
  .contact-text-block .req-block {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .contact-text-block .col-n {
    padding: 15px;
  }
}
.compare-page .title_h2 b,
.page-basket .title_h2 b {
  font-size: 16px;
  line-height: 24px;
  color: #A0A8B2;
}

.page-basket .top {
  margin: 20px 0;
}
.page-basket .top > span {
  display: flex;
  gap: 20px;
}
.page-basket .top .checkbox input {
  width: 22px;
  height: 22px;
  border-radius: 10px;
}
.page-basket .top .checkbox label {
  padding-top: 5px;
  font-size: 12px;
  color: #000;
}
.page-basket .top .prod-btns a {
  font-size: 12px;
}
.page-basket .left {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.page-basket .right {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.page-basket .right .grey {
  background: #EEF3F8;
  padding: 20px;
  border-radius: 20px;
}
.page-basket .right .basket-list {
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}
.page-basket .right .basket-list li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 20px;
}
.page-basket .right .basket-list li .l {
  font-weight: bold;
  white-space: nowrap;
}
.page-basket .right .basket-list li .l span {
  color: #A0A8B2;
}
.page-basket .right .basket-list li .r {
  padding-left: 15px;
  text-align: right;
  white-space: nowrap;
}
.page-basket .right .basket-list li .r.red {
  color: #D42241;
}
.page-basket .right .basket-list li.total {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.page-basket .right .basket-list li.total span {
  color: #1130AC;
}
.page-basket .right .btn_wrap.red {
  width: 100%;
  height: 55px;
}
.page-basket .right .discount-block {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.page-basket .right .discount-block .input {
  width: calc(100% - 150px);
}
.page-basket .right .discount-block .btn_wrap {
  width: 150px;
  min-width: 0;
}
.page-basket .login-block {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background: #EEF3F8;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.page-basket .login-block .btn_wrap {
  width: 262px;
  min-width: 0;
}
.page-basket .login-block b {
  display: inline-block;
}
.page-basket .services {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
.page-basket .services .service-basket {
  display: block;
  border-radius: 10px;
  padding: 10px;
  background: #EEF3F8;
}
.page-basket .services .service-basket .top {
  margin-top: 0;
  display: flex;
  align-items: center;
}
.page-basket .services .service-basket .name {
  padding-top: 5px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  width: calc(100% - 100px);
}
.page-basket .services .service-basket .bottom {
  display: flex;
  justify-content: space-between;
}
.page-basket .services .service-basket .bottom .descr {
  font-size: 12px;
  line-height: 1.2;
  width: calc(100% - 100px);
}
.page-basket .services .service-basket .bottom .descr span {
  padding-top: 3px;
  display: block;
  color: #EEF3F8;
  color: #A0A8B2;
}
.page-basket .services .service-basket .bottom .price-service {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 991px) {
  .page-basket .basket-item .useful > .wrap-use {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .page-basket .basket-item .useful > .wrap-use .slick-track {
    display: flex !important;
    align-items: stretch;
  }
  .page-basket .basket-item .useful > .wrap-use .slick-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column;
  }
  .page-basket .basket-item .useful > .wrap-use .slick-slide > div {
    display: flex;
    flex-grow: 1;
    height: 100%;
  }
  .page-basket .basket-item .useful > .wrap-use .slick-slide {
    padding: 0 10px;
  }
}
.cart .prod-btns a svg,
.product .prod-btns a svg {
  margin-right: 0;
}

.basket-delete:hover svg path {
  fill: #1130AC;
}

.basket-item {
  display: flex;
  border: 1px solid #EEF3F8;
  border-radius: 20px;
  padding: 15px;
  gap: 24px;
  position: relative;
}
.basket-item .prod-btns svg {
  margin-right: 0;
}
.basket-item .chosen {
  position: absolute;
  left: 15px;
  top: 15px;
}
.basket-item img {
  width: 100%;
  height: auto;
}
.basket-item .img {
  width: 122px;
}
.basket-item .wrap {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 122px);
  flex-wrap: wrap;
}
.basket-item .counter-block {
  width: 143px;
}
.basket-item .counter-block .price-block {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
  text-align: center;
  font-weight: bold;
  color: #A0A8B2;
}
.basket-item .basket-name {
  width: 35%;
  font-size: 16px;
  line-height: 24px;
}
.basket-item .basket-name > * {
  width: 100%;
  display: inline-block;
}
.basket-item .basket-name .name {
  font-weight: bold;
}
.basket-item .basket-name .art {
  margin-top: 7px;
  font-size: 14px;
  line-height: 17px;
  color: #A0A8B2;
}
.basket-item .price-block {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.basket-item .price-block .price {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.basket-item .price-block .price span {
  color: #1130AC;
}
.basket-item .price-block .old_price {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
}
.basket-item .price-block .old-p {
  font-weight: bold;
  text-decoration: line-through;
  color: #A0A8B2;
}
.basket-item .prod-btns {
  gap: 10px;
}
.basket-item .prod-btns a {
  width: 43px;
  height: 43px;
}

.useful {
  width: 100%;
  margin-top: 20px;
}
.useful .title {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
}
.useful .title span {
  width: calc(100% - 20px);
}
.useful .title svg {
  transition: all 0.5s ease;
}
.useful > .wrap-use {
  display: none;
  width: calc(100% + 10px);
  margin-left: -5px;
}
#basket_form .useful > .wrap-use {
    height: auto !important;
}
.useful > .wrap-use .slick-track {
  display: flex !important;
  align-items: stretch;
}
.useful > .wrap-use .slick-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column;
}
.useful > .wrap-use .slick-slide > div {
  display: flex;
  flex-grow: 1;
  height: 100%;
}
.useful > .wrap-use .slick-slide {
  padding: 0 5px;
}
.useful .wrap-use {
  flex-wrap: wrap;
  gap: 10px;
}
.useful .wrap-use .wrap-use {
  width: calc(100% - 115px);
}
.useful .wrap-use .use {
  display: flex !important;
  width: calc(50% - 10px);
  background: #EEF3F8;
  padding: 10px;
  border-radius: 20px;
  gap: 15px;
  max-height: 120px;
}
.useful .wrap-use .img-use {
  min-width: 80px;
  width: 30%;
  display: flex;
  align-items: center;
}
.useful .wrap-use .img-use .img {
  width: auto;
  padding: 5px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.useful .wrap-use .img-use img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.useful .wrap-use .name-use {
  font-size: 16px;
  line-height: 24px;
}
.useful.active > .wrap-use {
  display: flex !important;
}
.useful.active .title svg {
  transform: rotate(180deg);
}
.useful .use-btns {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.useful .use-btns .price-use {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.page-basket .basket-item .counter {
  display: inline-flex;
  width: 100%;
  border-color: #EEF3F8;
  min-width: 0;
}

.basket-item.deleted {
  align-items: center;
  justify-content: space-between;
}
.basket-item.deleted .img {
  max-width: 65px;
  opacity: 0.8;
}
.basket-item.deleted img {
  width: 65px;
  height: auto;
}
.basket-item.deleted .left-block {
  display: flex;
  gap: 15px;
}
.basket-item.deleted .basket-name {
  width: auto;
}
.basket-item.deleted .deleted-block {
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.basket-item.deleted .deleted-block .name {
  white-space: nowrap;
}
.basket-item.deleted .deleted-block:hover span {
  color: #1130AC;
}
.basket-item.deleted .deleted-block:hover svg path {
  fill: #1130AC;
}
.basket-item.deleted .name.grey {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #A0A8B2;
}

@media (max-width: 991px) {
  .basket-item.deleted .name.grey {
    font-size: 14px;
    line-height: 17px;
  }
  .basket-item.deleted .deleted-block {
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .basket-item.deleted {
    flex-wrap: wrap;
  }
  .basket-item.deleted .deleted-block {
    width: 100%;
    justify-content: center;
    margin-top: 5px;
  }
}
.btn-use:hover path, .btn-use.active path {
  fill: #18B95B;
}

@media (max-width: 1200px) {
  .page-basket .left {
    width: 68%;
  }
  .page-basket .right {
    width: 32%;
    font-size: 14px;
    line-height: 17px;
    padding-left: 0;
  }
  .page-basket .right .discount-block {
    flex-wrap: wrap;
  }
  .page-basket .right .discount-block .input,
.page-basket .right .discount-block .btn_wrap {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .page-basket .basket-item > .img {
    display: block !important;
  }
  .page-basket .basket-item > .img img {
    width: 100px;
  }
  .page-basket .basket-item .useful {
    width: calc(100% + 100px);
    margin-left: -124px;
  }
  .page-basket .basket-item .use {
    width: 300px;
  }
  .page-basket .basket-item .wrap {
    width: calc(100% - 100px);
  }

  .page-basket .top {
    flex-wrap: wrap;
  }
  .page-basket .top > span {
    margin-top: 10px;
    justify-content: space-between;
    width: 100%;
    order: 2;
  }
  .page-basket .left {
    width: 100%;
  }
  .page-basket .right {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    width: 100%;
  }
  .page-basket .right .grey {
    padding: 20px 10px;
  }
  .page-basket .right .discount-block {
    flex-wrap: nowrap;
  }
  .page-basket .right .discount-block .input,
.page-basket .right .discount-block .btn_wrap {
    width: 50%;
  }
  .page-basket .services {
    margin-bottom: 20px;
  }

  .basket-item .basket-name {
    width: 100%;
  }
  .basket-item .counter-block {
    order: 3;
    margin: 15px 0 0;
  }
  .basket-item .counter-block .counter,
.basket-item .counter-block .price-block {
    width: 143px;
  }
  .basket-item .basket-name {
    order: 1;
  }
  .basket-item .price-block {
    margin-top: 10px;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
    order: 2;
  }
  .basket-item .price-block .old_price {
    margin-top: 5px;
  }
  .basket-item .prod-btns {
    order: 4;
    margin-top: 15px;
  }
  .basket-item .useful {
    order: 5;
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .basket-item {
    width: 100%;
  }
  .basket-item .useful {
    overflow: hidden;
  }
  .basket-item .useful .wrap-use {
    flex-wrap: wrap;
  }
  .basket-item .useful .wrap-use .use {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .basket-item .price-block {
    margin-top: 0;
  }
  .page-basket .basket-item .useful {
    margin-left: -100px;
  }

  .basket-item {
    padding: 10px;
    gap: 0px;
  }
  .basket-item .counter-block .price-block,
.basket-item .counter-block {
    width: 118px;
  }
  .basket-item .basket-name {
    font-size: 14px;
    line-height: 17px;
  }
  .basket-item .basket-name .art {
    font-size: 12px;
  }
  .basket-item .img {
    width: 100px;
    padding-right: 10px;
  }
  .basket-item .wrap {
    width: calc(100% - 10px);
  }
  .basket-item .img-use {
    width: 70px !important;
    min-width: 0 !important;
  }
  .basket-item .img-use img {
    width: 50px;
    height: auto !important;
  }
  .basket-item .use {
    gap: 5px !important;
  }
  .basket-item .wrap-use .wrap-use {
    width: calc(100% - 70px);
    gap: 5px;
  }
  .basket-item .useful {
    margin-top: 0;
  }
  .basket-item .useful .name-use {
    width: 100% !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  .basket-item .prod-btns {
    justify-content: flex-end;
    margin-top: 20px;
  }
}
@media (max-width: 400px) {
  .basket-item .counter,
.basket-item .counter-block,
.basket-item .counter-block .price-block {
    width: 110px !important;
  }
  .basket-item .prod-btns {
    width: 0px;
  }
}
.basket-fixed {
  position: fixed;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 76px;
  z-index: 11;
  background: #EEF3F8;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
}
.basket-fixed .btn_wrap {
  width: 210px;
  font-size: 14px;
}
.basket-fixed .price {
  margin-top: 5px;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.basket-fixed .price span {
  color: #1130AC;
}

.page-order {
  padding-top: 20px;
}
.page-order .grey-block {
  border-radius: 30px;
  background: #EEF3F8;
  padding: 20px;
}
.page-order .grey-block h3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  margin-top: 10px;
}
.page-order .grey-block h3 span {
  color: #000;
}
.page-order .grey-block h3 a {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #1130AC;
  text-decoration: underline;
}
.page-order .order-step {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  background: #fff;
  padding: 0 20px 20px 20px;
}
.page-order .order-step .l-step {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.page-order .order-step .name {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.page-order .order-step .name img {
  width: auto;
  height: 30px;
}
.page-order .order-step .gr {
  color: #A0A8B2;
}
.page-order .order-step .input.boolean {
  margin-top: 20px;
}
.page-order .checkbox input {
  width: 22px;
  height: 22px;
  border-color: #1130AC;
}
.page-order .dblue {
  width: 100%;
  height: 55px;
  margin-bottom: 10px;
}

.form-bl {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.form-bl > * {
  flex: 1 1 100%;
}
.form-bl .cl-3 {
  flex: 0 0 calc(33.333% - 7px);
}

@media (max-width: 991px) {
  .page-order {
    padding-top: 20px;
  }
  .page-order .right {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .page-order .grey-block {
    padding: 10px 10px 15px;
  }
  .page-order .grey-block .name {
    margin-top: 10px;
  }
  .page-order .grey-block .input.boolean {
    margin-top: 5px;
  }
  .page-order .grey-block .order-step {
    padding: 0 20px 10px 20px;
  }
}
@media (max-width: 576px) {
  .page-order .grey-block h3 {
    align-items: center;
    margin-top: 10px;
  }
  .page-order .grey-block h3 a {
    font-size: 12px;
  }

  .page-basket .right .basket-list li .l,
.page-basket .right .basket-list li .r {
    font-size: 14px;
    line-height: 17px;
  }
}
.grey-block-wrapper {
  border-radius: 20px;
  background: #EEF3F8;
  padding: 10px;
  font-size: 16px;
  line-height: 24px;
}

.white-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 10px 20px;
  border-radius: 10px;
}
.white-block .input {
  margin-top: -5px;
  margin-bottom: 5px;
}

.favorite-page {
  width: 100%;
  padding-bottom: 20px;
}
.favorite-page .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.favorite-page .row {
  gap: 20px;
}
.favorite-page .new-detail {
  width: 100%;
  margin-top: 0;
  gap: 20px;
}
.favorite-page .sort-block {
  margin-bottom: 0;
}
.favorite-page .top {
  margin-top: 0;
  margin-bottom: 0;
}
.favorite-page .menu-new {
  width: 100%;
}
.favorite-page .favorite-left {
  display: flex;
  gap: 20px;
  flex-direction: column;
  width: 26%;
}
.favorite-page .catalog_wrap {
  width: 74%;
}
.favorite-page .product .btn_wrap {
  margin-bottom: 10px;
  background: #EEF3F8;
  color: #1130AC;
  transition: all 0.5s ease;
}
.favorite-page .product .btn_wrap:hover {
  background: #1130AC;
  color: #fff;
}

@media (max-width: 991px) {
  .favorite-page .top > span {
    margin-top: 0;
  }
  .favorite-page .row {
    gap: 10px;
  }
  .favorite-page .favorite-left {
    width: 100%;
    gap: 10px;
  }
  .favorite-page .favorite-left .menu-new {
    padding: 10px;
    margin: 0;
  }
  .favorite-page .favorite-left .menu-new a {
    padding: 5px 10px;
  }
  .favorite-page .grey-block-wrapper .white-block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .favorite-slider .slick-slide {
    padding-right: 10px;
  }
  .favorite-slider .menu-new a:hover,
.favorite-slider .menu-new a.active {
    color: #000;
  }
}
.compare-page .new-detail {
  width: 100%;
  flex-wrap: wrap;
}
.compare-page .menu-new {
  padding: 10px;
}
.compare-page .menu-new .slick-slide {
  padding-right: 5px;
}
.compare-page .compare-slider {
  width: 100%;
  gap: 10px;
}

.compare_wrap {
  width: 100%;
}
.compare_wrap .slick-track {
  display: flex !important;
  align-items: stretch;
  min-width: 100%;
}
.compare_wrap .slick-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column;
}
.compare_wrap .slick-slide > div {
  display: flex;
  flex-grow: 1;
  height: 100%;
}
.compare_wrap .slick-slide {
  margin: 0 10px;
}
.compare_wrap .compare-product {
  display: flex !important;
  flex-direction: column;
  gap: 20px;
}
.compare_wrap .min-prop {
  margin-top: auto;
}

@media (max-width: 768px) {
  .compare-page .new-detail {
    padding-left: 0;
    padding-right: 0;
  }
  .compare-page .favorite-left {
    padding-left: 10px;
    padding-right: 10px;
  }

  .compare_wrap {
    padding-left: 5px;
    padding-right: 5px;
  }
  .compare_wrap .slick-slide {
    margin-left: 5px;
    margin-right: 5px;
  }
  .compare_wrap .min-prop ul li {
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
  }
  .compare_wrap .min-prop ul li span {
    width: 100%;
  }
  .compare_wrap .min-prop ul li .right {
    text-align: left;
  }
}
.m-h-100 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  min-height: calc(100vh - 200px);
  gap: 20px;
}
.m-h-100.grey {
  background: #EEF3F8;
  border-radius: 20px;
}

@media (max-width: 991px) {
  .m-h-100 {
    height: auto;
    min-height: 0;
  }
}
.form-page .m-h-100 {
  padding: 20px;
}
.form-page .form-bl {
  text-align: left;
  border-radius: 20px;
  background: #fff;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  padding: 20px;
  gap: 20px;
}
.form-page .form-bl p {
  text-align: center;
}
.form-page .btn_wrap {
  height: 55px;
}
.form-page .col-n {
  width: 50%;
}
.form-page .top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-page .top .phone .coding,
.form-page .top .phone span {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #000;
}
.form-page .top .phone .coding {
  border: none;
  padding: 0;
  pointer-events: none;
  cursor: default;
}
.form-page .top .phone span span {
  color: #1130AC;
}
.form-page .top .phone a {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #1130AC;
  white-space: nowrap;
}
.form-page .top .phone a:hover {
  color: #9AB1FF;
}
.form-page .input input {
  background: #EEF3F8;
}
.form-page .bottom {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}
.form-page .bottom .col-n {
  width: 50%;
}
.form-page .bottom .gr {
  color: #A0A8B2;
}
.form-page .bottom a.get-code {
  display: block;
  width: 100%;
  margin-top: 10px;
  color: #D42241;
}

@media (max-width: 768px) {
  .form-page .top {
    gap: 10px;
  }
  .form-page .phone {
    flex-direction: column;
    gap: 5px;
    text-align: left;
  }
  .form-page .phone a {
    width: 100%;
  }
  .form-page .bottom {
    margin-top: 0;
    flex-direction: column;
  }
  .form-page .bottom .col-n {
    width: 100%;
  }
}
.lk-page .new-detail {
  margin-top: 10px;
  width: 100%;
  gap: 20px;
}
.lk-page .content-block {
  gap: 20px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 330px);
}
.lk-page .form-bl {
  background: #EEF3F8;
  padding: 20px;
  border-radius: 20px;
  gap: 20px;
}
.lk-page .form-bl .input {
  background: #fff;
}
.lk-page .order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-radius: 20px;
  background: #fff;
  width: 100%;
}
.lk-page .order .name-block .name {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 5px;
}
.lk-page .order .name-block .name span {
  color: #1130AC;
}
.lk-page .order .name-block .status {
  color: #A0A8B2;
}
.lk-page .order .name-block .status.green {
  color: #18B95B;
}
.lk-page .order .name-block .status.pending {
  color: #FFCC00;
}
.lk-page .order .name-block .status.cancel {
  color: #FF383C;
}
.lk-page .order .order-block .name {
  font-weight: bold;
  margin-bottom: 5px;
}
.lk-page .order .order-block .val {
  color: #A0A8B2;
}
.lk-page .order .products-block {
  display: flex;
  gap: 10px;
  min-width: 160px;
}
.lk-page .order .products-block .img {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.lk-page .order .products-block .img img {
  display: block;
  width: 75px;
    height: 75px;
    object-fit: cover;
  height: auto;
}
@media(min-width: 991px) {
  .lk-page .order .products-block {
    justify-content: flex-end;
  }
}
}
.lk-page .order .products-block .more {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .lk-page .form-bl {
    padding: 15px;
  }
  .lk-page .order {
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px;
  }
  .lk-page .order .products-block {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .lk-page .order .name-block {
    width: 100%;
  }
}
.out-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 20px;
  padding: 20px;
  border: 1px solid #EEF3F8;
}
.out-block a {
  display: inline-flex;
  width: auto;
  align-items: center;
}
.out-block a svg {
  margin-right: 10px;
}
.out-block a:hover {
  opacity: 0.8;
}

@media (max-width: 991px) {
  .lk-page .menu-new {
    margin-top: 0 !important;
    margin-bottom: 0;
  }
  .lk-page .menu-new .slick-slide {
    padding-right: 5px;
  }
  .lk-page .content-block {
    width: 100%;
  }
}
.page-404 .grey {
  padding: 20px;
  background: #EEF3F8;
  border-radius: 20px;
}
.page-404 .wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
.page-404 picture,
.page-404 img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 500px;
  border-radius: 20px;
  overflow: hidden;
  background: #85cff2;
}
.page-404 h3 {
  margin-top: 0;
}

@media (min-width: 991px) {
  .page-404 .text {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px;
  }
  .page-404 .btn_wrap {
    max-width: 242px;
    margin-left: auto;
    margin-right: auto;
  }
}
.reviews-page .title_h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reviews-page .title_h2 .bluebg {
  max-width: 200px;
  margin-left: 10px;
}
.reviews-page .wrapper .wrapper-block,
.reviews-page .wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  background: #EEF3F8;
  border-radius: 20px;
  padding: 20px;
}

.reviews-page .wrapper .wrapper-block {
  padding: 0;
  background: transparent;
  border-radius: 0;
  gap: 20px;
  margin: 0;
  width: 100%;
}

.reviews-page .review {
  width: calc(50% - 10px);
}

@media (max-width: 768px) {
  .reviews-page .review {
    width: 100%;
    padding: 15px;
  }
  .reviews-page .wrapper .wrapper-block {
    gap: 10px;
  }
  .reviews-page .wrapper {
    gap: 10px;
    padding: 10px;
  }
}
@media (max-width: 576px) {
  .reviews-page .title_h2 {
    flex-wrap: wrap;
  }
  .reviews-page .title_h2 .btn_wrap {
    max-width: 100%;
    width: 100% !important;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 0;
  }
}
.delivery-block {
  display: flex;
  gap: 20px;
  font-size: 16px;
  line-height: 24px;
}
.delivery-block h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
.delivery-block p {
  margin-top: 0;
}
.delivery-block picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.delivery-block picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}
.delivery-block .left {
  width: 25%;
}
.delivery-block .right {
  width: 75%;
  position: relative;
}
.delivery-block .right .text {
  position: relative;
  z-index: 1;
  width: 50%;
}
.delivery-block .left,
.delivery-block .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
  background: #fff;
  padding: 20px;
  overflow: hidden;
}

.delivery-block .left {
  justify-content: flex-start;
}

.col-n .title_with_img {
  margin-left: 0 !important;
  margin-bottom: 10px !important;
}

.col-n .title_with_img h3 {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .about-text-block.delivery-text-block .left .wrap {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .delivery-block {
    flex-wrap: wrap;
  }
  .delivery-block .left,
.delivery-block .right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .delivery-block .right {
    padding-bottom: 0;
  }
  .delivery-block .right .text {
    width: 100%;
  }
  .delivery-block .right picture {
    display: none;
    order: 1;
    position: static;
  }
  .delivery-block .right img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .about-text-block.delivery-text-block .left .wrap {
    width: 100%;
  }
}
.delivery-block-text {
  font-size: 16px;
  line-height: 24px;
}
.delivery-block-text h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
.delivery-block-text p {
  margin: 0;
}
.delivery-block-text .wrapper {
  flex-direction: row !important;
  gap: 20px;
}
.delivery-block-text .col-n {
  width: calc(50% - 10px);
}
.delivery-block-text div[class*=col-] {
  padding: 20px;
  border-radius: 20px;
  background: #fff;
}
.delivery-block-text .col-tr {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}
.delivery-block-text .col-w {
  width: 100%;
}
.delivery-block-text ul {
  padding: 0 0 0 15px;
  margin: 0;
}
.delivery-block-text ul li {
  margin-bottom: 5px;
}
.delivery-block-text ul li:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .delivery-block-text .col-n {
    width: 100%;
  }
  .delivery-block-text .col-tr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 991px) {
  .delivery-block-text div[class*=col-] {
    padding: 10px;
  }
}
.title_with_img {
  display: flex;
  align-items: center;
}
.title_with_img h3 {
  width: auto;
  display: inline-flex;
}
.title_with_img img {
  margin-left: 25px;
}

.optom-block .title_with_img img {
  width: 48px;
  height: auto;
}

.block-img-right {
  position: relative;
  overflow: hidden;
}
.block-img-right picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.block-img-right picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.block-img-right .text {
  position: relative;
  z-index: 1;
  width: 70%;
}

@media (max-width: 991px) {
  .block-img-right {
    display: flex;
    flex-direction: column;
    padding-bottom: 0 !important;
  }
  .block-img-right img {
    display: block;
    max-width: 340px;
    height: auto;
  }
  .block-img-right picture {
    display: flex;
    justify-content: center;
    order: 1;
    position: static;
  }
  .block-img-right picture img {
    height: auto;
  }
  .block-img-right .text {
    width: 100%;
  }
}
.optom-page .text-with-picture {
  border-radius: 20px;
  padding: 20px;
  font-size: 16px;
  line-height: 24px;
  background: #fff;
}
.optom-page .text-with-picture .btn_wrap {
  max-width: 235px;
  margin-top: 25px;
}
.optom-page .advantages {
  width: 100%;
  gap: 20px;
}
.optom-page .advantage {
  background: #fff;
  margin: 0;
}

@media (min-width: 991px) {
  .optom-page .text-with-picture {
    align-items: center;
  }
  .optom-page .text-with-picture h3 {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .optom-page .text-with-picture .col-n:nth-child(1) {
    order: 1 !important;
  }
  .optom-page .text-with-picture .col-n:nth-child(2) {
    order: 2 !important;
  }
}
@media (max-width: 768px) {
  .optom-page .advantages {
    width: 100%;
    gap: 10px;
  }
  .optom-page .advantages .advantage {
    width: calc(50% - 5px) !important;
  }

  .optom-page .advantages .advantage span {
    font-size: 14px;
    line-height: 17px;
  }
}
.optom-cats .main-cat {
  gap: 13px;
}
.optom-cats .main-cat .cat {
  margin: 0;
}
.optom-cats .main-cat .gr {
  color: #A0A8B2;
}

@media (max-width: 991px) {
  .optom-cats .main-cat .cat {
    width: calc(50% - 10px);
    background-size: auto 90% !important;
    background-position: right center !important;
  }
}
@media (max-width: 768px) {
  .optom-cats .main-cat {
    gap: 10px;
  }
  .optom-cats .main-cat .wrap {
    width: 65%;
  }
  .optom-cats .main-cat .cat {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .optom-cats .main-cat .gr {
    margin-top: 0;
    font-size: 12px;
    line-height: 1.2;
  }
  .optom-cats .main-cat .cat {
    background-size: 40% auto !important;
  }
}
.contacts-map {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.contacts-map__map {
  width: calc(58% - 13px);
  border-radius: 20px;
  overflow: hidden;
}
.contacts-map__info {
  width: calc(42% - 13px);
  background: #EEF3F8;
  border-radius: 20px;
  padding: 30px;
}
.contacts-map__info .title_h2 {
  margin: 0 0 30px;
}
.contacts-map__contacts {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 33px;
  margin-bottom: 33px;
  border-bottom: 1px solid #D9E3EE;
}
.contacts-map__item {
  display: flex;
  align-items: center;
  gap: 15px;
  /*width: calc(50% - 10px);*/
}
.contacts-map__icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #fff;
  display: inline-flex;
align-items: center;
  justify-content: center;
}
.contacts-map__item .foot_addr a {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #000;
}
.contacts-map__item .foot_addr a:hover {
  color: #D42241;
}
.contacts-map__info .foot_addr {
  font-size: 14px;
  line-height: 17px;
}

.contacts-map__info .btn_wrap {
  margin-top: 30px;
  min-width: 194px;
}
.contacts-map__bottom{
  display: flex;
  flex-direction: column;
gap: 30px;
}
@media (max-width: 991px) {
  .contacts-map__map,
  .contacts-map__map,
.contacts-map__info {
    width: 100%;
  }
  .contacts-map__contacts{
    gap: 37px
  }
    .contacts-map__bottom {
    flex-direction: row;
    }
    .contacts-map__bottom  .foot_addr{
        flex: 1;
    }
}
@media (max-width: 576px) {
  .contacts-map__info {
    padding: 25px;
  }
  .contacts-map__item {
    width: 100%;
  }
  .contacts-map__item .foot_addr a {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
    .bx-yandex-view-layout {
        height: 458px;
    }
    .contacts-map__bottom {
        flex-direction: column;
    }
}
.contacts-map__map [class*=layers-pane],
.contacts-map__map [class*=ground-pane] {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.contacts-map__map [class*=copyrights-pane] {
  opacity: 0.6;
}