@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu/Ubuntu-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu/Ubuntu-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("./fonts/Ubuntu/Ubuntu-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("./fonts/Roboto/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("./fonts/Roboto/Roboto-Bold.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("./fonts/Roboto/Roboto-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.container {
  width: 1280px;
}

.bx-livechat-wrapper {
  bottom: 20px !important;
  right: 20px !important;
}

@media (min-width: 1280px) {
  .container {
    width: 1280px;
  }
}
body.page-body {
  overflow-x: hidden;
}
a img {
  border: none;
}
.wsnw {
  white-space: nowrap;
}
.shadow-black {
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: #000000;
  opacity: 0.6;
  z-index: 999;
}
.b24-widget-button-inner-container {
  display: none !important;
}
.b24-widget-button-popup {
  display: none !important;
}

a {
  text-decoration: none;
  color: #333333;
  cursor: pointer;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #9677bf;
}

html,
body {
  min-height: 100%;
  position: relative;
  font-size: 14px;
  font-family: Roboto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
}

h1 {
  font-weight: bold;
  font-size: 42px;
  line-height: 54px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 30px;
}

h2 {
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #333333;
  margin-bottom: 20px;
}

h3 {
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  color: #333333;
  margin-bottom: 20px;
}

h5 {
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #333333;
  margin-bottom: 20px;
}

p {
  font-family: Roboto, sans-serif;
}

.wrap {
  position: relative;
}

.pr-0 {
  padding-right: 0;
}

.catalog-top-bar.is_stuck {
  background-color: #fff;
  box-shadow: rgba(47, 48, 51, 0.25) 0px 0px 7px;
  z-index: 19;
  left: 0;
  right: 0;
  width: 100% !important;
}

/* block cookie-info */
.b24-widget-button-inner-container {
  display: none !important;
}
.b24-widget-button-popup {
  display: none !important;
}
.info-cookie {
  display: none;
  position: fixed;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 40px;
  background-color: rgba(51, 51, 51, 0.8);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-family: Roboto;
  z-index: 15;
  border-radius: 2px;
}
.b24-widget-button-popup {
  display: none !important;
}

.wrap-info-cookie {
  display: flex;
  align-items: center;
}

.info-cookie_btns > button {
  padding: 8px 44px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.info-cookie_btns > a {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-left: 43px;
}

/* .info-cookie_btns > a:hover,
.info-cookie_btns > a:focus {
  color: #fff;
  text-decoration: underline;
} */

/* .info-cookie_btns > button:hover,
.info-cookie_btns > button:focus {
  background-color: rgba(150, 119, 191, 0.8);;
} */

.info-cokkie__text {
  position: relative;
  padding-right: 100px;
}

.info-cokkie__text > button {
  position: absolute;
  top: 0;
  right: 0;
}

/* end block cookie-info */

.button {
  border: 1px solid #9677bf;
  text-decoration: none;
  color: #fff;
  padding: 7px 35px;
  text-align: center;
  background-color: #9677bf;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  display: inline-block;
  border-radius: 3px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.button:hover {
  color: #9677bf;
  background-color: transparent;
}

@-webkit-keyframes afade {
  0% {
    visibility: visible;
    margin: 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  99% {
    margin: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    visibility: hidden;
    margin: -9999px 0 0 -9999px;
    opacity: 0;
  }
}

@keyframes afade {
  0% {
    visibility: visible;
    margin: 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  99% {
    margin: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    visibility: hidden;
    margin: -9999px 0 0 -9999px;
    opacity: 0;
  }
}

.menu__container {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  position: relative;
}

.catalog__menu-btn {
  display: inline-block;
  margin-right: 15px;
  white-space: nowrap;
  background-color: transparent;
  padding: 0;
  border: none;
}

.hamburger__icon {
  width: 18px;
  display: inline-block;
  margin-right: 15px;
}

.hamburger__icon .line {
  position: relative;
  display: block;
  width: 15px;
  height: 2px;
  margin-top: 3px;
  transition: 0.3s;
  border-radius: 10px;
  background-color: #000;
}

.main__menu {
  background: #f5f5f5;
  position: relative;
  z-index: 20;
}

.main__navigation li:hover .hamburger__icon .line-1 {
  -webkit-transform: translateY(5px) translateZ(0) rotate(45deg);
  transform: translateY(5px) translateZ(0) rotate(45deg);
}

.main__navigation li:hover .hamburger__icon .line-2 {
  opacity: 0;
}

.main__navigation li:hover .hamburger__icon .line-3 {
  -webkit-transform: translateY(-5px) translateZ(0) rotate(-45deg);
  transform: translateY(-5px) translateZ(0) rotate(-45deg);
}

.main__navigation li:hover .hamburger__icon .line {
  background-color: rgba(150, 119, 191, 1);
}

.main__navigation {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.main__navigation > li {
  margin-right: 40px;
  float: left;
  z-index: 10;
  display: block;
}

.main__navigation > li > a {
  text-decoration: none;
  padding: 24px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 0;
  color: #2f3033;
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  display: block;
  position: relative;
}

.main__navigation a:hover,
.main__navigation > li.active > a:hover {
  color: rgba(150, 119, 191, 1);
}

.main__navigation > li > a:hover:after,
.main__navigation > li.active > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: rgba(150, 119, 191, 1);
}

.menu__dropdown {
  display: none;
  flex-wrap: nowrap;
  width: 104%;
  top: 90px;
  position: absolute;
  right: -27px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
  background-color: #f4f1f9;
  box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.13);
}

.main__navigation > li:hover .menu__dropdown {
  display: flex;
  top: 100%;
}

.menu__dropdown-left {
  width: 200px;
  padding: 10px 0;
  border-top: 2px solid rgba(150, 119, 191, 1);
  margin-top: -2px;
}

.menu__dropdown-right {
  width: 100%;
  flex: 1;
  background-color: #fff;
  padding: 10px 0;
}

.menu__dropdown-left > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu__dropdown-left > ul ul {
  display: none;
}

.menu__dropdown a {
  text-decoration: none;
}

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

.menu__dropdown-left > ul > li > a {
  padding: 5px 15px 5px;
  padding: 12px 15px;
  font-size: 16px;
  line-height: 19px;
  line-height: 1;
  text-decoration: none;
  border-bottom: none;
  display: block;
}

.menu__dropdown-left > ul > li > a:hover,
.menu__dropdown-left > ul > li.active > a {
  background-color: #fff;
}

.menu__dropdown-right > ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

.menu__dropdown-right > ul > li {
  display: block;
  min-width: 180px;
  padding: 10px 0 10px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
}

.menu__dropdown-right > ul > li > a {
  color: #555;
  font-size: 14px;
  line-height: 16px;
  display: block;
}

.search__btn {
  margin-left: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.search-btn {
  border-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding-right: 76px;
  padding-left: 76px;
  height: 40px;
}

.search-btn:hover {
  background-color: #b499d6;
  border-color: #b499d6;
  color: #fff;
}

.search__box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.search__box.open {
  z-index: 99;
  visibility: visible;
  opacity: 1;
}

.search__form {
  display: flex;
  border: 0;
  width: 100%;
}

.search__field {
  width: 100%;
  height: 40px;
  border-radius: 0px;
  border: 1px solid #e3dfe1;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-left: 40px;
  padding-right: 15px;
  border-right: 0px;
  background: url(/local/templates/tkani_optom/images/lupa.svg) #fff 13px center
    no-repeat;
}

.search__close {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 15px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11);
  -o-transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11);
  transition: all 0.3s cubic-bezier(0.285, -0.45, 0.935, 0.11);
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  z-index: -1;
  opacity: 0;
  right: 55px;
  position: relative;
}

.search__box.open .search__close {
  right: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
  -o-transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
  transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  z-index: 1;
  opacity: 1;
}

.menu__open {
  overflow: hidden !important;
}

.mobile__menu-overlay {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.mobile__menu-overlay.active {
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  visibility: visible;
  opacity: 1;
  z-index: 990;
}

.mobile__menu {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  background: #ffffff;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  opacity: 0;
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  padding: 0 15px;
  width: 320px;
}

.menu__open .mobile__menu {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.mobile__menu .container {
  height: 100%;
}

.mobile__menu-footer {
  margin-bottom: 15px;
  margin-top: auto;
}
.footer-top .phone__link {
  display: none;
}
.mobile__menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 18px;
  flex-shrink: 0;
}

.mobile__menu-close {
  cursor: pointer;
}

.mobile__menu-footer .mobile__phone {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  opacity: 0.8;
}
.mobile__menu-footer .mobile__phone:hover {
  color: #9677bf;
}

.mobile__phone-descr {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #2f3033;
  opacity: 0.8;
}

.mobile__navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile__navigation ul ul {
  display: none;
}

.mobile__navigation li a:hover {
  color: #9677bf;
}

.mobile__navigation .slide__menu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  width: 100%;
  margin: 0;
  list-style-type: none;
  background: #fff;
  margin-left: 15px;
  display: none;
}

.mobile__navigation .slide__menu a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  display: flex;
  align-items: center;
  color: #333333;
  opacity: 0.8;
}

.mobile__navigation .slide__menu > ul {
  display: block !important;
}

.mobile__menu.slide-opened:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: #fff;
}

.menu__transform {
  transform: translate(-100%, 0%) translateX(-15px) matrix(1, 0, 0, 1, 0, 0);
  transition: 0.5s;
}

.mobile__navigation .slide__menu.open {
  display: block;
}

.mobile__navigation > ul > li {
  margin-bottom: 10px;
}

.mobile__navigation > ul > li > a {
  padding: 13px 10px;
  background: #f9f9f9;
  border-radius: 2px;
  display: block;
}

.mobile__navigation > ul > li > ul > li > a {
  padding: 15px 10px;
  border-bottom: 1px solid #ccc;
  display: block;
}

.mobile__navigation > ul > li > ul > li > a:last-child {
  border-bottom: 0px;
}

.mobile__slide ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.mobile__slide ul > li > a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  display: flex;
  align-items: center;
  color: #333333;
  opacity: 0.8;
}

.mobile__slide-title {
  margin-left: 10px;
}

.mobile__slide.open {
  -webkit-transition: all ease-in-out 0.5s !important;
  -o-transition: all ease-in-out 0.5s !important;
  transition: all ease-in-out 0.5s !important;
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  opacity: 1 !important;
  display: block !important;
}

.mobile__slide-header {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 2px solid #d0d0d0;
  padding: 10px 0;
  margin-bottom: 10px;
  cursor: pointer;
}

.mobile__slide-content {
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 120px);
}

.mobile__navigation-title {
  margin-left: 15px;
}

.mobile__navigation-header.open {
  -webkit-transition: all ease-in-out 0.5s !important;
  -o-transition: all ease-in-out 0.5s !important;
  transition: all ease-in-out 0.5s !important;
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  opacity: 1 !important;
  display: flex !important;
}

ul.slide-in {
  -webkit-transition: all ease-in-out 0.5s !important;
  -o-transition: all ease-in-out 0.5s !important;
  transition: all ease-in-out 0.5s !important;
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  opacity: 1 !important;
}

.mobile__navigation .down > a,
.mobile__navigation .slide > a {
  position: relative;
}

.mobile__navigation .down > a:after,
.mobile__navigation .slide > a:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7.5px;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center center;
}

.mobile__navigation .down > a:after {
  background-image: url("./images/icons/icon-menu-plus.svg");
}

.mobile__navigation .down.open > a:after {
  background-image: url("./images/icons/icon-menu-minus.svg");
}

.mobile__navigation .slide > a:after {
  background-image: url("./images/icons/icon-menu-arrow.svg");
}
.mobile__menu-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
  flex-shrink: 0;
}
.contacts-box {
  display: flex;
  align-items: center;
}
.socials {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}

.socials a {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.socials a:last-child {
  margin-right: 0px;
}

.socials a svg {
  fill: #2c2a2a;
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  display: block;
}

.category__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 120px;
}

.category__list li {
  display: block;
  width: 33.333%;
  margin-bottom: 20px;
}

.category__list li a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
  padding-right: 15px;
  display: block;
}

.category__list li a:hover {
  color: #9677bf;
}

/* new  */
body.page-body {
  background-color: unset;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

/* header */
.menu-button {
  display: none;
  width: 28px;
  height: 24px;
  border: none;
  background: url(images/menu-button.png) no-repeat center center;
  margin-right: 10px;
  cursor: pointer;
}

.menu-button-click {
  position: fixed;
  display: none;
  width: 28px;
  height: 24px;
  border: none;
  background: url(images/close-menu.png) no-repeat center center;
  margin-right: 10px;
  cursor: pointer;
}
.menu-buttons {
  display: none;
  z-index: 9999;
}

.menu-head-block {
  display: flex;
  align-items: center;
  padding-bottom: 14px;
  padding-top: 14px;
}

.bottom-border {
  display: none;
  width: 100%;
  margin: 0;
  border: none; /* Убираем границу для браузера Firefox */
  color: #e5e5e5; /* Цвет линии для остальных браузеров */
  background-color: #e5e5e5; /* Цвет линии для браузера Firefox и Opera */
  height: 1px; /* Толщина линии */
}

.menu-block {
  display: flex;
  align-items: center;

  @media (max-width: 768px) {
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-template-areas: "burger logo"
                          ". text";
    gap: 10px 15px;
    align-items: flex-start;

    .menu-button {
      grid-area: burger;
      margin-right: 0;
      padding: 0;
    }
    .logo-link {
      grid-area: logo;

      img {
        padding: 0;
      }
    }
    .menu__right-text-block {
      grid-area: text;
      margin-left: 0;
      font-size: 9px;
      line-height: 1.4;
    }
  }
}

.block-user {
  display: flex;
  flex-flow: row;
  align-items: center;
}

.bottom-border {
  display: none;
  width: 100%;
  margin: 0;
  border: none; /* Убираем границу для браузера Firefox */
  color: #e5e5e5; /* Цвет линии для остальных браузеров */
  background-color: #e5e5e5; /* Цвет линии для браузера Firefox и Opera */
  height: 1px; /* Толщина линии */
}

.header-phone {
  position: relative;
  padding: 0 20px 0 0;
  margin-left: auto;
}

header.page-header {
  margin: 0;
  border-bottom: initial;
}
.webinar {
  padding-top: 16px;
}

.header-phone__mob {
  display: none;
}

.header-phone__link {
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.8);
}

.header-phone__text {
  font-size: 12px;
  line-height: 16px;
  color: rgba(47, 48, 51, 0.8);
}

.header-user {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  color: rgba(47, 48, 51, 0.8);
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0 20px;
}

.header-user-info {
  display: flex;
  flex-flow: row;
}
.header-user-info-menu {
  display: none;
  cursor: pointer;
}

.shadow {
  position: absolute;
  display: none;
  width: 100vw;
  height: 100%;
  background: #ffffff;
  opacity: 0.6;
  z-index: 9999;
}

.header-user-info-block {
  display: none;
}

.shadow {
  position: absolute;
  display: none;
  width: 100vw;
  height: 100%;
  background: #ffffff;
  opacity: 0.6;
  z-index: 9999;
}

.header-bonuses {
  position: relative;
  padding: 0 20px;
}

.header-user-info > a,
.header-bonuses > a {
  color: #ab92cc;
  text-decoration: underline;
}

.header-user__icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url(images/user-icon.svg) no-repeat center center;
  background-size: 20px 20px;
  margin-right: 15px;
}

.header-basket {
  display: flex;
  align-items: center;
  padding: 0 20px;
  padding-right: 0;
}

.webinars-header .header-basket {
  display: none;
}
.webinars-header .header-search {
  display: none;
}

.header-search {
  display: none;
  position: relative;
  padding: 0 20px;
}

.header-basket__icon {
  position: relative;
  display: block;
  width: 22px;
  height: 20px;
  background: url(images/basker-icon-new.png) no-repeat center center;
  background-size: cover;
}

.icon-hidden {
  display: none;
}

.header-basket__icon:hover {
  background-image: url(images/basket-icon-hover.png);
}

.header-search__button {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background: url(images/header-search.svg) no-repeat center center;
  border: none;
}

.header-search__button-click {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background: url(images/header-search-selected.svg) no-repeat center center;
  border: none;
}

/* .header-search-block {
    display: none;
    border: 1px solid #E3DFE1;
    box-sizing: border-box;
    border-radius: 3px;
}

.header-search-text {
    height: 40px;
    border: 1px solid #E3DFE1;
    box-sizing: border-box;
    width: 65%;
    border: none;
    padding-left: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

.header-search-button {
    height: 40px;
    width: 35%;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    background: #9677BF;
    border: none;
} */

.menu-search-header {
  display: none;
  margin-top: 10px;
}

.menu-search-header .close-search {
  position: absolute;
  right: -10px;
  top: 15px;
}
.menu-search-header {
  position: relative;
}

.border-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 20px;
  background-color: #e3dfe1;
}

.logo-link {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.menu-search-header > .main-search-form {
  padding: 0;
}

.menu-back {
  position: fixed;
  display: none;
  width: 28px;
  height: 24px;
  border: none;
  background: url(images/menu-back.png) no-repeat center center;
  margin-right: 10px;
}

.header-bonuses__text,
.user-info__text {
  margin-right: 5px;
  color: rgba(47, 48, 51, 0.8);
}
.menu-links a {
  cursor: pointer;
}
.header-user-info-menu > a {
  cursor: pointer;
}
@media (max-width: 767px) {
  .wrap {
    overflow-x: hidden !important;
  }
  .five-block-text-block > .row {
    flex-wrap: wrap;
  }
  .catalog-top-bar.is_stuck {
    top: 0 !important;
  }
  .bx-breadcrumb {
    margin-bottom: 15px !important;
  }
  .webinars-header .header-search {
    display: block;
  }
  .webinars-header .header-basket {
    display: block;
  }
  .menu-search-header > .main-search-form {
    margin-bottom: 0;
  }
  .header-search-block {
    display: none;
  }
  .container {
    width: 100%;
    position: static;
  }
  .menu-button {
    display: block;
    width: 20px;
    height: 18px;
    background-size: 20px 17px;
    margin-right: 20px;
  }
  .menu-buttons {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
  }
  .menu-back {
    position: fixed;
    display: block;
    width: 28px;
    height: 24px;
    border: none;
    background: url(images/menu-back.png) no-repeat center center;
    margin-right: 10px;
    margin-left: 10px;
  }
  .menu-button-click {
    margin-left: 10px;
    display: block;
    position: relative;
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
    margin-right: 20px;
  }
  .header-user {
    margin-left: auto;
    padding-right: 0;
  }
  .wrap-btn {
    display: none !important;
  }
  .header-phone {
    display: none;
  }
  .header-user-info {
    display: none;
  }
  .header-bonuses {
    display: none;
  }
  .border-right {
    display: none;
  }
  .header-user__icon {
    margin: 0;
  }
  .header-bonuses__text,
  .user-info__text {
    margin-right: 5px;
  }
  .header-search__button {
    display: block;
  }
  .header-search__button-click {
    display: block;
  }
  .header-search {
    display: flex;
    padding-right: 0;
  }
  .header-basket {
    padding-right: 0;
  }
  .menu-search-header .select-field {
    display: none;
  }
  .search-form-input {
    padding: 0 10px;
    width: 70%;
    background: transparent;
    width: 75%;
  }
  .search-submit {
    width: 30%;
  }
  .menu-head-block {
    padding-bottom: 8px;
    padding-top: 15px;
    background: #ffffff;
  }
  .search-submit {
    padding: 0 !important;
    width: 25% !important;
  }
  .bottom-border {
    display: block;
  }
  .humberger-icon {
    display: none !important;
  }
  .menu-links {
    display: flex;
    justify-content: space-between;
    width: 150px;
  }
  body > .bx-aside-nav-control {
    display: none;
  }
  .menu-links a {
    margin: 0;
  }
  .header-user-info-block {
    display: block;
    width: 100%;
  }
  .header-user-info-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 13px 10px;
    margin-bottom: 10px;
    width: 100%;
    background: #f4f1f9;
    border-radius: 2px;
  }
  .header-user-info-menu > a {
    width: 100%;
    margin-top: 10px;
    color: #9677bf !important;
  }
  .header-user-info-menu .user-info__text {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
  }
  .menu-head-block {
    padding-bottom: 8px;
    padding-top: 15px;
    background: #ffffff;
  }
  .search-submit {
    padding: 0 !important;
    width: 25% !important;
  }
  .bottom-border {
    display: block;
  }
  .humberger-icon {
    display: none !important;
  }
  body > .bx-aside-nav-control {
    display: none;
  }
}

@media (max-width: 1200px) {
  .main__navigation > li {
    margin-right: 0;
  }
  .wrap {
    overflow-x: hidden !important;
  }
}

@media (max-width: 1024px) {
  .main__menu {
    display: none;
  }
  h1 {
    font-size: 28px;
    line-height: 38px;
    text-transform: none;
    letter-spacing: 0;
  }
  h2 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
  }
}

@media (max-width: 767px) {
  .mobile__menu,
  .mobile__slide {
    width: 100%;
  }
  .category__list li {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .category__list li {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .webinars-header .webinars-header-disp .webinars-menu {
    display: none;
  }
  .webinars-header .webinars-header-disp {
    width: 55%;
  }
  .webinars-header .webinars-header-disp-2 {
    width: 40%;
  }
  .webinars-header .webinars-header-first {
    width: 20%;
  }
  .news-list .col-lg-3 {
    display: block !important;
  }
  .wrap {
    overflow-x: hidden !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .header-user-mob {
    display: none;
  }
  .catalog-top-bar.is_stuck {
    top: 0 !important;
    overflow: hidden !important;
    right: 0 !important;
    width: 0 !important;
  }
  #add-container {
    top: 0 !important;
  }
  .bx-breadcrumb {
    margin-bottom: 10px !important;
  }
  .menu-search-header > .main-search-form {
    margin-bottom: 0;
  }
  .header-search__button {
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
  }
  .btn-head {
    font-size: 16px;
    line-height: 24px;
    border: none;
    color: #fff;
    font-weight: 500;
    background: linear-gradient(0deg, #9677bf, #9677bf),
      linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
  }
  .btn-head_auth {
    position: relative;
    padding: 8px 45px !important;
  }
  .btn-head_reg {
    padding: 8px 15px !important;
  }
  .menu-button {
    display: block;
    margin-right: 30px;
  }
  .menu-links {
    display: flex;
    justify-content: space-between;
    width: 50%;
  }
  .menu-links a {
    margin: 0;
  }
  .header-user-info-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 13px 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 280.8px;
    background: #f4f1f9;
    border-radius: 2px;
  }
  .header-user-info-menu > a {
    width: 100%;
    margin-top: 10px;
    color: #9677bf !important;
  }
  .header-user-info-menu .user-info__text {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
  }
  .header-user-info-block {
    display: block;
  }
  .container {
    width: 768px;
  }
  .menu-button-click {
    display: block;
    position: relative;
  }
  .menu-buttons {
    display: flex;
    margin-bottom: 18px;
    width: 97%;
    justify-content: space-between;
    align-items: center;
  }
  .menu-search {
    display: none;
  }
  .menu-back {
    position: fixed;
    display: block;
    width: 28px;
    height: 24px;
    border: none;
    background: url(images/menu-back.png) no-repeat center center;
    margin-right: 10px;
    margin-left: 5px;
    margin-right: 30px;
  }
  .header-user {
    padding-right: 20px;
    margin-left: auto;
    padding-left: 0;
  }
  .header-phone {
    display: none;
  }
  .block-user {
  }
  .header-user-info {
    flex-direction: column;
  }
  .header-bonuses__text,
  .user-info__text {
    margin-right: 5px;
  }
  .header-search__button {
    display: block;
  }
  .header-search {
    display: flex;
  }
  .bottom-border {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .container {
    width: 970px;
  }
}

/* end header */

/* menu */
.mobile-link {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
}

.menu-top-box {
  background: #fafafa;
  /*margin-bottom: 20px;*/
  /* padding: 24px 0 !important; */
}
.main-menu__list {
  position: relative;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-menu__list-2-lvl {
  display: none;
}

.main-menu__item {
  margin-right: 20px;
}

.main-manu__link {
  color: #2f3033;
}

.mail-manu__link.active {
  color: red;
}

.humberger-icon {
  display: inline-block;
  width: 14px;
  height: 12px;
  /* background-image: url(images/humburger.png); */
  margin-right: 15px;
}

.search__form {
  display: flex;
  /* border: 1px solid red; */
}

.search-submit {
  width: 200px;
  height: 40px;
  border: none;
  background-color: #2f3033;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
}

.close-search {
  border: none;
  background-color: transparent;
  width: 40px;
  height: 40px;
}

input.search-input {
  flex: 1;
  border: 1px solid #e3dfe1;
  border-radius: 3px 0px 0px 3px !important;
  background: url(images/search-lupa.svg) no-repeat left 15px center !important;
  padding-left: 44px !important;
  background-color: #fff !important;
  color: rgba(47, 48, 51, 0.6);
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
}

.menu-search {
  display: none;
}

.close-search {
  background: url(images/close-menu.png) no-repeat center center;
  background-size: 17px 17px;
}

.bx-top-nav-container {
  /* height: 40px; */
}
@media (max-width: 767px) {
  .bx-nav-1-lvl .menu-button {
    display: none;
  }
  .bx-top-nav-container {
    height: 90vh;
    display: flex;
    flex-flow: column;
  }
  .menu-top-box {
    background: #ffffff;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bx-nav-1-lvl .menu-button {
    display: none;
  }
  .bx-top-nav-container {
    height: 95vh;
    display: flex;
    flex-flow: column;
  }
  .humberger-icon {
    display: none;
  }
  .search-toggle {
    display: none !important;
  }
  .menu-top-box {
    background: #ffffff;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
}
/* end menu */

/* block categories */
.category__item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 300px;
  background: #99c2d1;
  margin-bottom: 12px;
}

.category-main__title {
  color: #fff;
  font-family: "Ubuntu", sans-serif;
  font-size: 42px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
}

.category-main__desc {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.category__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 40px;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 500;
}

.category__link:hover,
.category__link:focus,
.category__link:active {
  color: #9677bf;
  border-color: #fff;
  background-color: #fff;
}

.category__item-cat {
  position: relative;
  border-radius: 3px;
  background-color: rgba(153, 194, 209, 0.8);
  overflow: hidden;
}

.category__item-cat > .block-up .category-main__title {
  font-size: 20px;
  line-height: 23px;
  font-weight: normal;
  letter-spacing: 1px;
}

.category__item-cat-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.first-link-text {
  display: flex;
  flex-flow: column;
  align-items: center;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
}
.first-link-text a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 40px;
  width: 200px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  border-radius: 3px;
}
.first-link-text a:hover {
  background: #ffffff;
  color: #9677bf;
}

.block-up-first {
  position: absolute;
  /* top: calc(100% - 60px); */
  transform: translateY(calc(100% - 60px));
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  background-color: rgba(153, 194, 209, 0.8);
  height: 100%;
  transition: transform 0.3s ease, margin-top 1s ease;
}

.block-up {
  position: absolute;
  /* top: calc(100% - 60px); */
  transform: translateY(calc(100% - 60px));
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  background-color: rgba(153, 194, 209, 0.8);
  height: 100%;
  transition: transform 0.3s ease, margin-top 1s ease;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.block-up-first .category-main__title {
  padding: 20px 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.block-up-first .category-main__title > a {
  padding: 20px 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
}

.block-up .category-main__title {
  padding: 20px 0;
}

.category__item-cat:hover {
  cursor: pointer;
}

.bottom-category .category__item {
  height: 250px;
}
.blur {
  display: none;
}

.wrap-info-cookie .info-cookie_detail:hover,
.wrap-info-cookie .info-cookie_detail:focus {
  text-decoration: underline;
  color: #fff;
}

@media (max-width: 767px) {
  .first-link-text {
    display: none;
  }
  .category__item-cat .category__link {
    display: none;
  }
  .mobile-link {
    pointer-events: initial;
  }
  .blur-block {
    display: block;
    position: absolute;
    width: 100%;
    height: 346px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(
        0deg,
        rgba(47, 48, 51, 0.4),
        rgba(47, 48, 51, 0.4)
      ),
      url(/images/order-img.jpg);
    overflow: hidden;
  }
  .blur {
    display: block;
    position: absolute;
    width: 100%;
    height: 344px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(
        0deg,
        rgba(47, 48, 51, 0.4),
        rgba(47, 48, 51, 0.4)
      ),
      url(/images/order-img.jpg);
    filter: blur(5px);
  }
  .pr-0-dop {
    padding-right: 0 !important;
  }
  .pl-0-dop {
    padding-left: 15px !important;
  }
  .category__item-cat {
    border-radius: 0;
    height: 156px;
  }
  .category-main__title {
    font-size: 32px;
    line-height: 1;
    text-transform: none;
    margin-bottom: 10px;
  }
  .category-main__desc {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  .category__link {
    background: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
    color: #9677bf;
  }
  .category__item-cat > .block-up .category-main__title {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 10px 5px;
    padding-bottom: 0 !important;
  }
  .category__item-cat > .block-up .category-main__title::after {
    content: url("images/arrow.png");
    position: relative;
    top: 1px;
    margin-left: 10px;
  }
  .category__item-cat > .block-up-first .category-main__title {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 10px 5px;
    padding-bottom: 0 !important;
  }
  .category__item-cat > .block-up-first .category-main__title::after {
    content: url("images/arrow-desk.png");
    position: relative;
    top: 1px;
    margin-left: 10px;
  }
  .block-up .category-main__title {
    padding: 9px 0;
  }
  .block-up-first .category-main__title {
    padding: 9px 0;
  }
  .block-up {
    transform: translateY(calc(100% - 62px));
  }
  .block-up-first {
    transform: translateY(calc(100% - 62px));
  }
  .info-cookie {
    padding: 25px 10px;
  }
  .wrap-info-cookie {
    flex-direction: column;
    padding: 0;
  }

  .info-cokkie__text {
    padding: 0;
    margin-bottom: 20px;
  }

  .info-cookie_btns {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .first-link-text {
    display: none;
  }
  .category__item-cat {
    border-radius: 0;
  }
  .bottom-category .category__item {
    height: 142.26px;
  }
  .category-main__title {
    font-size: 32px;
    line-height: 1;
    text-transform: none;
    margin-bottom: 15px;
  }
  .category-main__desc {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  .category__link {
    background: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
    color: #9677bf;
  }
  .category__item-cat > .block-up .category-main__title {
    font-size: 11.5222px;
    line-height: 13px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .category__item-cat > .block-up .category-main__title::after {
    content: url("images/arrow-min.png");
    position: relative;
    top: 2px;
    margin-left: 15px;
  }
  .category__item-cat > .block-up-first .category-main__title {
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .category__item-cat > .block-up-first .category-main__title::after {
    content: url("images/arrow-desk.png");
    position: relative;
    top: 1px;
    height: 14px;
    width: 8px;
    margin-left: 15px;
  }
  .block-up .category-main__title {
    padding-top: 12px;
    padding-bottom: 11px;
  }
  .block-up-first .category-main__title {
    padding-top: 19px;
    padding-bottom: 20px;
  }
  .block-up {
    transform: translateY(calc(100% - 36px));
  }
  .info-cookie {
    padding: 20px 15px;
    padding-left: 0;
  }
  .info-cokkie__text {
    padding-right: 30px;
  }

  .wrap-info-cookie .info-cookie_detail {
    margin-left: 20px;
  }

  .info-cookie_btns {
    display: flex;
    align-items: center;
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .category__item:hover .block-up {
    transform: translateY(0%);
  }

  .category__item:hover .block-up-first {
    transform: translateY(0%);
  }

  .top-category .category__item-cat:hover .category-main__title {
    margin-top: 150px;
  }

  .bottom-category .category__item-cat:hover .category-main__title {
    margin-top: 100px;
  }
  .mobile-link {
    pointer-events: none;
  }
  .top-category
    .category__item-cat.category__item-cat-1:hover
    .category-main__title {
    margin-top: 108px;
  }
}

/* end block categories */

/* main-video */
.main-video {
  margin-top: 90px;
}
.main-video-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 477px;
  margin-top: 60px;
  background-image: url(images/bg-video.jpg);
}

.main-video-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  border: none;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
}

.main-video-btn:hover,
.main-video-btn:active,
.main-video-btn:focus {
  color: #333333;
  text-decoration: none;
}

.main-video-btn__text {
  padding-left: 25px;
  padding-right: 25px;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  font-family: "Ubuntu", sans-serif;
}

.start-video-icon {
  display: inline-flex;
  width: 130px;
  height: 100%;
  background: url(images/icons/triangle-video.png) no-repeat center center,
    #9677bf;
}
/* end main-video */

/* main-blog */

.main-title {
  font-size: 38px;
  line-height: 44px;
  line-height: 1;
  text-align: center;
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  margin: 0;
  margin-bottom: 30px;
}

.main-title__handwriting {
  display: block;
  width: 130px;
  height: 2px;
  background-color: #d8cce7;
  margin: 0 auto;
  margin-top: 30px;
}

/* end main-blog */

/* main-order */

.main-order {
  margin-top: 120px;
  margin-bottom: 120px;
}

.main-order__info {
  background-color: #f6f6f6;
  border-radius: 3px;
  height: 440px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.main-order__title {
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 20px;
}

.main-order__text {
  font-size: 18px;
  line-height: 26px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  margin-bottom: 40px;
}

.main-order__btn {
  width: 295px;
  height: 40px;
  border: none;
  background: linear-gradient(0deg, #9677bf, #9677bf),
    linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
  display: block;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-order__btn:hover,
.main-order__btn:focus {
  background: transparent;
  border: 1px solid #9677bf;
  color: #9677bf;
}

.main-order__img {
  height: 100%;
}
/* end main-order */

/* advantages */

.main-advantages {
  margin-top: 140px;
  background: linear-gradient(0deg, #99c2d1, #99c2d1),
    linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
  padding: 92px 0 68px;
}

.main-advantages__list {
  display: flex;
  justify-content: space-around;
}

.main-advantages__text {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  text-align: center;
}

.main-advantages__icon {
  display: block;
  width: 100px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.br-mob {
  display: none;
}
@media (max-width: 767px) {
  .main-order__btn:hover,
  .main-order__btn:focus {
    background: #ffffff;
    border: 1px solid #9677bf;
    color: #9677bf;
  }
  .main-video {
    margin-top: 50px;
  }
  .main-blog--list {
    margin-top: 0;
  }
  .main-advantages__list {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .main-advantages__item:first-child {
    margin-top: 50px;
  }
  .br-adv {
    display: none;
  }
  .br-mob {
    display: block;
  }
  .main-advantages__item {
    width: 100%;
    margin-top: 42px;
  }
  .main-advantages {
    padding-top: 0;
    margin-top: 46px;
    padding-bottom: 50px;
  }
  .main-advantages__icon {
    margin-bottom: 15px;
  }
  .main-advantages__icon_calendar {
    width: 38px;
    height: 40px;
    background-size: 38px 40px;
  }
  .main-advantages__icon_delivery {
    width: 38px;
    height: 40px;
    background-size: 38px 40px;
  }
  .main-advantages__icon_stage {
    width: 38px;
    height: 40px;
    background-size: 38px 40px;
  }
  .main-advantages__icon_state {
    width: 60px;
    height: 40px;
    background-size: 60px 40px;
  }
  .main-advantages__icon_rating {
    width: 38px;
    height: 40px;
    background-size: 38px 40px;
  }
  .main-advantages__text {
    padding: 0;
  }

  .main-order {
    margin-top: 0px;
    padding-bottom: 50px;
    background: #ffffff;
    margin-bottom: 0;
  }
  .main-order__info {
    width: 100vw;
    transform: translateX(-15px);
    height: 344px;
    justify-content: flex-start;
    background: transparent;
  }
  .main-order__img {
    background-size: contain;
  }
  .main-order__title {
    font-size: 24px;
    line-height: 28px;
    margin-top: 70px;
    color: #ffffff;
  }
  .main-order__text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
    padding: 0;
    color: #ffffff;
  }
  .main-order__btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    width: 300px;
    height: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .main-advantages__list {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .main-advantages__item {
    width: 30%;
    margin-top: 30px;
  }
  .main-advantages {
    padding-top: 40px;
    padding-bottom: 50px;
    margin-top: 46px;
  }
  .main-order__info {
    height: 244px;
    justify-content: flex-start;
  }
  .main-order__img {
    background-size: contain;
  }
  .main-order__title {
    font-size: 24px;
    line-height: 28px;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .main-order__text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 0;
  }
  .main-order__btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    width: 240px;
    height: 38px;
  }
  .main-order {
    margin: 50px 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
}

/* end advantages */

/* main-manafucter */

.main-manafucter {
  padding: 60px 0 73px;
  background-color: #f6f6f6;
  margin-top: 140px;
}

.main-manafucter__title {
  font-family: "Ubuntu";
  text-align: center;
  font-size: 38px;
  line-height: 44px;
  font-weight: bold;
  color: #333333;
  margin: 0;
  margin-bottom: 30px;
}

.main-manafucter__text {
  font-family: Roboto;
  margin: 0;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #4f4f4f;
}

.main-manafucter__link {
  display: flex;
  align-items: center;
  color: #9677bf;
  justify-content: center;
  margin-top: 30px;
}

.main-manafucter__link:hover,
.main-manafucter__link:active,
.main-manafucter__link :focus {
  color: #9677bf;
}

.main-manafucter__link:after {
  content: "";
  background: url(/local/templates/tkani_optom/./images/arrow-pur.png) center
    center no-repeat;
  width: 62px;
  height: 15px;
  margin-left: 10px;
}

/* end main-manafucter */

/* footer */

.page-footer {
  /* border: 1px solid red; */
}

.footer-top {
  padding: 70px 0;
  border-top: 1px solid rgba(128, 108, 119, 0.2);
  border-bottom: 1px solid rgba(128, 108, 119, 0.2);
}

.footer-logo {
  margin-bottom: 15px;
  margin-right: 35px;
}

.footer-logo-info {
  display: flex;
  flex-wrap: wrap;
}

.footer_info {
  font-size: 12px;
  line-height: 16px;
  font-family: "Ubuntu", sans-serif;
  color: rgba(79, 79, 79, 0.8);
}

.bottom-menu__title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
  margin-bottom: 16px;
}

.bottom-menu__title.bottom-menu__title-soc {
  margin-bottom: 10px;
}

.footer_phone {
  font-size: 16px;
  line-height: 24px;
  color: #4f4f4f;
}

.footer_phone:hover,
.footer_phone:focus,
.footer_phone:active {
  color: #9677bf;
}

.viber__link,
.whats-app__link,
.talk__link,
.telegram,
.phone__link {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.telegram {
  background-image: url(images/icons/telegram.png);
  margin-left: 16px;
}

.viber__link {
  background-image: url(images/icons/viber.svg);
  margin-left: 16px;
}

.whats-app__link {
  background-image: url(images/icons/whats-app.svg);
  margin-left: 13px;
}

.talk__link {
  background-image: url(images/icons/talk-link.svg);
  margin-left: 13px;
}

.phone__link {
  background-image: url(images/icons/phone-link.svg);
  margin-left: 13px;
}

.footer-contacts_box {
  display: flex;
  margin-bottom: 45px;
  /* border: 1px solid red; */
}
.footer-contacts_box-menu {
  display: none;
  margin-bottom: 45px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #2f3033;
  opacity: 0.8;
  /* border: 1px solid red; */
}

.footer-bottom {
  padding: 30px 0;
}
.content-product-flex .phone__link,
.modal-product .phone__link {
  display: none;
}
.footer-bottom__info,
.footer-bottom__copyright {
  font-size: 12px;
  line-height: 16px;
  color: rgba(79, 79, 79, 0.8);
  margin-bottom: 5px;
}
.footer-bottom-flex {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .bx-livechat-mobile.bx-livechat-wrapper {
    position: fixed;
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    left: 0 !important;
    top: 0 !important;
    border-radius: 0 0 5px 5px !important;
    -webkit-transition: -webkit-box-shadow 0.4s !important;
    transition: -webkit-box-shadow 0.4s !important;
    -o-transition: box-shadow 0.4s !important;
    transition: box-shadow 0.4s !important;
    transition: box-shadow 0.4s, -webkit-box-shadow 0.4s !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.17) !important;
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.17) !important;
    z-index: 99999 !important;
    -webkit-font-smoothing: antialiased !important;
    overflow: hidden !important;
    transform-origin: bottom right !important;
  }
  .about-reasons {
    display: none !important;
  }
  .slick-initialized .slick-slide {
    /* padding: 0 !important; */
  }
  .bottom-menu-accordeon .bottom-menu__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    background: #99c2d1;
    width: 100vw;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transform: translateX(-15px);
    margin: 0;
    padding: 20px 10px;
    border-bottom: 0.1em solid rgba(255, 255, 255, 0.5);
  }
  .chosen::after {
    content: url(images/main-minus.svg);
    margin-top: -10px;
  }
  .not-chosen::after {
    content: url(images/main-plus.svg);
  }
  .bottom-menu__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #ffffff;
  }
  .footer-top {
    padding: 0;
    border: none;
  }
  .bottom-menu__item:not(:last-child) {
    margin: 0;
    padding-top: 20px;
  }
  .bottom-menu__item:last-child {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footer-contacts {
    width: 100vw;
    transform: translateX(-15px);
    background: #99c2d1;
    justify-content: flex-start;
    padding-top: 30px;
    padding-left: 10px;
  }
  .footer-contacts_box {
    width: 100%;
    margin-bottom: 0;
  }
  .footer-contacts_box-menu {
    display: block;
    margin-top: auto;
    margin-bottom: 40px;
  }
  .footer-contacts_box-menu .footer_phone {
    color: #333333;
    opacity: 0.8;
  }
  .footer_phone {
    color: #ffffff;
  }
  .footer-social {
    width: 100vw;
    transform: translateX(-15px);
    background: #99c2d1;
    justify-content: flex-start;
    padding: 20px 0;
    padding-left: 10px;
    border: 1px solid #99c2d1;
  }
  .footer-bottom__copyright {
    width: 100vw;
    transform: translateX(-15px);
    background: #99c2d1;
    margin: 0;
    padding-left: 10px;
    color: #ffffff;
    padding-bottom: 50px;
    border: 1px solid #99c2d1;
  }
  .footer-bottom {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bx-livechat-mobile.bx-livechat-wrapper {
    position: fixed;
    display: block !important;
    width: 340px !important;
    height: 557px !important;
    right: 30px !important;
    bottom: 50px !important;
    left: unset !important;
    border-radius: 0 0 5px 5px !important;
    -webkit-transition: -webkit-box-shadow 0.4s !important;
    transition: -webkit-box-shadow 0.4s !important;
    -o-transition: box-shadow 0.4s !important;
    transition: box-shadow 0.4s !important;
    transition: box-shadow 0.4s, -webkit-box-shadow 0.4s !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.17) !important;
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.17) !important;
    z-index: 99999 !important;
    -webkit-font-smoothing: antialiased !important;
    overflow: hidden !important;
    transform-origin: bottom right !important;
  }
  .footer-logo-info {
    display: flex;
    flex-wrap: nowrap;
  }
  .footer-contacts_box-menu {
    display: block;
    margin-top: auto;
  }
  .footer-contacts_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;
  }
  .footer_phone {
    width: 100%;
  }
  .footer-social {
    display: flex;
    flex-wrap: wrap;
  }
  .bottom-menu__link {
    white-space: nowrap;
  }
  .viber__link {
    margin-left: 0;
  }
  .viber__link {
    margin-left: 13px;
  }
  .footer-bottom__info,
  .footer-bottom__copyright {
    width: 100%;
  }
  .footer-bottom__info-block {
    order: 3;
  }
  .footer-bottom__copyright-block {
    order: -3;
  }
  .footer-logo-block {
    display: flex;
    flex-wrap: wrap;
  }
  .bottom-menu-accordeon {
    width: 74%;
  }
  .footer-logo-info {
    order: 3;
    margin-top: 30px;
  }
  .footer-top {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .footer-bottom {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .footer-contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bottom-menu__title {
    width: 100%;
  }
  .footer-contacts_box > a:nth-child(2) {
    margin: 0;
  }
  .footer-contacts_box > a:nth-child(3) {
    margin: 0;
  }
  .footer_phone {
    width: 100%;
    margin-bottom: 16px;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .bottom-menu-accordeon {
    width: 75%;
  }
  .footer-contacts_box {
    flex-wrap: wrap;
  }
  .footer-contacts_box > a:nth-child(2) {
    margin: 0;
  }
  .footer-contacts_box > a:nth-child(3) {
    margin: 0;
  }
  .footer_phone {
    width: 100%;
    margin-bottom: 16px;
  }
}

/* end footer */

.card-slider-for .slick-initialized .slick-slide {
  /* padding: 0 !important; */
}

.slider2 .slick-slide {
  padding: 0 !important;
}
.slider .slick-slide {
  padding: 0 !important;
}

#arrow-up {
  position: fixed;
  bottom: 100px;
  right: 50px;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #fff;
  box-shadow: 0px 4px 10px rgba(47, 48, 51, 0.15);
  background-image: url(images/btn-up.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  z-index: 9;
}

#arrow-up:hover {
  background-color: #9677bf;
  background-image: url(images/btn-up-white.png);
}
@media (max-width: 767px) {
  .header-phone__mob {
    display: inline-block;
  }
}
/* old */

p.bxe-first-letter:first-letter,
.bxe-first-letter-s {
  font-weight: bold;
  font-size: 56px;
  line-height: 56px;
  margin-right: 10px;
  float: left;
  vertical-align: top;
}
.lead {
  color: #757575;
  margin-left: 40px;
  padding: 0 0 0 15px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4;
  border-left: 3px solid #99cded;
}
@media (min-width: 768px) {
  .lead {
    font-size: 16px;
    margin-left: 20px;
  }
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px 20px;
  border-left: 3px solid #c2c2c2;
}
blockquote p {
  font-size: 20px;
  font-style: italic;
  color: #757575;
  font-family: Georgia, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
@media (max-width: 767px) {
  blockquote p {
    font-size: 16px;
  }
}

blockquote.bxe-quote {
  position: relative;
  padding-left: 70px;
  padding-top: 8px;
  min-height: 50px;
  border-left: none;
}
blockquote.bxe-quote:after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzOS45OTYgMzcuOTk1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzOS45OTYgMzcuOTk1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6I0Q2RDdENjsiIGQ9Ik0wLjAxLDM3Ljk5NXYtMTguMTFjLTAuMDc5LTIuNjA0LDAuMjk0LTUuMDQ5LDEuMTE4LTcuMzM4YzAuODI0LTIuMjg4LDEuOTgxLTQuMywzLjQ3Mi02LjAzNmMxLjQ5LTEuNzM1LDMuMjc2LTMuMTc2LDUuMzU2LTQuMzIxYzIuMDc4LTEuMTQzLDQuMzM1LTEuODczLDYuNzY4LTIuMTl2Ny44MTJjLTIuOTgzLDEuMDI3LTUuMDIzLDIuNTQ1LTYuMTIxLDQuNTU3Yy0xLjEsMi4wMTItMS42NDgsNC40NzktMS42NDgsNy4zOThoNy43Njl2MTguMjI4SDAuMDF6IE0yMy4yODEsMzcuOTk1di0xOC4xMWMtMC4wNzktMi42MDQsMC4yOTQtNS4wNDksMS4xMTgtNy4zMzhjMC44MjQtMi4yODgsMS45ODEtNC4zLDMuNDcyLTYuMDM2YzEuNDktMS43MzUsMy4yNzYtMy4xNzYsNS4zNTYtNC4zMjFjMi4wNzgtMS4xNDMsNC4zMzUtMS44NzMsNi43NjgtMi4xOXY3LjgxMmMtMi45ODMsMS4wMjctNS4wMjMsMi41NDUtNi4xMjEsNC41NTdjLTEuMSwyLjAxMi0xLjY0OCw0LjQ3OS0xLjY0OCw3LjM5OGg3Ljc2OXYxOC4yMjhIMjMuMjgxeiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  left: 10px;
  top: 10px;
  -webkit-background-size: 40px;
  background-size: 40px;
  width: 40px;
  height: 40px;
}

hr {
  border: none;
  border-bottom: 1px solid #ccc;
}
hr.bxe-bolder {
  border-bottom-width: 5px;
}
hr.bxe-dashed {
  border-bottom-style: dashed;
  border-bottom-width: 2px;
}
hr.bxe-normal {
}
hr.bxe-light {
  border-bottom-color: #e5e5e5;
}
hr.bxe-dotted {
  border-bottom-width: 2px;
  border-bottom-style: dotted;
}

/**/
.bg-primary {
  background: #60aadb !important;
  color: #fff;
}
.bg-success {
  background: #64ba4e !important;
  color: #fff;
}
.bg-info {
  background: #9bc6dd !important;
  color: #fff;
}
.bg-warning {
  background: #fec139 !important;
  color: #fff;
}
.bg-danger {
}
/**/
img.pull-left {
  padding: 5px 15px 5px 0;
}
img.pull-right {
  padding: 5px 0 5px 15px;
}
/**/
.alert {
  border: none;
  border-radius: 1px;
  font-size: 14px;
}
.alert.alert-note {
  background: #f2f2f3;
}
.alert.alert-sys {
  background: #f5f2ec;
  color: #81641f;
}
.alert.bxe-icon {
  padding-left: 90px;
  min-height: 100px;
  position: relative;
}
.alert.bxe-icon:after {
  left: 22px;
  top: 20px;
  position: absolute;
  content: " ";
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(images/editor_sprite.png);
  background-repeat: no-repeat;
}
.alert.bxe-icon.alert-success:after {
  background-position: 0 0;
}
.alert.bxe-icon.alert-info:after {
  background-position: 0 -50px;
}
.alert.bxe-icon.alert-warning:after {
  background-position: 0 -100px;
}
.alert.bxe-icon.alert-danger:after {
  background-position: 0 -200px;
}
.alert.bxe-icon.alert-note:after {
  background-position: 0 -150px;
}
.alert.bxe-icon.alert-sys:after {
  background-position: 0 -250px;
}

.bxe-aleft-title {
  font-weight: bold;
  padding-bottom: 5px;
}

.bx-panel-tooltip {
  z-index: 2210 !important;
  overflow: hidden !important;
  position: absolute !important;
  letter-spacing: normal !important;
  list-style: none !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
  visibility: visible !important;
  white-space: normal !important;
  word-spacing: normal !important;
  vertical-align: baseline !important;
  margin: 0 !important;
  padding: 15px !important;
  float: none !important;
  text-decoration: none !important;
  -webkit-border-radius: 1px !important;
  -moz-border-radius: 1px !important;
  border-radius: 1px !important;
  -webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
  -moz-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid;
  border-color: #f0f0f0;
  background: #fff;
  color: #35414e;
  font-size: 14px;
}

/**/
tab,
tabsection,
.bxe-tab-title {
  display: block;
  padding: 5px;
  border: 1px dashed #ccc;
}
/**/
.bxe-list,
.bxe-list ul {
  list-style: none;
  margin: 5px 0;
  padding-left: 15px;
}

.bxe-list .fa {
  color: #9fb2bd;
  margin-right: 6px;
}
.bxe-lis-blue .fa {
  color: #0083d1;
}

.tablebodytext {
  display: none;
}

#top_catalog_filter {
  z-index: 98;
}

.slick-slide {
  height: inherit;
}
.slider-slider-nav .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 50px;
  height: 50px;
  background-color: #fff;
  box-shadow: unset;
}

.slick-arrow/* ,
.slick-arrow:hover,
.slick-arrow:focus  */ {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
  width: 50px;
  height: 50px;
  background-color: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

.actions-slider .slick-arrow/* ,
.slick-arrow:hover,
.slick-arrow:focus  */ {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  z-index: 2;
  width: 50px;
  height: 50px;
  background-color: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

.slick-prev,
.slick-next {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 12px;
}

.slick-prev {
  background-image: url(images/prev-arrow.png);
}

.slick-next {
  background-image: url(images/next-arrow.png);
}

.slick-prev::before,
.slick-next::before {
  display: none;
}

.slick-prev.slick-arrow {
  left: 0;
}

.slick-next.slick-arrow {
  right: 0;
}

.wrap-slick-product-slider:hover > .people-view {
  display: none;
}

.play-video_circle,
.play-video_circle:focus,
.play-video_circle:active {
  display: flex;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: linear-gradient(0deg, #9677bf, #9677bf),
    linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
}
.card-good-slider-nav .play-video_circle,
.card-good-slider-nav .play-video_circle:focus,
.card-good-slider-nav .play-video_circle:active {
  display: flex;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: linear-gradient(0deg, #9677bf, #9677bf),
    linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
}

.play-video_circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  border-style: solid;
  border-width: 7px 0 7px 13px;
  border-color: transparent transparent transparent #fff;
}

/*
=======================================================================================================================
*/

/***********************************************************************************************************************
*
*  MAIN {
*
***********************************************************************************************************************/
.headBlog,
.headBlog p,
.headBlog h1 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-weight: 400;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 0.3%;
}
.date-public {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  opacity: 0.6;
  width: 100%;
}
.head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-weight: 400;
  font-size: 28px;
  margin: 0;
  line-height: 38px;
}
.public-text-high {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
}
.public-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
}
.public-text-high {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
}
.public-text-post {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
}

.public-text-post img {
  max-width: 100%;
  height: auto;
}
.breadcrumb {
  background-color: white !important;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 3%;
}
.breadcrumb-catalog {
  margin-left: 15px;
}
.breadcrumb .active {
  display: inline;
}
.breadcrumb a {
  color: #828282;
}
.breadcrumb-nobottom .bx-breadcrumb {
  margin-bottom: 0;
}
.paginator-liq {
  width: 100%;
  display: flex;
  justify-content: center;
}
.paginator {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 5%;
  white-space: nowrap;
}
.paginator a {
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  color: gray;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
}
.paginator .prev {
  margin-right: 8px;
  margin-left: 0px;
  padding: 0 5px;
}
.paginator .next {
  margin-left: 8px;
  margin-right: 0px;
  padding: 0 5px;
}
.paginator .current {
  background-color: #9677bf;
  color: white !important;
}
.paginator .disabled {
  opacity: 0.3;
}
.paginator a:hover {
  background-color: #9677bf;
  color: white;
  opacity: 0.3;
}
@media (max-width: 767px) {
  .card-good-slider-nav .play-video_circle,
  .card-good-slider-nav .play-video_circle:focus,
  .card-good-slider-nav .play-video_circle:active {
    display: none !important;
  }
  .play-video_circle,
  .play-video_circle:focus,
  .play-video_circle:active {
    top: 50%;
  }
  .menu-head-block .col-xs-7 {
    width: 55% !important;
  }
  .menu-head-block .col-xs-5 {
    margin-left: auto;
  }
  .header-user {
    padding: 0;
  }
  .paginator {
    width: 100% !important;
    padding: 2%;
  }

  .paginator.ext-pages {
    justify-content: flex-start !important;
    width: auto !important;
  }
  .catalog-content-head .paginator.ext-pages {
    justify-content: space-between !important;
    width: 100% !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .catalog-content-head .paginator a {
    margin: 0;
  }
  .paginator-liq {
    justify-content: center;
  }
  .paginator a {
    margin: 0 20px;
  }
  .head-text {
    font-size: 20px;
    line-height: 23px;
  }
  .public-text-high {
    font-size: 18px;
    line-height: 26px;
  }
  .public-text-post {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .card-good-slider-nav .play-video_circle,
  .card-good-slider-nav .play-video_circle:focus,
  .card-good-slider-nav .play-video_circle:active {
    top: 50%;
    left: 43%;
    width: 25px;
    height: 25px;
  }
  .card-good-slider-nav .play-video_circle::before {
    width: 10px;
    height: 10px;
    border-width: 6px 0 6px 10px;
    top: 52%;
    left: 56%;
  }
  .play-video_circle,
  .play-video_circle:focus,
  .play-video_circle:active {
    top: 50%;
  }
  .breadcrumb-catalog {
    margin-left: 15px;
    margin-right: 15px;
  }
  .breadcrumb-catalog ~ .row {
    margin-left: 0;
    margin-right: 0;
  }
  .paginator {
    width: auto !important;
    justify-content: flex-start !important;
    padding: 2% !important;
  }
  .paginator a {
    margin: 0 20px;
  }
  .paginator .next,
  .paginator .prev {
    margin: 0;
  }
  .head-text {
    font-size: 20px;
    line-height: 23px;
  }
  .public-text-high {
    font-size: 18px;
    line-height: 26spx;
  }
  .public-text-post {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 992px) and (max-width: 1024px) {
  .date-public {
    width: 100%;
  }
}

/***********************************************************************************************************************
*
*  }BASE
*
***********************************************************************************************************************/

/*
=======================================================================================================================
*/

/***********************************************************************************************************************
*
*  FEEDBACK/REVIEWS{
*
***********************************************************************************************************************/
.headreview,
.headreview p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  margin: 0;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 0.3%;
}
.review-item {
  margin-bottom: 8.4%;
  text-align: center;
}
.review-item-image1 {
  background-image: url(../images/review/review-image1.png);
  background-size: cover;
  height: 259px;
  margin-bottom: 5.5%;
  border-radius: 5px;
}
.review-item-image2 {
  background-image: url(../images/review/review-image2.png);
  background-size: cover;
  height: 259px;
  margin-bottom: 5.5%;
  border-radius: 5px;
}
.review-item-image3 {
  background-image: url(../images/review/review-image3.png);
  background-size: cover;
  height: 259px;
  margin-bottom: 5.5%;
  border-radius: 5px;
}
.review-item-image4 {
  background-image: url(../images/review/review-image4.png);
  background-size: cover;
  height: 259px;
  margin-bottom: 5.5%;
}
.review-item-image5 {
  background-image: url(../images/review/review-image5.png);
  background-size: cover;
  height: 259px;
  margin-bottom: 5.5%;
  border-radius: 5px;
}
.review-item-image6 {
  background-image: url(../images/review/review-image6.png);
  background-size: cover;
  height: 259px;
  margin-bottom: 5.5%;
  border-radius: 5px;
}
.review-item-image7 {
  background-image: url(../images/review/review-image7.png);
  background-size: cover;
  height: 259px;
  margin-bottom: 5.5%;
  border-radius: 5px;
}
.review-item-image8 {
  background-image: url(../images/review/review-image8.png);
  background-size: cover;
  height: 259px;
  margin-bottom: 5.5%;
  border-radius: 5px;
}
.review-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  position: relative;
  font-size: 20px;
  line-height: 30px;
}
.make-review {
  height: 338px;
  background: #99c2d1;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  color: #ffffff;
  margin-bottom: 8.4%;
}
.make-review-text,
.make-review-text p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  width: 100%;
  line-height: 48px;
  text-align: center;
  padding-bottom: 10%;
}
.make-review-button {
  background: transparent;
  align-self: flex-start;
  border: 1px solid #ffffff;
  padding: 3% 11.5%;
  box-sizing: border-box;
}
.hor-line hr {
  display: block;
  position: relative;
  height: 1px;
  border: 0;
  border-top: 1px solid #9677bf;
  margin: 0.8% 0 5.8% 0;
  padding: 0;
  width: 12%;
  left: 44%;
}
.paginator-liq {
  width: 100%;
  display: flex;
  justify-content: center;
}
.paginator {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 5%;
  white-space: nowrap;
}
.paginator a {
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  color: gray;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
}
.paginator .prev {
  margin-right: 8px;
  margin-left: 0px;
  padding: 0 5px;
}
.paginator .next {
  margin-left: 8px;
  margin-right: 0px;
  padding: 0 5px;
}
.paginator .current {
  background-color: #9677bf;
  color: white;
}
.paginator .disabled {
  opacity: 0.3;
}
.paginator a:hover {
  background-color: #9677bf;
  color: white;
  opacity: 0.3;
}
@media (max-width: 767px) {
  .review-item-image1 {
    width: 100%;
    height: 59vw;
    border-radius: 0px;
    margin-bottom: 3%;
  }
  .review-item-image2 {
    width: 100%;
    height: 59vw;
    border-radius: 0px;
    margin-bottom: 3%;
  }
  .review-item-image3 {
    width: 100%;
    height: 59vw;
    border-radius: 0px;
    margin-bottom: 3%;
  }
  .review-item-image4 {
    width: 100%;
    height: 59vw;
    border-radius: 0px;
    margin-bottom: 3%;
  }
  .review-item-image5 {
    width: 100%;
    height: 59vw;
    border-radius: 0px;
    margin-bottom: 3%;
  }
  .review-item-image6 {
    width: 100%;
    height: 59vw;
    border-radius: 0px;
    margin-bottom: 3%;
  }
  .review-item-image7 {
    width: 100%;
    height: 59vw;
    border-radius: 0px;
    margin-bottom: 3%;
  }
  .review-item-image8 {
    width: 100%;
    height: 59vw;
    border-radius: 0px;
    margin-bottom: 3%;
  }
  .make-review {
    border-radius: 0px;
  }
  .make-review {
    height: 59vw;
  }
  .make-review-text {
    font-size: 24px;
    line-height: 28px;
  }
  .review-text {
    font-size: 14px;
    line-height: 20px;
  }
  .headreview {
    font-size: 28px;
    line-height: 38px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .review-item-image1 {
    width: 100%;
    height: 152px;
    border-radius: 0px;
    margin-bottom: 4.6%;
  }
  .review-item-image2 {
    width: 100%;
    height: 152px;
    border-radius: 0px;
    margin-bottom: 4.6%;
  }
  .review-item-image3 {
    width: 100%;
    height: 152px;
    border-radius: 0px;
    margin-bottom: 4.6%;
  }
  .review-item-image4 {
    width: 100%;
    height: 152px;
    border-radius: 0px;
    margin-bottom: 4.6%;
  }
  .review-item-image5 {
    width: 100%;
    height: 152px;
    border-radius: 0px;
    margin-bottom: 4.6%;
  }
  .review-item-image6 {
    width: 100%;
    height: 152px;
    border-radius: 0px;
    margin-bottom: 4.6%;
  }
  .review-item-image7 {
    width: 100%;
    height: 152px;
    border-radius: 0px;
    margin-bottom: 4.6%;
  }
  .review-item-image8 {
    width: 100%;
    height: 152px;
    border-radius: 0px;
    margin-bottom: 4.6%;
  }
  .make-review {
    border-radius: 0px;
  }
  .make-review {
    height: 202px;
  }
  .make-review-text {
    font-size: 24px;
    line-height: 28px;
  }
  .review-text {
    font-size: 14px;
    line-height: 20px;
  }
  .headreview {
    font-size: 28px;
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .make-review-button:hover {
    background: white;
    color: #9677bf;
  }
  .make-review-button:focus {
    background: white;
    color: #9677bf;
  }
}

/***********************************************************************************************************************
*
*  } FEEDBACK/REVIEWS
*
***********************************************************************************************************************/

/*
=======================================================================================================================
*/

/***********************************************************************************************************************
*
*  FEEDBACK/REVIEWS-DETAIL{
*
***********************************************************************************************************************/

.reviews-image {
  background-image: url(../images/revies-detal/reviews-detal-image.png);
  background-size: cover;
  height: 475px;
  margin-bottom: 4%;
}
.paginator-text {
  padding-top: 7%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.paginator-text a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #9677bf;
}
.prev-page {
  display: flex;
  justify-content: space-between;
  /* width: 35%; */
}
.next-page {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  /* width: 32%; */
}
.arrow-left {
  cursor: pointer;
  position: relative;
  width: 80px;
  height: 20px;
  margin-left: 10px;
}
.arrow-left div {
  position: relative;
  /* top: 12px; */
  width: 80px; /*
	height: 1px;
	background-color: #9677BF;
	left:0;
    display: block; */
  transform: scale(-1);
}
/* .arrow-left div::after {
	content: '';
	position: absolute;
	width: 7px;
	height: 1px;
	top: -2px;
	right: -1px;
	background-color: #9677BF;
	transform: rotate(45deg);
} */
/* .arrow-left div::before {
	content: '';
	position: absolute;
	width: 7px;
	height: 1px;
	top: 2px;
	right: -1px;
	background-color: #9677BF;
	transform: rotate(-45deg);
} */
.arrow-right {
  cursor: pointer;
  position: relative;
  width: 80px;
  height: 20px;
  margin-right: 10px;
}
.arrow-right div {
  position: relative;
  /* top: 10px; */
  width: 80px;
  /* height: 1px;
	background-color: #9677BF;
	left:0;
	display: block; */
}
/*.arrow-right div::after {
	content: '';
	position: absolute;
	width: 7px;
	height: 1px;
	top: -2px;
	left: -1px;
	background-color: #9677BF;
	transform: rotate(-45deg);
}*/
.arrow-left div::before,
.arrow-right div::before {
  content: "";
  content: url("/images/arrow.svg");
  /* position: absolute;
	width: 7px;
	height: 1px;
	top: 2px;
	left: -1px;
	background-color: #9677BF;
	transform: rotate(45deg); */
}
@media (max-width: 767px) {
  .paginator-text {
    justify-content: space-between !important;
  }
  .reviews-image {
    width: 100%;
    height: 60vw;
  }
  .arrow-left {
    display: none;
  }
  .arrow-right {
    display: none;
  }
  .next-page {
    width: auto;
  }
  .prev-page {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .arrow-left div::before,
  .arrow-right div::before {
    content: url("/images/arrow-min.svg");
  }
  .arrow-right div {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: "FlipH";
  }
  .arrow-left div {
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    filter: FlipH;
    -ms-filter: "FlipH";
  }
  .arrow-left {
    margin-left: 15px;
  }
  .arrow-right {
    margin-right: 15px;
  }
  .reviews-image {
    width: 100%;
    height: 284px;
  }
  .head-text {
    font-size: 20px;
    line-height: 23px;
  }
  .public-text-high {
    font-size: 20px;
    line-height: 30px;
  }
  .public-text-post {
    font-size: 16px;
    line-height: 26px;
  }
  /* .prev-page {
			width: 42%;
	}
	.next-page {
			width: 40%;
	} */
  .arrow-right {
    width: 40px;
  }
  .arrow-right div {
    width: 40px;
  }
  .arrow-left {
    width: 40px;
  }
  .arrow-left div {
    width: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  /* .prev-page {
			width: 42%;
	}
	.next-page {
			width: 40%;
	} */
  .arrow-right {
    width: 80px;
  }
  .arrow-right div {
    width: 80px;
  }
  .arrow-left {
    width: 80px;
  }
  .arrow-left div {
    width: 80px;
  }
}

.reviews-post-image1 {
  background-image: url(../images/reviews-left-bar/reviews-left-image1.png);
  background-size: cover;
  height: 167px;
  margin-bottom: 7.7%;
}
.reviews-post-image2 {
  background-image: url(../images/reviews-left-bar/reviews-left-image2.png);
  background-size: cover;
  height: 167px;
  margin-bottom: 5.5%;
}
.reviews-post-image3 {
  background-image: url(../images/reviews-left-bar/reviews-left-image3.png);
  background-size: cover;
  height: 167px;
  margin-bottom: 5.5%;
}
.reviews-post-text {
  padding-left: 6%;
  width: 90%;
}
.reviews-item {
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  display: block;
  margin-bottom: 30px;
}
.date-public-bar {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  opacity: 0.6;
}
.public-text-left {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .public-text-left {
    line-height: 20px;
  }
  .date-public {
    font-size: 12px;
    line-height: 14px;
  }
  .reviews-item {
    margin-bottom: 20px;
    /* width: 180px; */
  }
  .reviews-post-image1 {
    width: 100%;
    height: 161px;
    background-position-x: 100%;
  }
  .reviews-post-image2 {
    width: 100%;
    height: 161px;
    background-position-x: 100%;
  }
  .reviews-post-image3 {
    width: 100%;
    height: 161px;
  }
}

/***********************************************************************************************************************
*
*  }FEEDBACK/REVIEWS-DETAIL
*
***********************************************************************************************************************/
/*
=======================================================================================================================
*/

/***********************************************************************************************************************
*
*  BLOG {
*
***********************************************************************************************************************/

.headBlog,
.headBlog h1 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
  /* padding-bottom: 3.5%; */
}
.navBlog {
  padding-bottom: 5%;
  display: flex;
  justify-content: center;
}
.navBlog ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  justify-content: flex-start;
  flex-direction: row;
}
.navBlog ul li {
  padding: 0 5px;
}
.navBlog a {
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  color: #9677bf;
}
.root-item:hover {
  text-decoration: underline;
}
.root-item-selected {
  text-decoration: underline;
}
.blog {
  margin-bottom: 2.6%;
}
.blog-main-picture {
  background-image: url(../images/blog/blog1.png);
  background-size: cover;
  height: 475px;
  margin-bottom: 2.6%;
}
@media (max-width: 767px) {
  .blog-main-picture {
    height: auto;
  }
}
.blog-main-picture img {
  width: 100%;
}
.blogSecond {
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  background: #f5f5f5;
  height: 475px;
  padding-left: 30px;
}
.main-public {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
}
.public-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
}
.pr-0 {
  padding-right: 0;
}
.pl-0 {
  padding-left: 0 !important;
}
.blog-item {
  margin-bottom: 8.4%;
}
.blogContent {
  display: flex;
  justify-content: space-between;
}
.blog-item-image1 {
  background-image: url(../images/blog/image2.png);
  background-size: cover;
  height: 230px;
  margin-bottom: 5.5%;
}
.blog-item-image2 {
  background-image: url(../images/blog/image3.png);
  background-size: cover;
  height: 230px;
  margin-bottom: 5.5%;
}
.blog-item-image3 {
  background-image: url(../images/blog/image4.png);
  background-size: cover;
  height: 230px;
  margin-bottom: 5.5%;
}
.blog-item-image4 {
  background-image: url(../images/blog/image5.png);
  background-size: cover;
  height: 230px;
  margin-bottom: 5.5%;
}
.blog-item-image5 {
  background-image: url(../images/blog/image6.png);
  background-size: cover;
  height: 230px;
  margin-bottom: 5.5%;
}
.blog-item-image6 {
  background-image: url(../images/blog/image7.png);
  background-size: cover;
  display: block;
  height: 230px;
  margin-bottom: 5.5%;
}
.blog-item-image7 {
  /* background-image: url(../images/blog/image9.png); */
  background-size: cover;
  height: 230px;
  margin-bottom: 5.5%;
}
.blog-item-image8 {
  background-image: url(../images/blog/image8.png);
  background-size: cover;
  height: 230px;
  margin-bottom: 5.5%;
}
.blog-item-image9 {
  background-image: url(../images/blog/image10.png);
  background-size: cover;
  height: 230px;
  margin-bottom: 5.5%;
}
.paginator-liq {
  width: 100%;
  display: flex;
  justify-content: center;
}
.paginator {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 5%;
  white-space: nowrap;
}
.paginator a {
  display: inline-block;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  color: gray;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
}
.paginator .prev {
  margin-right: 8px;
  margin-left: 0px;
  padding: 0 5px;
}
.paginator .next {
  margin-left: 8px;
  margin-right: 0px;
  padding: 0 5px;
}
.paginator .current {
  background-color: #9677bf;
  color: white;
}
.paginator .disabled {
  opacity: 0.3;
}
.paginator a:hover {
  background-color: #9677bf;
  color: white;
  opacity: 0.3;
}
@media (max-width: 767px) {
  .navBlog ul {
    justify-content: flex-start;
  }
  .blog-item-image1 {
    width: 100%;
    height: 60vw;
  }
  .blog-item-image2 {
    width: 100%;
    height: 60vw;
  }
  .blog-item-image3 {
    width: 100%;
    height: 60vw;
  }
  .blog-item-image4 {
    width: 100%;
    height: 60vw;
  }
  .blog-item-image5 {
    width: 100%;
    height: 60vw;
  }
  .blog-item-image6 {
    width: 100%;
    height: 60vw;
  }
  .blog-item-image7 {
    width: 100%;
    height: 60vw;
  }
  .blog-item-image8 {
    width: 100%;
    height: 60vw;
  }
  .blog-item-image9 {
    width: 100%;
    height: 60vw;
  }
  .navBlog li {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .blog-main-picture {
    height: 253px;
  }
  .blogSecond {
    height: 253px;
  }
  .main-public {
    font-size: 24px;
    line-height: 28px;
  }
  .blog-item-image1 {
    width: 100%;
    height: 129px;
  }
  .blog-item-image2 {
    width: 100%;
    height: 129px;
  }
  .blog-item-image3 {
    width: 100%;
    height: 129px;
  }
  .blog-item-image4 {
    width: 100%;
    height: 129px;
  }
  .blog-item-image5 {
    width: 100%;
    height: 129px;
  }
  .blog-item-image6 {
    width: 100%;
    height: 129px;
  }
  .blog-item-image7 {
    width: 100%;
    height: 129px;
  }
  .blog-item-image8 {
    width: 100%;
    height: 129px;
  }
  .blog-item-image9 {
    width: 100%;
    height: 129px;
  }
  .public-text {
    font-size: 14px;
    line-height: 22px;
  }
  .navBlog a {
    font-size: 14px;
    line-height: 40px;
  }
  .navBlog {
    padding-bottom: 0;
  }
}

.right-navBlog {
  padding-bottom: 5%;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  background: #f5f5f5;
}
.right-navBlog ul {
  list-style: none;
  padding-left: 8.5%;
  /* padding-bottom: 8%; */
  padding-top: 7%;
}
.right-navBlog li {
  padding: 4.4% 0;
}
.right-navBlog a {
  color: #333333;
  padding: 10% 0;
}
.right-navBlog a:hover,
.right-navBlog a:focus {
  color: #9677bf;
}
@media (max-width: 767px) {
  .right-navBlog {
    font-size: 16px;
    line-height: 19px;
  }
  .right-navBlog li a {
    color: #9677bf;
  }
}
@media (min-width: 436px) and (max-width: 767px) {
  .right-navBlog li {
    width: 180px;
  }
  .right-navBlog li:nth-child(2n) {
    margin: 0;
  }
}

.digest-image {
  background-image: url(../images/digest/digest.png);
  background-size: cover;
  height: 475px;
  margin-bottom: 4%;
}
.slider-blog {
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .slider-blog .slider-nav {
    width: 92%;
    left: 4%;
  }
}

/* .slick-prev:before {
	content: '<' !important;
	color: #9677BF !important;
	padding: 70% 90%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	background-color: #FFFFFF !important;
	opacity: 1 !important;
}
.slick-next:before{
	content: url(/local/templates/tkani_optom/images/arrow-next-desk.png) !important;
	color: #9677BF !important;
	padding: 70% 90%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	background-color: #FFFFFF!important;
	opacity: 1 !important;
} */

.slider-for {
  margin-bottom: 3.3%;
}
.slider-for-image1 {
  background-image: url(../images/digest/slide1.png);
  background-size: cover;
  width: 100%;
  height: 475px;
}
.slider-nav-image1 {
  background-image: url(../images/digest/slide1.png);
  background-size: cover;
  width: 102%;
  height: 105px;
}
.slider-blog {
  width: 100%;
}
.slider-nav {
  left: -15px;
  width: 103%;
}
.slider-nav .slider-item {
  margin: 0 15px; /* отступ */
}

.slider2 .slider-item:hover {
  cursor: pointer;
  box-shadow: unset !important;
}

.slick-prev {
  z-index: 2;
  left: -30px !important;
}
.slick-next {
  z-index: 2;
  right: -27px !important;
}

.slider-slider .slick-prev,
.slider-slider .slick-next {
  top: 40%;
}
.slider-slider .slick-track {
  padding: 20px 0;
}
.slider-slider {
  margin-bottom: 10px !important;
}
.new-body {
  visibility: hidden;
}
.new-body .slick-initialized {
  visibility: visible !important;
}
.slick-dots li button:before {
  width: 10px !important;
  height: 10px !important;
  opacity: 1 !important;
  color: linear-gradient(0deg, #9677bf, #9677bf),
    linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
}
.slider-nav li.slick-active button:before {
  content: url("../images/rect-fill.svg") !important;
}

.new-body {
  margin-top: 40px;
  margin-bottom: 35px;
}

.new-product {
  position: relative;
  margin-top: 130px;
}

.popular-product {
  position: relative;
  margin-top: 100px;
}

.bottom-layer {
  position: absolute;
  width: 100%;
  z-index: -1;
  bottom: 0;
  height: 560px;
  background-color: #f5f5f5;
}

.product-viewed .bottom-layer {
  width: 10000px;
  transform: translateX(-5000px);
}

.wrap-index-to-catalog {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}
.index-to-catalog {
  border: 1px solid #9677bf;
  color: #9677bf;
  padding: 8px 20px;
  border-radius: 7px;
}

.index-to-catalog:hover,
.index-to-catalog:focus {
  color: #fff;
  background-color: #9677bf;
}

@media (max-width: 767px) {
  .popular-product {
    margin-top: 0;
  }
  .bottom-layer {
    height: 361px;
  }
  .slider-nav .slider-item {
    display: none !important;
  }
  .slick-dots {
    top: -10px !important;
    bottom: 0 !important;
  }
  .about-page ~ * .slick-dots {
    top: unset !important;
    bottom: unset !important;
  }
  .slider-nav {
    left: 15%;
    width: 70%;
  }
  .slick-prev:before {
    padding: 0 !important;
  }
  .slick-next:before {
    padding: 0 !important;
  }
  .slider-for-image1 {
    background-image: url(../images/digest/slide1.png);
    background-size: cover;
    width: 100%;
    height: 60vw;
  }
  .slick-prev {
    z-index: 2;
    left: -15px !important;
  }
  .slick-next {
    z-index: 2;
    right: 5px !important;
  }
  .slick-prev:before {
    box-shadow: 0 0 0;
  }
  .slick-next:before {
    box-shadow: 0 0 0;
  }
  .wrap-index-to-catalog {
    margin-bottom: 30px;
    padding-top: 0;
  }
  .new-body {
    margin-top: 0;
    margin-bottom: 50px;
  }
  .new-product .new-body {
    height: auto;
    margin-bottom: 40px !important;
  }
  .new-product {
    margin-top: 50px !important;
  }
  .popular-product .new-body {
    height: auto;
  }
  .digest-image {
    width: 100%;
    height: 284px;
  }
  .digest-image img {
    width: 100%;
    height: 284px;
  }
  .slider-nav {
    left: 10%;
    width: 80%;
  }
  .slick-prev {
    left: -13% !important;
  }
  .slick-next {
    right: -5% !important;
  }
  .slider-for-image1 {
    width: 100%;
    height: 284px;
  }
  .slider-nav-image1 {
    width: 118px;
    height: 66px;
  }
  .slider-nav .slider-item {
    margin: 0 5px; /* отступ */
  }
  .slider-nav .draggable {
    right: 3px;
  }
  .quick-view {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .popular-product {
    margin-top: 0;
  }
  .wrap-index-to-catalog {
    margin-bottom: 30px;
  }
  .new-body {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .new-product .new-body {
    height: 415px;
  }
  .new-body .slider-slider {
    padding: 0 15px;
  }
  .new-product {
    margin-top: 50px !important;
  }
  .digest-image {
    width: 100%;
    height: 284px;
  }
  .digest-image img {
    width: 100%;
    height: 284px;
  }
  .slider-nav {
    left: 10%;
    width: 80%;
  }
  .slick-prev {
    left: -13% !important;
  }
  .slick-next {
    right: -5% !important;
  }
  .slider-for-image1 {
    width: 100%;
    height: 284px;
  }
  .slider-nav-image1 {
    width: 118px;
    height: 66px;
  }
  .slider-nav .slider-item {
    margin: 0 5px; /* отступ */
  }
  .slider-nav .draggable {
    right: 3px;
  }
  .quick-view {
    display: none;
  }
}
@media (min-width: 1024px) {
  .slider-item:hover {
    cursor: pointer;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  }
  .card-good-slider-nav .slider-item:hover {
    box-shadow: unset !important;
  }
  .about-slider-for .slider-item:hover {
    cursor: pointer;
    box-shadow: unset;
  }
}

/***********************************************************************************************************************
*
*  BLOG {
*
***********************************************************************************************************************/

.first-block-background {
  position: absolute;
  width: 100%;
  height: 582px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.first-block-background::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(
      90deg,
      #211a2b 0%,
      rgba(58, 45, 75, 0.54) 30.59%,
      rgba(33, 26, 43, 0) 100%
    ),
    url("../images/index/first-block.png");
  background-size: cover;
  background-position: 0 42%;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
.first-block-text {
  height: 582px;
}
.first-block-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  padding-top: 20%;
  margin: 0;
  line-height: 54px;
  color: #ffffff;
}
.first-block-lead-text {
  font-family: Ubuntu;
  font-style: normal;
  font-size: 18px;
  line-height: 34px;
  padding-top: 30px;
  color: #ffffff;
}
.first-block {
  display: flex;
  align-items: flex-end;
}
.first-block-bottom-background {
  display: none;
  background: #f5f5f5;
}
.first-block-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 190px;
  background: #f5f5f5;
  border-radius: 5px 5px 0 0;
  text-align: center;
  color: #333333;
}
.first-block-bottom-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  padding-top: 8%;
}
.first-block-bottom-date {
  font-family: Ubuntu;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  padding-top: 0;
  width: 80%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: -5%;
}
.first-block-bottom-button {
  box-sizing: border-box;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  padding: 8px 56px;
  margin-top: -5%;
  z-index: 50;
}
.second-block-text {
  display: flex;
  height: 582px;
}
.second-block-head-text {
  padding-top: 90px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #333333;
  margin: 0;
  width: 130%;
}
.question-mark {
  position: absolute;
  left: 68%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 478.041px;
  line-height: 560px;
  color: #9677bf;
  opacity: 0.1;
}
.dialog-span1 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  margin-top: 94px;
  width: 100%;
  height: 124px;
  margin-left: 26px;
  position: relative;
  background: #f5f5f5;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}
.dialog-span1:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  border-left: -12px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 12px solid #f5f5f5;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.dialog-span-xs {
  display: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  margin-top: 94px;
  width: 100%;
  height: 100%;
  margin-left: 26px;
  position: relative;
  background: #f5f5f5;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}
.dialog-span-xs:before {
  display: none;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  border-left: -12px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 12px solid #f5f5f5;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.dialog-span2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  margin-top: 26px;
  width: 100%;
  height: 124px;
  margin-left: 26px;
  position: relative;
  background: #f5f5f5;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}
.dialog-span-wrapper .col-lg-4:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0em 0.5em 1em 1.5em; /* размер и форма */
  border-color: #f5f5f5 transparent transparent #f5f5f5; /* red — цвет */
  filter: drop-shadow(4px 7px 4px rgba(0, 0, 0, 0.15)); /* тень */
  content: "";
  position: absolute;
  top: 99%;
  left: 14.5%;
  z-index: 1;
}
.dialog-span3 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  margin-top: 26px;
  width: 100%;
  height: 124px;
  margin-left: 26px;
  position: relative;
  background: #f5f5f5;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}
.dialog-span3:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  border-left: -12px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 12px solid #f5f5f5;
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.dialog-span-text {
  padding-top: 5%;
  width: 88%;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.dialog-span-wrapper {
  padding-top: 70px;
}
.third-block {
  height: 659px;
  background: #99c2d1;
  width: 100%;
  z-index: -1;
}
.third-block-background {
  background: #99c2d1;
  margin-top: 50px;
}
.third-round {
  display: none;
}
.third-block-image {
  height: 800px;
  width: 513px;
  margin-left: -180px;
  bottom: 631px;
  position: absolute;
}
.third-block-image img {
  height: auto;
  width: 716px;
}
.third-block-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #ffffff;
  margin: 0;
  padding-top: 70px;
}
.third-block-head-text hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  background: rgba(255, 255, 255, 0.6);
  margin: 0.8% 0 5.8% 0;
  padding: 0;
}
.third-block-text-list1 {
  font-family: Roboto;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.third-block-text-list2 {
  font-family: Roboto;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.third-block-text-list1 li {
  padding-bottom: 12%;
  list-style-type: none;
  padding-left: 0px;
}
.third-block-text-list1 ol {
  counter-reset: myCounter;
}
.third-block-text-list1 li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: white;
  position: absolute;
  left: 10px;
  padding-bottom: 10%;
  display: inline-block;
  text-align: center;
  font-family: Ubuntu;
  font-style: italic;
  font-weight: 500;
  font-size: 48px;
  line-height: 54px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.6;
}
.third-block-text-list2 li {
  padding-bottom: 12%;
  list-style-type: none;
  padding-left: 0;
}
.third-block-text-list2 ol {
  counter-reset: myCounter 4;
}
.third-block-text-list2 li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: white;
  position: absolute;
  left: 10px;
  padding-bottom: 10%;
  display: inline-block;
  text-align: center;
  font-family: Ubuntu;
  font-style: italic;
  font-weight: 500;
  font-size: 48px;
  line-height: 54px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.6;
}
.four-block-text-block {
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 80px;
}
.four-block-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  padding-top: 80px;
  margin: 0;
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
}
.four-block-lead-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  width: 75%;
  padding-bottom: 40px;
}
.four-block-reg-form {
  width: 100%;
  text-align: center;
  padding-bottom: 90px;
}
.four-block-reg-form input {
  width: 20%;
  padding: 0%;
  border: none;
  border-bottom: 2px solid #9677bf;
  margin-right: 2.5%;
}
.four-block-reg-form input[placeholder] {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
}
.reg-form-submit-button {
  box-sizing: border-box;
  border-radius: 2px;
  position: relative;
  top: -9px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  width: 210px;
  height: 40px;
  /*margin-top: -5%;*/
  display: inline-block;
}
.four-block-footer-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  padding-top: 30px;
}
.five-block-background {
  background: #99c2d1;
}
.five-block {
  height: 314px;
  background: #99c2d1;
  width: 100%;
  z-index: -1;
}
.five-block-text-block {
  padding-top: 60px;
  padding-bottom: 70px;
}
.five-block-text-block > .row {
  display: flex;
  align-items: center;
}
.five-block-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 44px;
  color: #ffffff;
  /*width: 100%;*/
  margin: 0;
  text-align: left;
}
.five-block-lead-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  text-align: left;
}
.break {
  flex-basis: 100%;
  height: 0;
}
.five-block-button {
  box-sizing: border-box;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  line-height: 38px;
  text-align: center;
  /*margin-top: -2%;*/
  height: 40px;
  width: 210px;
  display: block;
}
.first-block-bottom-button:hover {
  border: 1px solid #9677bf;
  background: #fff;
  color: #9677bf;
  text-decoration: none;
  transition: 0.5s;
}
.reg-form-submit-button:hover {
  border: 1px solid #9677bf;
  background: #fff;
  color: #9677bf;
  text-decoration: none;
  transition: 0.5s;
}
.count-product {
  position: absolute;
  bottom: 13px;
  right: 8px;
  border-radius: 7px;
  padding: 1px 6px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  background: linear-gradient(0deg, #9677bf, #9677bf),
    linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
}

.wrap-btn-menu {
  display: none;
  border-radius: 3px;
  width: 100%;
  flex-shrink: 0;
}
.wrap-btn {
  display: flex;
  border-radius: 3px;
  overflow: hidden;
}

.btn-head {
  font-size: 16px;
  line-height: 24px;
  border: none;
  color: #fff;
  font-weight: 500;
  background: linear-gradient(0deg, #9677bf, #9677bf),
    linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
}

.btn-head:hover,
.btn-head:focus {
  background: rgba(150, 119, 191, 0.9);
}

.btn-head_auth {
  position: relative;
  padding: 8px 58px;
}

.btn-head_auth::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #e3dfe1;
}

.btn-head_reg {
  padding: 8px 26px;
}

.btn-head-menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #9677bf;
  border: none;
  height: 50px;
  background: #f4f1f9;
  border-radius: 2px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.btn-head-menu_auth {
  position: relative;
  width: 66px;
}

.btn-head-menu_auth::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #9677bf;
}

.btn-head-menu_reg {
  width: 225px;
  text-align: left;
  padding-left: 10px;
}

.question-image {
  display: none;
}
.reg-form-name {
  display: none;
}
.reg-form-mail {
  display: none;
}
.reg-form-phone {
  display: none;
}
.four-block-footer-text {
  display: none;
}
.first-block-bottom-head-text-top {
  display: none;
}
.first-block-bottom-date-top {
  display: none;
}
.webinars-link {
  text-decoration: underline;
}

.dialog-span-wrapper .mob-icon {
  display: none;
}

@media (max-width: 767px) {
  .dialog-span-wrapper .col-lg-4:before {
    display: none;
  }

  .webinars-header-first {
    width: 55%;
  }
  .wrap-btn-menu {
    display: flex;
  }
  .first-block-background {
    position: absolute;
    width: 100%;
    background-attachment: fixed;
  }
  .first-block-background::before {
    background: linear-gradient(
        269.18deg,
        rgba(47, 48, 51, 0.7) 0.36%,
        rgba(47, 48, 51, 0.331668) 57.08%,
        rgba(47, 48, 51, 0) 99.61%
      ),
      url("../images/index/first-block.png");
    background-size: cover;
    background-position: 0 42%;
    transform: matrix(1, 0, 0, -1, 0, 0) !important;
  }
  .first-block-background {
    height: 570px;
  }
  .first-block {
    display: block;
  }
  .first-block-bottom-head-text-top {
    padding-top: 20px;
    display: block;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
  }
  .first-block-bottom-date-top {
    padding-top: 10px;
    display: block;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
  }
  .first-block-text {
    height: 570px;
  }
  .first-block-bottom {
    transform: translateX(-15px) !important;
    width: 100vw;
    position: fixed;
    height: auto;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    bottom: 0;
    opacity: 1;
    z-index: 30;
  }
  .first-block-head-text {
    font-size: 26px;
    line-height: 30px;
  }
  .first-block-lead-text {
    font-size: 16px;
    line-height: 26px;
  }
  .first-block-bottom-head-text {
    display: none;
  }
  .first-block-bottom-date {
    display: none;
  }
  .first-block-bottom-button {
    width: 100%;
    margin-top: 0;
    border-radius: 0px !important;
  }
  .second-block {
    height: 600px;
  }
  .second-block-text {
    height: auto;
  }
  .second-block-head-text {
    font-size: 24px;
    line-height: 28px;
    padding-top: 20px;
    text-align: left;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-6 {
    order: 6;
  }
  .order-7 {
    order: 7;
  }
  .order-8 {
    order: 8;
  }
  .order-9 {
    order: 9;
  }

  .order-9 .dialog-span2 {
    margin-bottom: 0;
  }

  .question-image {
    display: block;
    margin-right: 13px;
  }
  .dialog-span2:before {
    display: none;
  }
  .dialog-span2:first-child {
    margin-top: 0;
  }
  .dialog-span2 {
    display: flex;
    align-items: center;
    height: auto;
    margin-top: 20px;
    margin-left: 0;
    border: unset;
    background: transparent;
    box-shadow: unset;
  }
  .dialog-span-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 30px;
  }
  .artur-image {
    display: flex;
    justify-content: center;
  }
  .third-round {
    width: 120px !important;
    height: 120px;
    display: block;
    margin-top: 50px;
    width: 60%;
    border-radius: 200px;
  }
  .question-mark {
    display: none;
  }
  .dialog-span-xs ul {
    list-style-type: none;
    padding-left: 0;
  }
  .dialog-span-xs li {
    padding-top: 3%;
  }
  .dialog-span-xs li:before {
    content: "— ";
  }
  .dialog-span-xs {
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    margin-top: 154px;
    width: 100%;
    height: 639px;
    margin-left: 0;
    position: relative;
    background: #f5f5f5;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
  }
  .dialog-span-xs:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    border-left: -12px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 12px solid #f5f5f5;
    transform: matrix(1, 0, 0, -1, 0, 0);
  }
  .third-block-background {
    margin-top: 15%;
    height: auto;
    margin-bottom: 0;
  }
  .third-block {
    height: auto;
  }
  .third-block-image {
    display: none;
  }
  .third-block-head-text {
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    padding-top: 15px;
  }
  .third-block-text-list1 li {
    padding-bottom: 10%;
  }
  .four-block-text-block {
    margin-top: 50px;
    height: auto;
    justify-content: flex-start;
    padding-bottom: 0;
  }
  .four-block-head-text {
    font-size: 24px;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .four-block-lead-text {
    font-size: 16px;
    line-height: 26px;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .four-block-reg-form {
    text-align: left;
    height: auto;
    padding-bottom: 0;
  }
  .reg-form-submit-button {
    width: 100%;
    position: static;
  }
  .four-block-footer-text {
    text-align: left;
    width: 100%;
    position: relative;
    margin-top: -15%;
    padding-left: 0;
    height: 40px;
    font-size: 14px;
    line-height: 22px;
  }
  .five-block {
    background: red;
    height: 100%;
  }
  .five-block-background {
    background: #f9f9f9;
    margin-top: 50px;
    height: auto;
  }
  .five-block-text-block {
    height: auto;
    margin-top: 50px;
    align-items: flex-start;
  }
  .five-block-head-text {
    padding-top: 0;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    text-align: center;
  }
  .five-block-lead-text {
    padding-top: 20px;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    color: #333333;
    text-align: center;
  }
  .btn-head-menu {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #9677bf;
    border: none;
    height: 50px;
    background: #f4f1f9;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-top: 0;
  }

  .btn-head-menu_auth {
    position: relative;
    width: 66px;
    padding-left: 10px;
  }

  .btn-head-menu_auth::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #9677bf;
  }
  .third-block-head-text hr {
    margin-top: 10px;
    margin-bottom: 28px;
  }
  .btn-head-menu_reg {
    width: 100%;
    text-align: left;
    padding-left: 10px;
  }
  .five-block-button {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .five-block-text-block {
    padding: 0;
  }
  .five-block-text-block > .row {
    justify-content: center;
  }
  .four-block-reg-form {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .third-block {
    height: 688px;
  }
  .third-block-image {
    display: none;
  }
  .third-round {
    display: block;
    position: relative;
    margin-top: 5%;
    left: 50%;
    width: 20%;
    transform: translateX(-50%);
    border-radius: 200px;
  }
  .third-block-head-text {
    text-align: center;
    padding-top: 25px;
  }
  .third-block-head-text hr {
    margin-top: 20px;
    margin-bottom: 38px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dialog-span-wrapper .col-lg-4:before {
    display: none;
  }
  .five-block-text-block > .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .bx-nav-list-3-lvl .menu-buttons {
    padding-left: 5px;
  }
  .btn-head-menu {
    margin-top: 0;
  }
  .wrap-btn-menu {
    display: flex;
  }
  .four-block-text-block {
    align-items: center;
    padding-bottom: 50px;
  }
  .third-round {
    width: 120px !important;
    height: 120px;
  }
  .first-block-background::before {
    background-size: cover;
    background-position: 0 42%;
    transform: matrix(-1, 0, 0, 1, 0, 0) !important;
    background: transparent;
  }
  .first-block-background::before {
    background: linear-gradient(
        269.18deg,
        rgba(47, 48, 51, 0.7) 0.36%,
        rgba(47, 48, 51, 0.331668) 57.08%,
        rgba(47, 48, 51, 0) 99.61%
      ),
      url("../images/index/first-block.png");
    background-size: cover;
    background-position: 0 42%;
    transform: matrix(1, 0, 0, -1, 0, 0) !important;
  }
  .first-block {
    display: flex;
    align-items: flex-end;
  }
  .first-block-background {
    height: 417px;
  }
  .first-block-text {
    height: 417px;
  }
  .first-block-head-text {
    font-size: 28px;
    line-height: 38px;
    width: 95%;
  }
  .first-block-lead-text {
    font-size: 16px;
    line-height: 26px;
    width: 95%;
  }
  .first-block-bottom {
    height: 199px;
    width: 100%;
  }
  .first-block-bottom-head-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
  }
  .first-block-bottom-date {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.1em;
  }
  .dialog-span-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 40px;
  }
  .second-block {
    height: 500px;
  }
  .second-block-text {
    height: 0;
    padding-top: 40px;
  }
  .second-block-head-text {
    font-size: 24px;
    line-height: 28px;
    padding-top: 0;
    width: 100vw;
    text-align: center;
  }
  .question-mark {
    display: none;
  }
  .dialog-span-text {
    padding: 0;
  }
  .dialog-span1 {
    margin-top: 150px;
    margin-left: 0;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-6 {
    order: 6;
  }
  .order-7 {
    order: 7;
  }
  .order-8 {
    order: 8;
  }
  .order-9 {
    order: 9;
    width: 50%;
  }
  .question-image {
    display: block;
    margin-right: 13px;
  }
  .dialog-span2 {
    display: flex;
    align-items: center;
    height: auto;
    margin-top: 20px;
    margin-left: 0;
    border: unset;
    background: transparent;
    box-shadow: unset;
  }
  .dialog-span2:before {
    display: none;
  }
  .dialog-span3 {
    margin-top: 20px;
    margin-left: 0;
  }
  .third-round {
    display: block;
    position: relative;
    margin-top: 5%;
    width: 30%;
    border-radius: 200px;
  }
  .four-block-text-block {
    height: auto;
  }
  .four-block-head-text {
    font-size: 24px;
    line-height: 28px;
    padding-top: 50px;
    padding-bottom: 0;
  }
  .four-block-lead-text {
    padding-top: 20px;
    font-size: 16px;
    line-height: 26px;
    width: 80%;
  }
  .four-block-reg-form {
    text-align: left;
    padding-top: 40px;
    padding-bottom: 45px;
  }
  .four-block-reg-form input {
    width: 30%;
  }
  .reg-form-submit-button {
    display: inline-block;
    margin-top: 0;
    width: 216px;
    top: -12px;
    height: 40px;
  }
  .four-block-footer-text {
    text-align: left;
    width: 59%;
    padding-left: 18px;
    display: inline-block;
    height: 40px;
    font-size: 14px;
    line-height: 22px;
  }
  .five-block-head-text {
    font-size: 24px;
    line-height: 28px;
    padding-top: 50px;
    text-align: center;
  }
  .five-block-lead-text {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
    text-align: center;
    width: 60%;
  }
  .five-block-text-block {
    height: auto;
  }
  .five-block-text-block .col-lg-2 {
    display: flex;
    justify-content: center;
  }
  .five-block-button {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .reg-form-name {
    display: inline-block;
  }
  .reg-form-mail {
    display: inline-block;
  }
  .reg-form-phone {
    display: inline-block;
  }
  .four-block-footer-text {
    display: inline-block;
  }
  .five-block-text-block {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .btn-head-menu:hover,
  .btn-head-menu:focus {
    background: rgba(150, 119, 191, 0.9);
  }
}
@media (max-width: 767px) {
  .reg-form-submit-button {
    width: 210px;
  }
}
@media (max-width: 480px) {
  .reg-form-submit-button {
    width: 100%;
  }
}
/*++++++++++++++++++*/
/*WEBINARS*/
/*++++++++++++++++++*/
.hui {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-flow: row;
}
.hui .user-info__link {
  margin-left: 10px;
}
.webinars a {
  color: #9677bf;
}
.webinars-header > h1 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 5% 0;
  margin: 0;
}
.webinars-background {
  background: #f5f5f5;
  padding-bottom: 5%;
}
.webinars-item {
  padding: 2.5% 0;
  display: flex;
  flex-wrap: wrap;
  background: #99c2d1;
  padding-left: 25px;
  cursor: pointer;
  padding: 24px 40px 25px 25px;
}
.webinars-head-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  width: 80%;
  padding-top: 0;
  padding-bottom: 0;
}
.webinars-date-head {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
}
.webinars-date-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
}
.webinars-second-item-active {
  font-family: Roboto;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 25px;
  background: #fff;
}
.webinars-second-item-unactive {
  font-family: Roboto;
  font-style: normal;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #333333;
  opacity: 0.6;
}
.webinars-second-head-text {
  font-weight: 300;
  font-size: 20px;
  line-height: 23px;
  padding-top: 0;
  padding-bottom: 0;
}
.webinars-second-button {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}
.webinars-second-button:hover {
  color: #320074;
}
.webinars-second-button:hover:after {
  filter: brightness(0.6);
}
.webinars-second-date-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 23px;
}
.webinar-open-description {
  background: #fff;
}
.webinars-item-header {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.webinars-item-header.disabled::after {
  content: url(images/webinars-plus.svg);
  position: absolute;
  margin-left: 1170px;
  margin-top: 15px;
}
.webinars-item-header.active::after {
  content: url(images/webinars-minus.svg);
  position: absolute;
  margin-left: 1170px;
  margin-top: 12px;
}
.webinar-open-description .webinars-second-item-active:last-child {
  background: red;
}
.webinar-open-description > hr {
  color: #e6e2e4;
  margin: 0;
  position: relative;
  left: 1.5%;
  width: 97%;
  border: unset !important;
}
.webinar-open-description > hr:last-child {
  display: none;
}
.webinar-description > hr:last-child {
  display: none;
}
.webinar-description > hr {
  color: #e6e2e4;
  margin: 0;
  position: relative;
  left: 1.5%;
  width: 97%;
  box-sizing: border-box;
}
.webinars {
  /*background: #FFFFFF;*/
}
.web-spacer {
  height: 30px;
}
.webinar-open-description > hr:last-child {
  display: none;
}
.webinar-description > hr:last-child {
  display: none;
}
.webinar-description {
  display: none;
  background: #fff;
}
.webinars-second-item-active .webinars-second-button::after {
  content: url(./images/arrow-right.png);
  margin-left: 7px;
}
.webinars-second-item-unactive .webinars-second-button::after {
  content: url(./images/arrow-short-right.png);
}
@media (max-width: 767px) {
  .webinars-second-item-active {
    padding: 0;
  }
  .hui {
    display: none;
  }
  .webinars-table-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .webinars-header > p {
    font-size: 28px;
    line-height: 38px;
    color: #333333;
    text-transform: none;
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .webinars-item {
    padding: 20px 15px;
  }
  .webinars-second-item-active {
    padding-left: 0;
    height: 113px !important;
  }
  .webinars-head-text {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding-bottom: 20px;
  }
  .webinars-date-head {
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    padding-bottom: 3px;
    white-space: nowrap;
  }
  .webinars-date-text {
    font-size: 16px;
    line-height: 20px;
  }
  .webinars-second-head-text {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 41px;
    padding-top: 15px;
  }
  .webinars-second-date-text {
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding: 0;
  }
  .webinars-second-item-active .webinars-second-button {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    left: 63%;
  }
  .webinars-second-item-unactive .webinars-second-button {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    left: 43%;
  }
  .webinars-second-item-unactive {
    background: #f9f9f9;
    position: relative;
    border-radius: 2px;
    left: 2.5%;
    width: 95%;
    height: 100%;
    margin-bottom: 5%;
  }
  .webinars-second-item-active {
    background: #f9f9f9;
    position: relative;
    border-radius: 2px;
    left: 2.5%;
    width: 95%;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0;
  }
  .webinar-open-description > hr {
    display: none;
  }
  .webinar-description > hr {
    display: none;
  }
  .webinars-second-item-active .webinars-second-button::after {
    content: "";
  }
  .webinars-second-item-unactive .webinars-second-button::after {
    content: "";
  }
  .webinars-second-item-active .webinars-second-button {
    float: right;
    left: unset;
    margin-bottom: 21px;
  }
  .webinar-open-description {
    padding-top: 0.1px;
    padding-bottom: 0.1px;
  }
  .webinar-footer-item {
    margin-bottom: 21px;
  }
  .webinars {
    background: #fff;
  }
  .webinars-background {
    background: #fff;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .webinars-second-item-active {
    padding: 0;
  }
  .webinars-header > p {
    font-size: 28px;
    line-height: 38px;
    color: #333333;
    text-transform: none;
    text-align: center;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .webinars-item {
    padding: 20px 0;
  }
  .webinars-second-item-active {
    padding-left: 0;
    height: 49px;
  }
  .webinars-head-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
  }
  .webinars-date-head {
    line-height: 14px;
    padding-bottom: 6px;
  }
  .webinars-date-text {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 0;
    font-weight: 500;
  }
  .webinars-second-head-text {
    font-size: 14px;
    line-height: 16px;
  }
  .webinars-second-date-text {
    font-size: 14px;
    line-height: 16px;
  }
  .webinars-second-button {
    font-size: 14px;
    line-height: 16px;
  }
  .webinars-second-item-active .webinars-second-button::after {
    content: url(./images/arrow-right-ex-short.svg);
  }
  .webinars-second-item-unactive .webinars-second-button::after {
    content: url(./images/arrow-right-ex.svg);
  }
}
@media (min-width: 992px) {
  .webinars-padding {
    padding: 0;
    display: flex;
    align-items: center;
  }
  .webinars-table-content {
    padding: 0 !important;
  }
  .webinars-table-content-first {
    width: 49.5%;
  }
  .webinars-table-content-second {
    width: 24.5%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .webinars-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
  .webinars-table-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (min-width: 1024px) {
  .webinars-date-br {
    display: none;
  }
  .mainpage-blog-more:hover {
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}

@media (max-width: 1024px) {
  .dialog-span-wrapper .mob-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 13px;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .dialog-span-wrapper .dialog-span-text {
    padding: 0;
  }

  .dialog-span2 {
    margin-bottom: 31px;
  }

  .webinar-detal-post-text {
    display: none;
  }
}
/*++++++++++++++++*/
/* WEBINAR DETAIL*/

.webinar-first-block {
  background: #f5f5f5;
  padding-bottom: 5%;
}
.webinar-second-block {
  padding-bottom: 90px;
}
.webinar-five-block {
  background: #99c2d1;
}
.webinar-detal-item hr {
  opacity: 1;
  color: #333333;
}
.webinar-video iframe {
  width: 100%;
  height: 529px;
}
.webinar-preview-text-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 60%;
  background: #ffffff;
  opacity: 0.8;
  border-radius: 5px;
  height: 30%;
}
.webinar-video-preview {
  position: absolute;
  left: 15px;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(./images/youtube-preview.png);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 2px;
}
.webinar-preview-date {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #333333;
  opacity: 0.6;
}
.webinar-preview-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #333333;
  opacity: 0.6;
}
.webinar-preview-button {
  position: absolute;
  top: 60%;
  width: 15%;
  height: 10%;
  border-radius: 3px;
  background: #9677bf;
  display: flex;
  align-items: center;
}
.webinar-preview-play {
  position: relative;
  width: 0;
  height: 0;
  left: 40%;
  border: solid;
  border-color: transparent transparent transparent #ffffff;
  border-width: 15px 15px 15px 29px;
}
.webinar-detal-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
}
.webinar-detal-buttons {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  width: 100%;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.webinar-detal-button-prev {
  padding: 10px 12px 12px 12px;
  border: 1px solid #9677bf;
  color: #9677bf;
  background: transparent;
  transition: all 0.5s;
}
.webinar-detal-button-prev:hover {
  background: #9677bf;
  color: #fff;
}
.webinar-detal-button-next {
  padding: 10px 12px 12px 12px;
  border: 1px solid #9677bf;
  color: #ffffff;
  background: #9677bf;
  transition: all 0.5s;
  margin-left: 10px;
}
.webinar-detal-button-next:hover {
  background: #fff;
  color: #9677bf;
  border: 1px solid #9677bf;
}
.webinar-detal-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  margin: 0;
}
.webinar-detal-lists {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  list-style-type: none;
  padding: 0;
  color: #9677bf;
}
.webinar-detal-list-1 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  list-style-type: none;
  padding: 0;
}
.webinar-detal-list-1 li {
  padding: 1.5% 0%;
  display: flex;
  align-items: center;
}
.webinar-detal-list-1 li::before {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: inline-block;
  background: #b36acd;
  opacity: 0.4;
  margin-right: 1rem;
  content: "";
}
.webinar-detal-list-2 li {
  list-style-type: none;
}
.webinar-detal-list-2 {
  list-style-type: none;
  padding: 0;
  counter-reset: number-list-1;
}
.webinar-detal-list-detalized {
  list-style-type: none;
  padding: 0;
  counter-reset: number-list-2;
}
.webinar-detal-list-detalized li::before {
  display: inline-block;
  margin-right: 1rem;
  counter-increment: number-list-2;
  content: counter(number-list-2) ". ";
}
.webinar-detal-text hr {
  margin: 10px 0;
}
.webinar-detal-text label {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
}
.webinar-detal-text input[type="checkbox"] {
  display: none;
}
.webinar-detal-four-block-liq {
  padding-top: 0.5%;
}
.webinar-detal-four-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.webinar-detal-four-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  padding-top: 10%;
  margin: 0;
}
.webinar-detal-four-lead-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  width: 80%;
  padding-top: 2.5%;
  padding-bottom: 5%;
}
.webinar-detal-four-links {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 5%;
}
.webinar-detal-four-image {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 5%;
}
.webinar-detal-four-item-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.webinar-detal-four-item-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.webinar-detal-four-item-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.webinar-detal-four-item-4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.webinar-detal-four-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  width: 80%;
  height: 100px;
  padding-top: 5%;
}
.webinar-detal-link {
  border-bottom: 1px solid #9677bf;
}
.webinar-detal-link a {
  color: #9677bf;
}
.webinar-five-block-background {
  background: #99c2d1;
}
.webinar-five-block {
  height: 214px;
  background: #99c2d1;
  width: 100%;
  z-index: -1;
}
.webinar-five-block-text-block {
  display: flex;
  align-items: center;
  height: 214px;
}
.webinar-five-block-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 44px;
  color: #ffffff;
  text-align: left;
  width: 40%;
  margin: 0;
}
.webinar-five-block-lead-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  text-align: left;
  width: 42%;
}
.webinar-five-block-button {
  background: #9677bf;
  border: 1px solid #9677bf;
  border-radius: 2px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  margin-top: -2%;
  height: 40px;
  width: 15vw;
  margin-left: 10%;
}
.webinar-detal-slider-header {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  padding-top: 2%;
}
.webinar-detal-slider .slider-item {
  margin: 0 10px; /* отступ */
}
.webinar-detal-slider {
  left: -10px;
  width: 103%;
}
.webinar-detal-slider-post-image1 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar1.png);
  background-size: cover;
  height: 140px;
  width: 100%;
}
.webinar-detal-slider-post-image2 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
  background-size: cover;
  height: 140px;
  width: 100%;
}
.webinar-detal-slider-post-image3 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
  background-size: cover;
  height: 140px;
  width: 100%;
}
.webinar-detal-slider-post-image4 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar1.png);
  background-size: cover;
  height: 140px;
  width: 100%;
}
.webinar-detal-slider-post-image5 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
  background-size: cover;
  height: 140px;
  width: 100%;
}
.webinar-detal-slider-post-text {
  padding-top: 2%;
  width: 100%;
}
.name-web-public-slider-bar {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.webinar-detal-slider-text-left {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.arrow-down {
  display: none;
  position: absolute;
  left: 31%;
}
.arrow-up {
  display: none;
}
.webinar-detal-list-1 ul {
  padding: 0;
  list-style-type: none !important;
}
.webinar-flex-order-3 .webinar {
  box-shadow: unset;
}
@media (min-width: 767px) {
  /* .webinar-detal-slider .slick-list {
        padding: 0 !important;
        margin-right: 100%;
    } */
}
@media (max-width: 767px) {
  .webinar-video-preview {
    left: 0;
  }
  .webinar-flex-order-1 > .col-xs-12 {
    margin: 0;
  }
  .webinar-detal-list-1 li::before {
    width: 4px;
    height: 4px;
  }
  .webinar-second-block {
    padding-bottom: 0;
  }
  .webinar-detal-slider .slick-slide {
    padding: 0 !important;
  }
  .webinar-detal-slider
    .slick-current
    .webinar-detal-item
    .webinar-detal-post-image1 {
    /* border: 2px solid #333333; */
    height: 68px;
  }
  .webinar-first-block hr {
    margin: 10px 0;
  }
  .webinar-first-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .webinar {
    padding: 0;
  }
  .webinar-detal-item {
    margin-bottom: 0 !important;
  }
  .webinar-detal-button-next {
    margin-left: 0;
  }
  .webinar-video iframe {
    width: 100%;
    height: 60vw;
  }
  .webinar-preview-text-block {
    display: none;
  }
  .webinar-preview-button {
    top: 40%;
    width: 130px;
    height: 50px;
  }
  .webinar-detal-buttons {
    height: 35px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    width: 100vw;
    transform: translateX(-15px);
  }
  .webinar-detal-button-prev {
    width: 50%;
    padding: 9px 5px;
  }
  .webinar-detal-button-next {
    width: 50%;
    padding: 9px 5px;
  }
  .webinar-preview-date {
    font-size: 14px;
    line-height: 16px;
  }
  .webinar-preview-text {
    font-size: 20px;
    line-height: 23px;
  }
  .webinar-detal-head-text {
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
  }
  .webinar-detal-name {
    color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .arrow-down {
    display: none;
    position: relative;
    padding: 0;
    padding-left: 3%;
    left: auto;
  }
  .arrow-up {
    display: inline-block;
    position: relative;
    padding: 0;
    padding-left: 3%;
  }
  .webinar-detal-text ul {
    /*display: none;*/
    margin-bottom: 0;
  }
  .webinar-detal-text {
    padding-bottom: 20px;
  }
  .webinar-detal-text label {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    width: 60%;
    display: flex;
    align-items: center;
  }
  .webinar-detal-buttons {
    font-size: 14px;
    line-height: 16px;
  }
  .webinar-detal-list-1 {
    font-size: 14px;
    line-height: 20px;
  }
  .webinar-detal-lists {
    font-size: 14px;
    line-height: 20px;
  }
  .webinar-detal-four-head-text {
    font-size: 24px;
    line-height: 28px;
    padding-top: 5%;
    text-align: left;
    padding-bottom: 10px;
  }
  .webinar-detal-four-lead-text {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    padding-bottom: 20px;
  }
  .webinar-detal-four-block {
    justify-content: flex-start;
  }
  .webinar-detal-four-text {
    width: 100%;
    height: 20px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    padding-top: 0;
  }
  .webinar-detal-four-image {
    justify-content: flex-start;
    padding-bottom: 20px;
  }
  .webinar-detal-four-block-liq .col-md-3:last-child {
    padding-bottom: 32px;
  }
  .webinar-five-block {
    height: auto;
    background: #99c2d1;
    width: 100%;
    z-index: -1;
  }
  .webinar-five-block-text-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
    padding: 50px 0;
  }
  .webinar-five-block-head-text {
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
  }
  .webinar-five-block-lead-text {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    width: 90%;
    text-align: center;
    padding-bottom: 20px;
  }
  .webinar-five-block-button {
    background: #9677bf;
    border: 1px solid #9677bf;
    box-sizing: border-box;
    border-radius: 2px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    margin-top: -2%;
    margin-left: 0;
    height: 40px;
    width: 210px;
  }
  .webinar-five-block {
    background: #f9f9f9;
    height: auto;
  }
  .webinar-detal-slider-post-image1 {
    height: 20vw;
    width: 100%;
  }
  .webinar-detal-slider {
    width: 100%;
  }
  .webinar-detal-slider-post-image2 {
    height: 30vw;
    width: 100%;
  }
  .webinar-detal-slider-post-image3 {
    height: 30vw;
    width: 100%;
  }
  .webinar-detal-slider-post-image4 {
    height: 30vw;
    width: 100%;
  }
  .webinar-detal-slider-post-image5 {
    height: 30vw;
    width: 100%;
  }
  .webinar-detal-head-text {
    color: #ffffff;
    padding-top: 6px;
    padding-bottom: 15px;
  }
  .webinar-detal-slider-liquid {
    padding-top: 5%;
  }
  .materials-video {
    margin-bottom: 10px;
  }
  .webinar-flex {
    display: flex;
    flex-flow: column;
  }
  .webinar-flex-order-1 {
    order: -2;
  }
  .webinar-flex-order-2 {
    order: -1;
    background: #9677bf;
    margin-bottom: 15px;
    padding: 0;
    padding-bottom: 10px;
  }
  .webinar-flex-order-3 {
    order: 3;
    background: #ffffff;
  }
  .descr-video {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .webinar-detal-list-1 li::before {
    width: 4px;
    height: 4px;
  }
  .webinar-detal-slider .slick-current .webinar-detal-item {
    border: 2px solid #333333;
    height: 68px;
  }
  .webinar {
    padding: 0 !important;
  }
  .webinar-first-block {
    padding-top: 0 !important;
    padding-bottom: 0;
  }
  .webinar-first-block .container {
    width: 100vw;
    padding: 0 !important;
  }
  .webinar-second-block .container {
    width: 100vw;
    padding: 0 !important;
  }
  .webinar-second-block {
    padding-bottom: 50px;
  }
  .webinar-detal-slider .slick-slide {
    height: 70px;
    padding: 0 !important;
  }
  .webinar-flex {
    display: flex;
    flex-flow: column;
  }
  .webinar-flex-order-1 {
    order: -2;
  }
  .webinar-flex-order-2 {
    order: -1;
    background: #9677bf;
    margin-bottom: 15px;
    padding: 0 15px;
  }
  .webinar-flex-order-3 {
    order: 3;
  }
  .webinar-detal-list-1 {
    padding-left: 15px;
  }
  .descr-video {
    padding-left: 15px;
  }
  .webinar-detal-slider {
    height: 64px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 200px;
  }
  .webinar-detal-slider-post-image1 {
    height: 64px;
  }
  .webinar-detal-slider-liquid > p {
    color: #ffffff;
  }
  .webinar-video iframe {
    width: 100%;
    height: 426px;
  }
  .webinar-preview-date {
    font-size: 14px;
    line-height: 16px;
  }
  .webinar-preview-text {
    font-size: 20px;
    line-height: 23px;
  }
  .webinar-detal-name {
    padding-top: 4%;
    font-size: 12px;
    line-height: 14px;
  }
  .webinar-detal-text label {
    font-size: 16px;
    line-height: 18px;
  }
  .webinar-detal-buttons {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    height: 40px;
    background: #ffffff;
  }
  .webinar-detal-button-prev {
    width: 50%;
    margin: 0;
  }
  .webinar-detal-button-next {
    width: 50%;
    margin: 0;
  }
  .webinar-detal-list-1 {
    font-size: 14px;
    line-height: 20px;
  }
  .webinar-detal-lists {
    font-size: 14px;
    line-height: 20px;
  }
  .webinar-detal-four-head-text {
    font-size: 24px;
    line-height: 28px;
    padding-top: 40px;
  }
  .webinar-detal-four-lead-text {
    font-size: 16px;
    line-height: 26px;
    padding-top: 15px;
    padding-bottom: 35px;
  }
  .webinar-detal-four-text {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  .webinar-five-block {
    height: auto;
    background: #99c2d1;
    width: 100%;
    z-index: -1;
  }
  .webinar-five-block-text-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    padding: 50px 0;
  }
  .webinar-five-block-head-text {
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .webinar-five-block-lead-text {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    width: 75%;
    text-align: center;
    padding-bottom: 20px;
  }
  .webinar-five-block-button {
    background: #9677bf;
    border: 1px solid #9677bf;
    box-sizing: border-box;
    border-radius: 2px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    margin-top: -2%;
    margin-left: 0;
    height: 40px;
    width: 210px;
  }
  .webinar-five-block {
    background: #f9f9f9;
  }
}

.webinar-detal-left-bar {
  height: 529px;
  /**/
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #9677bf;
}
@media (min-width: 1200px) {
  .webinar .webinar-detal-item {
    margin-bottom: 0px;
  }
}
.webinar-detail-left-bar::-webkit-scrollbar {
  width: 6px;
  background: #fff;
}

.webinar-detail-left-bar::-webkit-scrollbar-thumb {
  background: #9677bf;
  -webkit-border-radius: 1ex;
}

.webinar-detail-left-bar::-webkit-scrollbar-corner {
  background: #9677bf;
}
.webinar-detal-post-image1 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar1.png);
  background-size: cover;
  height: 169px;
  margin-bottom: 7.7%;
  width: 100%;
}
.webinar-detal-post-image2 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
  background-size: cover;
  height: 169px;
  margin-bottom: 5.5%;
}
.webinar-detal-post-image3 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
  background-size: cover;
  height: 169px;
  margin-bottom: 5.5%;
}
.webinar-detal-post-image4 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar1.png);
  background-size: cover;
  height: 169px;
  margin-bottom: 5.5%;
}
.webinar-detal-post-image5 {
  background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
  background-size: cover;
  height: 169px;
  margin-bottom: 5.5%;
}
.webinar-detal-post-text {
  padding-left: 6%;
  width: 90%;
  padding-left: 0;
}
.webinar-detal-item {
  margin-bottom: 11.4%;
  display: block;
}
.name-web-public-bar {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 5px;
}
.webinar-detal-text-left {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 0;
  padding-top: 0;
  text-decoration: none;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .webinar-detal-left-bar {
    height: 465px;
  }
  .webinar-detal-post-image1 {
    background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar1.png);
    background-size: cover;
    height: 129px;
    margin-bottom: 7.7%;
    width: 100%;
  }
  .webinar-detal-post-image2 {
    background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
    background-size: cover;
    height: 129px;
    margin-bottom: 5.5%;
  }
  .webinar-detal-post-image3 {
    background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
    background-size: cover;
    height: 129px;
    margin-bottom: 5.5%;
  }
  .webinar-detal-post-image4 {
    background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar1.png);
    background-size: cover;
    height: 129px;
    margin-bottom: 5.5%;
  }
  .webinar-detal-post-image5 {
    background-image: url(../images/webinar-detal-left-bar/webinar-detal-left-bar2.png);
    background-size: cover;
    height: 129px;
    margin-bottom: 5.5%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .webinar-detal-post-image1 {
    height: 64px;
    background-size: contain;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .webinar-detail-load hr {
    display: none;
  }
  .webinar-detal-post-text {
    display: none;
  }
  .webinar-detal-post-image1 {
    height: 64px;
    background-size: contain;
    margin-bottom: 0;
  }
}

/* ПОПАПЫ С АВТОРИЗАЦИЕЙ И РЕГИСТРАЦИЕЙ*/
.popup-form-license {
  font-size: 14px;
  line-height: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: rgba(51, 51, 51, 0.8);
}
.popup-form-license a {
  text-decoration: underline;
}
.popup-form-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 1.26;
  text-align: center;
  color: #333333;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
}
.popup-form {
  width: 524px;
  max-width: 100%;
}
.popup-form .popup-form-input,
.changepassword-form .popup-form-input,
.main-auth-form .main-auth-input {
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 2px;
  margin-bottom: 10px;
  line-height: 37px;
  font-size: 16px;
  padding-left: 15px;
  width: 100%;
  color: #333;
  color: rgba(51, 51, 51, 1);
  background: #fff;
}
.popup-form-input:focus {
  border: 1px solid #9677bf;
}
.popup-form-input.error {
  border: 1px solid #ff4f6c;
}
.popup-form-input::-webkit-input-placeholder,
.main-auth-input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.popup-form-input::-moz-placeholder,
.main-auth-input::-moz-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.popup-form-input:-moz-placeholder,
.main-auth-input:-moz-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.popup-form-input:-ms-input-placeholder,
.main-auth-input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.popup-form-note {
  color: #9677bf;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.popup-form-submit,
.main-auth-submit {
  background: #9677bf;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 23px;
  padding: 8px 0px;
  width: 100%;
  display: block;
  border: none;
  border-radius: 2px;
  border: 1px solid #9677bf;
  transition: all 0.5s;
  cursor: pointer;
}
.popup-form-submit[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  /* pointer-events: none; */
}
.popup-form-submit:hover,
.main-auth-submit:hover {
  color: #9677bf;
  background: #fff;
}
.popup-form-forgot {
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
  margin-top: 10px;
  padding: 0;
}
.popup-form-forgot a {
  color: #9677bf;
  padding-left: 10px;
}
.popup-form-forgot a:hover {
  text-decoration: underline;
}
.popup-form-btn-second {
  color: #9677bf;
  border: 1px solid #9677bf;
  text-align: center;
  background: #fff;
  font-size: 20px;
  line-height: 23px;
  padding: 8px 0px;
  width: 100%;
  display: block;
  border-radius: 2px;
  transition: all 0.5s;
  margin-top: 13px;
}
.popup-form-btn-second:hover {
  background: #9677bf;
  color: #fff;
  text-decoration: none;
}
.popup-window-close-icon {
  width: 32px;
  height: 32px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  opacity: 1;
}
.modal-errors,
.errortext {
  color: #ff4f6c;
  font-size: 16px;
  line-height: 19px;
}
.popup-success {
  font-size: 16px;
  line-height: 19px;
  text-align: left;
  color: #333;
}
.popup-reg-wrapper {
  padding: 10px;
}
.popup-form-detatcher {
  margin-left: -50px;
  margin-right: -50px;
  border-bottom: 1px solid #e6e2e4;
}
.popup-window {
  overflow-x: hidden;
}
.popup-form-text {
  font-family: PT Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #333;
  text-align: center;
  padding: 0;
  margin-bottom: 30px;
}
#bx_recall_popup_form_restore {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}
.changepassword-form,
.main-auth-form {
  max-width: 100%;
  width: 624px;
  display: block;
  margin: 0 auto;
  padding-bottom: 87px;
}
.changepassword-form .popup-form-submit {
  margin-top: 10px;
}
.changepassword-hr {
  background: #e6e2e4;
  height: 2px;
  width: 100%;
  border: none;
  margin-top: 30px;
  margin-bottom: 20px;
}
.changepassword-title,
.main-auth-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 1.26;
  text-align: center;
  color: #333333;
  padding-top: 20px;
  padding-bottom: 50px;
  margin: 0;
}
.changepassword-form .modal-errors {
  margin-bottom: 10px;
}
.popup-window-close-icon:after {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(./images/close-icon.png) center center no-repeat;
  transform: none;
}
.b24-widget-button-inner-container {
  display: none !important;
}
@media (max-width: 767px) {
  .changepassword-title {
    font-size: 26px;
    line-height: 1.2;
    padding-bottom: 20px;
  }
  .popup-form .popup-form-input,
  .changepassword-form .popup-form-input,
  .main-auth-form .main-auth-input {
    font-size: 14px;
  }
  #RecallPopupRestore .popup-form .popup-form-input {
    margin-left: 15px;
    width: calc(100% - 30px);
  }
  #RecallPopupRestore .popup-form-submit {
    margin-left: 15px;
    width: calc(100% - 30px);
    margin-bottom: 20px;
  }
  #RecallPopupRestore .popup-form-text {
    margin-left: 15px;
    margin-right: 15px;
  }
  .popup-form {
    width: unset;
  }
  #bx_recall_popup_form_restore {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  #bx_recall_popup_form_restore .popup-form-title {
    padding-left: 32px;
    padding-right: 32px;
  }

  #bx_recall_popup_form_restore .popup-success {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
  }

  #bx_recall_popup_form_restore .modal-errors {
    padding-left: 15px;
    padding-right: 15px;
  }

  .popup-form-title,
  .main-auth-title {
    font-size: 26px;
    line-height: 30px;
  }
  .popup-window[style*="block"] {
    left: 10px !important;
    right: 10px !important;
    width: calc(100% - 20px);
  }

  #RecallAdvPopup6 {
    top: 50% !important;
    left: 50% !important;
    overflow-y: auto;
  }

  .popup-window[style*="block"] form {
    width: 100% !important;
  }

  .advantages-modal {
    width: 100% !important;
    height: 500px;
    padding: 40px 15px !important;
    overflow-y: auto;
    padding-right: 31px !important;
  }
  .popup-window {
    padding: 0;
  }
  .popup-window-content-RecallPopupConfirm {
    height: 268px !important;
  }
  .popup-window-content-RecallAdvPopup1 {
    width: 100%;
  }
  .popup-form-btn-second,
  .popup-form-submit,
  .main-auth-submit {
    font-size: 16px;
    line-height: 19px;
  }
  .confirm-popup-title {
    font-size: 26px !important;
    line-height: 30px;
  }
  .confirm-popup-text {
    display: inline;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .confirm-popup-buttons-wrapper {
    display: block !important;
  }

  .confirm-popup-buttons-wrapper a {
    margin-left: 0;
  }

  .confirm-popup-delete,
  .confirm-popup-close {
    width: 100% !important;
    padding: 11.5px 0 !important;
  }
}

/* СТРАНИЦА О КОМПАНИИ */
.head-about {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 0.3%;
  margin: 0;
}
.hor-line hr {
  display: block;
  position: relative;
  height: 1px;
  border: 0;
  border-top: 1px solid #9677bf;
  margin: 2.8% 0 5.8% 0;
  padding: 0;
  width: 12%;
  left: 44%;
}
.about-slider .slick-list {
  padding: 0 !important;
}
.about-video iframe {
  width: 100%;
  height: 477px;
}
.about-preview-text-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.9);
  height: 50px;
  display: flex;
  align-items: center;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  border-radius: 3px 0px 0px 3px;
}
.wrap-about-preview {
  display: flex;
  border-radius: 3px;
}
.about-video-preview {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(./images/youtube-preview.png);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 480px;
}
.about-preview-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  height: 50px;
  text-align: center;
  color: #333333;
}
.about-preview-button {
  width: 130px;
  height: 50px;
  background: #9677bf;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 0px 3px 3px 0;
}
.about-preview-play {
  position: relative;
  width: 0;
  height: 0;
  left: 43%;
  border: solid;
  border-color: transparent transparent transparent #ffffff;
  border-width: 11px 11px 11px 21px;
}
.about-block-head-text {
  position: relative;
  padding-top: 10%;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  left: 20%;
  width: 60%;
  text-align: center;
  margin: 0;
}
.about-slider .slick-prev:before {
  content: url(./images/about-slider-arrow-left.svg) !important;
  color: #9677bf !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
}
.about-slider .slick-next:before {
  content: url(./images/about-slider-arrow-right.svg) !important;
  color: #9677bf !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
}
.about-slider-for .slider-item {
  margin: 0 15px; /* отступ */
  width: 1110px;
}
/* .about-slide-image img{
    width: 100%;
    height: 384px;
} */
.about-slide {
  display: flex;
}
.about-shadow-slider {
  position: absolute;
  z-index: 1;
  height: 90%;
  width: 11%;
  right: 0;
  background: linear-gradient(
    271.17deg,
    #ffffff 23.02%,
    rgba(255, 255, 255, 0.7) 98.35%
  );
}
.about-slide-text-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  width: 55%;
}
.about-slide-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  width: 95%;
}
.about-slider-nav {
  position: relative;
  padding-top: 5%;
  left: 40%;
  width: 20%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slider-slider-nav {
  position: relative;
  display: none;
  padding-top: 5%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.actions-slider .slick-dots {
  bottom: -40px;
}
.slider-slider-nav .slick-arrow/* , .slick-arrow:hover, .slick-arrow:focus  */ {
  position: relative;
  display: flex;
  align-items: center;
  top: 25px;
  /* background: transparent;
    box-shadow: unset; */
}
.slider-slider-prev {
  margin-right: 20px;
}
.slider-slider-next {
  margin-left: 20px;
}
.about-slider-paging-info::first-letter {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 42px;
  color: #9677bf;
}
.about-slider-paging-info {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #9677bf;
}
.slider-slider-paging-info::first-letter {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 42px;
  color: #9677bf;
}
.slider-slider-paging-info {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  color: #9677bf;
}
.about-slider-nav-320 {
  display: none;
}
.about-third-block-head-text {
  position: relative;
  margin-top: 140px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  left: 20%;
  width: 60%;
  text-align: center;
  margin: 0;
  padding-top: 135px;
}
.about-third-block-first-letter {
  position: absolute;
  top: 4%;
  z-index: -1;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 288px;
  line-height: 331px;
  color: #9677bf;
  opacity: 0.3;
}
.about-four-block-part-one {
  height: 420px;
  background: #99c2d1;
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
}
.about-four-part-one-head {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  padding-top: 5%;
  padding-left: 5%;
}
.about-four-block-part-one hr {
  width: 90%;
  margin-top: 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid white;
}
.about-four-part-one-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  width: 95%;
  padding-left: 5%;
}
.about-four-part-one-button {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  background: transparent;
  width: 40%;
  padding: 2% 0;
  border: 1px solid #ffffff;
  margin-left: 5%;
  margin-top: 10%;
  white-space: nowrap;
}
.about-four-part-one-button:hover {
  background: #ffffff;
  color: #9677bf;
  text-decoration: none;
  border: 1px solid #9677bf;
}
.about-four-part-one-button:focus {
  background: #ffffff;
  color: #9677bf;
  text-decoration: none;
  border: 1px solid #9677bf;
}
.about-four-block-part-one-slider {
  height: 389px;
  background: #99c2d1;
  border-radius: 5px;
  margin-bottom: 20px;
}
.about-four-part-one-head-slider {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  padding-top: 5%;
  padding-left: 5%;
}
.about-four-block-part-one-slider hr {
  width: 90%;
  margin-top: 10px;
  margin-bottom: 15px;
  border-bottom: 2px solid white;
}
.about-four-part-one-text-slider {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  width: 95%;
  height: 60%;
  padding-left: 5%;
}
.slider-nav .slider-item {
  margin: 0 15px; /* отступ */
}
.about-four-part-one-button-slider {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  background: transparent;
  position: relative;
  left: 5%;
  width: 90%;
  padding: 2% 0;
  border: 1px solid #ffffff;
  white-space: nowrap;
}
.about-four-block-width {
  width: 440px;
}
.about-four-block-width-last {
  width: 290px;
}
/* .about-four-part-one-image {
    position: absolute;
    top: 55%;
    left: 65%;
} */
.about-four-block-part-two {
  height: 200px;
  background: #f5f5f5;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  position: relative;
}
.about-four-part-two-head {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #333333;
  padding-top: 5%;
  padding-left: 5%;
}
.about-four-block-part-two hr {
  position: relative;
  left: -5%;
  width: 80%;
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 2px solid #e6e2e4;
}
.about-four-part-two-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  width: 95%;
  padding-left: 5%;
}
/* .about-four-part-two-image {
    position: absolute;
    top: 17%;
    left: 81%;
}
.about-four-part-three-image {
    position: absolute;
    top: 69.3%;
    left: 78.5%;
}*/
.about-four-block-part-four {
  background: #f5f5f5;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  position: relative;
}
.about-four-part-four-head {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #333333;
  padding-top: 5%;
  padding-left: 5%;
  white-space: nowrap;
  width: 100%;
}
.about-reasons {
  display: flex;
  flex-wrap: wrap !important;
}
.about-four-block-part-four hr {
  position: relative;
  left: -5%;
  width: 80%;
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e2e4;
}
.about-four-part-four-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  width: 90%;
  padding-left: 5%;
}
/* .about-four-part-four-image {
    position: absolute;
    top: 24%;
    left: 74%;
}
.about-four-part-five-image {
    position: absolute;
    top: 12.5%;
    left: 78%;
}
.about-four-part-six-image {
    position: absolute;
    top: 65%;
    left: 75.5%;
}
.about-four-part-seven-image {
    position: absolute;
    top: 62.7%;
    left: 80.3%;
} */
.about-four-part-left-bar {
  height: 312px;
  height: 336px;
  background: #99c2d1;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
.about-four-part-left-bar-head {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  padding-top: 5%;
  padding-left: 5%;
  height: 50px;
}
.about-four-part-left-bar hr {
  position: relative;
  left: -5%;
  width: 80%;
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 2px solid #e6e2e4;
}
.about-four-part-left-bar-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  width: 95%;
  height: 100%;
  padding-left: 5%;
}
.about-five-block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-five-block-person {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 335px;
}
.about-five-block-person img {
  width: 180px;
  border-radius: 100px;
  height: 180px;
  margin-bottom: 10%;
}
.about-five-block-person-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.1;
  text-align: center;
  width: 75%;
  height: 50px;
}
@media (max-width: 1199px) {
  .about-five-block-person-name {
    font-size: 16px;
  }
}
.about-five-block-person-desc {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  height: 35px;
  padding: 0;
}
@media (max-width: 1199px) {
  .about-five-block-person-desc {
    font-size: 14px;
  }
}
.about-five-block-preson-link {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 25px;
}
.about-five-block-person-last {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 335px;
}
.about-five-block-person-last-image {
  background: #f9f9f9;
  border-radius: 100px;
}
.about-five-block-person-last img {
  width: 180px;
  height: 180px;
  margin-bottom: 10%;
}
.about-five-block-person-last-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  height: 120px;
  width: 70%;
}
.about-five-block-person-last-last {
  display: none;
}
.about-block-lead-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  padding-top: 2%;
}
.about-six-block {
  padding-top: 15%;
}
.about-six-block-text {
  padding-top: 5%;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 1.6;
}
.about-six-block-list {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 1.6;
  list-style-type: none;
  padding: 0;
  width: 100%;
}
.about-six-block-list li {
  padding-bottom: 20px;
}
.about-six-block-list li::before {
  content: "— ";
}
.about-seven-block {
  margin-top: 15%;
  height: 100%;
  padding-bottom: 3%;
  background: #f5f5f5;
  border-radius: 5px;
}
.about-seven-block-head-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 1.6;
  padding-top: 5%;
  padding-left: 5%;
}
.about-seven-block-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 1.6;
  padding-top: 4%;
  padding-left: 5%;
}
.about-eight-block-map iframe {
  width: 100%;
  height: 426px;
}
.about-eight-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about-eight-block-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.4;
  width: 100%;
  padding: 0;
}
.about-eight-block-contacts {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #333333;
  opacity: 0.6;
  padding-top: 15px;
  width: 100%;
}
.about-eight-block-contacts-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.2;
  padding-top: 5px;
  width: 100%;
}
.about-eight-block-button {
  margin-top: auto;
  position: relative;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  border-radius: 2px;
  background: #9677bf;
  color: #ffffff;
  text-align: center;
  width: 100%;
  padding: 12px 57px;
  white-space: nowrap;
}
.about-eight-block-contacts-phone {
  width: 100%;
}
.about-eight-block-contacts-mail {
  width: 100%;
}
.about-slider-for li.slick-active button:before {
  content: url("./images/rect-fill.svg") !important;
}
.about-slider-second-for li.slick-active button:before {
  content: url("./images/rect-fill.svg") !important;
}
.slider-slider .slick-prev {
  top: 40% !important;
  width: 50px;
  height: 50px;
  left: -30px !important;
  /*background: #FFFFFF !important;*/
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
}
.slider-slider .slick-prev:before {
  padding: 0;
  box-shadow: unset !important;
  background: transparent !important;
}
.slider-slider .slick-next {
  top: 40% !important;
  width: 50px;
  height: 50px;
  right: -27px !important;
  /*background: #FFFFFF !important;*/
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
  opacity: 1 !important;
}
.slider-slider .slick-next:before {
  padding: 0;
  box-shadow: unset !important;
}
@media (min-width: 500px) and (max-width: 600px) {
  .about-third-block-first-letter {
    left: 5% !important;
  }
}
@media (min-width: 600px) and (max-width: 700px) {
  .about-third-block-first-letter {
    left: 13% !important;
  }
}
@media (min-width: 700px) and (max-width: 767px) {
  .about-third-block-first-letter {
    left: 19% !important;
  }
}
@media (max-width: 767px) {
  .slider-slider-nav .slick-arrow {
    background-color: transparent;
  }
  .actions-slider {
    width: 100vw;
    transform: translateX(-15px);
  }
  .actions-slider .slick-slide {
    padding: 0 15px !important;
  }
  .slider-slider .slick-track {
    padding: 0 !important;
  }
  .slider-slider {
    margin-bottom: 30px !important;
  }
  .new-product .slider-slider {
    margin-bottom: 0 !important;
  }
  .slider-slider .slick-dots {
    bottom: -36px !important;
  }
  .slider-slider .slick-prev {
    top: 125px !important;
    width: 50px;
    height: 50px;
    left: -20px !important;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
  }
  .slider-slider .slick-prev:before {
    padding: 0;
    box-shadow: unset !important;
    background: transparent !important;
  }
  .slider-slider .slick-next {
    top: 125px !important;
    width: 50px;
    height: 50px;
    right: -20px !important;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    opacity: 1 !important;
  }
  .slider-slider .slick-next:before {
    padding: 0;
    box-shadow: unset !important;
  }
  .about-video-preview {
    min-height: 300px;
    border-radius: 5px;
  }
  .head-about {
    font-size: 28px;
    line-height: 38px;
  }
  .slider-slider .slick-list {
    padding: 0 !important;
  }
  .about-video iframe {
    height: 300px;
  }
  .about-preview-text-block {
    display: none;
  }
  .about-preview-button {
    width: 130px;
    height: 50px;
    border-radius: 3px;
  }
  .about-preview-play {
    left: 45%;
    border-width: 10px 10px 10px 20px;
  }
  .about-block-head-text {
    font-size: 24px;
    line-height: 28px;
    width: 100%;
    left: 0;
    height: 10%;
  }
  .hor-line hr {
    display: block;
    position: relative;
    height: 1px;
    border: 0;
    border-top: 1px solid #9677bf;
    margin: 2.8% 0 5.8% 0;
    padding: 0;
    width: 50%;
    left: 25%;
  }
  .about-shadow-slider {
    display: none !important;
  }
  .about-slide {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .about-slide-text {
    font-size: 14px;
    line-height: 24px;
    width: 120%;
  }
  .about-slide-image img {
    width: 100%;
    height: 65vw;
  }
  .about-slider-paging-info {
    display: none;
  }
  .about-slider-nav {
    display: none;
  }
  .slider-slider-nav {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .about-slider-nav-320 {
    left: 13%;
    top: 96.2%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 70%;
  }
  .about-slider-second-nav-320 {
    left: 8.5%;
    top: 94%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 80%;
  }
  .about-third-block-first-letter {
    font-size: 147.512px;
    line-height: 169px;
    /* top: -4% !important; */
    /* left: 0; */
  }
  .about-third-block-head-text {
    margin-top: 50px;
    font-size: 24px;
    line-height: 28px;
    width: 100%;
    left: 0;
    padding: 0;
  }
  .about-four-block-part-one {
    height: 389px;
    margin-top: 10%;
  }
  .about-four-part-one-text {
    font-size: 16px;
    line-height: 26px;
  }
  .about-four-part-one-button {
    width: 90%;
  }
  .about-four-block-part-two {
    height: 100%;
  }
  .about-four-part-two-head {
    font-size: 20px;
    line-height: 23px;
  }
  .about-four-part-two-text {
    font-size: 14px;
    line-height: 24px;
  }
  .about-four-part-four-head {
    font-size: 20px;
    line-height: 23px;
  }
  .about-four-part-four-text {
    font-size: 14px;
    line-height: 24px;
  }
  .about-four-part-left-bar-head {
    font-size: 24px;
    line-height: 28px;
  }
  .about-four-part-left-bar-text {
    font-size: 16px;
    line-height: 26px;
  }
  .about-four-part-left-bar {
    height: 100%;
  }
  .about-four-part-left-bar hr {
    width: 90%;
    left: 0%;
  }
  .about-four-part-one-image {
    display: none;
  }
  .about-four-part-two-image {
    display: none;
  }
  .about-four-part-three-image {
    display: none;
  }
  .about-four-part-four-image {
    display: none;
  }
  .about-four-part-five-image {
    display: none;
  }
  .about-four-part-six-image {
    display: none;
  }
  .about-four-part-seven-image {
    display: none;
  }
  .about-preview-text {
    font-size: 20px;
    line-height: 23px;
  }
  .about-five-block {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .about-five-block-person {
    width: 100%;
    height: 250px;
    margin-bottom: 5%;
  }
  .about-five-block-person-name {
    height: auto;
    width: 100%;
  }
  .about-five-block-person img {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
  }
  .about-five-block-person-last img {
    width: 120px;
    height: 120px;
  }
  .about-five-block-person-last-text {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    height: 40px;
    width: 150%;
  }
  .about-five-block-person-last {
    width: 100%;
    height: auto;
  }
  .about-block-lead-text {
    font-size: 16px;
    line-height: 26px;
  }
  .about-six-block {
    padding: 0;
  }
  .about-six-block-text {
    font-size: 16px;
    line-height: 24px;
  }
  .about-seven-block {
    height: 100%;
    margin-bottom: 5%;
    margin-top: 0;
  }
  .about-six-block-list {
    font-size: 16px;
    line-height: 24px;
  }
  .about-six-block-list li {
    padding-bottom: 5px;
  }
  .about-seven-block-text {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    padding-top: 15px;
  }
  .about-seven-block-text:first-child {
    padding-top: 5%;
  }
  .about-eight-block-head-text {
    padding-top: 2%;
    font-size: 16px;
    line-height: 24px;
  }
  .about-eight-block-contacts {
    font-size: 14px;
    line-height: 16px;
  }
  .about-eight-block-contacts-text {
    font-size: 16px;
    line-height: 18px;
  }
  .about-eight-block-contacts-phone {
    width: 45%;
  }
  .about-eight-block-contacts-mail {
    width: 45%;
  }
  .about-eight-block-button {
    font-size: 20px;
    line-height: 23px;
    top: 15px;
    width: 100%;
    height: 49px;
    white-space: nowrap;
  }
  .about-eight-block-map iframe {
    height: 300px;
  }
  .about-slide-image {
    width: 100%;
  }

  .about-third-block-first-letter {
    top: 0;
    left: 0;
    transform: translate(-17%, -33%);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .slider-slider-nav .slick-arrow {
    background-color: transparent;
  }
  .about-slider-for .about-slide-image {
    display: none;
  }
  .about-slider-for .about-slide-text-block {
    width: 95%;
  }
  .about-slider-for .about-slide-image img {
    display: none;
  }
  .poshiv .about-slide-image img {
    display: block;
  }
  .poshiv .about-slide-image {
    display: block;
  }
  .about-five-block-person-last-image {
    width: 60px !important;
  }
  .p-about-slider-next {
    padding-left: 20px;
  }
  .p-about-slider-prev {
    padding-right: 20px;
  }
  body .mainpage-actions .actions-slider {
    margin-bottom: 0 !important;
  }
  .main-video {
    margin-top: 50px;
  }
  .slick-dots {
    bottom: -58px;
  }
  .slider-slider {
    margin-bottom: 15px !important;
    padding-left: 0;
  }
  .slider-slider .slick-slide {
    padding: 0 !important;
  }
  .slider-slider .slick-track {
    padding: 0 !important;
  }
  .slider-slider .slick-prev {
    top: 50% !important;
    font-size: 0;
    width: 50px;
    height: 50px;
    left: 0px !important;
    background-image: url(/local/templates/tkani_optom/images/prev-arrow.png) !important;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    opacity: 1 !important;
  }
  .slider-slider .slick-prev:before {
    padding: 0;
    box-shadow: unset !important;
    background: transparent !important;
  }
  .modal-view .slider-slider .slick-next {
    right: -25px !important;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
  }
  .modal-view .slider-slider .slick-prev {
    left: -25px !important;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
  }
  .slider-slider .slick-next {
    top: 50% !important;
    font-size: 0;
    width: 50px;
    height: 50px;
    right: 0px !important;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15) !important;
    background-image: url(/local/templates/tkani_optom/images/next-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 8px 12px !important;
    opacity: 1 !important;
    border: none !important;
    opacity: 1 !important;
  }
  .slider-slider .slick-next:before {
    padding: 0;
    box-shadow: unset !important;
  }
  .about-video-preview {
    min-height: 275px;
  }
  .head-about {
    font-size: 28px;
    line-height: 38px;
  }
  .about-preview-text-block {
    width: 343px;
    background: rgba(255, 255, 255);
    border-radius: 3px 0 0 3px;
    font-size: 18px;
  }
  .about-preview-button {
    width: 130px;
    border-radius: 0 3px 3px 0;
  }
  .about-preview-play {
    left: 45%;
    border-width: 10px 10px 10px 20px;
  }
  .about-block-head-text {
    font-size: 24px;
    line-height: 28px;
  }
  .about-slide-text {
    font-size: 14px;
    line-height: 24px;
    width: 120%;
  }
  /* .about-slide-image {
        display: none;
    } */
  .about-slider-paging-info {
    display: none;
  }
  .about-slider-nav {
    display: none;
  }
  .slider-slider-nav {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .about-slider-nav-320 {
    left: 23%;
    top: 89%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 50%;
  }
  .about-third-block-first-letter {
    font-size: 174.888px;
    line-height: 1;
    top: 0;
    left: 0;
    transform: translate(-17%, -33%);
    /* line-height: 201px; */
    /* top: 22%;
        left: 20%; */
  }
  .about-third-block-head-text {
    font-size: 24px;
    line-height: 28px;
    padding: 0;
  }
  .about-four-block-part-one {
    height: 397px;
  }
  .about-four-part-one-text {
    font-size: 16px;
    line-height: 26px;
  }
  .about-four-part-one-button {
    width: 262px;
    padding: 0;
    height: 46px;
  }
  .about-four-block-part-two {
    height: 189px;
    display: block;
  }
  .about-four-part-left-bar {
    display: block;
  }
  .about-four-block-part-two hr {
    margin-top: 5px;
  }
  .about-four-part-two-head {
    font-size: 20px;
    line-height: 23px;
    white-space: nowrap;
  }
  .about-four-part-two-text {
    font-size: 14px;
    line-height: 24px;
  }
  .about-four-part-four-head {
    font-size: 20px;
    line-height: 23px;
  }
  .about-four-part-four-text {
    font-size: 14px;
    line-height: 24px;
  }
  .about-four-part-left-bar-head {
    font-size: 24px;
    line-height: 28px;
  }
  .about-four-part-left-bar-text {
    font-size: 16px;
    line-height: 26px;
  }
  .about-four-part-left-bar {
    height: 187px;
  }
  .about-four-part-left-bar hr {
    width: 90%;
    left: 0%;
    margin-top: 15px;
  }
  .about-four-part-one-image {
    display: none;
  }
  .about-four-part-two-image {
    display: none;
  }
  .about-four-part-three-image {
    display: none;
  }
  .about-four-part-four-image {
    display: none;
  }
  .about-four-part-five-image {
    display: none;
  }
  .about-four-part-six-image {
    display: none;
  }
  .about-four-part-seven-image {
    display: none;
  }
  .about-four-block-width {
    width: 50% !important;
  }
  .about-four-block-width-last {
    width: 100% !important;
  }
  .about-preview-text {
    font-size: 20px;
    line-height: 23px;
  }
  .about-five-block-person img {
    width: 120px;
    height: 120px;
  }
  .about-five-block-person-last {
    display: none;
  }
  .about-five-block-person-last-last {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    border-radius: 5px;
    padding: 25px 0;
  }
  .about-five-block-person-last img {
    width: 120px;
    height: 120px;
  }
  .about-five-block-person-last-text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    height: 100%;
    width: 30%;
  }
  .about-five-block-person-desc {
    margin-bottom: 20px;
  }
  .about-block-lead-text {
    font-size: 16px;
    line-height: 26px;
  }
  .about-six-block-text {
    font-size: 16px;
    line-height: 24px;
  }
  .about-seven-block {
    height: 542px;
    margin-top: 0 !important;
    padding: 30px 20px !important;
    padding-bottom: 60px !important;
  }
  .about-six-block {
    margin-top: 0 !important;
  }
  .about-six-block-list {
    font-size: 16px;
    line-height: 24px;
  }
  .about-six-block-list li {
    padding-bottom: 5px;
  }
  .about-seven-block-text {
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    padding-bottom: 10px;
    /* padding-top: 0; */
  }
  .about-eight-block-head-text {
    padding-top: 2%;
    font-size: 16px;
    line-height: 26px;
    width: 90%;
  }
  .about-eight-block-contacts {
    font-size: 16px;
    line-height: 18px;
  }
  .about-eight-block-contacts-text {
    font-size: 18px;
    line-height: 21px;
  }
  .about-eight-block-contacts-phone {
    width: 30%;
  }
  .about-eight-block-contacts-mail {
    width: 30%;
  }
  .about-eight-block-button {
    font-size: 20px;
    line-height: 23px;
    top: 15px;
    width: 40%;
    height: 49px;
    white-space: nowrap;
  }
  .about-eight-block-map iframe {
    height: 360px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .about-eight-block-contacts-phone {
    /* width: 40%; */
  }
  .about-eight-block-contacts-mail {
    /* width: 40%; */
  }
  .about-eight-block-button {
    font-size: 20px;
    line-height: 23px;
    top: 15px;
    /* width: 40%; */
    height: 49px;
    white-space: nowrap;
  }
  .about-four-block-width {
    width: 35% !important;
  }
  .about-four-part-one-image {
    position: absolute;
    top: 52%;
    left: 57%;
  }
  .about-four-part-two-image {
    position: absolute;
    top: 17%;
    left: 77.3%;
  }
  .about-four-part-three-image {
    position: absolute;
    top: 69.1%;
    left: 74.3%;
  }
  .about-four-part-four-image {
    position: absolute;
    top: 35%;
    left: 67%;
  }
  .about-four-part-five-image {
    position: absolute;
    top: 25%;
    left: 71%;
  }
  .about-four-part-six-image {
    position: absolute;
    top: 69.4%;
    left: 68%;
  }
  .about-four-part-seven-image {
    position: absolute;
    top: 67.5%;
    left: 75%;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .about-eight-block-head-text {
    width: 75%;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .br-xs {
    display: none;
  }
}
.about-page-row {
  padding-bottom: 105px;
}
.about-slider .slick-arrow {
  position: unset;
  top: unset;
  transform: none;
}
.about-five-block-person-last-image {
  /* width: 180px;
	height: 180px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-five-block-person-last-image img {
  width: 120px;
}

/* ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ  */
.policy-title {
  font-family: "Ubuntu", sans-serif;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.policy-wrapper {
  padding-bottom: 65px;
}
.policy-content,
.policy-content p {
  font-size: 16px;
  line-height: 30px;
  color: #000000;
}
.logo-link img {
  border: none;
  margin: 0 !important;
}

.card-good-header .tags {
  position: relative;
}

/* .card-good-variable-width-1, .card-good-sliders {
    height: 500px !important;
}

.card-good-sliders {
    display: inherit !important;
} */

.tags {
  display: flex;
  margin-right: 30px;
}

.icon-prom {
  margin-left: 5px;
}

.card-slide-image-text {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  background: rgba(250, 250, 250, 0.8);
  color: #333333;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.icon-new {
  display: inline-block;
  /* border: 1px solid red; */
  width: 27px;
  height: 15px;
  margin-left: 5px;
  background: url(images/icon-new.png);
  background-repeat: no-repeat;
  font-weight: 500;
  font-style: normal;
}

.icon-hot {
  display: inline-block;
  /* border: 1px solid red; */
  width: 13px;
  height: 17px;
  margin-left: 5px;
  background: url(images/hot-black.png);
  background-size: 100%;
  background-repeat: no-repeat;
  font-weight: 500;
  font-style: normal;
}

.icon-hot-white {
  display: inline-block;
  width: 13px;
  height: 17px;
  background: url(images/hot-white.png);
  background-size: cover;
  background-repeat: no-repeat;
  font-weight: 500;
  font-style: normal;
  background-position: center center;
}

.product-similar {
  margin-top: 72px;
}

.product-viewed {
  margin-top: 72px;
  padding-bottom: 145px;
}

.product-viewed .main-title {
  font-size: 38px;
  line-height: 48px;
  margin-bottom: 38px;
}

.product-viewed .main-title__handwriting,
.product-similar .main-title__handwriting {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .policy-title {
    font-size: 28px;
    line-height: 38px;
  }
  .card-slide-image-text {
    font-size: 0;
  }
  .card-slide-image-text span {
    font-size: 14px;
    margin: 0;
  }
  .wrap-modal_product .card-slide-image-text span {
    margin-left: 5px !important;
  }
}

/* WEBINARS MENU*/
.current {
  color: #9677bf !important;
}
.webinars-header {
  align-items: center;
  display: flex;
  justify-content: center;
}
.webinars-header > div {
  display: flex;
  align-items: center;
}
.webinars-menu {
  width: 100%;
}
.webinars-menu__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.webinars-menu__item {
  flex-grow: 1;
  display: flex;
  text-align: center;
  align-items: center;
}

.webinars-menu__item:before {
  content: "";
  width: 1px;
  height: 30px;
  background: #e6e2e4;
  display: block;
}
.webinars-menu__item.fst:before {
  display: none;
}
.webinars-menu__link {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #2f3033;
  text-decoration: none;
}
.webinars-menu__link:focus {
  color: #2f3033;
}
.webinars-menu__link:hover,
.webinars-menu__link.act {
  color: #9677bf;
  text-decoration: none;
}
.webinar {
  /* background: #fff; */
  z-index: 1;
}

.page-header.webinar hr {
  display: none;
}
.page-header.webinar .logo-link img {
  margin: 0;
}
.page-header.webinar .menu-top-box {
  display: none;
}
.webinars-head-buttons {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  border-radius: 3px;
  overflow: hidden;
}
.webinars-head-buttons > a {
  width: 50%;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  position: relative;
}
.webinars-head-buttons > a:hover {
  color: #fff;
}
.webinars-head-buttons > a:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #e3dfe1;
}
@media (max-width: 767px) {
  .page-header.webinar {
    padding: 5px 0 !important;
  }
  .webinars-head-buttons {
    display: none;
  }
  .webinars-menu__list {
    flex-flow: column;
  }
  .webinars-menu__item {
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    background: #f9f9f9;
    border-radius: 2px;
    padding: 13px 11px;
  }
  .webinars-menu__item:before {
    display: none;
  }
  .webinar .menu-width {
    width: 100vw;
  }
  .webinars-menu__link:hover {
    color: #333333;
  }
  .webinars-menu {
    display: flex;
    flex-flow: column;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page-header.webinar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .webinars-menu__list {
    flex-flow: column;
  }
  .webinars-menu__item {
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    background: #f9f9f9;
    border-radius: 2px;
    padding: 13px 11px;
  }
  .webinars-menu__item:before {
    display: none;
  }
  .webinar .menu-width {
    width: 312px;
  }
  .webinars-menu__link:hover {
    color: #333333;
  }
  .webinars-menu {
    display: flex;
    flex-flow: column;
  }
}
@media (min-width: 1024px) {
  .main-blog .main-title {
    margin-bottom: 60px;
  }
  .main-video .main-title {
    margin-bottom: 50px;
  }
}

/* Б Л О Г    Н А    Г Л А В Н О Й    С Т Р А Н И Ц Е . */
.main-blog {
  background: #fff;
}
.mainpage-blog-item {
  background: #fff;
  height: 100%;
}
.mainpage-blog-item > a {
  display: flex;
  flex-wrap: wrap;
}
.mainpage-blog-more {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  color: #9677bf;
  font-size: 16px;
  line-height: 24px;
}
.mainpage-blog-more:hover {
  color: #9677bf;
}
.mainpage-blog-more:after {
  content: "";
  background: url(./images/arrow-pur.png) center center no-repeat;
  width: 62px;
  height: 15px;
  margin-left: 10px;
}
.main-blog .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.mainpage-blog-image {
  width: 100%;
  height: 207px;
  max-height: 300px;
  background-size: cover;
  background-position: center center;
}
.mainpage-blog-text {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  padding: 15px;
  flex-grow: 1;
}

.main-manafucter__link-block {
  display: flex;
  justify-content: center;
}
.main-manafucter__link-block {
  display: flex;
  justify-content: center;
}
.align-self {
  display: flex;
  justify-content: flex-end;
}
.align-self > .header-user {
  display: none;
}
.webinar {
  box-shadow: 0px 4px 10px rgba(47, 48, 51, 0.15);
}
@media (max-width: 767px) {
  .webinar {
    box-shadow: unset;
    border-bottom: 0.01em solid #e6e2e4 !important;
  }
  .align-self > .header-user__icon {
    display: none;
  }
  .align-self > .header-user {
    display: block;
  }
  .mainpage-blog-item,
  .mainpage-blog-more {
    max-width: 320px;
    margin: 0 auto;
  }
  .mainpage-actions .main-title {
    padding-top: 50px !important;
  }
  .main-manafucter__title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .main-title__handwriting {
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .main-title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 5px;
  }
  .category__item {
    width: 100%;
  }
  .pr-0 {
    padding-right: 15px;
  }
  .main-manafucter {
    margin: 0;
    padding-top: 40px;
  }
  .mainpage-blog-more {
    background: #ffffff;
    justify-content: flex-start;
    padding-bottom: 50px;
  }
  .mainpage-blog-text {
    padding: 0;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .main-manafucter__title {
    text-align: left;
  }
  .main-manafucter__text {
    text-align: left;
    padding: 0;
  }
  .main-manafucter__link {
    margin-top: 10px;
  }
  .main-manafucter__link-block {
    display: flex;
    justify-content: flex-start;
  }
  .mainpage-blog-more {
    justify-content: flex-start;
    background: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .webinar-bottom {
    display: flex;
    flex-flow: column;
    align-items: center;
  }
  .main-advantages__icon {
    margin-bottom: 10px;
  }
  .main-advantages__text {
    padding: 0;
  }
  .webinar {
    box-shadow: unset;
    border-bottom: 0.01em solid #e6e2e4 !important;
  }
  .align-self > .header-user {
    display: none;
  }
  .mainpage-blog-item,
  .mainpage-blog-more {
    max-width: 320px;
    margin: 0 auto;
  }
  .mainpage-blog-more:hover,
  .mainpage-blog-item:hover {
    box-shadow: none;
  }
  .mainpage-blog-more {
    background: #f5f5f5;
  }
  .main-advantages__list {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .main-advantages__item {
    width: 30%;
    margin-top: 30px;
  }
  .main-advantages {
    padding-top: 10px;
    margin-top: 46px;
    padding-bottom: 40px;
  }
  .main-order__info {
    height: 244px;
    justify-content: flex-start;
  }
  .main-order__img {
    background-size: contain;
  }
  .main-order__title {
    font-size: 24px;
    line-height: 28px;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .main-order__text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 0;
  }
  .main-order__btn {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    width: 240px;
    height: 38px;
  }
  .main-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .main-title__handwriting {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .main-blog--list {
    margin-top: 0;
  }
  .main-manafucter {
    padding: 50px 0;
    margin-top: 50px;
    margin-bottom: 0;
  }
  .main-manafucter__title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .main-manafucter__text {
    font-size: 14px;
    line-height: 24px;
  }
  .category__item-cat-2 {
    height: 142.26px;
  }
  .category__item-cat-3 {
    height: 142.26px;
  }
  .category__item-cat-4 {
    height: 142.26px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .webinars-header-cont {
    width: 100vw;
  }
  .align-self {
    display: flex;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .news-list .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .news-list .row {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  .news-list .hidden-sm {
    display: none;
  }
}
@media (min-width: 992px) {
  .mainpage-blog-item:hover {
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
@media (min-width: 768px) {
  .mainpage-blog-more {
    height: 285px;
  }
}

/* СПОСОБЫ ОПЛАТЫ*/

.hor-line hr {
  display: block;
  position: relative;
  height: 1px;
  border: 0;
  border-top: 1px solid #9677bf;
  margin: 0.8% 0 5.8% 0;
  padding: 0;
  width: 12%;
  left: 44%;
}
.pay-header {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 1% 0;
}
.pay-head-lead-text {
  position: relative;
  left: 18.5%;
  width: 63%;
}
.pay-head-lead-text > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.pay-second-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.pay-second-block-text {
  width: 55%;
  margin-top: 20px;
}
.pay-second-block-text > p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
}
.pay-second-block-lead-text {
  padding-top: 40px;
}
.pay-second-block-lead-text > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  opacity: 0.6;
}
.pay-third-block-text-block {
  margin-top: 60px;
}
.pay-block-text > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
}
.pay-row {
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  .pay-header {
    text-transform: none;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0;
  }
  .pay-head-lead-text {
    width: 100%;
    left: 0;
  }
  .pay-head-lead-text > p {
    line-height: 24px;
  }
  .pay-second-block-text {
    width: 70%;
  }
  .pay-second-block-text > p {
    line-height: 20px;
  }
  .pay-second-block-lead-text {
    margin-left: 10px;
  }
  .pay-second-block-lead-text > p {
    font-size: 14px;
  }
  .pay-third-block-text-block {
    margin-top: 30px;
  }
  .pay-block-text > p {
    line-height: 26px;
    margin-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .pay-header {
    text-transform: none;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0;
  }
  .pay-head-lead-text {
    width: 95%;
    left: 2.5%;
  }
  .pay-head-lead-text > p {
    line-height: 24px;
  }
  .pay-second-block-text {
    width: 70%;
  }
  .pay-second-block-text > p {
    font-size: 16px;
    line-height: 18px;
  }
  .pay-second-block-lead-text {
    margin-left: 24px;
  }
  .pay-second-block-lead-text > p {
    font-size: 14px;
  }
  .pay-block-text > p {
    line-height: 26px;
  }
}

/* ДОСТАВКА */

.dostavka-head-block {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
  padding-bottom: 3.5%;
}
.dostavka-first-block-image img {
  width: 100%;
  height: 401px;
}
.dostavka-first-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 401px;
}
.dostavka-first-block-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 34px;
}
.dostavka-block-head-text {
  position: relative;
  padding-top: 10%;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  margin: 0;
  line-height: 48px;
  width: 100%;
  text-align: center;
}
.dostavka-block-lead-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 5%;
}
.dostavka-second-block-image {
  width: 100%;
  height: 194px;
  background: #f5f5f5;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10%;
}
.delivery-row {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .dostavka-head-block {
    font-size: 28px;
    line-height: 38px;
  }
  .dostavka-first-block {
    flex-direction: row;
    height: auto;
    padding-bottom: 10%;
  }
  .dostavka-first-block-text {
    font-size: 16px;
    line-height: 26px;
  }
  .dostavka-block-head-text {
    font-size: 20px;
    line-height: 23px;
    text-align: center;
  }
  .dostavka-block-lead-text {
    font-size: 16px;
    line-height: 22px;
  }
  .dostavka-second-block-image img {
    filter: grayscale(0);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #toggle-section {
    display: none;
  }
  .dostavka-head-block {
    font-size: 28px;
    line-height: 38px;
  }
  .dostavka-first-block-image img {
    height: 159px;
  }
  .dostavka-first-block {
    height: 159px;
    flex-direction: row;
  }
  .dostavka-first-block-text {
    font-size: 16px;
    line-height: 26px;
  }
  .dostavka-block-head-text {
    font-size: 24px;
    line-height: 28px;
    left: 20%;
    width: 60%;
    text-align: center;
  }
  .dostavka-block-lead-text {
    font-size: 16px;
    line-height: 18px;
  }
  .dostavka-second-block-image img {
    filter: grayscale(0);
  }
}
@media (min-width: 1025px) {
  .dostavka-second-block-image:hover {
    box-shadow: 0px 4px 10px rgba(47, 48, 51, 0.15);
  }
  .dostavka-second-block-image img {
    filter: grayscale(100%);
    transition: 0.5s;
  }
  .dostavka-second-block-image:hover img {
    filter: grayscale(0%);
  }
}

/*   УСЛОВИЯ РАБОТЫ.  */

.service a {
  color: #9677bf;
}
.service-description {
  display: flex;
}
.service {
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.selected::after {
  content: url(./images/minus.svg);
  position: relative;
  top: -5px;
  right: 2%;
}
.not-selected::after {
  content: url(./images/plus.svg);
  position: relative;
  right: 2%;
}
.services-header {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 1% 0;
}
.services-item.selected {
  background: #99c2d1 !important;
  color: #ffffff !important;
}
.service-description.disabled {
  display: none;
}
.service-description.enabled {
  display: flex;
  min-width: 100%;
  /*  */
}
.services-item > div {
  padding-left: 20px;
}
.hor-line hr {
  display: block;
  position: relative;
  height: 1px;
  border: 0;
  border-top: 1px solid #9677bf;
  margin: 0.8% 0 5.8% 0;
  padding: 0;
  width: 12%;
  left: 44%;
}
.strong {
  font-weight: bold;
  display: inline-block;
}
.services-background {
  background: #f5f5f5;
  padding-bottom: 5%;
}
.services-item {
  padding: 1% 0;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  color: #333333;
  cursor: pointer;
}
.services-head-text {
  font-family: Roboto;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  width: 80%;
  margin-bottom: 0;
}
.services-second-item {
  font-family: Roboto;
  font-style: normal;
  height: 74px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.services-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}
.services-text-bold {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}
.services-second-item-description {
  padding-left: 5px;
  padding-top: 20px;
  margin-bottom: 2%;
}
.service-description > hr {
  color: #e6e2e4;
  margin: 0;
  position: relative;
  left: 1.5%;
  width: 97%;
}
.services-second-item-active .services-second-button::after {
  content: url(./images/arrow-right.svg);
}
.services-second-item-unactive .services-second-button::after {
  content: url(./images/arrow-short-right.svg);
}
.faq-row {
  padding-bottom: 40px;
}

.modal-view {
  margin-top: 50px;
}

.disp-none {
  display: none;
}
.disp-flex {
  display: flex !important;
}

.modal-view-title {
  font-family: Ubuntu;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  margin-bottom: 20px;
}

/* fancybox style */

div#fancybox-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#fancybox-wrap {
  left: 50% !important;
  transform: translateX(-50%) !important;
}
#fancybox-outer {
  height: 1125px;
  width: 100% !important;
  border-radius: 5px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  padding: 49px 79px;
}

.fancybox-height {
  height: 700px !important;
}

#fancybox-content {
  width: inherit !important;
  background: #fff;
}
.fancybox-content-empty {
  height: 622px !important;
}
.fancybox-content-full {
  height: 1070px !important;
  overflow: hidden;
}

#fancybox-right,
#fancybox-left {
  width: 50px;
  height: 50px;
  bottom: 50%;
  transform: translateY(50%);
  background-color: #fff;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

#fancybox-right #fancybox-right-ico,
#fancybox-left #fancybox-left-ico {
  display: none !important;
}

#fancybox-close {
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 4);
  opacity: 0.4;
  box-sizing: border-box;
  background-image: url(images/close-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

#fancybox-right {
  right: -110px !important;
  background-image: url(images/about-slider-left.svg);
}

#fancybox-left {
  left: -110px !important;
  background-image: url(images/about-slider-right.svg);
}

#fancybox-frame {
  height: 100%;
  background: #ffffff;
}

/* end fancybox style */

@media (max-width: 767px) {
  .services-header {
    font-size: 28px;
    line-height: 38px;
  }
  .services-head-text {
    font-size: 14px;
    line-height: 16px;
  }
  .card-good-tabs > li > a {
    border-bottom: 1px solid #9677bf;
  }
  .services-text {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .faq-row {
    margin-left: 0;
    margin-right: 0;
  }
  .services-item > div {
    padding-left: 10px;
  }
  .not-selected::after {
    right: 10px;
  }
  .selected::after {
    right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .services-header {
    font-size: 28px;
    line-height: 38px;
  }
  .services-head-text {
    font-size: 16px;
    line-height: 30px;
  }
}

/* ГАРАНТИЯ */

.hor-line hr {
  display: block;
  position: relative;
  height: 1px;
  border: 0;
  border-top: 1px solid #9677bf;
  margin: 0.8% 0 5.8% 0;
  padding: 0;
  width: 12%;
  left: 44%;
}
.garant-header {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 1% 0;
}
.garant-text-block {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
}
.garant-text-block:first-child {
  margin-bottom: 7px;
}
.garant-left-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 115px;
  flex-wrap: wrap;
  width: 100%;
}
.garant-left-bar-head-first-letter {
  display: inline;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 144px;
  line-height: 115px;
  color: #9677bf;
  opacity: 0.8;
  align-self: flex-end;
}
.garant-left-bar-head-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 42px;
  color: #9677bf;
  /* opacity: 0.8; */
  text-align: center;
  margin-bottom: 10px;
  align-self: flex-end;
  padding-left: 15px;
}
.garant-left-bar-lead-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.6;
  color: #9677bf;
  width: auto;
  padding-left: 10px;
}
.garant-list ol {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.9;
  padding: 0;
  margin-top: 7px;
  list-style-type: none;
}
.garant-text-block-head {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  margin: 0;
  line-height: 38px;
  padding-top: 40px;
  padding-bottom: 20px;
}
.garant-list li::before {
  content: "— ";
}
.garant-text-block-head-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 10px;
}
.garant-block-image {
  margin-bottom: 10px;
}
.garant-block-image img {
  width: 100%;
  height: 463px;
}
.garant-left-bar-text-block {
  margin-top: 40%;
  margin-bottom: 91px;
  margin-left: 95px;
  width: 100%;
  background: #f5f5f5;
  border-radius: 5px;
  width: 83%;
}
.garant-left-bar-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  padding-left: 30px;
  padding-top: 40px;
  padding: 40px 30px 50px 30px;
}
.garant-footer-block {
  width: 100%;
  background: linear-gradient(90deg, #8ab8ca 0%, #99c2d1 100%), #99c2d1;
  border-radius: 5px;
  margin-top: 70px;
}
.garant-footer-text-block {
  width: 65%;
}
.garant-footer-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  width: 100%;
  padding-top: 60px;
  padding-left: 62px;
}
.garant-footer-button {
  background: #9677bf;
  border: 1px solid #9677bf;
  box-sizing: border-box;
  border-radius: 2px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  padding: 1% 5%;
  margin-top: 60px;
  margin-left: 62px;
  margin-bottom: 62px;
}
.garant-footer-image {
  position: absolute;
  width: 30%;
  left: 70%;
  bottom: -1%;
}
.garant-footer-image img {
  height: 421px;
}
.warranty-row {
  padding-bottom: 90px;
}
.garant-text-block li::before {
  content: "— ";
}
.garant-text-block ol {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.9;
  padding: 0;
  list-style-type: none;
  margin-top: 7px;
}
@media (max-width: 767px) {
  .garant-header {
    text-transform: none;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0;
  }
  .garant-text-block {
    line-height: 24px;
  }
  .garant-list ol {
    line-height: 24px;
  }
  .garant-text-block-head {
    font-size: 24px;
    line-height: 28px;
  }
  .garant-block-image img {
    width: 100%;
    height: auto;
  }
  .garant-footer-block {
    width: 100vw;
    background: #f9f9f9;
    border-radius: 0;
    transform: translateX(-15px);
  }
  .garant-footer-text {
    width: 100vw;
    text-align: center;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
  }
  .garant-footer-button {
    white-space: nowrap;
    padding: 0;
    width: 95vw;
    padding: 5% 0;
    margin-top: 30px;
    margin-left: 10px;
    margin-bottom: 63px;
  }
  .garant-footer-image {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .mainpage-actions .main-title {
    padding-top: 50px !important;
  }
  .garant-header {
    text-transform: none;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0;
  }
  .garant-text-block {
    line-height: 26px;
  }
  .garant-list ol {
    line-height: 26px;
  }
  .garant-text-block-head {
    font-size: 24px;
    line-height: 28px;
  }
  .garant-left-bar-head-first-letter {
    font-size: 72px;
    line-height: 62px;
  }
  .garant-left-bar-lead-text {
    line-height: 20px;
    text-align: left;
  }
  .garant-left-bar {
    justify-content: flex-start;
    padding-left: 0;
    margin-left: auto;
  }
  .garant-block-image img {
    height: 300px;
  }
  .garant-footer-text {
    width: 75%;
    padding-top: 50px;
    padding-left: 30px;
    font-size: 18px;
    line-height: 28px;
  }
  .garant-footer-button {
    padding: 2.5% 15%;
    margin-top: 40px;
    margin-left: 30px;
    margin-bottom: 60px;
  }
  .garant-footer-image {
    left: 60%;
    bottom: -1%;
  }
  .garant-left-bar-text-block {
    margin-left: 0;
    width: 100%;
  }
}

/* АКЦИИ НА ГЛАВНОЙ */
.mainpage-actions .main-title {
  padding-top: 120px;
}
.mainpage-actions {
  padding-bottom: 50px;
}
body .mainpage-actions .actions-slider {
  margin-bottom: 74px;
}
.action-slider-item-wrapper {
  display: flex;
  align-items: stretch;
  margin: 0;
  flex-wrap: wrap;
  padding-top: 30px;
}
.action-slider-content {
  background: #99c2d1;
  padding-top: 67px;
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  height: 477px;
}
.action-slider-title {
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  padding-bottom: 31px;
  margin: 0;
  color: #fff;
  text-align: center;
}
.action-slider-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  padding-bottom: 30px;
  text-align: center;
}
.actions-slider-button {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  padding: 8px 36px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 3px;
  text-decoration: none;
}
.actions-slider-button:hover {
  background: #fff;
  color: #99c2d1;
}
.actions-slider-button:focus {
  text-decoration: none;
  color: #99c2d1;
  background: #fff;
}
/* .actions-slider .slick-prev{
	top: 50%!important;
    left: -25px!important;
    width: 50px;
    height: 50px;
    border: 1px solid red;
}
.actions-slider .slick-prev:before,
.actions-slider .slick-prev:after{
    display: none;
} */
/* .actions-slider .slick-next{
	top: 50%!important;
	width: 50px;
	height: 50px;
	right: -25px!important;
} */
/* .actions-slider .slick-next:before{
	padding: 0;
}
.actions-slider .slick-dots{
	bottom: -58px;
} */
.actions-slider .slick-dots li {
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  width: unset;
  height: unset;
}
.actions-slider .slick-dots li button,
.mainpage-slider .slick-dots li button {
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
  width: 10px;
  height: 10px;
  display: block;
  margin: 0;
}
.actions-slider .slick-dots li button:before,
.mainpage-slider .slick-dots li button:before {
  display: none;
}
.actions-slider .slick-dots li.slick-active button,
.mainpage-slider .slick-dots li.slick-active button {
  background: #9677bf;
  border: 1px solid #9677bf;
}
.mainpage-actions-button-wrapper {
  display: flex;
  justify-content: center;
}
.mainpage-actions-button {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #9677bf;
  padding: 8px 23px;
  text-align: center;
  border: 1px solid #9677bf;
  border-radius: 7px;
  text-decoration: none;
}
.mainpage-actions-button:hover {
  color: #fff;
  background: #9677bf;
}
.mainpage-actions-button:focus {
  color: #fff;
  background: #9677bf;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .action-slider-item-wrapper {
    padding-top: 0;
  }
  .action-slider-text {
    padding-bottom: 20px;
  }
  .actions-slider {
    margin-top: 15px;
  }
  .actions-slider .slick-track {
    padding: 0 !important;
  }
  .action-slider-title {
    width: 60%;
    font-size: 24px;
    line-height: 28px;
  }
  .action-slider-content {
    height: 253px;
    padding-top: 30px;
    padding-bottom: 33px;
  }
  .actions-slider .slick-next {
    top: unset !important;
    bottom: -103px;
    box-shadow: unset !important;
    right: 250px !important;
    border: none;
  }
  .actions-slider .slick-prev {
    top: unset !important;
    bottom: -103px;
    box-shadow: unset !important;
    left: 250px !important;
    border: none;
  }
}
@media (max-width: 767px) {
  .action-slider-item-wrapper {
    padding-top: 0;
  }
  body .mainpage-actions .actions-slider {
    margin-bottom: 15px;
  }
  .action-slider-title {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 10px;
  }
  .action-slider-content {
    padding-top: 20px;
    padding-bottom: 21px;
    height: 100px;
  }
  .action-slider-image {
    min-height: 200px;
  }
  .action-slider-text {
    font-size: 16px;
    padding-bottom: 0;
  }
  .action-slider-item-wrapper {
    flex-direction: column-reverse;
  }
  .actions-slider .slick-dots {
    bottom: -25px !important;
    top: unset !important;
  }
  .actions-slider .slick-next {
    top: unset !important;
    bottom: -70px;
    box-shadow: unset !important;
    right: 30px !important;
  }
  .actions-slider .slick-prev {
    top: unset !important;
    bottom: -70px;
    box-shadow: unset !important;
    left: 30px !important;
  }
  .actions-slider .slick-prev:before,
  .actions-slider .slick-next:before {
    font-size: 43px;
  }
  .actions-slider-button {
    display: none;
  }
  #hidden-video-wrapper iframe {
    max-height: 315px;
  }
}

/* СТИЛИ КОРЗИНЫ ОТ ВЕРСТКИ  */
#RecallPopupMetrage {
  padding: 0;
}
#bx_recall_add_metrage .confirm-popup-title {
  padding-top: 40px;
  padding-bottom: 20px;
}
.metrage-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  max-width: 560px;
  width: 560px;
  max-height: 238px;
  border-top: 1px solid #e6e2e4;
}
.metrage-wrapper .mCustomScrollBox {
  width: 100%;
}
.metrage-wrapper .mCustomScrollBox > .mCSB_container {
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
}
.metrage-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(51, 51, 51, 0.4);
  width: 8px;
}
.metrage-item {
  width: 275px;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 19px;
  color: #333;
  padding: 7px 15px;
  border-bottom: 1px solid #e6e2e4;
  cursor: pointer;
}
.metrage-item:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #9677bf;
  border-radius: 2px;
  cursor: pointer;
}
.metrage-item.sel:before {
  background: #9677bf url(images/check.svg) center center no-repeat;
}
.metrage-custom:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #9677bf;
  border-radius: 2px;
  flex-shrink: 0;
  margin-right: 10px;
  cursor: pointer;
}
.metrage-custom.sel:before {
  background: #9677bf url(images/check.svg) center center no-repeat;
}
.metrage-item:first-child,
.metrage-item:nth-child(2) {
  /* border-top: 1px solid #E6E2E4; */
}
.metrage-lenght {
  flex-grow: 1;
  padding-left: 10px;
}
.metrage-item:hover,
.metrage-item.sel {
  /* background: #F4F1F9;; */
}
.metrage-item:nth-child(2n-1) {
  border-right: 1px solid #e6e2e4;
}
.metrage-custom {
  background: #f5f5f5;
  padding: 20px 15px;
  border-top: 1px solid #e6e2e4;
  border-bottom: 1px solid #e6e2e4;
  display: flex;
  align-items: center;
}
.metrage-custom-text {
  font-size: 14px;
  line-height: 16px;
  color: #333;
  padding-right: 10px;
  flex-shrink: 0;
  cursor: pointer;
}
.metrage-form {
  display: flex;
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
}
.metrage-input {
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  background: #fff;
  font-size: 12px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  line-height: 14px;
  color: #333;
  padding: 8px 10px;
  width: 100%;
}
.metrage-input.notinput {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  font-size: 14px;
  font-weight: bold;
}
.metrage-submit {
  font-size: 12px;
  line-height: 14px;
  background: #9677bf;
  color: #ffffff;
  padding: 8px 42px;
  text-align: center;
  border: 1px solid #9677bf;
}
.metrage-submit.notinput {
  display: none;
}
.metrage-submit:hover {
  filter: brightness(0.9);
}
.metrage-button-wrapper {
  display: flex;
  justify-content: center;
  padding: 20px 0px;
}
.metrage-button {
  font-size: 20px;
  line-height: 23px;
  padding: 8px 40px;
}
.metrage-button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}
.basket-success-wrapper {
  width: 524px;
  text-align: center;
  max-width: 100%;
  padding-top: 40px;
  padding-bottom: 58px;
}
.basket-empty-search-icon {
  display: block;
  margin: 0 auto;
}
.basket-empty-search-text {
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: 20px;
  line-height: 28px;
  color: #333;
  text-align: center;
}
.basket-success-icon {
  width: 60px;
  height: 77px;
  margin: 0 auto;
  background: url(images/basket-success.png) center center no-repeat;
  margin-bottom: 20px;
}
.basket-success-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  color: #9677bf;
  margin-bottom: 34px;
}
.basket-success-button {
  font-size: 20px;
  line-height: 23px;
  padding: 8px 40px;
}
.cart-header > h1 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  letter-spacing: unset;
  text-transform: none;
  font-size: 38px;
  line-height: 48px;
  color: #333333;
  margin: 0;
  margin-bottom: 0;
}
.cart-top-bar {
  margin-top: 22px;
  display: flex;
  align-items: center;
}
.cart-search input {
  width: 437px;
  height: 40px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px !important;
  line-height: 24px !important;
  border: 1px solid #e6e2e4 !important;
  box-sizing: border-box !important;
  background: unset !important;
  background-image: url(/local/templates/tkani_optom/images/catalog-search.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 95% !important;
  outline: none !important;
  padding-left: 20px !important;
  border-radius: unset !important;
}
.cart-top-bar-sum-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 27%;
}
.cart-top-bar-sum-text,
.basket-checkout-block-total {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  margin-right: 10px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.basket-checkout-block-total-price-inner {
  padding: 0;
}
.basket-items-list-item-container.basket-items-list-item-container-expend {
  display: none !important;
}
.basket-items-list-container,
.basket-items-list {
  min-height: unset !important;
}
.cart-top-bar-sum,
.basket-coupon-block-total-price-current {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 0;
}
.cart-top-bar-second {
  display: flex;
  align-items: center;
}
.cart-top-bar-button,
.basket-checkout-block-btn > button,
.basket-checkout-block-btn > button:active,
.basket-checkout-block-btn > button:focus {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  border-radius: 7px;
  background: #9677bf;
  height: 40px;
  width: 214px;
  margin-left: 30px;
  border: 1px solid #9677bf;
  transition: all 0.5s;
}
.basket-checkout-block-btn > button:hover {
  color: #9677bf !important;
  border: 1px solid #9677bf;
}
.cart-content-header {
  display: flex;
  padding: 0 30px;
}
.cart-content {
  margin-top: 30px;
  border: 1px solid #e6e2e4;
}
.cart-content-second {
  border: 1px solid #e6e2e4;
}
.cart-content-second hr {
  position: relative;
  margin: 0;
  width: 95%;
  left: 2.5%;
}
.cart-content-header-name > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 0;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}
.cart-content-header-name-second > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 0;
  margin-bottom: 0;
  width: 100%;
}
.cart-content-header-name-head > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 0;
  margin-bottom: 0;
  width: 100%;
}
.cart-content-good {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.cart-content-name {
  display: block;
  padding-top: 20px;
  padding-bottom: 15px;
}
.cart-content-name > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}
.cart-content-good-block {
  display: flex;
}
.cart-content-good-block img {
  width: 113px;
  height: 113px;
  margin-right: 10px;
}
.cart-content-good-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  opacity: 0.8;
  margin-bottom: 15px;
  padding-right: 5px;
}
.cart-content-description-field .cart-content-good-name {
  white-space: nowrap;
}
.cart-content-good-name-320 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #333333;
  width: 80px;
  margin-bottom: 0;
}
.cart-content-good-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 15px;
  /* white-space: nowrap; */
  padding-left: 5px;
}
.cart-content-good-text-last {
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 3px;
  margin-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
}
.cart-content-description-320 {
  display: none;
}
.cart-content-description-field-320 {
  display: flex;
  margin-top: 24px;
}
.cart-content-description-field-last-320 {
  display: flex;
  align-items: center;
}
.cart-content-description-field {
  display: flex;
  /* align-items: center; */
}
.cart-content-description-field-last {
  display: flex;
  align-items: center;
}
.cart-content-good-button {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  border: 0;
  background: transparent;
  color: #9677bf;
  text-decoration-line: underline;
  /* margin-left: 35px; */
}
.cart-content-price-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 0px;
}
.cart-content-price-last {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  text-decoration-line: line-through;
  color: #333333;
  opacity: 0.8;
  margin-bottom: 0;
  display: block;
  text-align: right;
  transform: translateX(-40px);
  padding-top: 5px;
}
.cart-content-price-sale {
  display: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #eb5757;
  opacity: 0.8;
  margin-bottom: 0;
}
.cart-content-sale > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-bottom: 5px;
}
.cart-content-cost-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #333333;
  display: block;
  text-align: right;
  transform: translateX(-40px);
}
.cart-content-cost {
  text-align: right;
  display: flex;
  align-items: center;
}
.cart-content-delete {
  background: url(/local/templates/tkani_optom/images/delete.svg);
  width: 30px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: top center;
  border: 0;
  position: absolute;
  top: 3px;
  right: 0px;
}
.cart-content-delete-second {
  background: url(/local/templates/tkani_optom/images/delete.svg);
  width: 15px;
  height: 16px;
  background-repeat: no-repeat;
  border: 0;
}
.cart-content-cost-text-block {
  width: 71%;
  margin-right: 15px;
}
.cart-content-footer {
  display: flex;
  align-items: center;
  padding: 32px 30px;
}
.cart-footer-button-delete {
  background: url(/local/templates/tkani_optom/images/delete.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #9677bf;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  margin-top: 12px;
  display: inline-block;
}
.cart-footer-button-delete:hover {
  text-decoration: underline;
}
.cart-footer-second {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-footer-button-submit {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  border-radius: 7px;
  background: #9677bf;
  height: 40px;
  width: 50%;
  margin-left: 30px;
}
.cart-footer-sum-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 70px;
  width: 52%;
}
.cart-footer-sum-text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #333333;
  margin-bottom: 0;
}
.cart-footer-sum {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  color: #333333;
  margin-bottom: 0;
}
.card-good-counter {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
}
.cart-content-kol-count {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.cart-content-counter-1 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #333333;
  margin-bottom: 0;
  width: 40px;
  text-align: center;
  border: none !important;
  background: #fff !important;
  padding: 0 !important;
}
.cart-content-counter-2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-bottom: 0;
}
.cart-content-counter-3 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-bottom: 0;
}
.cart-content-counter-minus-1 {
  background: url(/local/templates/tkani_optom/images/counter-minus.svg);
  /*background-size: 12px 12px;*/
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}
.cart-content-counter-plus-1 {
  background: url(/local/templates/tkani_optom/images/counter-plus.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}
.cart-content-counter-minus-2 {
  background: url(/local/templates/tkani_optom/images/counter-minus.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}
.cart-content-counter-plus-2 {
  background: url(/local/templates/tkani_optom/images/counter-plus.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}
.cart-content-counter-minus-3 {
  background: url(/local/templates/tkani_optom/images/counter-minus.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}
.cart-content-counter-plus-3 {
  background: url(/local/templates/tkani_optom/images/counter-plus.svg);
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
}
.cart-footer-hr {
  display: none;
}

.form-control-feedback {
  display: none !important;
}
.basket-checkout-block-total-price {
  display: flex;
  align-items: center;
}
.basket-table-header {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #e6e2e4;
}
.basket-table-header th {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 0;
  margin-bottom: 0;
  text-align: center;
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.basket-table-header th:first-child {
  text-align: left;
  justify-content: flex-start;
}

.basket-items-list-item-container {
  border-bottom: 1px solid #e6e2e4;
}
.basket-items-list-item-container:last-child {
  border-bottom: none;
}
.basket-items-list-table {
  border: 1px solid #e6e2e4;
}
.basket-items-list-table tbody,
.basket-items-list-table thead {
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}
.basket-items-list-table thead {
  border-bottom: 1px solid #e6e2e4;
}
.basket-items-list-table thead tr {
  border-bottom: unset;
}
.basket-items-list-item-descriptions {
  padding-left: 0px !important;
  padding-top: 0px;
}
.cart-content-description-field > p {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.basket-items-list-item-price,
.basket-items-list-item-amount,
.basket-items-list-item-price,
.basket-items-list-skidka {
  padding-top: 51px;
}
.basket-item-block-price {
  padding-top: 0;
}
.cart-content-sale {
  text-align: center;
}
.basket-items-list-header > div {
  padding-left: 0 !important;
}
.basket-footer {
  padding: 20px 30px 30px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #e6e2e4;
  border-top: unset;
}
.basket-footer-total {
  display: flex;
  justify-content: flex-end;
}
.basket-footer .basket-checkout-block-total-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #333;
}
.basket-footer .basket-coupon-block-total-price-current {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  color: #333;
}
.cart-top-bar-button:hover,
.basket-checkout-block-btn > button:hover {
  background: unset;
  color: unset;
}
.bx-basket {
  padding-bottom: 90px;
}
.mobile-delete-basket > form {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
}

.basket-mobile-title {
  display: none;
}
.basket-item-block-image {
  margin-bottom: 20px;
}
.cart-content-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  padding-top: 20px;
  padding-bottom: 15px;
  margin: 0;
  display: block;
  /* sakdaslkdjalkdjakljdlaksjd;lk */
}
.basket-item-image {
  width: 113px;
  height: 113px;
  object-fit: cover;
  margin: 0px;
  padding: 0;
  border-radius: 3px;
  border: none;
}
.basket-items-list-item-descriptions-inner {
  margin-bottom: 20px;
}
.basket-item-price-title {
  display: none;
}
.basket-item-price-current-text {
  color: #333;
  padding-bottom: 5px;
}
.basket-item-price-current > div {
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.basket-item-old-price {
  color: rgba(51, 51, 51, 0.8);
  text-decoration: line-through;
}
.cart-content-sale {
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #333;
  padding-top: 10px;
}
.basket-item-price-current {
  padding-left: 28px;
}
.basket-item-amount-field-description {
  display: none;
}
.basket-breadcrumbs-wrapper .bx-breadcrumb {
  margin-bottom: 30px;
}

.bx-breadcrumb a:hover > span {
  text-decoration: underline;
}

/* КОРЗИНА МОБИЛЬНАЯ*/
@media (max-width: 767px) {
  .metrage-wrapper {
    max-width: 100%;
  }
  .metrage-custom {
    flex-wrap: wrap;
  }
  .metrage-item {
    width: 100%;
  }
  .metrage-form {
    margin-top: 7px;
    margin-left: 30px;
  }
  .sc-body-item:after {
    display: none;
  }
  .basket-checkout-block-btn {
    width: 100%;
  }
  .cart-top-bar-button,
  .basket-checkout-block-btn > button {
    margin-left: 0;
    width: 100%;
  }
  .basket-items-list-item-amount {
    /*width: 100%;*/
  }
  .basket-item-block-image {
    max-height: unset;
  }
  .basket-items-list-header > div {
    padding-right: 0 !important;
  }
  .basket-items-list-table tbody,
  .basket-items-list-table thead {
    padding-left: 0;
    padding-right: 0;
  }
  .cart-content-name {
    padding-left: 20px;
    padding-bottom: 0;
  }
  .basket-items-list-table {
    border: none;
  }
  .basket-mobile-title {
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    max-width: 90%;
    padding-bottom: 10px;
    padding-right: 25px;
  }
  .cart-content-name {
    display: none;
  }
  .basket-items-list-item-descriptions-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .basket-mobile-label {
    width: 70px;
    max-width: 70px;
    margin-right: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #333;
  }
  .basket-items-list-item-price.worth .basket-mobile-label {
    padding-top: 5px;
  }

  .basket-item-block-price .basket-item-price-current {
    padding-left: 0;
  }

  .basket-items-list-item-price {
    display: flex !important;
    width: 100%;
    padding-left: 0 !important;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  .basket-items-list-item-price {
    /*padding-top: 7px;*/
  }
  .basket-item-block-price {
    padding-left: 0;
  }
  .basket-item-price-title {
    text-align: left;
  }
  .basket-item-price-current {
    text-align: left;
  }
  .basket-items-list-item-amount {
    order: 5;
    padding-top: 7px;
    padding-left: 0px;
    display: flex !important;
  }
  .basket-item-block-price {
    display: flex;
    flex-wrap: wrap;
  }
  .basket-footer {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 0;
  }
  .basket-footer-total {
    padding: 0;
  }
  .basket-checkout-block-total-title {
    font-size: 20px;
    line-height: 23px;
  }
  .mobile-delete-basket > form {
    padding-top: 0px;
    justify-content: center;
  }
  .basket-checkout-section-inner {
    justify-content: flex-start;
  }
  .basket-coupon-block-total-price-current {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
  }
  .basket-items-list-item-container:last-child {
    border-bottom: 1px solid #e6e2e4;
  }
  .basket-item-block-image {
    width: 70px;
    min-height: 70px;
    min-width: 70px;
    margin-right: 15px;
    margin-top: 0;
  }
  .basket-item-image {
    width: 70px;
    height: 70px;
    object-fit: cover;
    min-height: 70px;
    min-width: 70px;
    border-radius: 2px;
    margin-top: 0;
  }
  .cart-header > h1 {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 38px;
  }
  .cart-top-bar {
    flex-wrap: wrap;
  }
  .cart-top-bar-second {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .cart-content-description-field-last {
    flex-wrap: wrap;
  }
  .cart-search input {
    width: 100%;
  }
  .cart-top-bar-sum-block {
    justify-content: flex-start;
  }
  .cart-top-bar-button {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .cart-content-second {
    border: 0;
  }
  .cart-search {
    margin-bottom: 10px;
    /*border: 1px solid #E3DFE1;*/
    box-sizing: border-box;
    border-radius: 3px;
  }
  .catalog-header-2 {
    order: 1;
  }
  .catalog-header-1 {
    order: 2;
  }
  .cart-content-good-block img {
    width: 70px;
    height: 70px;
  }
  .cart-content {
    margin-top: 10px;
  }
  .cart-content-second hr {
    width: 90%;
    left: 5%;
  }
  .cart-content-header {
    padding: 0;
  }
  .cart-top-bar-sum-block {
    width: auto;
  }
  .cart-content-description-320 {
    display: block;
  }
  .cart-content-price {
    display: flex;
    align-items: flex-end;
  }
  .cart-content-price-last {
    margin-left: 5px;
    font-size: 14px;
    line-height: 16px;
  }
  .cart-content-kol-count {
    width: 150px;
  }
  .cart-content-good-button {
    padding: 0;
    margin-top: 5px;
  }
  .cart-content-cost-text-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 45%;
  }
  .cart-content-cost-text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 19px;
  }
  .cart-content-price-sale {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .cart-footer-sum-block {
    padding-left: 0;
    width: 100%;
    justify-content: center;
  }
  .cart-footer-second {
    align-items: center;
    flex-wrap: wrap;
  }
  .cart-footer-sum-text {
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    margin-right: 10px;
  }
  .cart-footer-sum {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
  }
  .cart-footer-button-submit {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .cart-content-footer {
    padding: 0;
  }
  .cart-footer-hr {
    display: block;
  }
  .cart-footer-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
  }
  .basket-footer .basket-checkout-section-inner {
    justify-content: center;
    flex-wrap: wrap;
  }
  .basket-footer .basket-checkout-container {
    position: fixed;
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 200;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  }
  .basket-footer .basket-btn-checkout {
    border-radius: 0px;
    margin-top: 0;
  }
  .basket-footer .basket-btn-checkout:hover,
  .basket-footer .basket-btn-checkout:focus {
    border-radius: 0px;
    margin-top: 0;
    width: 100%;
    margin-left: 0;
  }
  .basket-footer .basket-checkout-block-total-title,
  .basket-footer .basket-coupon-block-total-price-current {
    font-size: 14px;
    line-height: 16px;
    color: #333;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 400;
  }
  .basket-footer .basket-checkout-block-total-price {
    padding-left: 0;
    margin-left: 0;
  }
  .basket-coupon-alert-section {
    display: none;
  }
  .basket-items-list-header .basket-checkout-block-btn {
    display: none;
  }
  .basket-items-list-header .basket-checkout-block-total-price {
    padding-left: 0;
    margin-left: 0;
  }
  .basket-items-list-header .basket-checkout-container {
    padding-bottom: 20px;
  }
  .cart-content-good-name,
  .cart-content-good-text {
    margin-bottom: 10px;
  }
  .basket-item-price-title {
    display: none;
  }
  .basket-item-price-current {
    display: flex;
    align-items: flex-end;
  }
  .basket-item-price-current-text,
  .basket-item-old-price {
    display: inline-block;
  }
  .basket-item-price-current-text {
    padding-right: 10px;
    padding-bottom: 0;
  }
  .cart-content-good-button {
    margin: 0;
    margin-top: 6px;
    display: block;
    width: 100%;
    text-align: left;
  }
  .basket-item-price-current {
    padding-left: 0;
  }
  .cart-content-cost-text,
  .cart-content-price-last {
    transform: none;
  }
  .basket-item-price-current {
    display: inline-block;
  }
  .cart-content-cost-text,
  .cart-content-price-last {
    display: inline;
  }
  .basket-planshet-skidka {
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #ff4f6c;
    margin-top: 10px;
  }
  .cart-content-price-last {
    margin-left: 26px;
    padding-top: 0;
  }
  .basket-item-old-price {
    font-size: 14px;
  }
  tr.basket-items-list-item-container {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 20px;
    border-bottom: 1px solid #e6e2e4;
  }
  .basket-items-list-item-price,
  .basket-items-list-item-amount,
  .basket-items-list-item-price,
  .basket-items-list-skidka {
    padding-top: 0;
  }
  .basket-item-block-amount {
    margin-bottom: 0;
  }
  .basket-items-list-item-amount {
    align-items: center;
  }
  input.cart-footer-button-delete {
    display: none;
  }
  .bx-basket {
    padding-bottom: 30px;
  }
  .cart-search {
    margin-bottom: 0;
  }
  .cart-search-input {
    padding-left: 10px;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .basket-footer-total {
    display: block;
  }
}

/* КОРЗИНА ПЛАНШЕТ*/
@media (min-width: 768px) and (max-width: 1024px) {
  .basket-items-list-table tbody,
  .basket-items-list-table thead {
    padding-left: 20px;
    padding-right: 20px;
  }
  .bx-basket {
    padding-bottom: 40px;
  }
  .basket-footer-total {
    justify-content: flex-start;
  }

  .basket-items-list-item-descriptions {
    padding-right: 0;
  }
  .cart-header > h1 {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 38px;
  }
  .cart-top-bar {
    flex-wrap: wrap;
  }
  .cart-top-bar-second {
    margin-bottom: 20px;
  }
  .cart-search input {
    width: 100%;
    background-position: right 11px center !important;
  }
  .basket-table-header th:last-child {
    text-align: right;
  }
  th.col-md-1.col-sm-2.no-fire-heading,
  th.col-md-1.col-sm-2.no-fire-heading ~ *,
  th.hidden-xs.col-sm-2.col-md-2.price-heading,
  th.hidden-xs.col-sm-2.col-md-2.price-heading ~ * {
    text-align: center !important;
    justify-content: center;
  }
  .basket-items-list-item-container > * {
    padding-left: 0;
    padding-right: 0;
  }
  .cart-top-bar-sum-block {
    justify-content: flex-start;
  }
  .cart-top-bar-button {
    width: 263px;
  }
  .catalog-header-2 {
    order: 1;
  }
  .catalog-header-1 {
    order: 2;
  }
  .cart-content {
    margin-top: 10px;
  }
  .cart-content-second hr {
    width: 90%;
    left: 5%;
  }
  .col-sm-1-5 {
    width: 9%;
  }
  .cart-content-header {
    padding: 0 20px;
  }
  .cart-content-delete {
    position: absolute;
    top: -30px;
    right: -13px;
  }
  .cart-content-delete-second {
    position: absolute;
    top: -75%;
    right: -60%;
  }
  .cart-content-cost {
    text-align: left;
  }
  .cart-content-cost-text-block {
    margin-right: 0;
  }
  .cart-content-cost-text {
    width: 100%;
    white-space: nowrap;
    font-size: 16px;
    line-height: 19px;
    transform: none;
  }
  .cart-top-bar-sum-block {
    width: auto;
  }
  .cart-footer-sum-block {
    padding-left: 0;
    width: 22%;
  }
  .cart-footer-second {
    justify-content: flex-start;
  }
  .cart-footer-sum-text {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
  }
  .cart-footer-sum {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
  }
  .cart-footer-button-submit {
    width: 263px;
  }
  .cart-footer-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 20px;
  }
  .cart-content-good-text-last {
    white-space: nowrap;
  }
  .cart-content-good-button {
    white-space: nowrap;
  }
  .cart-content-price-last {
    white-space: nowrap;
    transform: none;
    font-size: 14px;
  }
  .cart-content-price-sale {
    display: block;
    width: 100%;
    white-space: nowrap;
  }
  .basket-items-list-header > div {
    padding-right: 0 !important;
  }
  .basket-items-list-table {
    display: block;
  }
  .cart-content-good-button {
    margin-left: 0;
  }
  .basket-item-price-current {
    padding-left: 0;
  }
  .basket-items-list-item-amount {
    padding-left: 0;
    padding-right: 0;
  }
  .basket-item-block-amount {
    display: flex;
    justify-content: flex-end;
  }
  .basket-items-list-item-price {
    /*padding-right: 0;*/
  }
  .cart-header-col {
    text-align: right !important;
  }
  .basket-planshet-skidka {
    font-size: 14px;
    line-height: 22px;
    color: #ff4f6c;
  }
  .cart-content-counter-1 {
    font-size: 14px;
  }
  .basket-footer {
    padding: 20px 20px 0px 5px;
  }
  .basket-coupon-alert-section {
    display: none;
  }
  .basket-checkout-container {
    padding-bottom: 0;
  }
  input.cart-footer-button-delete {
    display: none;
  }
  .cart-footer-button-delete {
    margin-top: 0;
  }
  .mobile-delete-basket > form {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cart-top-bar-sum-block {
    width: 33%;
  }
  .cart-footer-sum-block {
    width: 58%;
    padding-left: 20px;
  }
}
@media (max-width: 1024px) {
  .basket-items-list-header {
    flex-direction: column-reverse;
  }
  .basket-items-list-header {
    padding-left: 0;
    padding-right: 0;
  }
  .basket-checkout-container {
    padding-bottom: 20px;
  }

  .bast-result-price {
    white-space: nowrap;
  }
}
@media (min-width: 991px) {
  .basket-planshet-skidka {
    display: none;
  }
}

@media (max-width: 500px) {
  .cart-content-description-field {
    flex-direction: column;
    word-break: break-word;
  }
  .cart-content-good-name {
    opacity: 1;
  }
  .cart-content-good-text {
    padding-left: 0;
  }
}

/* ПОИСК*/
.search-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.search-row .card-slide {
  height: 515px;
}
.search-row .product-item-container {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.search-row .card-slide {
  border: none;
}
.search-row .card-slide-image a img {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .search-row .card-slide {
    height: 380px;
  }
  .search-row .product-item-container {
    width: 33%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }
  .new-body .product-item-container {
    height: 385px !important;
  }
  /*ddd*/
}
@media (max-width: 767px) {
  .search-row {
    justify-content: space-evenly;
  }
  .search-row .card-slide {
    height: 365px;
  }
  .search-row .product-item-container {
    width: 49% !important;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px;
  }
  .search-row .card-slide-image img {
    width: 100%;
    height: 163px;
    object-fit: cover;
    display: block;
  }
  .search-row .tags {
    display: none;
  }
  .search-row .slider-item:hover {
    box-shadow: none !important;
  }
  .search-row .quick-view {
    display: none !important;
  }
  .search-catalog-button {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 30px;
  }
}
.search-catalog-button-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.search-catalog-button {
  font-size: 14px;
  line-height: 16px;
  padding: 12px 70px;
}
.search_subtitle {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.36;
  color: #333333;
  padding-bottom: 30px;
  padding-top: 20px;
  margin: 0;
}
.search-item-cathegory {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #333333;
  padding: 0;
  margin: 0;
  padding-bottom: 7px;
  color: rgba(51, 51, 51, 0.7);
}
.search-item-link {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #9677bf;
  margin: 0;
  padding: 0;
}
.search-item-link:hover {
  text-decoration: underline;
  color: #9677bf;
}
.search-item-item {
  border-bottom: 1px solid #e6e2e4;
  padding-bottom: 39px;
  padding-top: 40px;
}
.search-item-item:last-child {
  border-bottom: none;
}
.main-search-form {
  padding: 15px 30px;
  display: flex;
  background: #fafafa;
  margin-top: 1px;
  margin-bottom: 1px;
}
body {
  overflow-x: hidden;
}

.main-search-form-wrapper {
  display: flex;
  flex-grow: 1;
  background: #fff;
  border: 1px solid #e3dfe1;
  box-sizing: border-box;
  border-radius: 3px;
  border-right: 0px;
}
.search-submit {
  padding: 8px 76px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  border: none;
  border-radius: 0px;
  background: #9677bf;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.search-submit:hover,
.search-submit:focus,
.search-submit:active {
  background: rgba(150, 119, 191, 0.9);
}
.search-form-input {
  flex-grow: 1;
  border: none;
  background: none;
  outline: none;
  border-radius: 0px;
  color: #2f3033;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  padding-left: 44px;
  background: url(images/lupa.svg) 13px center no-repeat;
}
.search-select {
  height: unset;
  line-height: 38px;
  border: none;
  padding-right: 37px;
}
.search-select:before {
  content: "";
  width: 1px;
  height: 28px;
  background: #e3dfe1;
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
}
.search-select .selected::after {
  display: none;
}
.search-select:after {
  content: "";
  border: none;
  width: 12px;
  height: 6px;
  background: url(images/search-more.png) center center no-repeat;
  transform: none;
  transform-origin: 6px 3px;
}
.search-select.open:after {
  transform: rotate(180deg);
}
.search-select .current,
.search-select .option {
  color: #2f3033;
  opacity: 0.6;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}
.menu-search .close-search {
  position: absolute;
  right: -10px;
  top: 15px;
}
.menu-search {
  position: relative;
}
.search-page-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  letter-spacing: unset;
  text-transform: none;
  font-size: 38px;
  line-height: 1.26;
  color: #333333;
  padding-top: 40px;
  padding-bottom: 25px;
  margin: 0;
}
.search_noresult {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.4;
  color: #333;
  padding-top: 20px;
  margin: 0;
  max-width: 100%;
  width: 953px;
  padding-bottom: 50px;
}
.search-more-wrapper {
  display: flex;
  justify-content: center;
}
.search-more-button {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
  background: #9677bf;
  padding: 12px 60px;
  margin-top: 62px;
  margin-bottom: 50px;
  border: 1px solid #9677bf;
  transition: all 0.3s;
}
.search-more-button:hover {
  background: #fff;
  color: #9677bf;
  text-decoration: none;
}
@media (max-width: 480px) {
}
@media (max-width: 767px) {
  .search-item-link {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
  }
  .search-item-cathegory {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.1em;
  }
  .search-item-item {
    padding: 20px 0;
  }
  .search-page-title {
    padding-bottom: 15px;
    font-size: 28px;
    line-height: 38px;
  }
  .search_subtitle {
    text-align: left;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 20px;
  }
  .search-select {
    display: none;
  }
  .search-form-input {
    padding: 0 10px;
    width: 70% !important;
    background: transparent;
  }
  .search-submit {
    width: 30% !important;
  }
  .search-catalog-button-wrapper {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .search_subtitle {
    text-align: left;
  }
  .search-catalog-button-wrapper {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
}
/* BASKET-AJAX*/
.b_req_wrapper {
  background: #f5f5f5;
  border-radius: 5px;
  margin-bottom: 20px;
}
.b_req_item {
  padding: 25px 30px;
}
.b_req_item > .row {
  display: flex;
  align-items: stretch;
}
.b_req_title {
  padding: 0;
  margin: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #333;
}
.b-req-label {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  opacity: 0.6;
  padding-top: 20px;
}
.b-req-value {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.b-req-buttons {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.b-req-buttons a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #9677bf;
  display: flex;
  align-items: center;
}
.b-req-more:before {
  content: "";
  background: #000;
  width: 16px;
  height: 8px;
  background: url(images/more.png) center center no-repeat;
  box-sizing: border-box;
  margin-right: 10px;
  display: block;
}
.b-req-edit:before,
.b-delivery-edit:before {
  content: "";
  background: #000;
  width: 16px;
  height: 16px;
  background: url(images/edit.png) center center no-repeat;
  margin-right: 10px;
  box-sizing: border-box;
  display: block;
}
#req-edit,
#addr-edit {
  padding: 30px;
}
.req-edit-item {
  display: flex;
  justify-content: space-between;
  margin: 4px;
  position: relative;
  margin-top: 20px;
}
.req-edit-item input {
  margin-right: 20px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.req-edit-item label {
  margin-left: 40px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
}
.req-edit-item label:before {
  border-radius: 50%;
  content: "";
  position: absolute;
  border: 1px solid #9677bf;
  height: 24px;
  padding: 4px;
  left: 0;
  width: 24px;
}
.req-edit-item input:checked + label:after {
  background: #9677bf;
  height: 14px;
  width: 14px;
  left: 5px;
  top: 5px;
  border-radius: 50%;
  content: "";
  position: absolute;
}
.b-req-content {
  display: none;
}
.b-req-content.show {
  display: block;
}
.b-req-more.alt:before {
  transform: rotate(180deg);
}
.req-edit-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 46px;
  color: #333;
  text-align: center;
}
.req-edit-new {
  text-align: center;
  width: 100%;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  padding: 8px;
  background: #9677bf;
  display: block;
  margin-top: 30px;
  border-radius: 2px;
  border: 1px solid #9677bf;
  transition: all 0.4s;
}
.req-edit-new:hover {
  background: #fff;
  color: #9677bf;
  text-decoration: none;
}

/* СОЗДАНИЕ НОВОГО РЕКВИЗИТА*/
.requisites-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  padding-top: 40px;
}
.requisites {
  position: relative;
  background: #f5f5f5;
  flex-wrap: wrap;
  padding-bottom: 50px;
  margin-bottom: 90px;
}

.requisites .custom-preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.requisites .error.warning {
  color: red !important;
  font-size: 16px;
  line-height: 24px;
}

.requisites > * {
  margin-left: 30px;
  margin-right: 30px;
}
.requisites-radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
  gap: 16px 24px;
}
.requisites-radio-wrapper > div {
  padding-left: 0;
}
.requisites-radio-item > input {
  position: absolute;
  visibility: hidden;
}
.requisites-radio-item label {
  padding-left: 30px;
  position: relative;
  color: #4f4f4f;
  font-family: Roboto;
  font-weight: normal;
}
.requisites-radio-item label:before {
  border-radius: 50%;
  content: "";
  position: absolute;
  border: 1px solid #9677bf;
  height: 24px;
  padding: 4px;
  left: 0;
  width: 24px;
}
.requisites-radio-item input:checked + label::after {
  background: #9677bf;
  height: 14px;
  width: 14px;
  left: 5px;
  top: 5px;
  border-radius: 50%;
  content: "";
  position: absolute;
}
.requisites-label {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #4f4f4f;
  padding-top: 40px;
  display: block;
  width: 100%;
}
.requisites-hr {
  margin: 0;
  background: #e6e2e4;
  height: 1px;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .requisites > .requisites-hr {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
/* @media(max-width: 767px){
        .requisites>.requisites-hr{
            margin-top: 10px;
            margin-bottom: 10px;
        }
    } */
@media (max-width: 767px) {
  .requisites-radio-wrapper div:first-child {
    margin-left: -0.4px;
  }
}
.requisites-input {
  background: #fff;
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 3px;
  color: #333;
  padding-left: 20px;
  width: 100%;
  display: block;
  line-height: 40px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}
.requisites-input.error {
  box-shadow: 0px 0px 0px 1px #ff4f6c;
}
textarea.requisites-input {
  height: 64px;
  line-height: 24px;
}
.requisites-field-wrapper {
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
  max-width: 514px;
  position: relative;
}
.requisites-field-wrapper.hidden {
  display: none;
}
.requisites-field-wrapper .requisites-label {
  padding-top: 0;
}
.requisites-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
  max-width: 544px;
}
.requisites-submit-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.requisites-submit {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 111px;
  color: #fff;
  transition: all 0.4s;
}
.requisites-submit:hover {
}
.requisites-cancel {
  text-decoration: none;
  color: #9677bf;
  font-size: 16px;
  line-height: 24px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  margin-left: 70px;
  transition: all 2s;
}
.requisites-cancel:hover {
  text-decoration: underline;
  color: #9677bf;
}
*,
*:focus {
  outline: none !important;
}
.input-error:first-child {
  padding-top: 7px;
}
.input-error {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #ff4f6c;
  padding: 0;
}
.bx_profile .dropdown-icon {
  display: none;
}
.bx_profile .bx-ui-sls-input-block {
  width: 100%;
  padding: 0;
}
.bx_profile .bx-ui-sls-fake {
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  width: 100%;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 15px;
}
.bx_profile .form-control {
  color: #333;
  font-size: 16px;
}
.bx_profile .bx-ui-sls-fake.error {
  border-color: #ff4f6c !important;
}
.lk-block label,
.fr-chk label,
.requisites-radio-item label {
  cursor: pointer;
}
/*dsfsdfsdfsdfsdfjkhdfiuguhsxcfiuh*/
.bx_profile .dropdown-fade2white {
  display: none;
}
.bx_profile {
  margin-bottom: 90px;
}
.form-control {
  box-shadow: none !important;
}
.bx_profile.nomb {
  margin-bottom: 35px;
}
.bx_profile .bx-ui-sls-route,
.bx_profile .bx-ui-sls-clear {
  display: none !important;
}
.b_addr_wrapper {
  border-top: 1px solid #e6e2e4;
  border-bottom: 1px solid #e6e2e4;
  padding: 40px 0px;
  margin-bottom: 20px;
}
.b_addr_wrapper .b-req-value {
  padding-top: 20px;
}
.b_addr_wrapper .b-delivery-type-wrapper {
  margin-top: 20px;
}
.b-delivery-comment-wrapper {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #f5f5f5;
  padding: 15px;
}
.b-delivery-comment-wrapper > * {
  font-size: 14px;
  line-height: 26px;
  color: #333;
  padding-top: 0;
  margin-top: 0;
  width: 100%;
}
.b-delivery-title {
  margin-top: 20px;
}
.flex-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
}
.b-delivery-header {
  font-family: Roboto;
  font-size: 14px;
  line-height: 1.43;
  color: #333;
  padding: 15px;
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 2px;
  margin-top: 10px;
  position: relative;
  cursor: pointer;
}
.b-delivery-header:after {
  position: absolute;
  border: 5px solid transparent;
  border-top: 3.5px solid #9677bf;
  width: 10px;
  height: 5px;
  content: "";
  top: 22px;
  right: 20px;
}
.b-delivery-dropdown {
  width: 100%;
}
.b-delivery-wrapper {
  max-width: 366px;
  position: relative;
}
.b-error-wrapper {
  padding: 40px 30px 40px 0px;
  border-bottom: 1px solid #e6e2e4;
}
/*  */
.b-error-title {
  font-family: Ubuntu;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.42;
  color: #333333;
  margin-bottom: 30px;
}
.b-error-text {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.87;
  color: #333;
  margin-bottom: 20px;
}
.b-error-button {
  text-decoration: none;
  text-align: center;
  width: 297px;
  padding: 8px;
  font-family: Roboto;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  display: block;
  transition: all 0.4s;
}
.b-error-button:hover {
}

/* МОИ ЗАКАЗЫ */
.sale-order-list-container {
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fff;
  margin-bottom: 90px;
  overflow: hidden;
}
.sol-header {
  display: flex;
  cursor: pointer;
}
.sol-header-item {
  /*width: 12.5%;*/
  font-family: Roboto;
  flex-grow: 1;
  flex-basis: 0;
  color: #333;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.sol-header-item:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
}
.sol-header-title {
  font-size: 12px;
  line-height: 14px;
  opacity: 0.8;
  white-space: nowrap;
}

.sol-header-text {
  margin-top: 7px;
  font-size: 14px;
  line-height: 16px;
}
.personal-content {
  padding-left: 0;
  padding-right: 0;
}
.personal-sidebar {
  /*padding-left: 0;*/
}
.personal-sidebar > div {
  padding-left: 0;
}
.sidebar .bx-sidebar-block {
  /*padding-left: 15px;*/
  padding-right: 15px;
  padding-bottom: 120px;
}
.sol-showmore,
.sol-showmore:focus {
  border: none;
  width: 24px;
  height: 12px;
  background: url(images/sol-showmore.png) center center no-repeat;
  cursor: pointer;
  transition: all 0.4s;
  transform: rotate(360deg);
  transform-origin: center center;
}
.sale-order-list-container.hid .sol-showmore {
  transform: rotateX(180deg);
}
.sale-order-list-container > .sol-dropdown {
  display: block;
}
.sale-order-list-container.hid > .sol-dropdown {
  /*	max-height: 0;
	overflow: hidden;*/
  display: none;
}
.shipment-header {
  background: #f5f5f5;
  border-bottom: 1px solid #e6e2e4;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
}
.sh-item {
  /* flex-grow: 1; */
  padding-left: 15px;
  padding-right: 15px;
}
.shipment-content {
  width: 100%;
}

.sc-header {
  display: flex;
}
.sch-1 {
  width: 53%;
}
.sch-2,
.sch-3,
.sch-4,
.sch-5 {
  width: 11.75%;
}
.sch-4 > div {
  display: inline-block;
}
.sc-header {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #e6e2e4;
}
.sc-header > div {
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Roboto;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #333;
  height: 60px;
}
.sc-body-item {
  position: relative;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.sc-body-item:after {
  content: "";
  width: calc(100% - 60px);
  position: absolute;
  height: 1px;
  background: #e6e2e4;
  bottom: 0px;
  left: 0px;
  margin-left: 30px;
  margin-right: 30px;
}
.sc-body > .sc-body-item:last-child:after {
  display: none;
}
.sc-body-item > div {
  padding-left: 15px;
  padding-right: 15px;
}
.sol-tovar-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  padding-bottom: 13px;
  display: inline-block;
  /**/
}
.sol-tovar-content {
  display: flex;
}
.sol-tovar-img {
  height: 110px;
  width: 110px;
  object-fit: cover;
}
.sol-tovar-description {
  margin-left: 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: rgba(51, 51, 51, 0.8);
}
.sol-tovar-description > div {
  padding-bottom: 15px;
}
.sol-tovar-description span {
  color: #333;
}
.sc-body-item > div:not(:first-child) {
  padding-top: 30px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  /*line-height: 30px;*/
  color: #333;
}
.sol-itog {
  display: flex;
  padding: 10px 0;
  background: #f4f1f9;
  border-top: 1px solid #e6e2e4;
  border-bottom: 1px solid #e6e2e4;
}
.sol-itog-min {
  display: flex;
  width: 31%;
  align-items: center;
}
.sol-itog-item {
  padding-left: 25px;
}
.sol-itog-item span {
}
.sol-itog-item:first-child {
  padding-left: 30px;
}
.sol-itog-item-title {
  font-size: 12px;
  line-height: 14px;
  color: rgba(51, 51, 51, 0.8);
  padding-bottom: 5px;
}
.sol-itog-item-text {
  font-size: 14px;
  line-height: 16px;
  color: #333;
}
.sol-iteg-big {
  width: 38%;
  display: flex;
  border-left: 1px solid rgba(51, 51, 51, 0.4);
  border-right: 1px solid rgba(51, 51, 51, 0.4);
}
.sol-iteg-big span {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}
.sol-footer {
  padding: 30px;
  background: #fff;
  display: flex;
  justify-content: space-between;
}
.sol-footer-button {
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 15px 7px;
  color: #9677bf;
  border: 1px solid #9677bf;
  border-radius: 2px;
  background: #fff;
  transition: all 0.4s;
  text-decoration: none;
  margin-right: 20px;
  display: inline-block;
}
.sol-footer-button:hover,
.sol-footer-button-main {
  color: #fff;
  background: #9677bf;
  text-decoration: none;
}
.sol-footer-button-main:hover {
  background: #fff;
  color: #9677bf;
  text-decoration: none;
}
.sol-footer-left {
  display: flex;
  width: 50%;
}
.sol-footer-right {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.sol-footer-left .sol-footer-item {
  margin-right: 20px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #333;
}
.sol-footer-left .sol-footer-item span {
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  padding-left: 15px;
}
.sol-footer-link {
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
  color: #9677bf;
  text-decoration: none;
  padding-right: 40px;
}
.sol-footer-link:hover,
.sol-footer-link:focus {
  text-decoration: underline;
  color: #9677bf;
}
.bs-order-list-wrapper .sale-order-list-container:last-child {
  margin-bottom: 90px;
}
.bs-order-list-wrapper .sale-order-list-container {
  margin-bottom: 30px;
}
.bs-order-list-wrapper .order-detail-wrapper {
  display: none;
}
.sol-address {
  margin-left: 15px;
  margin-right: 15px;
}
.sol-address > div {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 25px;
}
.sol-address {
  border-top: 1px solid #e6e2e4;
}

.od-header {
  display: flex;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #333;
  align-items: center;
  padding-bottom: 30px;
}
.od-backtolist {
  width: 80px;
  height: 20px;
  background: url(images/backtolist.png) left center no-repeat;
  text-decoration: none;
  margin-right: 30px;
}
.od-backtolist:hover {
  text-decoration: none;
}
.od-about-title {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: rgba(51, 51, 51, 0.8);
  padding-bottom: 10px;
}
.od-about-text {
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.od-about-wrapper {
  padding-bottom: 30px;
}
.personal-orders-title {
  margin-top: 0;
  margin-bottom: 27px;
  font-family: Ubuntu;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  text-transform: none;
  letter-spacing: unset;
  color: #333;
}
.modal-multiselect-wrapper {
  border: 1px solid #e6e2e4;
  border-radius: 2px;
  background: #fff;
  transition: all 0.5s;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.modal-multiselect-wrapper .inputselect {
  opacity: 0.3;
  display: none;
}
.modal-multiselect-header {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: rgba(51, 51, 51, 0.8);
  padding: 9px 15px;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 40px;
}
.modal-multiselect-header:after {
  content: "";
  position: absolute;
  border: 5px solid transparent;
  border-top: 3.5px solid #9677bf;
  width: 10px;
  height: 5px;
  right: 10px;
  top: 16px;
  opacity: 0.6;
}
.modal-multiselect-wrapper .modal-multiselect-items {
  max-height: 0px;
  position: absolute;
  top: 38px;
  background: #fff;
  overflow: hidden;
  width: 100%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
.modal-multiselect-wrapper.vis .modal-multiselect-items {
  max-height: unset;
  overflow: visible;
  padding-top: 8px;
  padding-bottom: 8px;
}
.modal-multiselect-option {
  font-family: Roboto;
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  padding: 8px 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.modal-multiselect-option:hover {
  background: #eee;
}
.modal-multiselect-option:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #9677bf;
  border-radius: 2px;
  display: block;
  margin-right: 10px;
}
.modal-multiselect-option.sel:before {
  background: #9677bf url(images/check.png) center center no-repeat;
  color: #fff;
}
.pret-textarea {
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  height: 140px;
  margin-bottom: 10px;
  font-family: Roboto;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: rgba(51, 51, 51, 0.8);
  padding: 8px 15px;
}
#pretension-popup span,
#pretension-popup br {
  display: none;
}
.pret-input {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  padding: 9px 15px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 2px;
  color: rgba(51, 51, 51, 0.8);
}
.modal-fileupload-doclist {
  display: flex;
  flex-wrap: wrap;
}
.modal-fileupload-doc {
  font-family: Roboto;
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}
.modal-fileupload-remove {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #9677bf;
  text-decoration: none;
  cursor: pointer;
}
.modal-fileupload-remove:hover {
  text-decoration: underline;
}
.modal-fileupload-doc div {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: none;
  margin-left: 5px;
  cursor: pointer;
  background: #9677bf url(images/krestik.png) center center no-repeat;
}
.pret-file {
  color: #fff;
  background: #9677bf;
}
.pret-fileupload {
  position: relative;
  display: inline-block;
}
.pret-fileupload input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: block;
  cursor: pointer;
}
.pret-file-fake {
  color: #fff;
  background: #9677bf;
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  padding: 12px 40px;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #9677bf;
  pointer-events: none;
}
.pret-file-fake:hover {
  background: #fff;
  color: #9677bf;
}
#pretension-popup input[type="submit"],
.pret-form-submit {
  color: #fff;
  border: 1px solid #9677bf;
  background: #9677bf;
  text-align: center;
  font-family: Roboto;
  padding: 11px;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  margin-top: 20px;
  margin-bottom: 10px;
  transition: all 0.5s;
  display: block;
  width: 100%;
  cursor: pointer;
}
#pretension-popup input[type="submit"]:hover,
.pret-form-submit:hover {
  color: #9677bf;
  background: #fff;
}
#pretension-popup input[type="submit"][disabled],
.pret-form-submit.disabl {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
#pretension-popup form {
  width: 524px;
}
.modal-errors br {
  display: unset !important;
}
.popup-success-text {
  font-family: Roboto;
  color: #333;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 20px;
}
.popup-success-button {
  background: #9677bf;
  border: 1px solid #9677bf;
  border-radius: 2px;
  color: #fff;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  padding: 12px 40px;
  margin-bottom: 30px;
  transition: all 0.4s;
}
.popup-success-button:hover {
  color: #9677bf;
  background: #fff;
  text-decoration: none;
}
.bx-core-waitwindow {
  display: none !important;
}
div[id^="wait_comp_"] {
  display: none !important;
}
#pretension-popup {
  padding: 0px 20px;
}
#pretension-popup .popup-form-text {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: rgba(51, 51, 51, 0.6);
  text-align: center;
}
#pretension-popup .popup-form-text a {
  color: rgba(51, 51, 51, 0.6);
}
.modal-errors font.errortext {
  color: #ff4f6c !important;
}
.bas-tovars-wrapper {
  font-family: Roboto;
}
.bas-tovars-wrapper .b_req_title {
  margin-bottom: 20px;
}
.bas-tovars-header {
  background: #f5f5f5;
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 17px 0px;
  border-bottom: none;
}
.bas-tovars-header > div {
  display: flex;
}
.bas-th-item {
  padding: 0px 15px;
}
.bas-tovars-header {
  margin: 0;
}
.bas-tovar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e2e4;
  border-top: none;
}
.bas-tovars-content {
  border: 1px solid #e6e2e4;
  border-bottom: none;
}
.bas-tovar-header > div {
  color: #333;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  padding: 15px;
}

.bas-tovar-header .bas__item:nth-child(1),
.bas-tovar .bast__item:nth-child(1) {
  width: 350px;
}

.bas-tovar {
  justify-content: space-between;
}

/* .bas-tovars-content .bast-item1{
	width: 40%;
	padding-left: 30px;
}
.bast-item2{
	width: 13%;
}
.bast-item3{
	width: 13%;
}
.bast-item4 {
	width: 18%;
}
.bast-item5{
	width: 13%;
} */
.bas-tovar {
}
.bas-tovar .bast-item1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 20px;
}
.bas-tovar > div {
  border-bottom: 1px solid #e6e2e4;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 50px;
  padding-bottom: 20px;
}
.bast-content {
  display: flex;
  align-items: center;
}
img {
  font-size: 10px;
  line-height: 12px;
}
.bast-title {
  width: 100%;
  color: #333;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 15px;
  text-decoration: none;
}
.bast-title:hover {
  text-decoration: underline;
}
.bast-image {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  margin-right: 15px;
  border-radius: 2px;
}
.bast-description {
  flex-grow: 1;
}
.bast-description-item {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: rgba(51, 51, 51, 0.8);
  margin-bottom: 10px;
}
.bast-description-item span {
  color: #333;
}
.bast-price-actual {
}
.bas-tovar {
  display: flex;
}
.bast-delivery-title {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: rgba(51, 51, 51, 0.8);
  margin-bottom: 5px;
}
.bast-delivery-value {
  color: #333;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.bast-price-actual,
.bast-quantity {
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #333;
  padding-bottom: 5px;
}
.bast-price-old {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: rgba(51, 51, 51, 0.8);
  text-decoration-line: line-through;
}
.bast-delivery-item {
  padding-bottom: 15px;
}
.bast-result-price {
  text-align: right;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #333;
  margin-bottom: 7px;
}
.bast-result-price-old {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  color: rgba(51, 51, 51, 0.8);
  text-decoration: line-through;
}
.bast-skidka {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  color: #ff4f6c;
}
.sol-header-right {
  justify-content: flex-end;
}
/* скрываем системные части корзины*/
/*====*/
.bx-soa-section {
  display: none;
}
#bx-soa-main-notifications {
  display: none;
}
#bx-soa-orderSave {
  display: none;
}
/*===*/

.b-delivery-dropdown {
  display: none;
  position: absolute;
  z-index: 10;
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 16px;
  color: #333;
  width: 100%;
}
.b-delivery-dropdown.vis {
  display: table;
}
.b-delivery-dropdown td {
  padding: 7px 15px;
  border-bottom: 1px solid #e6e2e4;
  cursor: pointer;
}
.b-delivery-dropdown tbody tr:hover {
  background: #e6e2e4;
}
.b-delivery-dropdown thead td {
  opacity: 0.6;
  font-size: 12px;
  line-height: 14px;
  cursor: default;
}
.b-addr-text {
  font-family: Roboto;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding-top: 10px;
}

.b_addr_wrapper .b-delivery-edit {
  font-size: 16px;
  line-height: 19px;
  padding-left: 10px;
  display: inline-flex;
  color: #9677bf;
  margin-top: 16px;
  align-items: flex-end;
}
.b-bonus-wrapper {
  border-bottom: 1px solid #e6e2e4;
  padding: 20px 0px;
  margin-bottom: 20px;
}
.b-delivery-type-wrapper {
  background: #f5f5f5;
  border-radius: 2px;
  padding-top: 13px;
  padding-bottom: 3px;
  padding-left: 21px;
  padding-right: 21px;
  margin-top: 5px;
}
.b-delivery-type-label {
  cursor: pointer;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  display: flex;
  align-items: center;
  position: relative;
}
.b-delivery-type-label input {
  display: none;
}
.b-delivery-type-label span {
  width: 24px;
  height: 24px;
  border: 1px solid #9677bf;
  position: relative;
  border-radius: 50%;
  margin-right: 10px;
}
.b-delivery-type {
  margin-bottom: 10px;
}
.b-delivery-type-label input:checked + span:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #9677bf;
  border-radius: 50%;
  top: 4px;
  left: 4px;
}
.whatisit {
  cursor: pointer;
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  background: url(images/whatisit.png) center center no-repeat;
}
.whatisit:hover {
  text-decoration: none;
}
.whatisit-note {
  position: absolute;
  background: #fff;
  top: 10px;
  left: 65%;
  padding: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  padding: 15px;
  opacity: 0;
  transition: 0.4s;
  /*transform: scale(0) rotate(-270deg);*/
  min-width: 337px;
  pointer-events: none;
  z-index: 20;
}
.whatisit-note-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.whatisit:hover + .whatisit-note {
  opacity: 1;
  /*transform: scale(1) rotate(0deg);*/
}
.b-bonus-wrapper .b_req_title {
  margin-bottom: 20px;
}
.b-bonus-count {
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #333;
  margin-bottom: 10px;
}
.b-bonus-count span {
  font-weight: bolder;
}
.b-bonus-text {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.b-bonus-form {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.b-bonus-input {
  width: 92px;
  flex-shrink: 0;
  border: 1px solid #e6e2e4;
  border-radius: 2px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 20px;
  margin-right: 10px;
}
.b-bonus-input.er {
  border: 1px solid #ff4f6c;
}
.b-bonus-button {
  flex-grow: 1;
  border: 1px solid #9677bf;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  background: #9677bf;
  padding: 15px 15px 16px 15px;
}
.b-bonus-button:hover {
  background: #fff;
  color: #9677bf;
  transition: all 0.4s;
}
.b-bonus-button[disabled] {
  opacity: 0.5;
}
.bx-soa-cart-total {
  transition: margin-top 0.5s !important;
}
.bx-soa-cart-total {
  background: #ffffff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  padding: 0 !important;
  border: none !important;
}
.bx-soa-cart-total-line,
bx-soa-cart-total-button-container,
.btn.btn-default.btn-lg.btn-order-save {
  display: none !important;
}
.bas-total-first {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
}
.bas-total-title {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e2e4;
  margin-bottom: 19px;
}
.bas-total-tovar-price {
  font-weight: bolder;
}
.bas-total-item {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: rgba(51, 51, 51, 0.6);
  margin-bottom: 16px;
  align-items: center;
}
.bas-total-item-value {
  color: #333;
  text-align: right;
  font-size: 14px;
  line-height: 16px;
  padding-left: 10px;
}
.bas-total-second {
  background: #f5f5f5;
  padding: 16px 30px 25px 30px;
}
.bas-total-total {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 23px;
  color: #333;
  padding-bottom: 15px;
}
.bas-total-total.mini {
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 10px;
}
.bas-total-total.mini .bas-total-total-price {
  font-size: 16px;
  line-height: 19px;
  font-weight: normal;
}
.bas-total-total.mini.minired {
  color: #eb5757;
}
.bas-total-total-price {
  font-weight: bolder;
}
.bas-total-order {
  border: 1px solid #9677bf;
  border-radius: 2px;
  color: #fff;
  background: #9677bf;
  padding: 11px 11px 12px;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  transition: all 0.5s;
  display: block;
}
.bas-total-order:hover {
  background: #fff;
  color: #9677bf;
  text-decoration: none;
}
.bas-total-order.disa {
  cursor: not-allowed;
  opacity: 0.6;
}
.bx-soa-sidebar {
  z-index: 10;
}
.inn-auto {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #9677bf;
  text-decoration: none;
  position: absolute;
  bottom: 25px;
  right: -285px;
}
.inn-auto:hover {
  text-decoration: underline;
  color: #9677bf;
}
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
}
#bx_recall_popup_form_confirm,
#bx_recall_popup_form_confirm1,
#bx_recall_popup_form_confirm_order {
  background-color: white;
  display: none;
  padding: 40px 30px 30px;
  text-align: center;
}

#bx_recall_popup_form_confirm_order {
  margin: -10px;
}

#bx_recall_popup_form_confirm_order .custom-preloader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

#bx_recall_popup_form_confirm_order .custom-preloader .preloader {
  margin: 0;
}

.confirm-popup-text {
  font-family: Roboto;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
.confirm-popup-buttons-wrapper {
  padding-top: 30px;
  display: inline-block;
}
.confirm-popup-delete,
.confirm-popup-close {
  width: 240px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 15px;
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  line-height: 23px;
}
.confirm-popup-close,
.confirm-popup-delete:hover {
}
.confirm-popup-close:hover,
.confirm-popup-delete {
}
.confirm-popup-title {
  padding-bottom: 30px;
  font-family: Ubuntu;
  font-size: 38px;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
.basket-empty-wrapper {
  padding-top: 100px;
  padding-bottom: 180px;
}
.basket-empty-wrapper > .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.basket-empty-content {
  margin-left: 35px;
}
.basket-empty-title {
  font-family: Ubuntu;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #333;
  margin-top: 0;
  margin-bottom: 30px;
}
.basket-empty-text {
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #333;
  margin-top: 0;
  margin-bottom: 50px;
}
.basket-empty-button {
  font-size: 14px;
  line-height: 16px;
  padding: 12px;
  width: 262px;
  display: block;
  text-align: center;
  max-width: 100%;
  transition: all 0.5s;
}
.basket-empty-button:hover {
}

.preloader-main {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}

.custom-preloader-rotate-main {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background-image: url(/local/components/bokus/catalog/templates/.default/images/circle-animate.png);
  background-position: center center;
  animation: circle-rotate 2s linear infinite;
  background-size: cover;
}

.custom-preloader-logo-main {
  position: absolute;
  top: calc(50% + 1px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-image: url(/local/components/bokus/catalog/templates/.default/images/circle-inner.png);
  background-size: cover;
}

.preloader {
  position: sticky;
  margin: 0 auto;
  margin-top: 150px;
}

.custom-preloader-rotate {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background-image: url(/local/components/bokus/catalog/templates/.default/images/circle-animate.png);
  background-position: center center;
  animation: circle-rotate 2s linear infinite;
  background-size: cover;
}

.custom-preloader-logo {
  position: absolute;
  top: calc(50% + 1px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-image: url(/local/components/bokus/catalog/templates/.default/images/circle-inner.png);
  background-size: cover;
}
.custom-preloader-main {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255);
  z-index: 100 !important;
}
.catalog-content-row .custom-preloader {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

@keyframes circle-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
.basket-items-list-header.basket-items-list-header-fixed {
  border: none;
}
@media (min-width: 992px) {
  .header-user-mob {
    display: none;
  }
}
@media (max-width: 767px) {
  .basket-empty-content {
    margin-left: 15px;
    margin-right: 15px;
  }
  .basket-empty-title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 5px;
  }
  .basket-empty-text {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    margin-bottom: 5px;
  }
  .basket-empty-button {
    width: 100%;
  }
}

/* Бонусы */
.bonuses-list-container {
  background: #99c2d1;
  padding: 30px;
  margin-bottom: 30px;
}
.bonuses-list-container-bot {
  background: #f5f5f5;
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 30px;
  margin-bottom: 90px;
  z-index: 10;
}
.personal-bonuses-title-white {
  margin-bottom: 0;
  margin-top: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  text-transform: none;
  letter-spacing: unset;
  color: #ffffff;
}
.personal-bonuses-title {
  margin-bottom: 0;
  margin-top: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #333333;
}
.personal-bonuses-count-white {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 52px;
  line-height: 1;
  color: #ffffff;
  margin-left: 30px;
}
.personal-bonuses-lead-white {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
}
.personal-bonuses-date-white {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
  padding-top: 20px;
}
.personal-bonuses-head-item {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #4f4f4f;
  padding-top: 18px;
  width: 40%;
}
.personal-bonuses-date {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
  padding-top: 20px;
}
.personal-bonuses-count-block {
  display: flex;
  align-items: flex-end;
}
.bonuses-image {
  position: absolute;
  right: -40px;
  top: 135px;
  width: 200px;
  height: 178px;
}
.bonuses-image img {
  width: 100%;
}
.bonuses-item-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #333333;
  width: 40%;
}
.bonuses-item-count {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #333333;
  width: 10%;
}
.personal-bonuses-head-item:nth-child(2) {
  width: 10%;
}
.personal-bonuses-head-item:first-child {
  width: 25%;
}
.personal-bonuses-head-item:last-child {
  width: 20%;
}
.bonuses-item-text:nth-child(2) {
  width: 10%;
}
.bonuses-item-text:first-child {
  width: 25%;
}
.bonuses-item-text:last-child {
  width: 20%;
}
.bonuses-table-header {
  display: flex;
  justify-content: space-between;
}
.bonuses-table-item {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #e6e2e4;
}
.bonuses-table-item:last-child {
  padding-bottom: 0;
  border: unset;
}
.red {
  color: #eb5757;
}
.green {
  color: #219653;
}
.bonuses-table-header-mobile {
  display: none;
}
.bonuses-item-text-block {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .bx-inclinkspersonal-list {
    display: flex;
    flex-flow: column;
  }
  .bonuses-list-container {
    padding: 25px 10px;
  }
  .bx-sidebar-block {
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #e6e2e4;
    box-sizing: border-box;
  }
  .bonuses-list-container-bot {
    padding: 0 10px;
    background: transparent;
    border: unset;
    margin-bottom: 50px;
  }
  .bonuses-table-header-mobile {
    display: flex;
    flex-flow: column;
    width: 40%;
  }
  .bonuses-item-text-block {
    flex-flow: column;
    width: 60%;
    justify-content: space-between;
    padding-bottom: 20px;
  }
  .bonuses-table-item:last-child {
    padding-bottom: 0;
    border: 1px solid #e6e2e4;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .bonuses-table-content {
    width: 100%;
  }
  .personal-bonuses-table {
    display: flex;
    flex-wrap: wrap;
  }
  .bonuses-table-header {
    display: none;
  }
  .personal-bonuses-title-white {
    font-size: 28px;
    line-height: 38px;
  }
  .personal-bonuses-lead-white {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
  }
  .personal-bonuses-count-white {
    font-size: 24px;
    line-height: 28px;
    margin-left: 15px;
  }
  .personal-bonuses-date-white {
    font-size: 16px;
    line-height: 26px;
  }
  .personal-bonuses-title {
    font-size: 28px;
    line-height: 38px;
  }
  .personal-bonuses-head-item {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 17px;
    white-space: nowrap;
  }
  .bonuses-table-item {
    width: 100%;
    padding: 20px 10px;
    padding-bottom: 0;
    background: #f5f5f5;
    border: 1px solid #e6e2e4;
    box-sizing: border-box;
    border-radius: 2px;
    margin-top: 10px;
  }
  .bonuses-item-text {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    text-align: right;
    white-space: nowrap;
  }
  .bonuses-item-count {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
  }
  .personal-bonuses-head-item:nth-child(2) {
    width: 100%;
  }
  .personal-bonuses-head-item:first-child {
    width: 100%;
  }
  .personal-bonuses-head-item:last-child {
    width: 100%;
  }
  .bonuses-item-text:first-child {
    width: 100%;
  }
  .bonuses-item-text:last-child {
    width: 100%;
  }
  .sidebar {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .sidebar .bx-sidebar-block {
    padding: 0;
    border-radius: 2px;
  }
  .bonuses-image {
    width: 161px;
    height: 144px;
    right: -60px;
    top: 80px;
  }
  .bx-inclinkspersonal-item {
    display: none;
  }
  .bx-inclinkspersonal-item:last-child {
    margin-bottom: 5px;
    margin-top: 11px;
  }
  .bx-inclinkspersonal-selected {
    display: block;
    order: -1;
  }
  .bx-inclinkspersonal-item:last-child:before {
    top: -4px;
  }
  a[data-icon-ref="/?logout=yes"]::before {
    left: 13px;
  }
  a[data-icon-ref="/personal/feedback/"]::before {
    left: 11px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bonuses-list-container {
    padding: 25px 10px;
  }
  .bonuses-list-container-bot {
    padding: 25px 10px;
  }
  .personal-bonuses-title-white {
    font-size: 28px;
    line-height: 38px;
  }
  .personal-bonuses-lead-white {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
  }
  .personal-bonuses-count-white {
    font-size: 24px;
    line-height: 28px;
    margin-left: 15px;
  }
  .personal-bonuses-date-white {
    font-size: 16px;
    line-height: 26px;
  }
  .bonuses-list-container img {
    right: 10px;
    z-index: 1;
  }
  .personal-bonuses-title {
    font-size: 28px;
    line-height: 38px;
  }
  .personal-bonuses-head-item {
    font-size: 14px;
    line-height: 24px;
    width: 33%;
  }
  .bonuses-item-text {
    font-size: 16px;
    line-height: 19px;
    width: 33%;
  }
  .bonuses-item-count {
    width: 15%;
    font-size: 16px;
    line-height: 24px;
  }
  .personal-bonuses-head-item:nth-child(2) {
    width: 15%;
  }
  .personal-bonuses-head-item:first-child {
    width: 32%;
  }
  .personal-bonuses-head-item:last-child {
    width: 20%;
  }
  .bonuses-item-text:first-child {
    width: 32%;
  }
  .bonuses-item-text:last-child {
    width: 20%;
  }
  .sidebar .bx-sidebar-block {
    padding: 0;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
  }
  .bx-inclinkspersonal-item-element {
    padding-left: 42px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .bx-inclinkspersonal-item:last-child {
    margin-top: 10px;
  }
  .bx-inclinkspersonal-item:last-child:before {
    top: 0;
  }
  .bonuses-image {
    right: 10px;
    top: 60px;
  }
}
/* Мои заказы - нет заказов*/
.gray-note {
  width: 100%;
  background: #f5f5f5;
  padding: 30px 20px 40px 20px;
}
.gray-note-text {
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.4;
  padding: 0;
}
.main-button {
  color: #fff;
  background: #9677bf;
  border: 1px solid #9677bf;
  border-radius: 7px;
  transition: all 0.5s;
  text-align: center;
  cursor: pointer;
}
.main-button:focus {
  outline: none;
  color: #fff;
  background: #fff;
  color: #9677bf;
}
.main-button:hover {
  background: #fff;
  color: #9677bf;
  text-decoration: none;
}
.main-button-alt {
  border: 1px solid #9677bf;
  border-radius: 7px;
  transition: all 0.5s;
  text-align: center;
  color: #9677bf;
  background: #fff;
}
.main-button-alt:focus {
  outline: none;
  color: #9677bf;
}
.main-button-alt:hover,
.main-button-alt:focus {
  color: #fff;
  background: #9677bf;
  background: linear-gradient(0deg, #9677bf, #9677bf),
    linear-gradient(0deg, #932e8b, #932e8b), #2f3033;
}
.gray-note-button {
  font-size: 14px;
  line-height: 16px;
  padding: 12px;
  width: 262px;
  max-width: 100%;
  display: block;
}
.bx-inclinkspersonal-item-element:focus {
  outline: none;
  color: #333;
}
/* ЗАКАЗ ОФОРМЛЕН */
.oc-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 140px;
}
.oc-icon {
  width: 70px;
}
.oc-title {
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #333;
}
.oc-subtitle {
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  line-height: 23px;
  color: #333;
}
.oc-text {
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  line-height: 26px;
  color: #333;
  padding-top: 20px;
  padding-bottom: 40px;
}
.oc-text span {
  font-weight: bold;
}
.oc-button-wrapper {
  display: inline-flex;
  align-items: center;
}
.oc-pay {
  font-family: Roboto;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  padding: 12px 30px;
}
.oc-orders-link {
  color: #9677bf;
  font-family: Roboto;
  font-size: 14px;
  line-height: 16px;
  padding: 0 30px;
  text-decoration: underline;
}
.oc-orders-link:hover {
  color: #9677bf;
}
@media (max-width: 1024px) and (min-width: 768px) {
  .oc-title {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 15px;
    padding-top: 20px;
  }
  .oc-subtitle {
    font-size: 18px;
    line-height: 21px;
  }
  .oc-text {
    font-size: 14px;
    line-height: 16px;
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .oc-row {
    padding-top: 25px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .oc-row {
    padding-top: 25px;
    padding-bottom: 50px;
  }
  .oc-title {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 15px;
    padding-top: 20px;
  }
  .oc-subtitle {
    font-size: 18px;
    line-height: 21px;
  }
  .oc-text {
    font-size: 14px;
    line-height: 16px;
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .oc-button-wrapper {
    flex-wrap: wrap;
    width: 100%;
  }
  .oc-pay {
    width: 100%;
    display: block;
  }
  .oc-orders-link {
    display: block;
    width: 100%;
    padding-top: 15px;
    text-align: center;
  }
}
/* Способы оплаты*/
.b-pay-methods-wrapper {
  display: flex;
  padding-top: 30px;
  padding-bottom: 20px;
}
.b-pay-method {
  padding-right: 40px;
}

/* Бонусы */
.bonuses-list-container {
  background: #99c2d1;
  padding: 30px;
  margin-bottom: 30px;
}
.bonuses-list-container-bot {
  background: #f5f5f5;
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 30px;
  margin-bottom: 90px;
  z-index: 10;
}
.personal-bonuses-title-white {
  margin-bottom: 0;
  margin-top: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #ffffff;
}
.personal-bonuses-title {
  margin-bottom: 0;
  margin-top: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #333333;
}
.personal-bonuses-count-white {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 52px;
  line-height: 1;
  color: #ffffff;
  margin-left: 30px;
}
.personal-bonuses-lead-white {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
}
.personal-bonuses-date-white {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
  padding-top: 20px;
}
.personal-bonuses-head-item {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #4f4f4f;
  padding-top: 18px;
  width: 40%;
}
.personal-bonuses-date {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 38px;
  color: #ffffff;
  padding-top: 20px;
}
.personal-bonuses-count-block {
  display: flex;
  align-items: flex-end;
}
.bonuses-image {
  position: absolute;
  right: -40px;
  top: 135px;
  width: 200px;
  height: 178px;
}
.bonuses-image img {
  width: 100%;
}
.bonuses-item-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #333333;
  width: 40%;
}
.bonuses-item-count {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #333333;
  width: 10%;
}
.personal-bonuses-head-item:nth-child(2) {
  width: 10%;
}
.personal-bonuses-head-item:first-child {
  width: 25%;
}
.personal-bonuses-head-item:last-child {
  width: 20%;
}
.bonuses-item-text:nth-child(2) {
  width: 10%;
}
.bonuses-item-text:first-child {
  width: 25%;
}
.bonuses-item-text:last-child {
  width: 20%;
}
.bonuses-table-header {
  display: flex;
  justify-content: space-between;
}
.bonuses-table-item {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #e6e2e4;
}
.bonuses-table-item:last-child {
  padding-bottom: 0;
  border: unset;
}
.red {
  color: #eb5757;
}
.green {
  color: #219653;
}
.bonuses-table-header-mobile {
  display: none;
}
.bonuses-item-text-block {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.b-addr-block-alt {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding-top: 10px;
  display: none;
}
.b-delivery-item-cost {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .bonuses-list-container {
    padding: 25px 10px;
  }
  .bonuses-list-container-bot {
    padding: 0 10px;
    background: transparent;
    border: unset;
    margin-bottom: 50px;
  }
  .bonuses-table-header-mobile {
    display: flex;
    flex-flow: column;
    width: 40%;
  }
  .bonuses-item-text-block {
    flex-flow: column;
    width: 60%;
    justify-content: space-between;
    padding-bottom: 20px;
  }
  .bonuses-table-item:last-child {
    padding-bottom: 0;
    border: 1px solid #e6e2e4;
    box-sizing: border-box;
    border-radius: 2px;
  }
  .bonuses-table-content {
    width: 100%;
  }
  .personal-bonuses-table {
    display: flex;
    flex-wrap: wrap;
  }
  .bonuses-table-header {
    display: none;
  }
  .personal-bonuses-title-white {
    font-size: 28px;
    line-height: 38px;
  }
  .personal-bonuses-lead-white {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
  }
  .personal-bonuses-count-white {
    font-size: 24px;
    line-height: 28px;
    margin-left: 15px;
  }
  .personal-bonuses-date-white {
    font-size: 16px;
    line-height: 26px;
  }
  .personal-bonuses-title {
    font-size: 28px;
    line-height: 38px;
  }
  .personal-bonuses-head-item {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 17px;
    white-space: nowrap;
  }
  .bonuses-table-item {
    width: 100%;
    padding: 20px 10px;
    padding-bottom: 0;
    background: #f5f5f5;
    border: 1px solid #e6e2e4;
    box-sizing: border-box;
    border-radius: 2px;
    margin-top: 10px;
  }
  .bonuses-item-text {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    text-align: right;
    white-space: nowrap;
  }
  .bonuses-item-count {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
  }
  .personal-bonuses-head-item:nth-child(2) {
    width: 100%;
  }
  .personal-bonuses-head-item:first-child {
    width: 100%;
  }
  .personal-bonuses-head-item:last-child {
    width: 100%;
  }
  .bonuses-item-text:first-child {
    width: 100%;
  }
  .bonuses-item-text:last-child {
    width: 100%;
  }
  .sidebar .bx-sidebar-block {
    padding: 0;
  }
  .bonuses-image {
    width: 161px;
    height: 144px;
    right: -60px;
    top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .bonuses-list-container {
    padding: 25px 10px;
  }
  .bonuses-list-container-bot {
    padding: 25px 10px;
  }
  .personal-bonuses-title-white {
    font-size: 28px;
    line-height: 38px;
  }
  .personal-bonuses-lead-white {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
  }
  .personal-bonuses-count-white {
    font-size: 24px;
    line-height: 28px;
    margin-left: 15px;
  }
  .personal-bonuses-date-white {
    font-size: 16px;
    line-height: 26px;
  }
  .bonuses-list-container img {
    right: 10px;
    z-index: 1;
  }
  .personal-bonuses-title {
    font-size: 28px;
    line-height: 38px;
  }
  .personal-bonuses-head-item {
    font-size: 14px;
    line-height: 24px;
    width: 33%;
  }
  .bonuses-item-text {
    font-size: 16px;
    line-height: 19px;
    width: 33%;
  }
  .bonuses-item-count {
    width: 15%;
    font-size: 16px;
    line-height: 24px;
  }
  .personal-bonuses-head-item:nth-child(2) {
    width: 15%;
  }
  .personal-bonuses-head-item:first-child {
    width: 32%;
  }
  .personal-bonuses-head-item:last-child {
    width: 20%;
  }
  .bonuses-item-text:first-child {
    width: 32%;
  }
  .bonuses-item-text:last-child {
    width: 20%;
  }
  .sidebar .bx-sidebar-block {
    padding: 0;
  }
  .bonuses-image {
    right: 10px;
    top: 60px;
  }
}
.b-o-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #333;
  margin: 0;
  padding: 0;
  margin-bottom: 56px;
}
/* АДАПТИВ оформление заказа*/
/* 992 - 1200*/
.onlymob {
  display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .b-delivery-comment-wrapper {
    margin-top: 30px;
  }
  .b-o-title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 10px;
  }
  .b_req_item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .b_req_title {
    font-size: 20px;
    line-height: 23px;
  }
  .b-req-label {
    font-size: 12px;
    line-height: 14px;
    padding-top: 15px;
    margin-bottom: 7px;
  }
  .b-req-value {
    font-size: 14px;
    line-height: 16px;
  }
  .b-req-buttons a,
  .b_addr_wrapper .b-delivery-edit {
    font-size: 14px;
    line-height: 16px;
  }
  .b_addr_wrapper {
    padding: 30px 0px;
  }
  .b-delivery-block {
    padding-top: 20px;
  }
  .b-addr-block {
    display: flex;
    flex-wrap: wrap;
  }
  .b-addr-block .b_req_title {
    width: 100%;
  }
}
/* Планшет*/
@media (min-width: 768px) and (max-width: 1024px) {
  .basket-breadcrumbs-wrapper .bx-breadcrumb {
    margin-bottom: 10px;
  }
  .bas-total-total-price {
    white-space: nowrap;
  }
  .b-o-title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 10px;
  }
  .b_req_title {
    font-size: 20px;
    line-height: 23px;
  }
  .b_req_item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .b-pay-methods-wrapper {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .b-req-label {
    font-size: 12px;
    line-height: 14px;
    padding-top: 15px;
    margin-bottom: 7px;
  }
  .b-req-value {
    font-size: 14px;
    line-height: 16px;
  }
  .b-req-buttons a,
  .b_addr_wrapper .b-delivery-edit {
    font-size: 14px;
    line-height: 16px;
  }
  .b-addr-block {
    display: flex;
    flex-direction: column;
  }
  .b-addr-block .b_req_title {
    width: 100%;
  }
  .b-delivery-block {
    padding-top: 20px;
  }
  .b_addr_wrapper {
    padding-bottom: 30px;
  }
  .b-bonus-wrapper {
    padding-top: 10px;
  }
  .b-bonus-wrapper .b_req_title {
    margin-bottom: 15px;
  }
  .bas-tovars-header > div {
    padding-left: 0;
  }
  .bas-tovars-content .bast-item1 {
    padding-left: 15px;
  }
  .bas-tovar .bas-item5 {
    padding-left: 0;
  }
  .b-bonus-count {
    font-size: 16px;
    line-height: 19px;
  }
  .bast-delivery-title {
    font-size: 12px;
    line-height: 14px;
  }
  .bast-skidka {
    font-size: 13px;
  }
  #bx-soa-total {
    position: fixed;
    bottom: 0px;
    height: auto;
    padding: 0;
    left: 0px;
    z-index: 1;
  }
  .bas-total-first {
    width: 70%;
  }
  .bas-total-second {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .bas-total-mobile-one,
  .bas-total-mobile-two {
    width: 50%;
    padding: 0px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .bas-total-mobile-one {
    border-right: 1px solid #e6e2e4;
  }
  .bas-total-first {
    display: flex;
  }
  .bas-total-first > div {
    width: 50%;
  }
  .bx-soa-cart-total {
    display: flex;
  }
  .bas-total-first {
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .bas-total-title {
    border-bottom: none;
    padding-bottom: 16px;
    margin-bottom: 0;
  }
  .bas-total-total {
    width: 100%;
  }
  .bas-total-item:last-child {
    margin-bottom: 0;
  }
  .sol-header-right {
    padding-right: 0;
  }
  .bas-total-second {
  }
}
@media (max-width: 767px) {
  .b-addr-block-alt {
    padding-top: 10px;
  }
  .b-addr-block {
    margin-top: 20px;
  }
  .b-delivery-comment-wrapper {
    margin-top: 0;
  }
  .bast-delivery-item {
    padding-bottom: 10px;
  }
  .bas-total-second {
    background: #fff;
  }
  .basket-breadcrumbs-wrapper .bx-breadcrumb {
    margin-bottom: 10px;
  }
  #bx-soa-total {
    position: fixed;
    bottom: 0px;
    height: auto;
    padding: 0;
    left: 0px;
    z-index: 1;
  }
  #bx-soa-total .block-top,
  #bx-soa-total .block-bottom {
    display: none;
  }
  #bx-soa-total .mobile-total {
    display: block !important;
  }
  #bx-soa-total-mobile {
    display: none !important;
  }
  .b-o-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  .b_req_title {
    font-size: 20px;
    line-height: 23px;
  }
  .b-pay-methods-wrapper {
    padding-top: 20px;
    padding-bottom: 5px;
    flex-direction: column;
  }
  .b-pay-methods-wrapper .b-pay-method {
    margin-bottom: 15px;
  }
  .b_req_item {
    padding: 20px 10px;
  }
  .b_req_item > .row {
    flex-wrap: wrap;
  }
  .b-req-label {
    font-size: 12px;
    line-height: 14px;
    padding-top: 15px;
    margin-bottom: 7px;
  }
  .b-req-value {
    font-size: 14px;
    line-height: 16px;
  }
  .b-req-buttons {
    margin-top: 20px;
  }
  .b-req-buttons a,
  .b_addr_wrapper .b-delivery-edit {
    font-size: 14px;
    line-height: 16px;
  }
  .b_req_wrapper {
    margin-bottom: 10px;
  }
  .b_addr_wrapper {
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  .b_addr_wrapper .b-req-value {
    padding-top: 15px;
    padding-top: 0;
  }
  .b-delivery-block {
    padding-top: 30px;
  }
  .whatisit-note {
    width: 90%;
    left: unset;
    right: -30px;
  }

  .b-delivery-type-wrapper {
    padding: 20px 15px;
    margin-top: 10px;
  }

  .b-delivery-type-wrapper .b-delivery-type:last-child,
  .b-delivery-type-wrapper .b-delivery-type:last-child .b-delivery-type-label {
    margin-bottom: 0;
  }
  .b-bonus-wrapper {
    padding-bottom: 10px;
  }
  .b-bonus-wrapper .b_req_title {
    margin-bottom: 15px;
  }
  .b-bonus-count {
    font-size: 16px;
    line-height: 19px;
  }
  .b-bonus-form {
    margin-bottom: 0;
  }
  .bas-tovars-header {
    padding-bottom: 5px;
    padding-top: 20px;
    border-bottom: 1px solid #e6e2e4;
  }
  .bas-tovars-header > div {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }
  .bas-th-item {
    padding: 0px 10px;
    flex-grow: 1;
    padding-bottom: 15px;
  }
  .bas-tovar-header {
    display: none;
  }
  .bas-tovar {
    flex-direction: column;
  }
  .bas-tovars-content .bast-item1,
  .bas-tovars-content .bast-item2,
  .bas-tovars-content .bast-item3,
  .bas-tovars-content .bast-item4,
  .bas-tovars-content .bast-item5 {
    width: 100%;
  }
  .onlymob {
    display: block;
  }
  .bast-title-mobile {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    margin-bottom: 10px;
  }
  .bas-tovars-content {
    border: none;
  }
  .bas-tovar .bast-item1 {
    padding-top: 17px;
    padding-left: 0;
    padding-right: 0;
  }
  .bast-image {
    width: 105px;
    height: 105px;
    object-fit: cover;
  }
  .bast-content {
    align-items: flex-start;
  }
  .bast-showmore {
    font-size: 14px;
    line-height: 16px;
    color: #9677bf;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-style: dotted;
    display: flex;
    align-items: center;
    transition: all 0.6s;
  }
  .bast-showmore:after {
    border: 5px solid transparent;
    border-top: 3.5px solid #9677bf;
    width: 10px;
    height: 5px;
    content: "";
    margin-left: 5px;
    margin-top: 7px;
    transition: all 0.6s;
  }
  .bast-showmore.up:after {
    margin-top: -4px;
    transform: rotateX(180deg);
  }
  .bat-mobile-label {
    width: 105px;
    margin-right: 15px;
    font-size: 12px;
    line-height: 14px;
    color: #333;
  }
  .bas-tovar > div {
    border-bottom: none;
  }
  .bas-tovar .bast-item2,
  .bas-tovar .bast-item3,
  .bas-tovar .bast-item4,
  .bas-tovar .bast-item5 {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    border: none;
  }
  .bast-price-old {
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  .bast-skidka {
    width: 100%;
    text-align: left;
  }
  .bas-tovar .bast-item5 > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .bast-result-price-old {
    margin-left: 10px;
  }
  .bast-delivery-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .bas-tovar {
    border-bottom: 1px solid #e6e2e4;
  }
  .bast-delivery-title {
    font-size: 12px;
    line-height: 14px;
  }
  .bast-delivery-value {
    font-size: 14px;
    line-height: 16px;
  }
  .bx-soa-sidebar {
    height: unset !important;
  }
  /* Стили для фикса итогового блока. Закоментить если не нужно*/
  .bx-soa-cart-total {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 0;
  }
  .bas-total-first {
    display: none;
  }
  .bas-total-second {
    padding: 0;
  }
  .bas-total-order {
    border-radius: 0px;
    font-size: 14px;
    line-height: 16px;
  }
  .bas-total-total {
    padding: 7px;
    justify-content: center;
  }
  .bas-total-total-price {
    font-weight: normal;
    padding-left: 5px;
  }
  .b-error-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .b-error-button {
    width: 100%;
  }
  .bas-total-total.mini {
    display: none;
  }
  .b_addr_wrapper .b-delivery-edit {
    padding-left: 0;
  }
  .b-req-buttons {
    justify-content: space-between;
  }
}

/* КОНЕЦ АДАПТИВА оформление заказа*/

/* АДАПТИВ МОИ ЗАКАЗЫ */
.sol-showmore-wrapper > div {
  padding-bottom: 10px;
}
/* БОЛЬШОЙ ПЛАНШЕТ */
.sol-tovar-mobile-title {
  display: none;
}
.sol-showmore-button {
  display: none;
}
.sch-2 span,
.sch-5 span {
  font-size: 14px;
  line-height: 16px;
  text-decoration-line: line-through;
  color: #333333;
  opacity: 0.8;
  padding-top: 5px;
  display: inline-block;
}
.sch-2,
.sch-5 {
  line-height: 16px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .personal-orders-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 14px;
  }
  .personal-content {
    padding-right: 15px;
  }
  .sale-order-list-container {
    padding-left: 0;
    padding-right: 0;
  }
  .sol-header {
    background: #f4f1f9;
  }
  .sol-header-item {
    width: 25%;
    padding: 17px 10px 15px 10px;
  }
  .sol-header {
    flex-wrap: wrap;
  }
  .sol-address > div {
    border-top: none;
    padding-top: 15px;
    padding-bottom: 5px;
  }
  .sol-address {
    padding-bottom: 9px;
  }
  .shipment-header .sh-item:first-child {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
  }
  .shipment-header .sh-item:first-child .sol-header-text {
    padding-left: 10px;
  }
  .shipment-header {
    flex-wrap: wrap;
  }
  .sol-header-text {
    margin-top: 0;
  }
  .sh-item {
    padding-left: 10px;
    padding-right: 5px;
  }
  .sch-4 {
    display: none !important;
  }
  .sch-1 {
    width: 49%;
  }
  .sch-2,
  .sch-3,
  .sch-5 {
    width: 17%;
  }
  .sc-header > div {
    height: 47px;
  }
  .sol-tovar-img {
    width: 55px;
    height: 55px;
    object-fit: cover;
  }
  .sol-tovar-mobile-title {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333;
  }
  .sol-tovar-description > div {
    padding-bottom: 10px;
  }
  .sol-showmore-wrapper.hidden-xs {
    display: none;
  }
  .sol-showmore-button {
    font-size: 14px;
    line-height: 16px;
    color: #9677bf;
    text-decoration: underline;
    cursor: pointer;
    text-decoration-style: dotted;
    display: flex;
    align-items: center;
    transition: all 0.6s;
  }
  .sol-showmore-button:after {
    border: 5px solid transparent;
    border-top: 3.5px solid #9677bf;
    width: 10px;
    height: 5px;
    content: "";
    margin-left: 5px;
    margin-top: 7px;
    transition: all 0.6s;
  }
  .sol-showmore-button.up:after {
    /*border: 5px solid transparent;
        border-bottom: 3.5px solid #9677BF;
        width: 10px;
        height: 5px;
        content: '';
        margin-left: 5px;
        margin-top: 2px;*/
    transform: rotateX(180deg);
    margin-top: -4px;
  }
  .sol-showmore-wrapper > div {
    padding-bottom: 10px;
  }
  .sc-body-item > div:not(:first-child) {
    padding-top: 0;
  }
  .sol-tovar-description {
    margin-left: 15px;
  }
  .sol-iteg-big {
    display: none;
  }
  .sol-itog-min {
    width: 50%;
    justify-content: space-around;
  }
  .sol-itog,
  .sol-footer {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: wrap;
  }
  .sol-footer-left {
    width: 100%;
  }
  .sol-footer {
    padding: 15px 10px;
  }
  .sol-footer-right {
    width: 100%;
  }
  .sol-footer-left .sol-footer-item {
    font-size: 14px;
    line-height: 16px;
  }
  .sol-footer-left .sol-footer-item span {
    padding-left: 10px;
    font-size: 26px;
  }
  .sol-footer-right {
    justify-content: flex-start;
    padding-top: 15px;
  }
  .sol-header-text {
    margin-top: 5px;
  }
  .sol-itog > div:first-child > .sol-itog-item:first-child .sol-itog-item-text {
    font-weight: bold;
  }
  .sol-header .sol-header-item:nth-last-child(2) .sol-header-text,
  .sol-header .sol-header-item:first-child .sol-header-text {
    font-weight: 500;
  }
  .sol-header-item:last-child {
    justify-content: flex-end;
  }
  .shipment-header .sh-item:first-child .sol-header-text {
    margin-top: 0;
  }
  .shipment-header .sh-item:nth-child(2) .sol-header-text {
    font-weight: bold;
  }
  .sol-footer-left .sol-footer-item span {
    font-size: 18px;
  }
  .sol-footer-left {
    align-items: center;
  }
  .bs-order-list-wrapper .sale-order-list-container {
    margin-bottom: 20px;
  }
}
/*Телефонный адаптив*/
@media (max-width: 767px) {
  .personal-content {
    padding: 0 10px;
  }
  .personal-orders-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .sale-order-list-container {
    padding-left: 0;
    padding-right: 0;
  }
  .sol-header {
    background: #f4f1f9;
    flex-wrap: wrap;
    padding: 20px 10px 0px 0px;
    border-bottom: 1px solid #e6e2e4;
  }
  .sale-order-list-container.hid .sol-header {
    border-bottom: none;
  }
  .sol-header-item {
    width: 50%;
    padding: 0;
    padding-bottom: 20px;
    padding-left: 10px;
  }
  .sol-header .sol-header-item:nth-last-child(2) .sol-header-text,
  .sol-header .sol-header-item:first-child .sol-header-text {
    font-weight: 500;
  }
  .shipment-header .sh-item:first-child .sol-header-text {
    margin-top: 0;
  }
  .shipment-header .sh-item:nth-child(2) .sol-header-text {
    font-weight: bold;
  }
  .sol-address > div {
    border-top: 0;
  }
  .sol-header-item:last-child {
    justify-content: flex-end;
  }
  .sol-address > div {
    padding-top: 15px;
    padding-bottom: 0;
  }
  .sol-address {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 20px;
  }
  .shipment-header {
    flex-wrap: wrap;
  }
  .shipment-header .sh-item:first-child {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
  }
  .shipment-header .sh-item:first-child .sol-header-text {
    padding-left: 10px;
  }
  .sol-header-text {
    margin-top: 5px;
  }
  .sol-itog > div:first-child > .sol-itog-item:first-child .sol-itog-item-text {
    font-weight: bold;
  }
  .sh-item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
  .shipment-header {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .sc-header {
    padding-left: 0;
    padding-right: 0;
  }
  .sch-1,
  .sch-2,
  .sch-3,
  .sch-5 {
    width: 25%;
  }
  .sch-4 {
    display: none !important;
  }
  .sol-tovar-img {
    width: 38px;
    height: 38px;
    border-radius: 3px;
  }
  .sc-body-item > div {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sol-tovar-content {
    display: flex;
    flex-direction: column;
  }
  .sol-tovar-mobile-title {
    display: block;
    order: 2;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .sol-tovar-description {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    width: 200px;
  }
  .sol-showmore-button {
    order: 1;
    color: #9677bf;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: 15px;
    text-decoration: underline;
    text-decoration-style: dotted;
    padding-bottom: 0 !important;
  }
  .sol-showmore-button:after {
    border: 5px solid transparent;
    border-top: 3.5px solid #9677bf;
    width: 10px;
    height: 5px;
    content: "";
    margin-left: 5px;
    margin-top: 7px;
    transition: all 0.6s;
    display: inline-block;
  }
  .sol-tovar-description > div {
    padding-bottom: unset;
  }
  .sol-showmore-button.up:after {
    transform: rotateX(180deg);
    margin-top: -4px;
  }
  .sol-showmore-wrapper {
    order: 3;
  }
  .sc-body-item > div:not(:first-child) {
    padding-top: 0;
  }
  .sol-showmore-wrapper > div {
    /*margin-top: 10px;*/
  }
  .sol-dropdown > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .sc-body-item {
    border-bottom: 1px solid #e6e2e4;
  }
  .sol-itog {
    border-top: none;
    flex-wrap: wrap;
    padding-top: 8px;
    padding-bottom: 0px;
  }
  .sc-header > div {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sc-body-item {
    padding-left: 0;
    padding-right: 0;
  }
  .sol-iteg-big {
    display: none;
  }
  .sol-itog-min {
    width: 100%;
  }
  .sol-itog-item:first-child {
    padding-left: 10px;
  }
  .sol-itog-item {
    padding-left: 30px;
    padding-bottom: 14px;
    padding-top: 6px;
  }
  .sol-footer-left,
  .sol-footer-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .sol-footer {
    padding: 16px 10px;
    flex-wrap: wrap;
  }
  .sol-footer-left .sol-footer-item {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
  }
  .sol-footer-left .sol-footer-item span {
    font-size: 20px;
    padding-left: 5px;
    line-height: 24px;
  }
  .sol-footer-button {
    margin-top: 20px;
  }
  .sol-footer-right {
    /* padding-top: 20px;*/
    justify-content: space-between;
  }
  .sol-footer-link {
    margin-top: 20px;
    font-size: 14px;
    line-height: 16px;
    padding-right: 10px;
  }
  .bs-order-list-wrapper .sale-order-list-container {
    margin-bottom: 20px;
  }
  .hid .sol-header {
    background: #f9f9f9;
  }
}
/* КОНЕЦ АДАПТИВА МОИ ЗАКАЗЫ*/
/* Календарь вебинаров */
@media (max-width: 1024px) {
  .fc-list-item-time,
  .fc-list-item-marker {
    display: none;
  }
}

@media (min-width: 1201px) and (max-width: 1380px) {
  .container.catalog-container {
    width: 1100px;
  }
}

/* Карточка товара адаптив */
@media (max-width: 767px) {
  .catalog-block-header {
    margin-bottom: 30px;
  }
  .content-product .card-good-description {
    padding-top: 10px;
  }
  .search-row .card-slide-text-block {
    height: 110px;
  }
  .card-slide-image-text {
    font-size: 0;
  }
  .card-slide-image-text .icon-new {
    margin: 0;
  }
  .card-slide-image-text span {
    font-size: 14px;
    margin: 0;
  }

  .wrap-modal_product .card-slide-image-text span {
    margin-left: 5px !important;
  }

  .card-slider-slider-nav .slick-list {
    padding: 0 !important;
  }
  .card-slider-slider-nav .slider-item {
    margin: 0 !important;
  }

  .card-slider-slider-nav {
    width: 100%;
    left: 15px;
  }
  .card-slide-text-block {
    padding-left: 0;
    padding-right: 0;
  }
  .card-slide-price {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }
  .card-slide-name {
    font-size: 14px;
    line-height: 16px;
  }
  .card-slide-type {
    font-size: 14px;
    line-height: 16px;
  }
  .card-slide-height {
    display: none;
  }
  .card-slide-density {
    display: none;
  }
  .card-slide {
    border: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .br-plan {
    display: none;
  }
  .card-slider-slider-nav .product-item-container {
    margin-right: 15px;
  }
  .modal-view .card-slide-image-text {
    font-size: 14px;
  }
  .modal-view .card-slide-image-text .icon-new {
    margin-left: 5px;
  }
  .modal-view .card-slide-image-text span {
    font-size: 14px;
  }
  .modal-product .card-slide-image-text {
    font-size: 14px;
  }
  .modal-product .card-slide-image-text .icon-new {
    margin-left: 5px;
  }
  .modal-product .card-slide-image-text span {
    font-size: 14px;
  }
  .card-slide-image-text {
    font-size: 0;
  }
  .card-slide-image-text .icon-new {
    margin: 0;
  }
  .card-slide-image-text span {
    font-size: 14px;
    margin: 0;
  }
  .wrap-modal_product .card-slide-image-text span {
    margin-left: 5px !important;
  }
  .card-slider-slider-nav .slick-list {
    padding: 0 !important;
  }
  .card-slider-slider-nav .slider-item {
    margin: 0; /* отступ */
  }
  .card-slider-slider-nav {
    left: 15px !important;
    width: 100% !important;
  }
  .card-slide-text-block {
    padding-left: 0;
  }
  .card-slide-price {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }
  .card-slide-name {
    font-size: 14px;
    line-height: 16px;
  }
  .card-slide-type {
    font-size: 14px;
    line-height: 16px;
  }
  .card-slide-height {
    display: none;
  }
  .card-slide-density {
    display: none;
  }
  .card-slide {
    border: 0;
  }
}
.form-control:focus {
  box-shadow: none;
}
.form-control.error {
  border-color: #ff4f6c !important;
}
.p-about-slider-next,
.p-about-slider-prev {
  cursor: pointer;
}
/*.mCustomScrollBox{
    background: #fff;
}*/

/*  */
/* реквизиты{ */
/*  */
.requisites-submit-wrapper {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .requisites {
    padding: 30px 20px 50px;
  }
  .requisites-title {
    font-size: 24px;
    line-height: 28px;
    padding-top: 0;
  }
  .requisites > * {
    margin: 0;
  }
  .requisites-row {
    margin-left: -15px;
    margin-right: -15px;
    width: unset;
  }
  .requisites-field-wrapper {
    padding-top: 10px;
    /* padding-right: 10px; */
  }
  .requisites-label {
    font-size: 14px;
  }
  .requisites-submit-wrapper {
    margin-top: 25px;
  }
  .requisites-submit {
    font-size: 14px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .requisites-cancel {
    margin-left: 40px;
  }
}
@media (max-width: 1024px) {
  .requisites-radio-wrapper {
    padding-bottom: 20px;
  }
  .inn-auto {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .requisites {
    padding: 30px 10px 30px;
  }
  .requisites-label {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .requisites-radio-wrapper {
    padding-bottom: 10px;
  }
  .requisites-radio-item label {
    font-size: 14px;
  }
  .requisites-submit-wrapper {
    margin-top: 5px;
  }
  .requisites-submit {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .requisites-cancel {
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
  }
}
/*  */
/* }реквизиты */
/*  */

/*  SEO настройки каталога */
@media (max-width: 1199px) {
  .catalog-settings-wrapper {
    display: none !important;
  }
}
.catalog-settings-wrapper {
  margin-top: 20px;
  padding: 10px;
  background: #f5f5f5;
  position: fixed;
  border-radius: 4px;
  top: 153px;
  left: 70px;
  width: 400px;
  height: 60px;
  overflow: hidden;
  z-index: 1000;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.catalog-settings-wrapper.open {
  max-height: 622px;
  height: auto;
}
.catalog-settings-title {
  color: #333;
  font-size: 20px;
  padding-bottom: 15px;
  font-weight: 500;
  cursor: grab;
  display: flex;
  justify-content: space-between;
}
.catalog-settings-title span {
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
}
.catalog-settings-input {
  background: #ffffff;
  border: 1px solid #e6e2e4;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  width: 100%;
  padding: 3px 15px;
  display: block;
}
.catalog-settings-input:disabled {
  opacity: 0.7;
}
.catalog-settings-label {
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #4f4f4f;
  padding-bottom: 4px;
  font-weight: normal;
}
.catalog-settings-field-wrapper {
  margin-bottom: 10px;
}
.catalog-settings-submit {
  font-size: 16px;
  line-height: 24px;
  padding: 6px;
  width: 100%;
}
/* END SEO настройки каталога */

/* ПОПАП МОДАЛЬНОГО ОКНА */
#FeedbackPopup {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
#feedback-popup {
  padding: 30px;
  width: 300px;
}
#exit-popup {
  padding: 30px;
  width: 500px;
  text-align: center;
}
#appeal-popup {
  padding: 30px;
  width: 300px;
}
@media (max-width: 767px) {
  #FeedbackPopup {
    left: calc(50% - 10px) !important;
  }
}

/* стили для попапов */
.advantages-modal-list {
  display: none;
}
.advantages-modal {
  font-family: Roboto;
  font-size: 16px;
  padding: 40px 30px;
  width: 600px;
}
.advantages-modal * {
  font-family: Roboto;
  font-size: 16px;
}
.advantages-modal h2,
.advantages-modal h3 {
  font-family: Ubuntu;
  font-size: 36px;
}
[id^="RecallPopupAuth"] {
  width: 584px;
}
[id^="RecallPopupReg"] {
  /*width: 584px;*/
  max-width: 960px;
  width: 100%;
}
[id^="RecallPopupReg"] .popup-form-title {
  padding-top: 0;
}
[id^="popup-window-overlay-RecallAdvPopup"] {
  z-index: 100 !important;
}
[id^="RecallAdvPopup"] {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 110 !important;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  [id^="RecallPopupConfirm"] {
    left: -5px !important;
  }
  [id^="RecallAdvPopup"] {
    top: 415px !important;
    left: calc(50% - 10px) !important;
  }
  [id^="RecallPopupAuth"] {
    left: -5px !important;
  }
  [id^="RecallPopupReg"] {
    left: -5px !important;
  }
  [id^="RecallPopupVideo"] {
    left: -5px !important;
  }
  [id^="AppealPopup"] {
    left: -5px !important;
  }
  [id^="RecallPopupRestore"] {
    left: -5px !important;
  }
  [id^="FeedbackPopup"] {
    left: -5px !important;
  }
  .popup-window-overlay {
    width: 100vw !important;
  }
  .advantages-modal h2,
  .advantages-modal h3 {
    font-size: 26px;
    margin-top: 0;
  }
  .popup-form-detatcher {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }
}

/* fix blocks for SAFARI */
/* .container:before,
.container:after,
.row:before,
.row:after {
    width: 100%;
} */
@media (min-width: 768px) and (max-width: 1024px) {
  .news-list > .row:after,
  .news-list > .row:before {
    width: 100%;
  }
  .about-reasons .about-four-block-width {
    width: 50% !important;
  }
}
@media (min-width: 768px) {
  .action-slider-item-wrapper:before,
  .action-slider-item-wrapper:after {
    width: 100%;
  }
  .about-reasons:before,
  .about-reasons:after {
    width: 100%;
  }
  .previews-line:before,
  .previews-line:after {
    width: 100%;
  }
  .blog-detail::after,
  .blog-detail::before {
    width: 100%;
  }
  .dost-block:after,
  .dost-block:before {
    width: 100%;
  }
  .dialog-span-wrapper:before,
  .dialog-span-wrapper:after {
    width: 100%;
  }
  .news-list > .row:after,
  .news-list > .row:before {
    width: 100%;
  }
  .footer-logo-block:before,
  .footer-logo-block:after {
    width: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .about-four-part-left-bar {
    height: 382px;
  }
}

#fancybox-content {
  border-width: inherit !important;
}

.modal-product .slick-track {
  margin-right: 100% !important;
}

.viewed-slider-sec .slick-track {
  margin-right: 100% !important;
}

.slider-slider-blog .slick-track {
  margin-right: 100% !important;
}

.icon-prom_full {
  display: block;
  width: 16px;
  height: 14px;
  background-image: url(images/proc_full.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.card-slider-slider-nav,
.slider-slider {
  transition: opacity 1s;
}

.main-order__img {
  height: 440px;
  background-repeat: no-repeat;
}

.inter-show .row {
  flex-wrap: nowrap;
}

.poshiv-footer-background {
  top: inherit;
  margin-bottom: inherit;
}

.poshiv-reviews-background {
  position: relative;
  background: inherit;
  height: auto;
}

.poshiv-reviews-background::before {
  content: "";
  background: #99c2d1;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 320px;
}

.reviews-position {
  top: inherit;
}

.poshiv-footer-button {
  margin-bottom: 30px;
}

.poshiv-clients-el {
  margin-bottom: inherit;
}

.about-slide-image img {
  height: auto;
  max-height: 100%;
}

@media (max-width: 768px) {
  .popup-form__access {
    padding-left: 21px;
    padding-right: 21px;
  }

  .how-w-slider.slick-initialized .slick-slide {
    height: auto;
  }
}

@media (max-width: 1024px) {
  .page-footer.sticky-basket {
    margin-bottom: 68px !important;
  }

  .page-footer.sticky-order {
    margin-bottom: 178px !important;
  }

  .poshiv-reviews-background::before {
    top: 195px;
  }
}

@media (max-width: 768px) {
  .page-footer.sticky-order {
    margin-bottom: 216px !important;
  }
}

@media (max-width: 767px) {
  .page-footer.sticky-order {
    margin-bottom: 78px !important;
  }
}

/* loader modal reg */
#RecallPopupReg {
  position: relative;
}

#bx_recall_popup_form_reg .custom-preloader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 999;
}

.auth-error {
  margin-bottom: 10px;
  color: red;
  font-size: 14px;
}

.popup-form-input.input__error {
  border: 1px solid red;
  color: red;
}

.resend_code {
  margin-bottom: 10px;
  cursor: pointer;
  text-decoration: underline;
  color: grey;
  display: flex;
}

.iti--separate-dial-code {
  margin-bottom: 10px;
}

#profile-code {
  width: 500px;
}

@media (max-width: 1024px) {
  .page-header .sticky-wrapper {
    height: 0 !important;
  }
}
@media (max-width: 767px) {
  .new_no_photo {
    width: 7%;
  }
}

/* #bx-soa-order .bx-soa-section,
#bx-soa-main-notifications,
#bx-soa-orderSave {
    display: block !important;
} */

.category_text {
  margin-top: 30px;
}

.header {

  .header__container {}

  .header__body {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    padding-block: 15px;

    @media (max-width: 992px) {
      display: grid;
      grid-template-columns: 28px auto auto 64px 22px 22px;
      grid-template-areas: "burger logo logo socials search basket"
                            ". text user user user user";
    }

    @media (max-width: 768px) {
      align-items: flex-start;
      grid-template-columns: 20px auto 22px 22px 22px 22px;
      grid-template-areas: "burger logo . search user basket"
                            ". text text socials socials socials";
    }

    @media (max-width: 550px) {
      gap: 7px 10px;
    }
  }

  .header__burger {
    flex: 0 0 auto;
    margin-right: 0;
    padding: 0;

    @media (max-width: 992px) {
      flex: none;
      grid-area: burger;
      margin-bottom: auto;
    }
  }

  .header__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: max-content;

    @media (max-width: 992px) {
      grid-area: logo;
    }

    img {
      padding: 0;
    }
  }

  .header__text {
    max-width: 300px;

    @media (max-width: 1200px) {
      max-width: 220px;
      font-size: 14px;
      line-height: 1.4;
    }

    @media (max-width: 992px) {
      grid-area: text;
    }

    @media (max-width: 550px) {
      font-size: 12px;
    }

    @media (max-width: 450px) {
      font-size: 12px;
      max-width: 185px;
    }
  }

  .header__socials {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0 16px;

    @media (max-width: 1024px) {
      margin-left: auto;
    }

    @media (max-width: 992px) {
      grid-area: socials;
    }

    @media (max-width: 768px) {
      margin: 0;
      justify-content: flex-end;
      gap: 0 10px;
    }

    noindex {
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: max-content;

      a {
        margin: 0;

        @media (max-width: 768px) {
          width: 28px;
          height: 28px;
          background-size: 28px 28px;
        }
      }
    }
  }

  .header__phone {

    .header-phone__link {
      white-space: nowrap;
    }
  }

  .header__user {
    padding: 0 20px 0 0;

    .header-user__icon {
      flex: 0 0 auto;
    }

    @media (max-width: 1024px) {
      margin-left: 0;

      .header-user-info {
        flex-direction: row;
      }
    }

    @media (max-width: 992px) {
      grid-area: user;
      padding-right: 0;
      justify-content: flex-end;

      .border-right {
        display: none;
      }
    }


  }

  .header__search {
    padding: 0 20px 0 0;

    @media (max-width: 992px) {
      grid-area: search;
      padding: 0;

      .border-right {
        display: none;
      }
    }

    @media (max-width: 768px) {

    }

    .header-search__button {
      flex: 0 0 auto;
      padding: 0;
      margin-inline: auto;
    }
  }

  .header__basket {
    padding: 0;

    @media (max-width: 992px) {
      grid-area: basket;
    }
  }
}