html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

:focus {
  outline: 0;
}

.nc-demo-modal-wrapper {
  display: none !important;
}

body {
  font: normal 75%/150% 'Inter', Arial, Tahoma, Verdana, Georgia, sans-serif;
  font-size: 14px;
  min-width: 100%;
}

.body-main {
  background-image: url(../img/back.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}

a {
  color: #00AE00;
  text-decoration: underline;
}

a:hover {
  color: #018801;
}

img {
  max-width: 100%;
  image-rendering: optimizeQuality;
  image-rendering: -webkit-optimize-contrast;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ps {
  position: relative;
  float: left;
  width: 100%;
}

.wrapper {
  margin: 0 auto;
  max-width: 1822px;
  padding: 0 15px;
  width: 100%;
}

header {
  height: 175px;
  background-color: var(--main-color);
  border-radius:0 0 32px 32px;
}

.header-menu.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*background: #fff;*/
  background:var(--main-color);
  z-index: 110;
  margin-top: -100px;
  /*border-bottom: 1px solid #F5F5F5;*/
  border-bottom:0;
}

.header-menu.header-fixed .header {
  height: 118px;
}

.header-menu.header-fixed .logo-block {
  display: none;
}

.header-menu.header-fixed .header .top-menu {
  left: 0;
}

.lang-ar .header-menu.header-fixed .header .top-menu {
  left: auto;
  right: 0;
}

.header .logo {
  position: absolute;
  top: 33px;
  left: 0;
}

.header .top-menu {
  position: absolute;
  top: 68px;
  left: 230px;
}

.header-menu .top-menu-first {
  display: none;
}

.header-menu.header-fixed .header .top-menu .top-menu-first {
  display: block;
}

.header .top-menu ul li {
  list-style: none;
  float: left;
  margin-right: 33px;
}

.header .top-menu ul li:last-child {
  margin-right: 0;
}

.header .top-menu ul li a {
  display: block;
  position: relative;
  float: left;
  text-decoration: none;
  /*color: #2C2826;*/
  color:#fff;
  font-family: 'Inter';
  /*font-size: 22px;*/
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
}
.header .top-menu ul li a:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: 0;
  /*background: var(--main-color);*/
  background: #fff;
  transition: 0.1s;
}

.header-menu.header-fixed .header .top-menu ul li a:after {
  bottom: 0;
}

.header .top-menu ul li.active a:after, .header .top-menu ul li a:hover:after  {
  height: 2px;
}

.header .top-menu ul li.active a, .header .top-menu ul li a:hover {
  /*color: var(--main-color);*/
  color:#fff;
}

.header-menu.header-fixed .header .top-menu ul li a {
  position: relative;
  float: left;
  padding-bottom: 17px;
}

.header-menu.header-fixed .header .top-menu ul li.active a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -6px;
  width: calc(100% + 12px);
  height: 2px;
  /*background: var(--main-color);*/
  background: #fff;
}

.header-menu.header-fixed .header .top-menu ul li.active a {
  /*color: var(--main-color);*/
  color:#fff;
}

.header .phone {
  position: absolute;
  top: 67px;
  right: 108px;
  /*color: #2C2826;*/
  color:#fff;
  font-family: 'Inter';
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
  text-decoration: none;
}

.header .lang {
  position: absolute;
  top: 67px;
  right: 0;
  /*color: #2C2826;*/
  color:#fff;
  font-family: 'Inter';
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
}

.lang-ar .header .lang {
  font-family: Arial;
}

.header .lang .cur-land {
  position: relative;
  float: left;
  padding-right: 17px;
  text-transform: capitalize;
}

.header .lang .cur-land:before {
  content: '';
  position: absolute;
  right: 0;
  top: 10px;
  width: 16px;
  height: 16px;
  background: url(../img/tr.svg) center center no-repeat;
}

.header .lang .langs-list {
  display: none;
  z-index: 5;
  position: absolute;
  top: -1px;
  left: -30px;
  width: 109px;
  border-radius: 16px;
  background: #FFF;
  padding: 16px;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
}

.header .lang:hover .langs-list {
  display: block;
}

.header .lang .langs-list .item-lang {
  position: relative;
  float: left;
  width: 100%;
  height: 48px;
  margin: 1px 0;
}

.header .lang .langs-list .item-lang {
  text-align: center;
  color: #2C2826;
  text-decoration: none;
  padding-top: 8px;
  text-transform: capitalize;
}

.header .lang .langs-list .item-lang.cur-lang, .header .lang .langs-list .item-lang:hover {
  border-radius: 10px;
  background: #ECEEEC;
}


.lang-ar .header .logo {
  left: auto;
  right: 0;
}

.lang-ar .header .top-menu {
  left: auto;
  right: 230px;
}

.lang-ar .header .lang {
  left: 16px;
  right: auto;
}

.lang-ar .header .phone {
  right: auto;
  left: 108px;
  direction: ltr;
}


.main-page h1 {
  font-family: 'Unbounded';
  font-weight: bold;
  font-size: 88px;
  line-height: 104px;
  color: #2C2826;
  margin-top: 60px;
  letter-spacing: -1px;
  margin-bottom: 91px;
}

.main-page h1 span {
  color: var(--main-color);
}
.main-page .main-ps {
  height: 800px;
  overflow: hidden;
  border-radius: 45px;
  margin-bottom: 153px;
}

.main-page .main-ps:before {
  content: '';
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.80) 100%);
}

.main-page .main-ps .main-img {
  position: absolute;
  top: 0;
  left: 0;
  animation: main-img 20s ease-in-out infinite;
}

.main-page .main-ps .main-info {
  position: absolute;
  left: 64px;
  width: calc(100% - 128px);
  bottom: 64px;
  color: #fff;
  z-index: 3;
}

.main-page .main-ps .main-info .main-title {
  font-family: 'Unbounded';
  color: #FFF;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  margin-bottom: 37px;
}

.main-page .main-ps .main-info .main-text {
  color: #FFF;
  font-family: 'Inter';
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: -0.4px;
}

@keyframes main-img {
  0% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
  50% {
    transform: scale(1.02);
    -webkit-transform: scale(1.03);
  }
  100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.promo-block .promo-title {
  /*color: var(--main-color);*/
  background-color:var(--main-color);
  color:#fff;
  border-radius:32px;
  text-align: center;
  font-family: 'Unbounded';
  font-size: 115px;
  font-style: normal;
  font-weight: 700;
  line-height: 130px;
  letter-spacing: -1.15px;
  max-width: calc(100% - 120px);
  margin-left: 60px;
  margin-bottom: 72px;
  padding:30px 20px;
}

.promo-block .promo-text {
  color: #2C2826;
  text-align: center;
  font-family: 'Inter';
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: -0.96px;
  max-width: calc(100% - 510px);
  margin-left: 255px;

}

.inf {
  align-items: center;
  display: flex;
  height: 300px;
  justify-content: center;
  margin-top: 28px;
  margin-bottom: 87px;
}

.inf .swiper-container {
  display: block;
  position: relative;
  float: left;
}

.swiper-wrapper{
    transition-timing-function: linear;
}

.trusted-by-list {
  -webkit-transition-timing-function:linear!important;
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important;
}

.main-page {
  overflow: hidden;
}

#my-keen-slider {
  overflow: visible !important;
}

.inf:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  z-index: 5;
}

.inf:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 300px;
  z-index: 5;
}

.inf .keen-slider__slide {
  display: flex;
  justify-content: center;
  overflow: visible !important;
}

.inf .keen-slider__slide .slide-in {
  display: block;
  position: relative;
  float: left;
  width: 160px;
  height: 160px;
}

.inf .keen-slider__slide .slide-in img {
  border-radius: 80px;
}

.inf .keen-slider__slide .slide-in:before {
  opacity: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  border-radius: 80px;
  border: 12px solid #DDE2DF;
}

.inf .keen-slider__slide .slide-in .slide-win {
  display: none;
  position: absolute;
  left: -160px;
  bottom: 190px;
  width: 480px;
}

.inf .keen-slider__slide .slide-in .slide-win .slide-win__in {
  opacity: 0;
  color: #fff;
  background: #2C2826;
  border-radius: 32px;
  font-family: 'Inter';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding: 32px;
  line-height: 24px;
  letter-spacing: -0.18px;
  transition: 1.3s;
}

.inf .keen-slider__slide .slide-in .slide-win .slide-win__in:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -12px;
  margin-left: -24px;
  background: url(../img/win_arr.svg) center center no-repeat;
  height: 12px;
  width: 48px;
}

.inf .keen-slider__slide .slide-in:hover .slide-win {
  display: block;
}

.inf .keen-slider__slide .slide-in:hover .slide-win .slide-win__in {
  opacity: 1;
}

.inf .keen-slider__slide .slide-in:hover:before {
  opacity: 1;
  transition: 0.3s;
}


.sub-title {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  letter-spacing: 1px;
}

.sub-title span {
  background: #ECEEEC;
  border-radius: 10px;
  border: 10px solid #ECEEEC;
  margin-left: -10px;
  margin-right: -10px;
  display: inline-block;
  /*height: 85px;
  line-height: 45px;*/
  height: 90px;
  line-height: 60px;
  cursor: pointer;
  transition: 0.3s;
}

.sub-title span.active {
  cursor: default;
}

.sub-title span.active, .sub-title span:hover {
  background: #DDEEE1;
  border-color: #DDEEE1;
}


.brands.brands-page, .main-tabs {
  margin-bottom: 152px;
}

.main-tabs .sub-title {
  margin-bottom: 59px;
}

.main-tabs .main-tab {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s;
}

.main-tabs .main-tab.active {
  height: auto;
  overflow: hidden;
  opacity: 1;
}

.main-tabs .catalog {
  margin-top: 0;
  margin-bottom: 0;
}

.brands .brands-in {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.brands .brands-in .brand {
  position: relative;
  float: left;
  /*width: 19.7%;*/
  width: 24.4%;
  margin-right: 0.37%;
  height: 272px;
  background: #ECEEEC;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 31px;
  margin-bottom: 8px;
  transition: 0.3s;
}

.brands .brands-in .brand img {
  max-width: 170px;
  width: 100%;
}

.brands .brands-in .brand:hover {
  background: #DDE2DF
}

@media(min-width: 1320px){
  /*.brands .brands-in .brand:nth-child(5n){*/
  .brands .brands-in .brand:nth-child(4n){
    margin-right: 0;
  }
}

.novelty.novelty-main {
  margin-bottom: 200px;
}

.novelty .novelty-item {
  position: relative;
  float: left;
  width: 24.4%;
  margin-right: 0.8%;
}

.novelty .novelty-item .novelty-item__img {
  border-radius: 31px;
  overflow: hidden;
}

.novelty .novelty-item:last-child {
  margin-right: 0;
}

.novelty .novelty-item .novelty-item__info {
  margin-top: 26px;
  padding: 0 0 0 16px;
}

.novelty .novelty-item .novelty-item__info .novelty-item__top {
  margin-bottom: 14px;
}

.novelty .novelty-item .novelty-item__new {
  position: relative;
  float: left;
  border-radius: 4px;
  background: #830D0D;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  padding: 3px 11px 2px 11px;
}

.novelty .novelty-item .novelty-item__prodday {
  position: relative;
  float: left;
  border-radius: 4px;
  background: var(--main-color);
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  padding: 3px 7px 2px 7px;
}

.novelty .novelty-item .novelty-item__name {
  overflow: hidden;
  color: #2C2826;
  text-overflow: ellipsis;
  font-family: 'Unbounded';
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 18px;
}

.novelty .novelty-item .novelty-item__name a {
  text-decoration: none;
  color: #2C2826;
}

.novelty .novelty-item .novelty-item__prev {
  color: #58504B;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.2px;
}

.lang-ar .novelty .novelty-item .novelty-item__prev {
  /*min-height: 160px;*/
}

.novelty .novelty-item .novelty-item__more {
  position: relative;
  float: left;
  color: var(--main-color);
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  text-decoration: none;
  height: 48px;
  padding-top: 8px;
  margin-top: 43px;
}

.lang-ar .novelty .novelty-item .novelty-item__more {
  margin-top: 25px;
}

.novelty .novelty-item .novelty-item__more .novelty-item__arr {
  position: absolute;
  top: 0;
  right: -60px;
  border-radius: 48px;
  width: 48px;
  height: 48px;
  transition: 0.2s;
  border: 2px solid var(--main-color);
}

.lang-ar .novelty .novelty-item .novelty-item__more {
  float: right;
  padding-left: 60px;
}

.lang-ar .novelty .novelty-item .novelty-item__more .novelty-item__arr {
  right: auto;
  left: 0;
  transform: rotate(180deg);
}

.novelty .novelty-item .novelty-item__more .novelty-item__arr:before {
  content: '';
  position: absolute;
  margin-top: 14px;
  margin-left: 14px;
  width: 16px;
  height: 16px;
  background: url(../img/arrow.svg) center center no-repeat;
}

.lang-ar .novelty .novelty-item .novelty-item__more .novelty-item__arr:before {
  margin-right: 14px;
  margin-left: auto;
}

.novelty .novelty-item .novelty-item__more:hover .novelty-item__arr {
  background: var(--main-color);
}

.novelty .novelty-item .novelty-item__more:hover .novelty-item__arr:before {
  background: url(../img/arrow_white.svg) center center no-repeat;
}

.success {
  margin-bottom: 128px;
}

.success-gallery {
  position: relative;
  float: right;
  width: calc(50% + 896px);
}

.success-gallery.gallery-arab {
  float: left;
}

.success-gallery .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.success .success-title {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
  margin-top: 2px;
  margin-bottom: 37px;
}

.success .success-prev {
  color: #2C2826;
  font-family: 'Inter';
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: -0.69px;
}

.success-items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 57px;  
}

.success-items .success-item {
  position: relative;
  float: left;
  width: 735px;
}

.success-items .success-item .success-item__year {
  color: var(--main-color);
  font-family: 'Unbounded';
  font-size: 88px;
  font-style: normal;
  font-weight: 700;
  line-height: 104px;
  letter-spacing: -0.88px;
  padding-bottom: 54px;
  border-bottom: 2px dashed var(--main-color);
}

.success-items .success-item.success-item-more .success-item__year {
  border: none;
}

.success-items .success-item .success-item__text {
  color: #58504B;
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  padding-top: 47px;
  max-width: 685px;
}

.success-items .success-item .success-item__text .round-2, .success-items .success-item .success-item__text .round-3 {
  position: absolute;
  top: -17px;
  width: 32px;
  height: 32px;
  background: var(--main-color);
  border-radius: 16px;
}

.success-items .success-item .success-item__text .round-2 {
  left: 56px;
}

.success-items .success-item .success-item__text .round-3 {
  left: 112px;
}

.success-items .success-item .success-item__text:before {
  content: '';
  position: absolute;
  top: -17px;
  left: 0;
  width: 32px;
  height: 32px;
  background: var(--main-color);
  border-radius: 16px;
}

.success-gallery.gallery-arab .success-items .success-item .success-item__text:before  {
  left: auto;
  right: 0;
}

.success-gallery.gallery-arab .success-item .success-item__text .round-2 {
  left: auto;
  right: 56px;
}

.success-gallery.gallery-arab .success-item .success-item__text .round-3 {
  left: auto;
  right: 112px;
}

.success-gallery.gallery-arab .success-items .success-item .success-item__text {
  float: right;
}

.quality-block .quality-h2 {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
  margin-bottom: 86px;
}

.quality-block .quality-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.quality-block .quality-item {
  position: relative;
  float: left;
  width: 33%;
  height: 304px;
  margin-bottom: 8px;
  background: #ECEEEC;
  border-radius: 29px;
}

.quality-block .quality-item .quality-item__top {
  padding: 32px 0 0 32px;
  margin-bottom: 16px;
}

.lang-ar .quality-block .quality-item .quality-item__top {
  padding: 32px 32px 0 0;
}

.quality-block .quality-item .quality-item__top .quality-item__img {
  position: relative;
  float: left;
  width: 128px;
  height: 128px;
  background-color: var(--main-color);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 128px;
}

.lang-ar .quality-block .quality-item .quality-item__top .quality-item__img {
  float: right;
}

.quality-block .quality-item .quality-item__text {
  color: #2C2826;
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  padding-left: 32px;
  padding-right: 27px;
}

.lang-ar .quality-block .quality-item .quality-item__text {
  padding-left: 27px;
  padding-right: 32px;
}

footer {
  margin-top: 152px;
  /*margin-top: 127px;*/
}

footer .footer {
  min-height: 392px;
  background: #2C2826;
  margin-bottom: 64px;
  border-radius: 10px;
  border-radius: 46px;
  padding: 0 64px;
}

footer .footer .phone-line {
  margin-bottom: 28px;
}

footer .footer .phone-line-title {
  color: #ABA29C;
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin-top: 48px;
}

footer .footer .phone-line-val {
  color: #FFF;
  font-family: 'Unbounded';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
}

.lang-ar footer .footer .phone-line-val {
  float: right;
  text-align: right;
}

footer .footer .phone-line-val a {
  text-decoration: none;
  color: #fff;
}

footer .footer .contacts-item {
  position: relative;
  float: left;
  margin-right: 35px;
}

.lang-ar footer .footer .contacts-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.lang-ar footer .footer .contacts-item {
  margin-right: 0;
  margin-left: 35px;
}

.lang-ar footer .footer .contacts-item:nth-child(1) {
  order: 3;
}

.lang-ar footer .footer .contacts-item:nth-child(2) {
  order: 2;
}

.lang-ar footer .footer .contacts-item:nth-child(3) {
  order: 1;
}

footer .footer .contacts-item .contacts-item__title {
  color: #ABA29C;
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin-bottom: 4px;
}

footer .footer .contacts-item .contacts-item__val {
  color: #FFF;
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
}

footer .footer .contacts-item .contacts-item__val a {
  color: #fff;
  text-decoration: none;
}

footer .footer .footer-info-block {
  position: relative;   
  float: left;
}

.lang-ar footer .footer .footer-info-block {
  float: right;
}

footer .footer .footer-info {
  border-top: 1px solid #58504B;
  margin-top: 24px;
}

footer .footer .footer-info .footer-info-block {
  margin-top: 31px;
}

footer .footer .footer-info .footer-info-item {
  position: relative;
  float: left;
  margin-right: 32px;
  color: #ABA29C;
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.2px;
}

footer .footer .footer-info .footer-info-item a {
  color: #ABA29C;
}

footer .footer .footer-info .footer-nets {
  position: relative;
  float: right;
  margin-top: 16px;
}

.lang-ar .footer .footer-info .footer-nets {
  float: left;
}

.lang-ar footer .footer .footer-info .footer-info-item:last-child {
  margin-right: 0;
}

footer .footer .footer-info .footer-nets .footer-net {
  position: relative;
  float: left;
  margin-left: 8px;
  width: 64px;
  height: 64px;
}

footer .footer .footer-info .footer-nets .footer-net.net-vk {
  background: url(../img/vk.svg) center center no-repeat;
}

footer .footer .footer-info .footer-nets .footer-net.net-yt {
  background: url(../img/yt.svg) center center no-repeat;
}

footer .footer .footer-info .footer-nets .footer-net.net-vb {
  background: url(../img/vb.svg) center center no-repeat;
}

footer .footer .footer-info .footer-nets .footer-net:before {
  opacity: 0; 
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: 0.3s;
}

footer .footer .footer-info .footer-nets .footer-net.net-vk:before {
  background: url(../img/vk_hover.svg) center center no-repeat;
}

footer .footer .footer-info .footer-nets .footer-net.net-yt:before {
  background: url(../img/yt_hover.svg) center center no-repeat;
}

footer .footer .footer-info .footer-nets .footer-net.net-vb:before {
  background: url(../img/vb_hover.svg) center center no-repeat;
}

footer .footer .footer-info .footer-nets .footer-net:hover:before {
  opacity: 1;
}


.mb-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
  overflow: hidden;
  max-height: 0;
}

.menu-wrapper {
  margin: 0 auto;
  max-width: 960px;
}

.mb-menu .mb-menu__title {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  min-height: 110px;
  padding-top: 36px;
}

.mb-menu ul {
  list-style: none;
}

.mb-menu .mb-menu__list {
  position: absolute;
  top: 110px;
  bottom: 196px;
  padding-top: 28px;
  padding-left: 3px;
  overflow-y: scroll;
  max-width: 100%;
}

.mb-menu .mb-menu__list::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(26, 24, 47, 0.15);
    border-radius: 5px;
    height: 200px;
}

.mb-menu .mb-menu__list::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 5px;
}

.mb-menu .mb-menu__list ul, .mb-menu .mb-menu__list ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mb-menu .mb-menu__list > ul > li {
  color: #2C2826;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.26px;
  margin-bottom: 20px;
}

.mb-menu .mb-menu__list a {
  text-decoration: none;
  color: #2C2826;
}

.mb-menu .mb-menu__list span {
  position: relative;
  float: left;
  padding-right: 21px;
}

.lang-ar .mb-menu .mb-menu__list span {
  float: right;
}

.mb-menu .mb-menu__list span:after {
  content: '';
  position: absolute;
  top: 6px;
  right: 0;
  width: 16px;
  height: 16px;
  transition: 0.3s;
  background: url(../img/tringle.svg) center center no-repeat;
}


.mb-menu .mb-menu__list .mb-menu__show.active span:after {
  transition: 0.3s;
  transform: rotate(180deg);
}

.mb-menu .mb-menu__list ul li ul li:first-child {
  padding-top: 20px;
}

.mb-menu .mb-menu__list ul li ul.mb-menu__hidden {
  max-height: 0;
  overflow: hidden;
}

.mb-menu .mb-menu__list ul li ul li {
  padding-left: 16px;
  margin-bottom: 20px;
}

.mb-menu .mb-menu__list ul li ul li:last-child {
  margin-bottom: 4px;
}

.mb-menu .mb-menu__list ul li ul li a {
  position: relative;
  float: left;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.26px;
}

.lang-ar .mb-menu .mb-menu__list ul li ul li a {
  float: right;
}

.mb-menu .mb-menu__list ul li ul li.external a:after {
  content: '';
  position: absolute;
  top: 0;
  right: -38px;
  width: 32px;
  height: 32px;
  background: url(../img/external.svg) center center no-repeat;
}

.mb-menu__bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 101;
}

.mb-menu__bottom .mb-menu__bottom_in {
  height: 196px;
}

.mb-menu__bottom .mb-menu__bottom_in:before {
  content: '';
  position: absolute;
  top: 0;
  left: -10px;
  width: calc(100% + 20px);
  height: 1px;
  background: #64B076;
}

.mb-menu__bottom .mb-menu__bottom_in .mb-menu__phone {
  color: #2C2826;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.26px;
  text-decoration: none;
  margin-left: 4px;
  margin-top: 42px;
  position: relative;
  float: left;
}

.lang-ar .mb-menu__bottom .mb-menu__bottom_in .mb-menu__phone {
  direction: ltr;
  float: right;
}

.mb-menu__bottom .mb-menu__bottom_in .mb-menu__lang {
  padding-left: 4px;
  padding-top: 19px;
}

.lang-ar .mb-menu__bottom .mb-menu__bottom_in .mb-menu__lang {
  padding-right: 4px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.mb-menu__bottom .mb-menu__bottom_in .lang-item {
  position: relative;
  float: left;
  width: 55px;
  height: 44px;
  color: #2C2826;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.26px;
  border-radius: 8px;
  padding-top: 8px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
}

.lang-ar .mb-menu__bottom .mb-menu__bottom_in .lang-item {
  float: right;
}

.mb-menu__bottom .mb-menu__bottom_in span.lang-item {
  background: #ECEEEC;
}

@media(max-width: 1820px){
  .wrapper {
    max-width: 1540px;
  }
  .main-page .main-ps {
    height: 695px;
  }
  .novelty .novelty-item .novelty-item__name {
    font-size: 24px;
  }
  .success .success-title {
    font-size: 42px;
    line-height: 51px;
  }
  .success-gallery {
    width: calc(50% + 755px);
  }
  footer .footer .footer-info-block {
    max-width: 900px;
  }
  footer .footer .footer-info .footer-info-item {
    margin-right: 20px;
  }
  .lang-ar footer .footer .footer-info .footer-info-item {
    float: right;
  }
}

@media(max-width: 1550px){
  .wrapper {
    max-width: 1320px;
  }
  .sub-title {
    font-size: 62px;
  }
  .sub-title span {
    height: 75px;
    line-height: 45px;
  }
  .main-page .main-ps {
    margin-bottom: 110px;
  }
  .main-page h1 {
    font-size: 65px;
    line-height: 71px;
  }
  .main-page h1 img {
    width: 5px;
    margin-bottom: -14px !important;
  }
  .main-page .main-ps {
    height: 580px;
  }
  .main-page .main-ps .main-info .main-title {
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 22px;
  }
  .main-page .main-ps .main-info .main-text {
    font-size: 18px;
    line-height: 28px;
  }
  .quality-block .quality-h2 {
    font-size: 54px;
    line-height: 60px;
  }
  .promo-block .promo-title {
    font-size: 82px;
    line-height: 100px;
  }
  .promo-block .promo-text {
    max-width: calc(100% - 200px);
    margin-left: 100px;
    font-size: 35px;
    line-height: 50px;
  }
  .novelty.novelty-main {
    margin-bottom: 150px;
  }
  .novelty .novelty-item .novelty-item__name {
    font-size: 20px;
    line-height: 24px;
  }
  .novelty .novelty-item .novelty-item__prev {
    font-size: 18px;
    line-height: 28px; 
  }
  .novelty .novelty-item .novelty-item__more {
    font-size: 18px;
  }
  .novelty .novelty-item .novelty-item__more .novelty-item__arr {
    right: -52px;
    top: auto;
    bottom: 3px;
    width: 40px;
    height: 40px;
  }
  .lang-ar .novelty .novelty-item .novelty-item__more {
    padding-left: 52px;
  }
  .novelty .novelty-item .novelty-item__more .novelty-item__arr:before {
    margin-top: 10px;
    margin-left: 10px;
    width: 16px;
    height: 16px;
  }
  .lang-ar .novelty .novelty-item .novelty-item__more .novelty-item__arr:before {
    margin-right: 10px;
    margin-left: auto;
  }
  .success .success-title {
    font-size: 32px;
    line-height: 40px;
  }
  .success .success-prev {
    font-size: 24px;
    line-height: 32px;
  }
  .success-gallery {
    width: calc(50% + 645px);
  }
  .quality-block .quality-item .quality-item__text {
    font-size: 18px;
    line-height: 28px;
  }
}

@media(max-width: 1320px){
  .wrapper {
    max-width: 1120px;
  }
  .brands .brands-in .brand {
    width: 24.32%;
    margin-right: 0.9%;
    margin-bottom: 9px;
  }
  .main-page .main-ps {
    height: 495px;
  }
  .success-gallery {
    width: calc(50% + 545px);
  }
  .quality-block .quality-item {
    width: 32.8%;
  }
  .novelty.novelty-main {
    float: right;
    width: calc(50% + 545px);
    overflow: visible !important;
  }
  /*.novelty.novelty-main.owl-carousel .owl-stage-outer {
    overflow: visible !important;
  }*/
  .novelty-wrap {
    width: 100%;
    max-width: 100%;
  }
  .novelty .novelty-item {
    width: 360px;
    margin-right: 21px;
  }
  .novelty .novelty-item:last-child {
    margin-right: 21px;
  }
  .success-items .success-item .success-item__year {
    font-size: 70px;
    line-height: 80px;
    padding-bottom: 45px;
  }
  footer .footer .contacts-item {
    margin-right: 25px;
  }
  footer .footer .contacts-item:last-child {
    margin-right: 0;
  }
  footer .footer .footer-info-block {
    max-width: 735px;
  }
}

@media(max-width: 1320px) AND (min-width: 1120px){
  .brands .brands-in .brand:nth-child(4n){
    margin-right: 0;
  }
}

@media(max-width: 1120px){
  .wrapper {
    max-width: 990px;
  }
  .header-menu.header-fixed.menu-active {
    z-index: 110;
    height: 0;
  }
  .header-menu.header-fixed.menu-active .phone, .header-menu.header-fixed.menu-active .lang {
    display: none;
  }
  .burger {
    position: absolute;
    top: 44px;
    right: 4px;
    height: 40px;
    width: 56px;
    height: 48px;
    z-index: 102;
  }
  .lang-ar .burger {
    left: 4px;
    right: auto;
  }
  .burger:before {
    content: '';
    position: relative;
    float: left;
    width: 100%;
    height: 4px;
    /*background: #2C2826;*/
    background: #fff;
    margin-top: 16px;
    transition: 0.3s;
  }
  .burger:after {
    content: '';
    position: relative;
    float: left;
    margin-top: 8px;
    width: 100%;
    height: 4px;
    /*background: #2C2826;*/
    background: #fff;
    transition: 0.2s;
  }
  .header-menu .burger.active {
    top: 25px;
  }
  .header-menu.header-fixed .burger.active {
    top: 70px;
  }
  .header-menu .burger.active:before {
    background: #2C2826;
  }
  .header-menu .burger.active:after {
    background: #2C2826;
  }
  .burger.active:before {
    margin-top: 22px;
    transform: rotate(45deg);
  }
  .burger.active:after {
    margin-top: -3px;
    transform: rotate(-45deg);
  }
  .header .logo {
    top: 16px;
  }
  .header .top-menu {
    display: none;
  }
  .header .phone {
    top: 52px;
    right: 237px;
  }
  .header .lang {
    top: 52px;
    right: 128px;
  }
  .lang-ar .header .phone {
    left: 237px;
  }
  .lang-ar .header .lang {
    left: 128px;
  }
  .header .phone {
    top: 69px;
  }
  .header .lang {
    top: 68px;
  }
  .burger {
    top: 61px;
  }
  .main-page .main-ps {
    margin-bottom: 75px;
  }
  .main-page h1 {
    max-width: 800px;
    margin-top: 30px;
    font-size: 55px;
    line-height: 65px;
    letter-spacing: -0.6px;
    margin-bottom: 69px;
  }
  .lang-ar .main-page h1 {
    float: right;
  }
  .main-page .main-ps {
    height: 428px;
    border-radius: 33px;
  }
  .main-page .main-ps .main-info .main-title {
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 16px;
  }
  .main-page .main-ps .main-info {
    left: 33px;
    bottom: 32px;
    width: calc(100% - 90px);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.26px;
  }
  .promo-block .promo-title {
    font-size: 73px;
    line-height: 81px;
    margin-bottom: 35px;
  }
  .promo-block .promo-text {
    max-width: calc(100% - 80px);
    margin-left: 40px;
    font-size: 30px;
    line-height: 39px;
    letter-spacing: -1.1px;
  }
  .inf {
    height: 199px;
    margin-bottom: 40px;
  }
  .inf .keen-slider__slide .slide-in {
    width: 120px;
    height: 120px;
  }
  .inf .keen-slider__slide .slide-in:before {
    height: 120px;
  }
  .inf .keen-slider__slide .slide-in .slide-win {
    bottom: 145px;
  }
  .inf .keen-slider__slide .slide-in .slide-win {
    left: -180px;
  }
  .sub-title {
    font-size: 43px;
    line-height: 54px;
  }
  .sub-title span {
    height: 60px;
    line-height: 33px;
    margin-left: -6px;
    margin-right: -6px;
  }
  .sub-title span {
    height: 55px;
  }
  .brands.brands-page {
    margin-bottom: 71px;
  }
  .main-tabs .sub-title {
    margin-top: -5px;
    margin-bottom: 28px;
  }
  .brands .brands-in .brand {
    width: 32.72%;
    height: 215px;
  }
  .novelty.novelty-main {
    width: calc(50% + 480px);
    margin-bottom: 76px;
  }
  .novelty .novelty-item .novelty-item__info {
    padding: 0 0 0 8px;
  }
  .novelty .novelty-item .novelty-item__new, .novelty .novelty-item .novelty-item__prodday {
    font-size: 13px;
    padding: 0px 6px 0px 6px;
  }
  .novelty .novelty-item .novelty-item__prev {
    font-size: 17px;
    line-height: 28px;
  }
  .success {
    margin-bottom: 80px;
  }
  .success .success-title {
    margin-bottom: 27px;
  }
  .success-items {
    margin-top: 40px;
  }
  .success-gallery {
    width: calc(50% + 480px);
  }
  .success-items .success-item .success-item__year {
    font-size: 55px;
    line-height: 75px;
    padding-bottom: 33px;
  }
  .success-items .success-item {
    max-width: 385px;
  }
  .success-items .success-item .success-item__text {
    max-width: 355px;
  }
  .success-items .success-item .success-item__text:before {
    top: -13px;
    width: 24px;
    height: 24px;
  }
  .success-items .success-item .success-item__text .round-2, .success-items .success-item .success-item__text .round-3 {
    top: -13px;
    width: 24px;
    height: 24px;
  }
  .success-items .success-item .success-item__text .round-2 {
    left: 48px;
  }
  .success-items .success-item .success-item__text .round-3 {
    left: 96px;
  }
  .success-items .success-item .success-item__text {
    font-size: 18.3px;
    padding-top: 34px;
    line-height: 28px;
  }
  .quality-block .quality-h2 {
    font-size: 44px;
    line-height: 55px;
    margin-bottom: 40px;
  }
  .quality-block .quality-item:nth-child(4), .quality-block .quality-item:nth-child(5), .quality-block .quality-item:nth-child(6) {
    min-height: 332px;
  }
  .quality-block .quality-item .quality-item__top {
    padding: 24px 0 0 24px;
  }
  .lang-ar .quality-block .quality-item .quality-item__top  {
    padding: 24px 24px 0 0;
  }
  .quality-block .quality-item .quality-item__text {
    padding-left: 24px;
  }
  .quality-block .quality-item .quality-item__text {
    font-size: 18.2px;
    padding-right: 10px;
  }
  footer {
    margin-top: 72px;
  }
  footer .footer {
    min-height: 309px;
    border-radius: 32px;
    padding: 0 32px;
  }
  footer .footer .phone-line {
    margin-bottom: 14px;
  }
  footer .footer .phone-line-title {
    font-size: 18.2px;
    margin-top: 30px;
  }
  footer .footer .phone-line-val {
    font-size: 32px;
    line-height: 42px;
  }
  footer .footer .contacts-item {
    margin-right: 33px;
  }
  footer .footer .contacts-item .contacts-item__title {
    font-size: 18.2px;
    margin-bottom: 0;
  }
  footer .footer .contacts-item .contacts-item__val {
    font-size: 18.2px;
  }
  footer .footer .footer-info {
    margin-top: 14px;
  }
  footer .footer .footer-info .footer-info-item {
    font-size: 18px;
    margin-right: 22px;
  }
  footer .footer .footer-info .footer-info-block {
    margin-top: 14px;
  }
  footer .footer .footer-info .footer-info-item.footer-info-copiright {
    font-size: 15.7px;
    margin-top: 3px;
  }
  footer .footer .footer-info-block {
    max-width: 610px;
  }
  footer .footer .footer-info .footer-nets {
    margin-top: 23px;
  }
  footer .footer .footer-info .footer-nets .footer-net {
    background-size: 100% auto !important;
    width: 48px;
    height: 48px;
  }
  .novelty-wrap {
    max-width: 100%;
  }
}

@media(max-width: 1120px) AND (min-width: 990px){
  .brands .brands-in .brand:nth-child(3n){
    margin-right: 0;
  }
}

@media(max-width: 990px){
  .wrapper {
    max-width: 760px;
  }
  .menu-wrapper {
    max-width: 760px;
  }
  .inf:before, .inf:after {
    width: 180px;
  }
  .main-page .main-ps .main-img {
    width: calc(100% + 220px);
    margin-left: -110px;
    max-width: none;
  }
  .sub-title span {
    height: 55px;
    line-height: 30px;
  }
  .brands .brands-in .brand {
    width: 32.4%;
    margin-bottom: 6px;
  }
  .novelty-wrap {
    max-width: 100%;
  }
  .novelty.novelty-main, .success-gallery {
    width: calc(50% + 360px);
  }
  .quality-block .quality-item {
    width: 49.5%;
  }
  footer .footer .footer-info-block {
    max-width: 100%;
  }
  footer .footer .footer-info .footer-nets {
    margin-top: 20px;
    margin-bottom: 25px;
  }
}

@media(max-width: 760px){
  .wrapper {
    max-width: 378px;
    padding: 0 10px;
  }
  .menu-wrapper {
    max-width: 378px;
  }
  .header .logo {
    top: 37px;
    /*width: 153px;*/
    max-height:110px;
  }
  .header .phone, .header .lang {
    display: none;
  }
  .mb-menu .mb-menu__title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    min-height: 75px;
    padding-top: 25px;    
  }
  .mb-menu .mb-menu__list {
    top: 75px;
  }
  .main-page h1 {
    margin-top: 33px;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.32px;
    margin-bottom: 35px;
  }
  .main-page h1 img {
    width: 3px;
    margin-bottom: -11px !important;
  }
  .main-page .main-ps {
    border-radius: 26px;
    margin-bottom: 62px;
  }
  .promo-block .promo-title {
    max-width: 100%;
    margin-left: 0;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 25px;
  }
  .promo-block .promo-text {
    max-width: 100%;
    margin-left: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    font-size: 21.3px;
  }
  .main-page .main-ps {
    height: 400px;
  }
  .main-page .main-ps .main-info .main-title {
    font-size: 28px;
    line-height: 32px;
  }
  .main-page .main-ps .main-info .main-text {
    font-size: 16px;
    line-height: 24px;
  }
  .main-page .main-ps .main-img {
    left: -50%;
    width: auto;
    max-width: none;
    height: 420px;
    margin-top: -10px;
    margin-right: -179px;
  }
  .main-page .main-ps .main-info {
    left: 17px;
    bottom: 15px;
    width: calc(100% - 38px);
  }
  .sub-title {
    font-size: 27px;
    line-height: 36px;
  }
  .sub-title span {
    line-height: 20px;
    height: 36px;
    border: 5px solid #ECEEEC;
    margin-left: -5px;
    margin-right: -5px;
  }
  .sub-title span.active, .sub-title span:hover {
    background: #DDEEE1 !important;
    border-color: #DDEEE1 !important;
  }
  .inf {
    height: 123px;
  }
  .inf .keen-slider__slide .slide-in {
    width: 80px;
    height: 80px;
  }
  .inf .keen-slider__slide .slide-in:before {
    height: 80px;
    border: 6px solid #DDE2DF;
  }
  .inf:before, .inf:after {
    width: 100px;
  }
  .inf .keen-slider__slide .slide-in .slide-win {
    width: 320px;
    bottom: 100px;
    left: -120px;
  }
  .brands.brands-page, .main-tabs {
    margin-bottom: 57px;
  }
  .main-tabs .sub-title {
    margin-top: 0;
    margin-bottom: 33px;
  }
  .brands .brands-in {
    justify-content: space-between;
  }
  .brands .brands-in .brand {
    width: 49.1%;
    height: 175px;
    margin-right: 0;
    margin-bottom: 9px;
  }
  .brands .brands-in .brand {
    border-radius: 18px;
  }
  .novelty-wrap {
    max-width: 100%;
  }
  .novelty.novelty-main, .success-gallery {
    width: calc(50% + 179px);
  }
  .novelty .novelty-item {
    width: 240px;
  }
  .quality-block .quality-item {
    width: 100%;
  }
  .novelty.novelty-main {
    margin-bottom: 56px;
  }
  .novelty .novelty-item .novelty-item__info {
    margin-top: 14px;
  }
  .novelty .novelty-item .novelty-item__name {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .novelty .novelty-item .novelty-item__prev {
    font-size: 15px;
    line-height: 25px;
  }
  .novelty .novelty-item .novelty-item__more {
    font-size: 14.6px;
    margin-top: 29px;
  }
  .novelty .novelty-item .novelty-item__more .novelty-item__arr {
    right: -44px;
    width: 31px;
    height: 31px;
    bottom: 8px;
  }
  .lang-ar .novelty .novelty-item .novelty-item__more {
    padding-left: 44px;
  }
  .novelty .novelty-item .novelty-item__more .novelty-item__arr:before {
    margin-top: 5px;
    margin-left: 5px;
  }
  .lang-ar .novelty .novelty-item .novelty-item__more .novelty-item__arr:before {
    margin-top: 6px;
    margin-right: 6px;
    margin-left: auto;
  }
  .success {
    margin-bottom: 65px;
  }
  .quality-block .quality-h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .success-items {
    margin-top: 30px;
  }
  .success .success-title {
    margin-bottom: 17px;
    font-size: 24px;
    line-height: 32px;
  }
  .success .success-prev {
    font-size: 18.8px;
    line-height: 24px;
  }
  .success-items .success-item .success-item__year {
    font-size: 32px;
    line-height: 36px;
    padding-bottom: 26px;
  }
  .success-items .success-item .success-item__text:before {
    top: -9px;
    width: 16px;
    height: 16px;
  }

  .success-items .success-item .success-item__text .round-2, .success-items .success-item .success-item__text .round-3 {
    top: -9px;
    width: 16px;
    height: 16px;
  }
  .success-items .success-item .success-item__text .round-2 {
    left: 32px;
  }
  .success-items .success-item .success-item__text .round-3 {
    left: 64px;
  }
  .success-items .success-item {
    max-width: 275px;
  }
  .success-items .success-item .success-item__text {
    font-size: 16.3px;
    padding-top: 22px;
    line-height: 24px;
    max-width: 238px;
  }
  .quality-block .quality-item {
    height: 288px;
  }
  .quality-block .quality-item .quality-item__text {
    font-size: 16px;
    line-height: 24px;
  }
  footer .footer {
    border-radius: 25px;
    padding: 0 25px;
  }
  footer .footer .phone-line {
    margin-bottom: 19px;
  }
  footer .footer .phone-line-title {
    font-size: 16.2px;
    margin-top: 20px;
    line-height: 31px;
  }
  footer .footer .phone-line-val {
    font-size: 24px;
    line-height: 32px;
  }
  footer .footer .contacts-item {
    margin-right: 0;
    width: 100%;
    margin-bottom: 12px;
  }
  footer .footer .contacts-item .contacts-item__title {
    font-size: 16.2px;
    line-height: 28px;
  }
  footer .footer .contacts-item .contacts-item__val {
    font-size: 16.2px;
    line-height: 26px;
  }
  footer .footer .footer-info {
    margin-top: 2px;
  }
  footer .footer .footer-info .footer-info-item {
    font-size: 16px;
    line-height: 25px;
    margin-right: 0;
    margin-bottom: 13px;
  }
  footer .footer .footer-info .footer-nets {
    width: 100%;
    margin-top: 18px;
  }
  footer .footer .footer-info .footer-nets .footer-net {
    width: 39px;
    height: 39px;
    margin-left: 0;
    margin-right: 9px;
  }
  .lang-ar footer .footer .contacts-item .contacts-item__val a {
    float: right;
  }
  .lang-ar footer .footer .footer-info .footer-nets .footer-net.net-vb {
    margin-left: 9px;
    margin-right: 0;
  }
  .lang-ar footer .footer .footer-info .footer-nets .footer-net {
    float: right;
    margin-left: 9px;
    margin-right: 0;
  }
}

@media(max-height: 590px){
  .mb-menu__bottom .mb-menu__bottom_in {
    height: 145px;
  }
  .mb-menu__bottom .mb-menu__bottom_in .mb-menu__phone {
    margin-top: 30px;
  }
  .mb-menu .mb-menu__list {
    bottom: 145px;
  }
}

@media(max-height: 500px){
  .mb-menu__bottom .mb-menu__bottom_in {
    height: 100px;
  }
  .mb-menu__bottom .mb-menu__bottom_in .mb-menu__phone {
    margin-top: 30px;
  }
  .mb-menu .mb-menu__list {
    bottom: 100px;
  }
  .mb-menu__bottom .mb-menu__bottom_in .mb-menu__phone {
    margin-top: 12px;
  }
  .mb-menu__bottom .mb-menu__bottom_in .mb-menu__lang {
    padding-top: 8px;
  }
}

@media(max-width: 480px){
  .inf:before, .inf:after {
    width: 50px;
  }
}

@media(max-width: 400px){
  .mb-menu {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mb-menu__bottom .mb-menu__bottom_in {
    padding: 0 8px;
  }
}

@media(max-width: 380px){
  .main-page h1 {
    font-size: 27px;
    line-height: 35px;
  }
}


@media(max-width: 378px){
  .wrapper {
    max-width: 320px;
    padding: 0 10px;
  }
  .novelty.novelty-main, .success-gallery {
    width: calc(50% + 150px);
  }
}

.content .right-col {
  /*position: relative;
  float: right;
  width: 400px;*/
}

.content .right-col .right-menu {
  float: right;
  /*padding-top: 164px;*/
  padding-top: 251px;
  width: 100%;
  max-width: 400px;
  /*padding-bottom: 20px;*/
}

.lang-ar .content .right-col .right-menu {
  float: left;
}

@media(min-width: 1120px){
  .content .right-col .right-menu.right-menu-fixed {
    position: fixed;
    top: 118px;
    left: 50%;
    margin-left: 496px;
    /*max-width: 548px;*/
    max-width: 400px;
    padding-top: 0;
  }
  .lang-ar .content .right-col .right-menu.right-menu-fixed {
    left: auto;
    right: 50%;
    margin-right: 496px;
    margin-left: 0;
  }
  .content .right-col .right-menu.right-img.right-menu-fixed {
    top: 85px;
    padding-top: 0;
  }

  .content .right-col .right-menu.right-menu-fixed.fix-bottom {
    /*position: fixed;
    top: auto;*/
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: -152px;
  }

  .lang-ar .content .right-col .right-menu.right-menu-fixed.fix-bottom {
    left: 0;
    right: auto;
    margin-left: 0;
  }
}

@media(max-width: 1820px) and (min-width: 1120px) {
  .content .right-col .right-menu.right-menu-fixed {
    margin-left: 355px;
  }
  .lang-ar .content .right-col .right-menu.right-menu-fixed {
    margin-right: 355px;
  }
}

.content .right-col .right-menu ul {
  list-style: none;
}

/*.content .right-col .right-menu ul li {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 16px;
}

.content .right-col .right-menu ul li a {
  position: relative;
  float: left;
  padding-left: 48px;
}

.lang-ar .content .right-col .right-menu ul li a {
  float: right;
  padding-right: 48px;
  padding-left: 0;
}

.content .right-col .right-menu ul li.external {
  padding-right: 42px;
}

.lang-ar .content .right-col .right-menu ul li.external {
  padding-right: 0;
  padding-left: 42px;
}

.content .right-col .right-menu ul li.external a:after {
  content: '';
  position: absolute;
  top: 2px;
  right: -38px;
  width: 32px;
  height: 32px;
  background: url(../img/external.svg) center center no-repeat;
}

.lang-ar .content .right-col .right-menu ul li.external a:after {
  left: -38px;
  right: auto;
}

.content .right-col .right-menu ul li:last-child {
  margin-bottom: 40px;
}

.content .right-col .right-menu ul li a:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 16px;
  width: 16px;
  height: 2px;
  background: #2C2826;
}

.lang-ar .content .right-col .right-menu ul li a:before {
  left: auto;
  right: 16px;
}

.content .right-col .right-menu ul li.active a, .content .right-col .right-menu ul li:hover a {
  color: var(--main-color);
}

.content .right-col .right-menu ul li.active a:before, .content .right-col .right-menu ul li:hover a:before {
  transition: 0.2s;
  left: 0px;
  width: 32px;
  background: var(--main-color);
}

.lang-ar .content .right-col .right-menu ul li.active a:before, .lang-ar .content .right-col .right-menu ul li:hover a:before {
  left: auto;
  right: 0;
}*/

.content .right-col .right-menu ul li {
  position: relative;
  margin-bottom: 16px;
}

.content .right-col .right-menu ul li a {
  display: block;
  position: relative;
  float: left;
  padding: 16px 25px;
  background: #ECEEEC;
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 16px;
  margin-right: 3px;
  margin-bottom: 3px;
}

.lang-ar .content .right-col .right-menu ul li a {
  float: right;
  padding-right: 48px;
  padding-left: 0;
}

.content .right-col .right-menu ul li.external {
  padding-right: 42px;
}

.lang-ar .content .right-col .right-menu ul li.external {
  padding-right: 0;
  padding-left: 42px;
}

.lang-ar .content .right-col .right-menu ul li.external a:after {
  left: -38px;
  right: auto;
}

.lang-ar .content .right-col .right-menu ul li a:before {
  left: auto;
  right: 16px;
}

.content .right-col .right-menu ul li.active a, .content .right-col .right-menu ul li:hover a {
  background: #2C2826;
  color: #fff;
}

.lang-ar .content .right-col .right-menu ul li.active a:before, .lang-ar .content .right-col .right-menu ul li:hover a:before {
  left: auto;
  right: 0;
}

.content .right-col .right-menu {
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
}

.content .right-col .right-menu a {
  color: #2C2826;
  text-decoration: none;
}

@media(max-width: 1550px){
  .content .right-col .right-menu ul li a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
}

.content .left-col {
  padding-top: 72px;
  position: relative;
  float: left;
  width: calc(100% - 430px);
  min-height: 450px;
}

.lang-ar .content .left-col {
  float: right;
}

.content .left-col.full-width {
  width: 100%;
  min-height: auto;
}

.content .page-header .breadcrumbs {
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  padding-left: 9px;
  padding-right: 9px;
  margin-bottom: 19px;
}

.content .page-header .breadcrumbs a {
  color: #58504B;
  text-decoration: none;
}

.content .page-header .breadcrumbs a {
  background: none;
  border-radius: 5px;
  border: 3px solid #fff;
  margin-left: -4px;
  margin-right: -4px;
  display: inline-block;
  height: 25px;
  /*line-height: 21px;*/
  line-height: 18px;
}

.content .page-header .breadcrumbs a:hover {
  background: #f1f7f3;
  border: 3px solid #f1f7f3;
}

.content .page-header .breadcrumbs .devider {
  margin: 0 9px;
  font-family: Arial;
  font-size: 19px;
  color: #64B076;
}

.lang-ar .content .page-header .breadcrumbs .devider {
  content: '⟶';
}

.content .page-header h1 {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}

.content .page-header h1.prod-h1 {
  position: relative;
  float: left;
  width: 100%;  
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.content .left-col .leader-quote {
  margin-bottom: 126px;
}

.content .left-col .leader-quote .leader-quote-text {
  color: #2C2826;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: -0.69px;
  margin-top: 85px;
  padding-left: 160px;
  max-width: 1345px;
  margin-bottom: 32px;
}

.content .left-col .leader-quote .leader-quote-text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  width: 64px;
  height: 56px;
  background: url(../img/quit.svg) center center;
}

.content .left-col .leader-quote .leader-quote-text:after {
  content: '';
  position: absolute;
  top: 80px;
  left: 61px;
  width: 2px;
  bottom: 0;
  background: #64B076;
}

.content .left-col .leader-block .leader-photo {
  position: relative;
  float: left;
  width: 128px;
  height: 128px;
  overflow: hidden;
  border-radius: 64px;
}

.content .left-col .leader-block .leader-info {
  position: relative;
  float: right;
  width: calc(100% - 161px);
}

.content .left-col .leader-block { 
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content .left-col .leader-block .leader-info .leader-name {
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
}

.content .left-col .leader-block .leader-info .leader-post {
  color: #58504B;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
}

.lang-ar .content .left-col .leader-block .leader-photo {
  float: right;
}

.lang-ar .content .left-col .leader-block .leader-info {
  float: left;
}

.lang-ar .content .left-col .leader-quote .leader-quote-text {
  padding-left: 0;
  padding-right: 160px;
}

.lang-ar .content .left-col .leader-quote .leader-quote-text:before {
  left: auto;
  right: 0;
}

.lang-ar .content .left-col .leader-quote .leader-quote-text:after {
  left: auto;
  right: 31px;
}

.content .text-block {
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
}

.content .text-block.text-block-cooking {
  margin-top: 12px;
}

.content .text-block h2 {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0;
  margin-bottom: 34px;
}

.content .prod-page-in .text-block h2 {
  font-size: 28px;
  line-height: 36px;
}

.text-block h3 {
  color: #2C2826;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: -0.69px;
  margin-bottom: 30px;
}

.content .text-block p {
  margin-bottom: 34px;
}

.text-block ul {
  margin-left: 33px;
  margin-bottom: 12px;
}

.lang-ar .text-block ul {
  margin-left: 0;
  margin-right: 33px;
}

.content .text-video-block {
  margin-top: 29px;
  margin-bottom: 64px;
}

.content .text-video-block > * {
  border-radius: 29px;
}

.content .text-video-block .text-video-info {
  border-radius: 0;
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin-top: 12px;
}


.cat-link {
  position: relative;
  float: left;
  color: var(--main-color);
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  text-decoration: none;
  height: 48px;
  padding-top: 8px;
  margin-top: -2px;
}

.lang-ar .cat-link {
  float: right;
}

.cat-link .cat-link__arr {
  position: absolute;
  top: 0;
  right: -60px;
  border-radius: 48px;
  width: 48px;
  height: 48px;
  border: 2px solid var(--main-color);
}

.lang-ar .cat-link .cat-link__arr {
  left: -60px;
  right: auto;
  transform: rotate(180deg);
}

.cat-link .cat-link__arr:before {
  content: '';
  position: absolute;
  margin-top: 14px;
  margin-left: 14px;
  width: 16px;
  height: 16px;
  background: url(../img/arrow.svg) center center no-repeat;
}

.lang-ar .cat-link .cat-link__arr:before {
  margin-left: 0;
  margin-right: 14px;
}

.cat-link:hover .cat-link__arr {
  background: var(--main-color);
}

.cat-link:hover .cat-link__arr:before {
  background: url(../img/arrow_white.svg) center center no-repeat;
}

.text-slider {
  margin-top: 128px;
  margin-bottom: 64px;
}

.text-slider .text-slider-item {
  position: relative;
  float: left;
  padding-right: 15px;
}

.partners-block {
  margin-top: 92px;
}

.partners-block.partners-product {
  margin-top: 70px;
}

.partners-block .partners {
  margin-top: 32px;
  margin-bottom: 114px;
}

.partners-block.partners-product .partners {
  margin-top: 0;
  margin-bottom: 0;
}

.partners-block .partners .partner-logo {
  position: relative;
  float: left;
  width: 24.31%;
  margin-right: 0.55%;
  height: 200px;
  border-radius: 32px;
  margin-bottom: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ECEEEC;
}

.lang-ar .partners-block .partners .partner-logo {
  margin-left: 0.55%;
  margin-right: 0;
  float: right;
}

.compositions {
  margin-top: 34px;
  margin-bottom: 64px;
}

.compositions .composition  {
  position: relative;
  float: left;
  width: 33%;
}

.compositions .composition .composition-img {
  min-height: 176px;
}

.compositions .composition .composition-title {
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin-bottom: 16px;
}

.compositions .composition .composition-prev {
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  max-width: 420px;
}

.content .set-brand .brand-text-order {
  min-height: 450px;
}

@media(max-width: 1820px) {
  .content .page-header h1 {
    font-size: 56px;
    line-height: 66px;
  }
  .content .left-col .leader-quote .leader-quote-text {
    font-size: 24px;
    line-height: 32px;
  }
  .content .left-col .leader-block .leader-info .leader-name {
    font-size: 18px;
    line-height: 28px;
  }
  .content .left-col .leader-block .leader-info .leader-post {
    font-size: 18px;
    line-height: 28px;
  }
  .content .text-block h2 {
    font-size: 24px;
    line-height: 32px; 
  }
  .content .text-block {
    font-size: 18px;
    line-height: 28px
  }
  .content .text-block h3 {
    font-size: 24px;
    line-height: 32px; 
  }
  .partners-block .partners .partner-logo {
    margin-right: 0.85%;
  }
  .lang-ar .partners-block .partners .partner-logo {
    margin-left: 0.85%;
  }
  .partners-block .partners .partner-logo img {
    margin-left: 10%;
    max-width: 80%;
  }
  .lang-ar .partners-block .partners .partner-logo img {
    margin-left: 0;
    margin-right: 10%;
  }
}

@media(max-width: 1820px) AND (min-width: 1320px) {

  .partners-block .partners .partner-logo:nth-child(4n){
    margin-right: 0;
  }
  .lang-ar .partners-block .partners .partner-logo:nth-child(4n) {
    margin-left: 0;
  }
}

@media(max-width: 1550px){
  .content .left-col {
    width: calc(100% - 375px);
  }
  .content .right-col .right-menu {
    font-size: 18px;
    max-width: 345px;
  }
  .content .right-col .right-menu.right-menu-fixed {
    margin-left: 300px;
    max-width: 345px;
  }
  .lang-ar .content .right-col .right-menu.right-menu-fixed {
    margin-right: 300px;
  }
}

@media(max-width: 1320px){
  .content .left-col {
    width: calc(100% - 345px);
  }
  .content .right-col .right-menu {
    max-width: 290px;
  }
  .content .right-col .right-menu.right-menu-fixed {
    max-width: 290px;
    margin-left: 255px;
  }
  .lang-ar .content .right-col .right-menu.right-menu-fixed {
    margin-right: 255px;
  }
  .partners-block .partners .partner-logo {
    margin-bottom: 5px;
  }
  .content .left-col .leader-quote .leader-quote-text {
    padding-left: 120px;
  }
  .lang-ar .content .left-col .leader-quote .leader-quote-text {
    padding-right: 80px;
  }
  .content .left-col .leader-quote .leader-quote-text:before {
    width: 47px;
    height: 43px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    left:20px;
  }
  .content .left-col .leader-quote .leader-quote-text:after {
    top: 66px;
    left: 43px;
  }
  .lang-ar .content .left-col .leader-quote .leader-quote-text:after {
    right: 23px;
  }
  .content .left-col .leader-block .leader-photo {
    width: 96px;
    height: 96px;
  }
  .content .left-col .leader-block .leader-info {
    width: calc(100% - 121px);
  }
  .content .left-col .leader-quote {
    margin-bottom: 63px;
  }
  .content .text-block h2 {
    margin-bottom: 17px;
  }
  .content .text-block {
    letter-spacing: -0.26px;
  }
  .content .text-video-block {
    margin-top: 0;
  }
  .content .text-video-block .text-video-info {
    line-height: 17px;
    font-size: 14px;
    letter-spacing: 0;
  }
  .content .text-video-block {
    margin-bottom: 34px;
  }
  .video-block .cat-link  {
    margin-top: -16px;
  }
  .cat-link {
    font-size: 18px;
    height: 40px;
    padding-top: 0;
    line-height: 36px;
  }
  .cat-link .cat-link__arr {
    top: -2px;
    width: 40px;
    height: 40px;
    right: -54px;
  }
  .cat-link .cat-link__arr:before {
    margin-top: 10px;
    margin-left: 10px;
  }
  .text-slider {
    margin-top: 62px;
  }
  .text-slider .text-slider-item img {
    max-height: 534px;
  }
  .partners-block {
    margin-top: 25px;
  }
  .partners-block .partners {
    margin-top: 16px;
  }
  .partners-block .partners .partner-logo img {
    margin-left: 10%;
    max-width: 80%;
  }
  .partners-block .partners .partner-logo {
    width: 32.7%;
  }
  .partners-block .partners .partner-logo {
    margin-bottom: 8px;
  }
  .partners-block .partners {
    margin-bottom: 55px;
  }
  .compositions {
    margin-top: 3px;
    margin-bottom: 33px;
  }
  .compositions .composition .composition-title {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.26px;
  }
  .compositions .composition .composition-prev {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.09px;    
  }
}



@media(max-width: 1320px) {
  .partners-block .partners .partner-logo:nth-child(3n){
    margin-right: 0;
  }
  .lang-ar .partners-block .partners .partner-logo:nth-child(3n) {
    margin-left: 0;
  }
}

@media (max-width: 1120px) {
  .content .left-col {
    width: 100%;
  }
  .content .right-col{
    display: none;
  }
  .content .set-brand {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .content .set-brand .left-col {
    display: inline
  }
  .content .set-brand .page-header {
    display: block;
    order: 1;
    width: 100%;    
  }
  .content .set-brand .right-col {
    display: block;
    order: 2;
    width: 100%;    
  }
  .content .set-brand .brand-text-order {
    display: block;
    order: 3;
    width: 100%;    
  }
  .content .left-col {
    padding-top: 27px;
  }
  .content .page-header .breadcrumbs {
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 22px;
    margin-bottom: 18px;
  }
  .content .page-header .breadcrumbs a {
    height: 22px;
    line-height: 15px;
  }
  .content .page-header .breadcrumbs .devider {
    margin: 0 6px;
  }
  .content .page-header h1 {
    font-size: 44px;
    line-height: 50px;
  }
  .content .left-col .leader-quote .leader-quote-text {
    margin-top: 43px;
  }
  .partners-block .partners .partner-logo img {
    margin-left: 0;
    max-width: 100%;
  }
  .lang-ar .partners-block .partners .partner-logo img {
    margin-right: 0;
  }
}

@media (max-width: 990px){
  .partners-block .partners .partner-logo img {
    margin-left: 10%;
    max-width: 80%;
  }
  .lang-ar .partners-block .partners .partner-logo img {
    margin-right: 10%;
  }
}

@media (max-width: 760px) {
  .content .left-col {
    padding-top: 40px;
  }
  .content .page-header h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .content .page-header .breadcrumbs {
    margin-bottom: 20px;
  }
  .content .left-col .leader-quote .leader-quote-text:before {
    width: 32px;
    height: 31px;
  }
  .content .left-col .leader-quote .leader-quote-text:after {
    top: 46px;
    left: 28px;
  }
  .lang-ar .content .left-col .leader-quote .leader-quote-text:after {
    right: 15px;
  }
  .content .left-col .leader-quote .leader-quote-text {
    margin-top: 31px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.26px;
    padding-left: 84px;
  }
  .lang-ar .content .left-col .leader-quote .leader-quote-text {
    padding-right: 48px;
  }
  .content .left-col .leader-block .leader-photo {
    width: 64px;
    height: 64px;
  }
  .content .left-col .leader-block .leader-info {
    width: calc(100% - 84px);
  }
  .content .left-col .leader-block .leader-info .leader-name {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
  .content .left-col .leader-block .leader-info .leader-post {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
  .content .text-block h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
  }
  .content .left-col .leader-quote {
    margin-bottom: 49px;
  }
  .content .text-block {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
  .content .text-block p {
    margin-bottom: 24px;
  }
  .content .text-video-block > * {
    border-radius: 18px;
  }
  .content .text-video-block .text-video-info {
    line-height: 20px;
    font-size: 14px;
  }
  .content .text-video-block {
    margin-bottom: 26px;
  }
  .content .text-video-block .text-video-in {
    height: 200px;
  }
  .content .text-video-block iframe {
    border-radius: 0;
    height: inherit !important;
  }
  .cat-link {
    height: 32px;
    padding-top: 6px;
    font-size: 14.5px;
  }
  .cat-link .cat-link__arr {
    top: 7px;
    width: 32px;
    height: 32px;
    right: -44px;
  }
  .cat-link .cat-link__arr:before {
    margin-top: 7px;
    margin-left: 6px;
  }
  .text-slider {
    margin-top: 56px;
    margin-bottom: 31px;
  }
  .text-slider .text-slider-item img {
    max-height: 215px;
  }
  .content .text-block h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.26px;
    margin-bottom: 24px;
  }
  .partners-block .partners .partner-logo {
    margin-right: 0;
    margin-bottom: 9px;
  }
  .partners-block .partners {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .partners-block .partners .partner-logo {
    width: 48.7%;
    border-radius: 14px;
    height: 119px;
  }
  .partners-block .partners .partner-logo img {
    margin-left: 24%;
    max-width: 52%;
  }
  .lang-ar .partners-block .partners .partner-logo img {
    margin-right: 24%;
  }
  .compositions {
    margin-bottom: 1px;
  }
  .compositions .composition {
    width: 100%;
    margin-bottom: 29px;
  }
  .compositions .composition .composition-img {
    min-height: 156px;
  }
  .compositions .composition .composition-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.18px;
    margin-bottom: 8px;
  }
  .compositions .composition .composition-prev {
    max-width: 340px;
  }
}


@media (max-width: 360px) {
  .content .page-header h1 {
    font-size: 24px;
    line-height: 28px;
  }
}

.history {
  margin-top: 77px;
}

.history .history-item {
  padding-bottom: 62px;
}

.history .history-item:before {
  content: '';
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 14px;
  width: 2px;
  border-left: 2px dashed var(--main-color);
}

.lang-ar .history .history-item:before {
  right: 354px;
  left: auto;
}

.history .history-item:first-child:before {
  top: 50px;
}

.history .history-item:last-child:before {
  bottom: auto;
  height: 55px;
}

.history .history-item .history-item__year {
  position: relative;
  float: left;
  width: 370px;
  color: var(--main-color);
  font-family: 'Unbounded';
  font-size: 88px;
  font-style: normal;
  font-weight: 700;
  line-height: 104px;
  letter-spacing: -0.88px;
  padding-left: 64px;  
}

.lang-ar .history .history-item .history-item__year {
  float: right;
}

.history .history-item .history-item__year:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 42px;
  height: 32px;
  width: 32px;
  border-radius: 32px;
  background: var(--main-color);
}

.history .history-item .history-item__img {
  margin-bottom: 21px;
  padding-top: 4px;
}

.history .history-item .history-item__img .history-glr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 724px;
  margin-bottom: -8px;
}

.lang-ar .history .history-item .history-item__img .history-glr {
  float: right;
}

.history .history-item .history-item__img .history-glr img {
  margin-bottom: 8px;
}

.history .history-item .history-item__text {
  position: relative;
  float: right;
  padding-left: 2px;
  width: calc(100% - 421px);
  color: #58504B;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
}

.lang-ar .history .history-item .history-item__text {
  float: left;
}

.history .history-item .history-item__text .history-item__text-in {
  max-width: 900px;
}


@media(max-width: 1820px){
  .history .history-item .history-item__text {
    width: calc(100% - 355px);
  }
  .history .history-item .history-item__year {
    width: 330px;
    font-size: 78px;
  }
  .lang-ar .history .history-item:before {
    right: 314px;
  }
}

@media(max-width: 1550px){
  .history .history-item .history-item__year {
    font-size: 75px;
    width: 325px;
  }
  .history .history-item .history-item__text {
    width: calc(100% - 340px);
  }
  .history .history-item .history-item__text .img_half {
    max-width: calc(50% - 4px);
  }
  .lang-ar .history .history-item:before {
    right: 309px;
  }
}

@media(max-width: 1320px){
  .history {
    margin-top: 36px;
  }
  .history .history-item {
    padding-bottom: 61px;
  }
  .history .history-item .history-item__year {
    width: 250px;
    font-size: 55px;
    line-height: 73px;
    padding-left: 56px;
  }
  .history .history-item .history-item__text {
    width: calc(100% - 270px);
    font-size: 18px;
    line-height: 28px;
  }
  .history .history-item .history-item__img {
    margin-bottom: 14px;
  }
  .history .history-item:before {
    left: 11px;
  }
  .lang-ar .history .history-item:before {
    right: 236px;
  }
  .history .history-item:first-child:before {
    top: 45px;
  }
  .history .history-item:last-child:before {
    height: 42px;
  }
  .history .history-item .history-item__year:before {
    top: 27px;
    left: 0;
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 760px) {
  .history {
    margin-top: 31px;
  }
  .history .history-item {
    padding-bottom: 32px;
  }
  .history .history-item .history-item__img {
    margin-bottom: 20px;
  }
  .history .history-item:first-child .history-item__img img {
    width: 100%;
    max-width: 356px;
  }
  .history .history-item .history-item__year:before, .history .history-item:before {
    display: none;
  }
  .history .history-item .history-item__year, .history .history-item .history-item__text {
    position: relative;
    float: left;
    width: 100%;
  }
  .history .history-item .history-item__year {
    padding-left: 0;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.32px;
    margin-bottom: 19px;
  }
  .history .history-item .history-item__text-in {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
  .history .history-item .history-item__text .img_half {
    max-width: 100%;
  }

}

.news {
  margin-top: 85px;
  margin-bottom: 32px;
}

.news .news-sub-title {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  margin: 33px 0 42px 0;
}

.news .news-menu {
  margin-bottom: 37px;
}

.news .news-menu .news-menu__item {
  display: block;
  position: relative;
  float: left;
  padding: 16px 25px;
  background: #ECEEEC;
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 16px;
  margin-right: 3px;
  margin-bottom: 3px;
}

.lang-ar .news .news-menu .news-menu__item {
  float: right;
}

.news .news-menu .news-menu__item.active, .news .news-menu .news-menu__item:hover {
  background: #2C2826;
  color: #fff;
}

.news .news-list .news-item {
  position: relative;
  float: left;
  width: 32.5%;
  margin-right: 0.6%;
  height: 224px;
  padding: 24px 17px 5px 32px;
  background: #ECEEEC;
  border-radius: 22px;
  margin-bottom: 8px;
  transition: 0.3s;
  text-decoration: none;
}

.lang-ar .news .news-list .news-item {
  margin-left: 0.6%;
  margin-right: 0;
}

.news .news-list .news-item:hover {
  background: #DDE2DF;
}

.news .news-list .news-item .news__date {
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin-bottom: 8px;
  text-decoration: none;
}

.news .news-list .news-item .news__title {
  color: #2C2826;
  text-overflow: ellipsis;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin-bottom: 8px;
  max-height: 64px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news .news-list .news-item .news_prev {
  overflow: hidden;
  color: #2C2826;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news .news-list.career-list {
  margin-top: 29px;
}

.news .news-list.career-list .news-item {
  max-height: 201px;
  border-radius: 29px;
}

.news .news-list.career-list .news-item .news__job {
  overflow: hidden;
  color: #2C2826;
  text-overflow: ellipsis;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.news .news-list.career-list .news-item .salary {
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin-bottom: 8px;
}

.news .news-list.career-list .news-item .job-info {
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
}

.news .news-list.career-list .news-item .job-info .job-city {
  position: relative;
  float: left;
  margin-right: 32px;
}

.news .news-list.career-list .news-item .job-info .job-date {
  position: relative;
  float: left;
}

.news-text {
  margin-top: 44px;
}

.news-text .news-text-date {
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin-bottom: 40px;
}

@media(max-width: 1550px){
  .news .news-menu .news-menu__item {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
  }
  .news .news-list .news-item .news__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
  }
  .news .news-list .news-item .news_prev {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
}

@media(max-width: 1550px) and (min-width: 1120px){
  .news .news-list .news-item {
    width: 49.5%;
    margin-right: 0.9%;
  }
  .news .news-list .news-item:nth-child(2n) {
    margin-right: 0;
  }
  .lang-ar .news .news-list .news-item {
    width: 49.5%;
    margin-left: 0;
    margin-right: 0;
  }
  .lang-ar .news .news-list .news-item:nth-child(2n) {
    margin-left: 0.9%;
  }
}

@media(max-width: 1320px){
  .news .news-sub-title {
    font-size: 24px;
    line-height: 32px
  }
}


@media(max-width: 990px){
  .news .news-list .news-item {
    width: 49.5%;
    margin-right: 0;
    margin-left: 0;
  }
  .news .news-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .news .news-list .news-item:nth-child(2n) {
    margin-right: 0;
    margin-left: 0;
  }
  .lang-ar .news .news-list .news-item {
    width: 49.5%;
    margin-right: 0;
    margin-left: 0;
  }
  .lang-ar .news .news-list .news-item:nth-child(2n) {
    margin-right: 0;
  }
}


@media(max-width: 760px){
  .news {
    margin-top: 33px;
  }
  .news .news-menu .news-menu__item {
    font-size: 14.2px;
    font-weight: 500;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
  }
  .news .news-list .news-item {
    width: 100%;
    margin-right: 0;
    padding-right: 22px;
    height: auto;
    min-height: 184px;
    padding: 24px 17px 25px 25px;
  }
  .lang-ar .news .news-list .news-item {
    width: 100%;
  }
  .news .news-list .news-item .news__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
  }
  .news .news-list .news-item .news_prev {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
  }
  .news-text {
    margin-top: 30px;
  }
  .news-text .news-text-date {
    margin-bottom: 25px;
  }
  .news .news-sub-title {
    margin: 10px 0 25px;
  }
}

.pagination a, .pagination span {
  display: block;
  position: relative;
  float: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  width: 80px;
  text-align: center;
  padding: 16px 0;
  text-decoration: none;
  color: #58504B;
  background: #ECEEEC;
  border-radius: 16px;
  margin-right: 4px;
}

.lang-ar .pagination a, .lang-ar .pagination span {
  float: right;
}

.pagination .active, .pagination a:hover {
  background: #2C2826;
  color: #fff;
  transition: 0.3s;
}

@media(max-width: 1320px){
  .pagination a, .pagination span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    width: 56px;
    padding: 13px 0;
  }
}

@media(max-width: 760px){
  .pagination a, .pagination span {
    margin-bottom: 5px;
  }
}

.content-block {
  margin-top: 85px;
}


.awards .awards-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 40px 32px 31px;
  background: #FAFAFA;
  border-radius: 24px;
  margin-top: 30px;
}

.awards .awards-top .awards-block-in {
  position: relative;
  float: right;
  width: calc(100% - 321px);
  color: #2C2826;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: -0.69px;
}

.awards .awards-list {
  margin-top: 124px;
}

.awards .awards-list .awards-line {
  margin-bottom: 61px;
}

.awards .awards-list .awards-line .awards-line__year {
  position: relative;
  float: left;
  width: 190px;
  color: var(--main-color);
  font-family: 'Unbounded';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
}

.lang-ar .awards .awards-list .awards-line .awards-line__year {
  float: right;
}

.awards .awards-list .awards-line .awards-line__title {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 17px;
}

.awards .awards-list .awards-line .awards-line__img {
  margin-top: 3px;
  margin-bottom: 27px;
}

.awards .awards-list .awards-line .awards-line__text {
  position: relative;
  float: right;
  width: calc(100% - 212px);
  margin-bottom: 63px;
}

.lang-ar .awards .awards-list .awards-line .awards-line__text {
  float: left;
}

.awards .awards-list .awards-line .awards-line__prev {
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  max-width: 1100px;  
}

.lang-ar .awards .awards-list .awards-line .awards-line__prev {
  float: right;
}

@media(max-width: 1550px){
  .awards .awards-list {
    margin-top: 100px;
  }
  .awards .awards-list .awards-line .awards-line__year {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    width: 170px;
  }
  .awards .awards-top .awards-block-in {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.69px;
  }
  .awards .awards-list .awards-line .awards-line__text {
    width: calc(100% - 195px);
    margin-bottom: 57px;    
  }
  .awards .awards-list .awards-line .awards-line__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
  }
  .awards .awards-list .awards-line .awards-line__prev {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.26px;
  }
}

@media (max-width: 1120px) {
  .content-block {
    margin-top: 43px;
  }
  .awards .awards-top {
    margin-top: 0;
    padding: 22px 40px 29px 25px;
  }
  .awards .awards-top .awards-block-in {
    width: calc(100% - 310px);
  }
  .awards .awards-list .awards-line .awards-line__year {
    width: 125px;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }
  .awards .awards-list {
    margin-top: 57px;
  }
  .awards .awards-list .awards-line {
    margin-bottom: 0;
  }
  .awards .awards-list .awards-line .awards-line__text {
    width: calc(100% - 144px);
    margin-bottom: 63px;
  }
  .awards .awards-list .awards-line .awards-line__img {
    margin-top: 3px;
    margin-bottom: 17px;
  }
  .awards .awards-list .awards-line .awards-line__prev {
    max-width: 800px;
  }
}

@media (max-width: 760px){
  .content-block {
    margin-top: 33px;
  }
  .awards .awards-top {
    justify-content: center;
    flex-wrap: wrap;
    padding: 17px 15px 16px 15px;
  }
  .awards .awards-top .awards-block-in {
    width: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.26px;
    margin-top: 10px;
  }
  .awards .awards-list {
    margin-top: 47px;
  }
  .awards .awards-list .awards-line .awards-line__year {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 14px;
  }
  .awards .awards-list .awards-line .awards-line__text {
    width: 100%;
    margin-bottom: 47px;
  }
  .awards .awards-list .awards-line .awards-line__img {
    margin-bottom: 26px;
  }
  .awards .awards-list .awards-line .awards-line__title {
    font-size: 18px;
  }
  .awards .awards-list .awards-line .awards-line__prev {
    font-size: 16px;
    line-height: 24px;
  }
}

.horeca {
  margin-top: 85px;
  margin-bottom: 116px;
}

.horeca .square {
  position: relative;
  float: left;
  border-radius: 29px;
  margin-bottom: 8px;
  padding-left: 32px;
  padding-right: 20px;
}

.horeca .square.sq-main {
  background-position: center center;
  background-size: 100% auto;
  color: #FFF;
  font-family: 'Unbounded';
  font-size: 48px;
  overflow: hidden;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
  padding: 0 20px 0 3.6%;
}

.horeca .square.sq-main span {
  display: block;
  position: relative;
  float: left;
  z-index: 2;
}

.lang-ar .horeca .square.sq-main {
  padding: 60px 3.6% 0 20px;
}

.lang-ar .horeca .square.sq-main span {
  float: right;
}

.horeca .square.sq-main:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.horeca .square.square-h-1 {
  height: 260px;
}

.horeca .square.square-h-2 {
  height: 528px;
}

.horeca .square.square-w-1 {
  width: 24.6%;
  margin-right: 0.5%;
}

.horeca .square.square-w-2 {
  width: 49%;
  margin-right: 0.5%;
}

.horeca .square.square-w-2 a {
  display: block;
  height: 100%;
  position: relative;
  z-index: 100;
  padding-top: 40px;
  color:#fff;
}

.horeca .square.square-w-2 a:hover span {
  text-decoration: underline !important;
}

@media(min-width: 1550px){
  .horeca .square-in .square:nth-child(2n){
    margin-right: 0;
  }
}

.horeca .color-1 {
  background: #CEE6E0;
}

.horeca .color-2 {
  background: #DCE1ED;
}

.horeca .color-3 {
  background: #E9DDED;
}

.horeca .color-4 {
  background: #EDDDE1;
}

.horeca .color-5 {
  background: #E7E0CF;
}

.horeca .color-6 {
  background: #DDE4CA;
}

.horeca .square-title {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin-top: 31px;
  margin-bottom: 17px;
}

.horeca .square-prev {
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
}

.block-title {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
}

@media(max-width:1550px){
  .horeca {
    margin-bottom: 54px;
  }
  .horeca .square {
    margin-bottom: 6px;
  }
  .horeca .square.square-w-1 {
    width: 49.75%;
    margin-right: 0;
  }
  .horeca .square-in .square {
    margin-right: 0.5% !important;
  }
  .horeca .square-in .square:nth-child(2n), .horeca .square-in .square:nth-child(1){
    margin-right: 0 !important;
  }
  .horeca .square.sq-main {
    background-size: auto 100%;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }
}

@media(max-width:1120px){
  .horeca {
    margin-top: 43px;
  }
  .horeca .square.sq-main {
    padding: 0 20px 0 3.2%;
  }
  .horeca .square.square-h-2 {
    height: 344px;
  }
  .horeca .square.square-h-1 {
    height: 169px;
  }
  .horeca .square.square-w-2, .horeca .square.square-w-1 {
    width: 49.45%;
  }
  .horeca .square-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 23px;
  }
  .horeca .square {
    padding-left: 24px;
    margin-bottom: 7px;
  }
  .horeca .square-prev {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.26px;
  }
  .horeca .square.square-w-2, .horeca .square-in .square {
    margin-right: 0.8% !important
  }
  .block-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }
}

.catalog-block .block-title {
  margin-bottom: 68px;
}

.catalog-block .catalog-items-4 .catalog-item {
  position: relative;
  float: left;
  width: 24.6%;
  margin-right: 0.5%;
  height: 272px;
  background: #ECEEEC;
  border-radius: 31px;
  padding: 0 12px;
  margin-bottom: 8px;
  transition: 0.2s;
}

.catalog-block .catalog-items-4 .catalog-item:hover {
  background: #DDE2DF;
}

@media(min-width: 1550px){
  .catalog-block .catalog-items-4 .catalog-item:nth-child(4n){
    margin-right: 0;
  }
}

@media(max-width: 1550px){
  .catalog-block .catalog-items-4 .catalog-item {
    width: 32.85%;
    margin-right: 0.7%;
  }
  .catalog-block .catalog-items-4 .catalog-item:nth-child(3n){
    margin-right: 0;
  }
}

.catalog-block .catalog-items-4 .catalog-item .catalog-item__center {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 8px;
}

.catalog-block .catalog-items-4 .catalog-item .catalog-item__center .catalog-item__img {
  width: 144px;
  height: 144px;
  border-radius: 74px;
  overflow: hidden;
  border: 8px solid #FFF;
}

.catalog-block .catalog-items-4 .catalog-item .catalog-item__title {
  overflow: hidden;
  color: #2C2826;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  width: 92%;
  margin-left: 4%;
}

@media (max-width: 1120px){
  .catalog-block .block-title {
    margin-bottom: 42px;
  }
  .catalog-block .catalog-items-4 .catalog-item {
    height: 216px;
    border-radius: 24px;
  }
  .catalog-block .catalog-items-4 .catalog-item .catalog-item__center {
    margin-top: 18px;
  }
  .catalog-block .catalog-items-4 .catalog-item .catalog-item__center .catalog-item__img {
    border: 6px solid #FFF;
    height: 108px;
    width: 108px;
  }
  .catalog-block .catalog-items-4 .catalog-item .catalog-item__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.26px;
  }
}

.worth {
  margin-top: 116px;
}

.worth .block-title {
  margin-bottom: 68px;
}

.worth .worth-in {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.worth .worth-in .worth-item {
  position: relative;
  float: left;
  width: 20%;
}

.worth .worth-in .worth-item .worth-item__round {
  position: relative;
  float: left;
  width: 128px;
  height: 128px;
  background-color: var(--main-color);
  border-radius: 64px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 16px;
}

.lang-ar .worth .worth-in .worth-item .worth-item__round {
  float: right;
}

.worth .worth-in .worth-item .worth-item__text {
  color: #58504B;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
}

@media(max-width: 3550px){
  .worth .worth-in .worth-item {
    width: 20%;
    padding-right: 30px;
    margin-bottom: 30px;
  }
}

@media(max-width: 1550px){
  .worth .worth-in .worth-item {
    width: 25%;
    padding-right: 30px;
    margin-bottom: 30px;
  }
}

@media(max-width: 1320px){
  .worth .worth-in .worth-item .worth-item__text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
  }
}

@media(max-width: 1120px){
  .worth {
    margin-top: 54px;
  }
  .worth .block-title {
    margin-bottom: 42px;
  }
  .worth .worth-in .worth-item {
    width: 33%;
  }
}

@media(max-width: 990px){
  .horeca .square.square-w-2, .horeca .square-in .square {
    margin-right: 0 !important;
  }
  .horeca .square.square-w-2, .horeca .square.square-w-1 {
    width: 100%;
    margin-right: 0;
  }
  .horeca .square.sq-main {
    background-size: 100% auto;
  }
  .worth .worth-in .worth-item {
    width: 50%;
  }
  .catalog-block .catalog-items-4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .catalog-block .catalog-items-4 .catalog-item {
    width: 49.5%;
    margin-right: 0;
  }
}

@media(max-width: 760px){
  .horeca {
    margin-top: 34px;
    margin-bottom: 40px;
  }
  .horeca .square {
    border-radius: 16px;
  }
  .horeca .square.sq-main {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 0 20px 0 9.2%;
    background-size: auto 100%;
  }
  .horeca .square.square-h-2 {
    height: 319px;
  }
  .horeca .square-in {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .horeca .square {
    order: 3;
    padding-left: 16px;
  }
  .horeca .square.color-1 {
    order: 2;
  }
  .horeca .square.color-2 {
    order: 1;
  }
  .horeca .square-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 17px;
    margin-bottom: 6px;
  }
  .horeca .square-prev {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.26px;
  }
  .horeca .square.square-h-1 {
    height: auto;
    min-height: 161px;
  }
  .block-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
  }
  .catalog-block .block-title {
    margin-bottom: 33px;
  }
  .catalog-block .catalog-items-4 .catalog-item {
    height: 176px;
  }
  .catalog-block .catalog-items-4 .catalog-item .catalog-item__center {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .catalog-block .catalog-items-4 .catalog-item .catalog-item__center .catalog-item__img {
    border: 4px solid #FFF;
    width: 89px;
    height: 89px;
  }
  .catalog-block .catalog-items-4 .catalog-item .catalog-item__title {
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .worth {
    margin-top: 39px;
  }
  .worth .block-title {
    margin-bottom: 33px;
  }
  .worth .worth-in .worth-item {
    width: 100%;
    margin-bottom: 32px;
  }
}

/*.prod-page {
  margin-top: 72px;
}*/

.content .prod-page .text-block h2 {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px
}

.content .prod-page .left-col {
  padding-top: 84px;
}

.compound {
  margin-top: 44px;
  margin-bottom: 79px;
}

.compound .compound-table {
  display: flex;
  justify-content: flex-start;
  margin-top: 11px;
  max-width: 1342px;
  margin-bottom: 32px;
}

.compound .compound-table .compound-table__col {
  position: relative;
  float: left;
  width: 25%;
}

.compound .compound-table .compound-table__col .compound-table__col-name {
  border-bottom: 1px solid #2C2826;
  color: #2C2826;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  height: 36px;
  padding-left: 16px;
}

.compound .compound-table .compound-table__col .compound-table__col-line {
  color: #2C2826;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  padding-left: 16px;
  padding-top: 12px;
  min-height: 48px;
}

.compound .footnote {
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
}

.props {
  margin-top: 44px;
}

.props .props-line {
  padding-left: 48px;
  padding-bottom: 10px;
  margin-bottom: 6px;
  background-position: left top;
  background-repeat: no-repeat;
}

.lang-ar .props .props-line {
  padding-right: 48px;
  padding-left: 0;
  background-position: right top;
}

.video {
  margin-top: 62px;
}

.content .right-col .right-menu.right-img {
  padding-top: 85px;
}

.content .set-brand .right-col .right-menu.right-img {
  margin-top: 155px;
}

.content .set-brand .right-col .right-menu.right-img.right-menu-fixed {
  margin-top: 0;
}

.content .right-col .right-menu.right-img .product-order {
  border-radius: 32px;
  background: #ECEEEC;
  padding-bottom: 32px;
  margin-bottom: 20px;
}

.content .right-col .right-menu.right-img .product-order .product-order-img {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 86%;
  margin-top: 75px;
  margin-left: 7%;
}

.lang-ar .content .right-col .right-menu.right-img .product-order .product-order-img {
  margin-right: 7%;
  margin-left: 0;
}

.content .right-col .right-menu.right-img .product-order .product-order-img img {
  max-height: 240px;
}

.content .right-col .right-menu.right-img .product-order .product-order-name {
  text-align: center;
  overflow: hidden;
  color: #2C2826;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin-top: 59px;
  width: 90%;
  margin-left: 5%;
  margin-bottom: 8px;
}

.content .right-col .right-menu.right-img .product-order .product-order-weight {
  text-align: center;
  color:  #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin-bottom: 24px;  
}

.content .right-col .right-menu.right-img .product-order .product-order-btn-block {
  display: flex;
  justify-content: center;
}

.content .right-col .right-menu.right-img .product-order .product-order-btn {
  position: relative;
  float: left;
  width: 232px;
  height: 64px;
  color: #fff;
  text-align: center;
  background: var(--main-color);
  font-size: 22px;
  padding-top: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
  border-radius: 15px;
  cursor: pointer;
}

.content .right-col .right-menu.right-img .product-order .product-order-btn:hover {
  background: #2C2826;
  color: #fff;
  transition: 0.3s;
}

@media(max-width: 1820px){
  .content .right-col .right-menu.right-img .product-order .product-order-img {
    margin-top: 43px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-name {
    margin-top: 38px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-weight {
    margin-bottom: 20px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-btn {
    font-size: 20px;
    height: 60px;
    padding-top: 14px;
  }
  .content .set-brand .right-col .right-menu.right-img {
    margin-top: 140px;
  }
}

@media(max-width: 1550px){
  .content .right-col .right-menu.right-img .product-order .product-order-img {
    margin-top: 30px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-name {
    margin-top: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-weight {
    margin-bottom: 20px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-btn {
    width: 210px;
    font-size: 18px;
    height: 56px;
    line-height: 22px;
  }
}

@media(max-width: 1320px){
  .content .right-col .right-menu.right-img .product-order .product-order-img {
    margin-top: 25px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-name {
    margin-top: 10px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-weight {
    margin-bottom: 15px;
  }
  .content .set-brand .right-col .right-menu.right-img {
    margin-top: 175px;
  }
  .content .prod-page-in .text-block h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media(max-width: 1120px){
  .content .prod-page .prod-page-in {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .content .prod-page .right-col {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    order: 1;
    margin-top: 43px;
    border-radius: 22px;
  }
  .content .prod-page .left-col {
    order: 2;
    padding-top: 72px;
  }
  .content .right-col .right-menu {
    max-width: 100%;
  }
  .content .right-col .right-menu.right-img.right-menu-fixed {
    position: relative;
    top: auto;
    max-width: 100%;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .content .right-col .right-menu.right-img {
    padding-top: 42px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-name {
    margin-top: 58px;
    font-size: 14px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-weight {
    margin-bottom: 23px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-btn {
    width: 187px;
    padding-top: 17px;
  }
  .content .right-col .right-menu.right-img .product-order {
    padding-bottom: 5px;
  }
  .content .prod-page .text-block h2 {
    font-size: 20px;
  }
  .content .prod-page .text-block h2 {
    margin-bottom: 18px;
  }
  .content .prod-page .text-block p {
    margin-bottom: 19px;
  }
  .text-block ul {
    margin-left: 27px;
    margin-bottom: 12px;
  }
  .content .prod-page-in .text-block h2 {
    font-size: 18px;
    line-height: 24px
  }
  .compound {
    margin-top: 38px;
    margin-bottom: 56px;
  }
  .compound .compound-table {
    margin-top: 3px;
    margin-bottom: 23px;
  }
  .compound .compound-table .compound-table__col .compound-table__col-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    padding-left: 12px;
    letter-spacing: -0.09px;
  }
  .compound .compound-table .compound-table__col .compound-table__col-line {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-left: 12px;
    letter-spacing: -0.09px;
    padding-top: 8px;
    min-height: 38px;
  }
  .compound .footnote {
    font-size: 14px;
  }
  .props {
    margin-top: 40px;
  }
  .props .props-line {
    margin-bottom: 10px;
  }
  .video {
    margin-top: 41px;
  }
  .partners-block.partners-product {
    margin-top: 50px;
  }
}

@media (max-width: 760px) {
  .content .page-header h1.prod-h1 {
    -webkit-line-clamp: 4;
  }
  .content .prod-page .right-col {
    margin-top: 33px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-name {
    margin-top: 50px;
    width: 88%;
    margin-left: 6%;
    line-height: 22px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-weight {
    margin-bottom: 14px;
  }
  .content .right-col .right-menu.right-img .product-order .product-order-btn {
    width: 165px;
    padding-top: 13px;    
    font-size: 16px;
    height: 48px;
    line-height: 22px;
    border-radius: 8px;
  }
  .content .prod-page .left-col {
    padding-top: 38px;
  }
  .content .prod-page .text-block h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .text-block ul {
    margin-left: 24px;
  }
  .compound {
    margin-top: 14px;
    margin-bottom: 30px;
  }
  .compound .compound-table {
    margin-top: 0;
  }
  .content .prod-page .compound .compound-table .compound-table__col .compound-table__col-name {
    font-size: 13px;
    line-height: 16px;
    height: 45px;
  }
  .compound .compound-table {
    margin-bottom: 15px;
  }
  .compound .compound-table .compound-table__col .compound-table__col-name {
    line-height: 16px;
  }
  .props {
    margin-top: 11px;
  }
  .props .props-line {
    margin-bottom: 14px;
  }
  .video {
    margin-top: 14px;
  }
  .partners-block.partners-product {
    margin-top: 24px;
  }
}

.fade {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 95;
  background: #000;
  opacity: 0.6;
  display: none;
}

.order-form {
  opacity: 0;
  display: none;
  z-index: 100;
  position: absolute;
  background: #fff;
  left: 50%;
  width: 1080px;
  margin-left: -540px;
  top: 98px;
  border-radius: 32px;
}

.order-form .order-form-in {
  padding: 78px 64px 40px 64px;
}

.order-form .order-form-title {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 34px;
}

.order-form .order-form-line {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.order-form .order-form-line .order-form-input {
  position: relative;
  float: left;
  height: 64px;
  width: 49.1%;
  border-radius: 16px;
  border: none;
  background: #ECEEEC;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  padding: 0 20px 0 32px;
}

.order-form .order-form-textarea {
  border-radius: 16px;
  background: #ECEEEC;
  font-family: 'Inter';
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  padding: 15px 20px 15px 32px;
  border: none;
  min-height: 192px;
}

.order-form .order-form-btns {
  margin-top: 17px;
}

.order-form .order-form-btns .order-form-btn {
  background: var(--main-color);
  width: 180px;
  height: 64px;
  border: none;
  border-radius: 16px;
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
  cursor: pointer;
  transition: 0.3s;
}

.order-form .order-form-btns .order-form-btn:hover {
  background: #2C2826;
  color: #fff;
}

.order-form .order-form-btns .order-form-agreed {
  position: relative;
  float: right;
  width: calc(100% - 212px);
  margin-top: 7px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #58504B;
  letter-spacing: -0.18px;
}

.lang-ar .order-form .order-form-btns .order-form-agreed {
  float: left;
}

.order-form .order-form-btns .order-form-agreed a {
  color: #58504B;
  text-decoration: underline;
}

.order-form .close {
  position: absolute;
  top: -35px;
  right: -35px;
  height: 38px;
  width: 38px;
  z-index: 102;
  cursor: pointer;
}

.order-form .close:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #fff;
  margin-top: 16px;
  transition: 0.3s;
  margin-top: 18px;
  transform: rotate(-45deg);
}

.order-form .close:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #fff;
  transition: 0.2s;
  margin-top: 18px;
  transform: rotate(45deg);
}

.warning {
  background-color: #ffa3a3 !important;
}

.feedback-sended {
  position: absolute;
  top: 55px;
  left: 50%;
  width: 100%;
  z-index: 102;
  background: #fff;
  max-width: 680px;
  margin-left: -340px;
  height: 276px;
  border-radius: 25px;
}

.feedback-sended .feedback-sended-in {
  padding: 46px 48px 20px 48px;
}

.feedback-sended .feedback-sended-text {
  color: #2C2826;
  font-family: 'Unbounded';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 33px;
}

.feedback-sended .feedback-sended-after {
  color: #58504B;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.26px;
  margin-bottom: 33px;
}

.feedback-sended .feedback-sended-btn {
  position: relative;
  float: left;
  border-radius: 16px;
  background: var(--main-color);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.26px;
  color: #fff;
  padding-top: 14px;
  width: 125px;
  height: 56px;
  transition: 0.3s;
  cursor: pointer;
}

.feedback-sended .feedback-sended-btn:hover {
  background: #2C2826;
}

.feedback-sended .x {
  position: absolute;
  top: -35px;
  right: -35px;
  height: 38px;
  width: 38px;
  z-index: 102;
  cursor: pointer;
}

.feedback-sended .x:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #fff;
  margin-top: 16px;
  transition: 0.3s;
  margin-top: 18px;
  transform: rotate(-45deg);
}

.feedback-sended .x:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #fff;
  transition: 0.2s;
  margin-top: 18px;
  transform: rotate(45deg);
}

#fade-sended { 
  display: none;
  background: #000;
  position: fixed; left: 0; top: 0;
  width: 100%;
  height: 100%;
  opacity: .50;
  z-index: 99;
}

@media(max-width: 1170px){
  .order-form .close {
    top: 20px;
    right: 20px;
  }
  .order-form .close:before, .order-form .close:after {
    background: #000;
  }
}

@media(max-width: 1120px){
  .order-form {
    width: 760px;
    margin-left: -380px;
  }
  .order-form .order-form-line .order-form-input {
    width: 100%;
  }
  .order-form .order-form-line, .order-form .order-form-line .order-form-input:first-child {
    margin-bottom: 22px;
  }
  .order-form .order-form-in {
    padding: 62px 64px 40px 64px;
  }
}

@media(max-width: 800px){
  .order-form  {
    max-width: 358px;
    margin-left: -179px;
  }
  .order-form .order-form-in {
    padding: 60px 31px 40px 31px;
  }
  .order-form .order-form-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 25px;
  }
  .order-form .order-form-line .order-form-input {
    height: 48px;
    padding: 0 15px 0 17px;
  }
  .order-form .order-form-line .order-form-input, .order-form .order-form-textarea {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.18px;
    border-radius: 8px;
  }
  .order-form .order-form-textarea {
    padding: 12px 10px 12px 17px;
    min-height: 120px;
  }
  .order-form .order-form-line, .order-form .order-form-line .order-form-input:first-child {
    margin-bottom: 16px;
  }
  .order-form .order-form-btns {
    margin-top: 8px;
  }
  .order-form .order-form-btns .order-form-btn {
    font-size: 16px;
    font-style: normal;
    width: 100%;
    font-weight: 500;
    height: 48px;
    border-radius: 8px;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
  .order-form .order-form-btns .order-form-agreed {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.09px;
    margin-top: 16px;
  }
}

@media(max-width: 760px){
  .feedback-sended { 
    left: 60px;
    margin-left: 0;
    max-width: 100%;
    width: calc(100% - 120px);
    height: auto;
    min-height: 270px;
    padding-bottom: 50px;
  }
}

@media(max-width: 410px){
  .feedback-sended {
    left: 20px;
    width: calc(100% - 40px);
  }
  .feedback-sended .x {
    height: 28px;
    width: 28px;
    top: 8px;
    right: 8px;
  }
  .feedback-sended .x:after, .feedback-sended .x:before {
    background: #000;
  }
}

@media(max-width: 379px){
  .order-form {
    width: calc(100% - 20px);
    left: 10px;
    margin-left: 0;
  }
  .order-form .order-form-in {
    padding: 60px 26px 40px 26px;
  }
}

.contacts-page .contacts-tabs {
  margin-top: 85px;
}

.contacts-page .contacts-tabs .contacts-tab {
  position: relative;
  float: left;
  background: #ECEEEC;
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  padding: 16px 24px 16px 24px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 16px;
  transition: 0.2s;
  cursor: pointer;
}

.contacts-page .contacts-tabs .contacts-tab.active, .contacts-page .contacts-tabs .contacts-tab:hover {
  color: #fff;
  background: #2C2826;
}

.contacts-page .contacts-info {
  min-height: 400px;
  padding-top: 75px;
}

.contacts-page .contacts-info .contacts-item {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 0;
  overflow: hidden;
}

.contacts-page .contacts-info .contacts-item.active {
  height: auto;
  overflow: hidden;
}

.contacts-page .contacts-info .contacts-block {
  position: relative;
  float: left;
  width: 25%;
  /*margin-bottom: 35px;*/
  margin-bottom: 55px;
  padding-right: 20px;
}

.contacts-page .contacts-info .contacts-block .contacts-block-name {
  color: #58504B;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin-bottom: 8px;
}

.contacts-page .contacts-info .contacts-block .contacts-block-val {
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
  max-width: 405px;  
}

.contacts-page .contacts-info .contacts-block .contacts-block-val a {
  color: #2C2826;
  text-decoration: none;
}

.map {
  height: 800px;
}

@media(max-width: 1120px){
  .map {
    height: 430px;
  }
}

@media(max-width: 760px){
  .map {
    height: 430px;
  }
}

.map-block {
  border-radius: 32px;
  overflow: hidden;
}

.ymap_ctrl_display {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 49;
  pointer-events: none;
}

.map-ctrl-text {
  position: relative;
  top: 50%;
  left: 0;
  right: 0;
  color: white;
  text-align: center;
  font-size: 18px;
  pointer-events: none;
}

@media (max-width: 1820px) {
  .contacts-page .contacts-info .contacts-block .contacts-block-val {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 1550px) {
  .contacts-page .contacts-info .contacts-block {
    width: 33%;
  }
}

@media (max-width: 1120px) {
  .contacts-slider .wrapper {
    position: relative;
    float: right;
    max-width: 100%;
    padding: 0;
  }
  .contacts-slider {
    overflow: hidden;
  }
  .contacts-slider .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
}

@media (max-width: 990px) {
  .contacts-slider .wrapper {
    width: calc(50% + 365px);
  }
  .contacts-page .contacts-info {
    min-height: 470px;
  }
  .contacts-page .contacts-info .contacts-block {
    width: 50%;
  }
}

@media (max-width: 760px) {
  .contacts-page .contacts-info .contacts-block {
    width: 100%;
  }
  .contacts-page .contacts-info {
    padding-top: 26px;
    min-height: auto;
  }
  .contacts-slider .wrapper {
    width: calc(50% + 179px);
  }
  .contacts-page .contacts-tabs {
    margin-top: 33px;
  }
  .contacts-page .contacts-tabs .contacts-tab {
    font-size: 14.2px;
    font-weight: 500;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
  }
  .contacts-page .contacts-info .contacts-block .contacts-block-name {
    font-size: 14px;
    margin-bottom: 2px;
  }
  .contacts-page .contacts-info .contacts-block .contacts-block-val {
    font-size: 16.5px;
    line-height: 25px;
  }
  .contacts-page .contacts-info .contacts-block {
    margin-bottom: 22px;
  }
  .map-block {
    border-radius: 16px;
  }
}

@media (max-width: 380px) {
  .contacts-slider .wrapper {
    width: calc(50% + 150px);
  }
}

.category-menu {
  margin-top: 85px;
}

.category-menu .category-menu__item{
  position: relative;
  float: left;
  background: #ECEEEC;
  color: #58504B;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  padding: 16px 24px 16px 24px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 16px;
  transition: 0.2s;
  cursor: pointer;
  text-decoration: none;
}

.category-menu .category-menu__item.active, .category-menu .category-menu__item:hover {
  color: #fff;
  background: #2C2826;
}

.category-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 35px;
  margin-bottom: 118px;
}

.category-list .category-item {
  position: relative;
  float: left;
  /*width: 24.67%;*/
  width: 24.55%;
  margin-right: 0.4%;
  background-color: #ECEEEC;
  height: 480px;
  border-radius: 30px;
  margin-bottom: 8px;
  transition: 0.2s;
}

/*@media(min-width: 1320px){
  .category-list .category-item:nth-child(4n){
    margin-right: 0;
  }
}*/

.category-list .category-item:hover {
  background-color: #DDE2DF;
}

.category-list .category-item .category-item__img {
  display: flex;
  height: 336px;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}

.category-list .category-item .category-item__img img {
  /*max-height: 210px;*/
  max-height: 270px;
}

.category-list .category-item .category-item__name {
  overflow: hidden;
  color: #2C2826;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  text-decoration: none;
  width: 86%;
  margin-left: 7%;
  margin-bottom: 8px;
}

.category-list .category-item .category-item__weight {
  color: #58504B;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
}

.text-below {
  max-width: 1360px;
}

@media(max-width: 1550px){
  .category-list .category-item {
    margin-bottom: 5px;
  }
}

@media(max-width: 1320px){
  .category-list .category-item {
    /*width: 32.92%;*/
    width: 32.71%;
    margin-right: 0.6%;
    margin-bottom: 6px;
    height: 399px;
  }
  .category-list .category-item .category-item__img {
    height: 294px;
    padding-top: 11px;
  }
  .category-list .category-item .category-item__img img {
    max-height: 270px;
  }
  .category-list .category-item .category-item__name, .category-list .category-item .category-item__weight {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 23px;
  }
  .category-list {
    margin-bottom: 70px;
  }
}

/*@media(max-width: 1320px) and (min-width: 990px){
  .category-list .category-item:nth-child(3n){
    margin-right: 0;
  }
}*/

@media(max-width: 1120px) {
  .category-menu-block  {
    overflow: hidden;
  }
  .category-menu-block .wrapper {
    position: relative;
    float: left;
    width: 100%;
    max-width: 100%;
  }
}

@media(max-width: 990px) {
  .category-list {
    justify-content: space-between;
  }
  .category-list .category-item {
    width: 49.6%;
    margin-right: 0;
  }
}

@media(max-width: 760px) {
  .category-list {
    margin-top: 28px;
  }
  .category-list .category-item {
    width: 100%;
    min-height: 380px;
    height: auto;
    border-radius: 16px;
  }
  .category-menu {
    margin-top: 32px;
  }
  .category-menu .category-menu__item {
    font-size: 14.2px;
    font-weight: 500;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
  }
  .category-list .category-item .category-item__img {
    height: 275px;
  }
  .category-list .category-item .category-item__img img {
    max-height: 230px;
  }
}

@media (max-width: 1120px) {
  .category-menu-block .category-menu {
    float: right;
    width: calc(50% + 480px);
  }
  .lang-ar .category-menu-block .category-menu {
    float: left;
  }
}

@media (max-width: 990px) {
  .category-menu-block .category-menu {
    width: calc(50% + 365px);
  }
}


@media (max-width: 760px) {
  .category-menu-block .category-menu {
    width: calc(50% + 179px);
  }
}


@media (max-width: 380px) {
  .category-menu-block .category-menu {
    width: calc(50% + 150px);
  }
}

.catalog {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 86px;
  margin-bottom: 118px;
}

.catalog .catalog-prod {
  position: relative;
  float: left;
  width: 19.64%;
  margin-right: 0.45%;
  border-radius: 29px;
  background: #ECEEEC;
  height: 272px;
  margin-bottom: 8px;
  transition: 0.1s;
}

.lang-ar .catalog .catalog-prod {
  margin-right: 0;
  margin-left: 0.45%;
}

.catalog .catalog-prod:hover {
    background: #DDE2DF;
}

@media(min-width: 1550px){
  .catalog .catalog-prod:nth-child(5n){
    margin-right: 0;
  }
  .lang-ar .catalog .catalog-prod:nth-child(5n){
    margin-left: 0;
  }
}

.catalog .catalog-prod .catalog-prod-img {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 8px;
}

.catalog .catalog-prod .catalog-prod-img .catalog-prod-img-in {
  position: relative;
  float: left;
  /*width: 144px;
  height: 144px;*/
  width: 184px;
  height: 184px;
  border-radius: 100px;
  overflow: hidden;
  padding: 4px;
  border: 2px solid #FFF;
  background: #FFF;
}

.catalog .catalog-prod .catalog-prod-img .catalog-prod-img-in img {
  border-radius: 100px;
}

.catalog .catalog-prod .catalog-prod-img .catalog-prod-img-in:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  /*width: 140px;
  height: 140px;*/
  width: 180px;
  height: 180px;
  border-radius: 100px;
  border: 4px solid #FFF;
  transition: 0.2s;
}

.catalog .catalog-prod:hover .catalog-prod-img .catalog-prod-img-in {
  border-color: #DDE2DF;
  transition: 0.05s;
  /*opacity: 0;*/
}

.catalog .catalog-prod .catalog-prod-name {
  width: 94%;
  margin-left: 3%;
  text-align: center;
  text-decoration: none;
  color: #2C2826;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
}

@media(max-width: 1550px){
  .catalog .catalog-prod {
    width: 24.57%;
    margin-right: 0.55%;
  }
  .lang-ar .catalog .catalog-prod {
    margin-left: 0.55%;
  }
}

@media(min-width: 1120px) AND (max-width: 1550px) {

  .catalog .catalog-prod:nth-child(4n){
    margin-right: 0;
  }
  .lang-ar .catalog .catalog-prod:nth-child(4n){
    margin-left: 0;
  }
}

@media(max-width: 1320px){
  .catalog .catalog-prod .catalog-prod-name {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.26px;
  }
}

@media(max-width: 1120px) {
  .catalog .catalog-prod {
    width: 32.8%;
    margin-right: 0.73%;
  }
  .lang-ar .catalog .catalog-prod {
    margin-left: 0.73%;
  }
}

@media(max-width: 1120px) {
  .catalog {
    margin-top: 43px;
    margin-bottom: 55px;
  }
  .catalog .catalog-prod {
    height: 216px;
  }
  .catalog .catalog-prod .catalog-prod-img {
    margin-top: 19px;
    margin-bottom: 11px;
  }
  .catalog .catalog-prod .catalog-prod-img .catalog-prod-img-in {
    /*width: 106px;
    height: 106px;*/
    width: 146px;
    height: 146px;
    border: 6px solid #FFF;
  }
  .catalog .catalog-prod .catalog-prod-img .catalog-prod-img-in:before {
    width: 142px;
    height: 142px;
  }
  .catalog .catalog-prod:nth-child(3n){
    margin-right: 0;
  }
  .lang-ar .catalog .catalog-prod:nth-child(3n){
    margin-left: 0;
  }
}

@media(max-width: 990px) {
  .catalog {
    justify-content: space-between;
  }
  .catalog .catalog-prod {
    margin-right: 0;
    margin-left: 0;
    width: 49.5%;
    height: 210px;
  }
  .lang-ar .catalog .catalog-prod {
    margin-left: 0;
  }
}

@media(max-width: 760px) {
  .catalog {
    margin-top: 34px;
  }
  .catalog .catalog-prod {
    border-radius: 16px;
    height: 175px;
    width: 49.3%;
  }
  .catalog .catalog-prod .catalog-prod-img {
    margin-top: 11px;
  }
  .catalog .catalog-prod .catalog-prod-img .catalog-prod-img-in {
    border: 4px solid #FFF;
    /*width: 89px;
    height: 89px;*/
    width: 129px;
    height: 129px;
  }
  .catalog .catalog-prod .catalog-prod-img .catalog-prod-img-in:before {
    width: 125px;
    height: 125px;
  }
  .catalog .catalog-prod .catalog-prod-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.18px;
  }
}

@media(max-width: 380px) {
  .catalog .catalog-prod {
    width: 100%;
  }
}

.brands-page.brands {
  margin-top: 85px;
}

.brands-page.brands .brands-in .brand {
  width: 24.2%;
  margin-right: 0.57%;
}


.brand-text {
  margin-top: 85px;
  padding-right: 20px;
}

.content .prod-page-in.set-brand .right-col .right-menu.right-img .product-order {
  background: none;
}

.content .prod-page-in.set-brand .right-col .right-menu.right-img .product-order .product-order-img {
  border-radius: 32px;
  width: 100%;
  margin-top: 46px;
  padding-left: 5%;
  padding-right: 5%;
  background: #ECEEEC;
  margin-left: 0;
  padding-top: 62px;
  padding-bottom: 62px;
}

.content .prod-page-in.set-brand .right-col .right-menu.right-img .product-order .product-order-name {
  margin-top: 25px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.18px;
}

.content .prod-page-in.set-brand .right-col .right-menu.right-img .product-order .product-order-name span {
  color: var(--main-color);
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.4px;
}

@media(max-width: 1820px){
  .brands .brands-in .brand {
    height: 240px;
  }
}

@media(max-width: 1550px){
  .brands-page.brands .brands-in .brand {
    width: 32.7%;
    margin-right: 0.84%;
  }
  .brands-page.brands .brands-in .brand:nth-child(3n){
    margin-right: 0;
  }
}

@media(max-width: 1340px){
  .brands-page.brands  {
    margin-top: 40px;
  }
  .brand-text {
    margin-top: 45px;
  }
  .content .right-col .right-menu.right-img {
    padding-top: 10px;
  }
}

@media(max-width: 760px){
  .brands-page.brands .brands-in {
    display: flex;
    justify-content: space-between;
  }
  .brands-page.brands .brands-in .brand {
    width: 49.2%;
    height: 177px;
    margin-bottom: 6px;
    margin-right: 0;
  }
}

@media(max-width: 380px){
  .brands-page.brands .brands-in .brand {
    width: 100%;
  }
}

.text-page {
  margin-top: 50px;
  min-height: 400px;
}

.text-page a {
  text-decoration: none;
}

.lang svg {
  padding-right:5px;
  width:26px;
  min-width:26px;
}

.prod-page-in .right-menu.right-menu-fixed {
    /*left: calc(50% - 15px) !important;*/
}

.lang-ar .content.ps > .content_before_ar {
  clear: both;
}

.lang-ar .content.ps > .text-block.ps {
  margin: 0 auto;
  max-width: 1822px;
  width: 100%;
  float: none;
  padding: 0 15px;
}

@media(max-width: 1820px){
  .lang-ar .content.ps > .text-block.ps {
    max-width: 1540px;
  }
}
@media(max-width: 1550px){
  .lang-ar .content.ps > .text-block.ps {
    max-width: 1320px;
  }
}
@media(max-width: 1320px){
  .lang-ar .content.ps > .text-block.ps {
    max-width: 1120px;
  }
}
@media(max-width: 1120px){
  .lang-ar .content.ps > .text-block.ps {
    max-width: 990px;
  }
}
@media(max-width: 990px){
  .lang-ar .content.ps > .text-block.ps {
    max-width: 760px;
  }
}
@media(max-width: 760px){
  .lang-ar .content.ps > .text-block.ps {
    max-width: 378px;
    padding: 0 10px;
  }
}
@media(max-width: 378px){
  .lang-ar .content.ps > .text-block.ps {
    max-width: 320px;
    padding: 0 10px;
  }
}