@charset "UTF-8";
/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}
.cky-consent-bar .cky-notice-des p a{
 color: #ffff00;
}
.cky-notice-btn-wrapper .cky-btn, .cky-prefrence-btn-wrapper .cky-btn{
  border-radius: 8px;
}
html, body {
  height: 100%;
  width: 100%;
  line-height: 1;
  font-size: 0.7142857vw;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*--------------------*/
/*Style settings*/
@font-face {
  font-family: "PT Sans Caption";
  src: url("../fonts/PTSans-Caption.eot");
  src: url("../fonts/PTSans-Caption.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSans-Caption.woff2") format("woff2"), url("../fonts/PTSans-Caption.woff") format("woff"), url("../fonts/PTSans-Caption.ttf") format("truetype"), url("../fonts/PTSans-Caption.svg#PTSans-Caption") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("../fonts/NunitoSans-Regular.eot");
  src: url("../fonts/NunitoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Regular.woff2") format("woff2"), url("../fonts/NunitoSans-Regular.woff") format("woff"), url("../fonts/NunitoSans-Regular.ttf") format("truetype"), url("../fonts/NunitoSans-Regular.svg#NunitoSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans SemiBold';
    src: url('../fonts/NunitoSans-SemiBold.eot');
    src: url('../fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-SemiBold.woff2') format('woff2'),
        url('../fonts/NunitoSans-SemiBold.woff') format('woff'),
        url('../fonts/NunitoSans-SemiBold.ttf') format('truetype'),
        url('../fonts/NunitoSans-SemiBold.svg#NunitoSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans Bold';
    src: url('../fonts/NunitoSans-Bold.eot');
    src: url('../fonts/NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NunitoSans-Bold.woff2') format('woff2'),
        url('../fonts/NunitoSans-Bold.woff') format('woff'),
        url('../fonts/NunitoSans-Bold.ttf') format('truetype'),
        url('../fonts/NunitoSans-Bold.svg#NunitoSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: "Fira Sans Condensed";
  src: url("../fonts/FiraSansCondensed-Medium.eot");
  src: url("../fonts/FiraSansCondensed-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSansCondensed-Medium.woff2") format("woff2"), url("../fonts/FiraSansCondensed-Medium.woff") format("woff"), url("../fonts/FiraSansCondensed-Medium.ttf") format("truetype"), url("../fonts/FiraSansCondensed-Medium.svg#FiraSansCondensed-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DINRoundPro";
  src: url("../fonts/DINRoundPro.eot");
  src: url("../fonts/DINRoundPro.eot?#iefix") format("embedded-opentype"), url("../fonts/DINRoundPro.woff2") format("woff2"), url("../fonts/DINRoundPro.woff") format("woff"), url("../fonts/DINRoundPro.ttf") format("truetype"), url("../fonts/DINRoundPro.svg#DINRoundPro") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rounded Mplus 1c";
  src: url("../fonts/RoundedMplus1c-Bold.eot");
  src: url("../fonts/RoundedMplus1c-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RoundedMplus1c-Bold.woff2") format("woff2"), url("../fonts/RoundedMplus1c-Bold.woff") format("woff"), url("RoundedMplus1c-Bold.ttf") format("truetype"), url("../fonts/RoundedMplus1c-Bold.svg#RoundedMplus1c-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body, html {
  font-size: 0.5208333333vw;
}
body.dis{
  overflow: hidden;
}
.monile-asside-toggler,.burger{
  display: none;
}
.slider__mobile{
   display: none!important;
}
.about, .partners, .vacancies, .news-single, .news, .footer, .info, .action, .main__tiles, .main__text, .slider, .header,.inner-shop-page,.inner-shop-page-prom {
  width: 150rem;
  margin: 0 auto;
}

.documents__tile p, .center__tile span, .asside-menu__header, .btn, .info-item__content, .header__item, .header__logo, .inner-shop-page__tile span, .contact-us h3, .about__header, .center__header, .vacancies h3, .vacancies__question, .cooperation__content h2, .news-single__header, .news__header, .action__header, .main__text h3, .dobr_popup h2, .shop-fil-wrap input, .ui-menu, .footer-cards__header,.inner-shop-page h2, .not-found-page__header span,.contact-us h3, .contact-us h4{
  font-family: "Nunito Sans";
  font-weight: 400;
}
.cky-consent-container, .cookie-popup__text,.social-item__text,.dobr_popup.dobronom_popup_check p, .dobr_popup, .dobr_popup input,.dobr_popup .submit-wrapper input, .sub-text, .dobr_popup label, .submit-wrapper span, .footer, .contact-us__addres-col, .contact-us__input, .new-tiles__text, .partners__link, .partners__header, .vacancies__tile, .vacancies p, .vacancies__answer, .cooperation__content, .news-single__content, .news-single__date, .news__more, .news__preview, .main__text p, .customControl span, .customControl h3, .customControl p, .customControl button, .footer-cards__desc, .logobuk__download h3, .inner-shop-page p, .list, .contact-us__input, .contactform input, .contactform textarea{
  font-family: "PT Sans Caption";
  font-weight: 400;
}

.info-item__header, .partners-single__percent span, .partners__pecent, h3.phone-header, .inner-shop-page__tile b,.not-found-page__header h2{
  font-family: "Fira Sans Condensed";
  font-weight: 500;
}


.cooperation__content h3, .cooperation__content h4, .center__tile span,.footer,.footer-cards__header{
  font-family: "Nunito Sans Bold";
  font-weight: bold;
}
.news__header h3,.news-single__header, .cooperation__content h2,.about__header, .action__header, .main__text h3{
  font-family: "Nunito Sans SemiBold";
  font-weight: 600;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 2.5rem;
  margin-bottom: 3rem;
  padding: 1.4rem 12rem 1.4rem 12rem;
  border-radius: 0px 0px 20px 20px;
  color: #ffffff;
  height: 8.5rem;
  background: #424242;
  width: 100%;
}
.header.header-red{
  color: #ffffff;
  background: #FF0000;
}
.header.header-ye{
  color: #ff0000;
  background: #FFff00;
}
.header.header-ye a{
  color: #ff0000;
}
.header__logo {
  line-height: 4.5rem;
}
.header__logo-active {
  position: relative;
}
.header__logo-active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 3.8rem;
  height: 0.3rem;
  background: #FEFE01;
  border-radius: 20px;
}
.header__menu {
  margin-left: auto;
}
.header__menu .footer__social{
    display: none;
  }
.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  
  gap: 4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__item {
  line-height: 4.5rem;
}
.header__item-active {
  position: relative;
}
.header__item-active:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  display: block;
  width: 3.8rem;
  height: 0.3rem;
  background: #FEFE01;
  border-radius: 10px;
}
.header__account {
  width: 5.5rem;
  height: 5.5rem;
  margin-left: 1.5rem;
  display: none;
}
.header__account img {
  width: 100%;
}

.logo-dobronom {
  width: 27rem;
  height: 5.7rem;
}
.logo-kopeechka {
  width: 28.4rem;
  height: 5.7rem;
}
.logo-mayak {
  width: 25.4rem;
  height: 5.8rem;
}

.slider {
  margin-bottom: 22.3rem!important;
  border-radius: 20px;
  width: 100%;
}
.slick-dots{
  bottom: -5.5rem;
}
.full-widht-slider{
  width: 100%;
}
.slider__item {
  height:88 rem;
  border-radius: 20px;
  overflow: hidden;
  margin: 0rem;
}
.slider__item img {
  width: 100%;
  height: 100%;
}
.video-slider{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-slider.slick-dotted.slick-slider{
  margin-bottom: 10rem;
}
.video-slider__item{
  flex-shrink: 0;
  width: 128rem;
  height: 80rem;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 3.5rem;
  transform: translateZ(0);
}
.video-slider .slick-slide{
  opacity: 0.5;
  transition: .3s;
}
.video-slider .slick-slide.slick-current{
  opacity: 1;
}
.video-slider__item img{
  height: 100%;
}
.kopeechka-tile {
  background: #E01A00;
}
.kopeechka-tile img {
  width: 37.3rem;
  height: 11.1rem;
}

.dobronom-tile {
  background: #424242;
}
.dobronom-tile img {
  width: 41.6rem;
  height: 11.1rem;
}

.mayak-tile {
  background: #FFFF00;
}
.mayak-tile img {
  width: 26.9rem;
  height: 6.1rem;
}

.main {
  overflow-x: hidden;
  background: #E01A00;
  padding-bottom: 6.3rem;
  margin-bottom: 8rem;
}
.main-gr {
  background: #424242;
  margin-bottom: 0;
}
.main-gr .main__text {
  color: #FFFF00;
}
.main-re{
  background: #FF0000;
  margin-bottom: 0;
}
.main-re .main__text {
  color: #FFFF00;
}
.main-ye{
  background: #FFFF00;
  margin-bottom: 0;
}
.main-ye .main__text {
  color: #FF0000;
}
.main-visible {
  overflow-x: visible;
  overflow-y: visible;
}
.main__text {
  padding-top: 6.4rem;
}
.main__text h3 {
  font-size: 3.6rem;
  line-height: 5rem;
  margin-bottom: 2rem;
}
.main__text p {
  font-size: 1.8rem;
  line-height: 3.6rem;
}
.main__tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  gap: 10.3rem;
}
.main__tile {
  width: 70.4rem;
  height: 27.9rem;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 17px 90px -21px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 17px 90px -21px rgba(0, 0, 0, 0.8);
}
.main__tile:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.main-inner {
  background: #ffffff;
  min-height: 80vh;
}

.main-full {
  padding-bottom: 0;
  margin-bottom: 0;
}

.action {
  padding-bottom: 10rem;
  background: #ffffff;
  margin-top: -12rem;
}
.action__header {
  font-size: 3.6rem;
  line-height: 3.6rem;
  margin-bottom: 4rem;
  color: #424242;

}
.action__tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8rem;
   position: relative;

}
.action__tile {
  border-radius: 10px;
  overflow: hidden;
   width: 42.5rem;
   height: 60rem;
   transition: .3s;
   position: relative;
}
.action__tile a.btn{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #ff0000;
  color: #ffff00;
  transition: .3s;
  z-index: 3;
}
.action__tile:before{
  content: '';
  z-index: 2;
  display: block;
  background: linear-gradient(180deg, #FFFFff 15%, rgba(255, 255, 255, 0) 60%);
  transform: matrix(1, 0, 0, -1, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.fancybox-content img{
  width: auto;
  height: 80vh;
}
.fancybox-content{
  background: transparent;
}
.fancybox-button svg{
  color: #fff;
}
.action__tile:hover .action__tile-img{
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.action__tile .action__tile-img{
  width: 100%;
  height: 100%;
  transition: .3s;
  z-index: 1;
}

.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13rem;
  margin-bottom: 8rem;
}

.info-item {
  width: 14.5rem;
  height: 20rem;
  color: #ffffff;
  text-align: center;
}
.info-item__img {
  width: 100%;
  margin-bottom: 3rem;
}
.info-item__header {
  line-height: 6rem;
  font-size: 4rem;
}
.info-item__content {
  text-align: center;
  line-height: 3rem;
  font-size: 2.5rem;
}

.full-widht-slider {
  margin-bottom: 11.4rem;
}

.footer {
  background: #424242;
  padding: 1.7rem 12rem 2rem 12rem;
  border-radius: 20px 20px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.footer-ye {
  background: #FFFF00;
}
.footer-ye .social-item__img {
  background: #E01A00;
}
.footer-ye .footer__logo {
  color: #E01A00;
}
.footer-ye .footer__social a {
  color: #E01A00;
}
.footer-red {
  background: #FF0000;
}
.footer-red .social-item__img {
  background: #fff;
}
.footer-red .footer__logo {
  color: #fff;
}
.footer-red .footer__social a {
  color: #fff;
}
.footer-w {
  background: #ffffff;
}
.footer-w .social-item__img {
  background: #424242;
}
.footer-w .footer__logo {
  color: #424242;
}
.footer-w .footer__social a {
  color: #424242;
}
.footer__logo {
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 4.2rem;
}
.footer__social {
  font-size: 1.8rem;
  line-height: 4.2rem;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer__brand{
  width: 17rem;
}
.footer .footer__brand-uniq{
  display: none;
}
.footer-w .footer__brand, .footer-ye .footer__brand{
  display: none;
}
.footer-w .footer__brand-uniq, .footer-ye .footer__brand-uniq{
  display: block;
}
.social-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 5.5rem;
}
.social-item__img {
  margin-right: 1rem;
  background: #ffffff;
}
.social-item .phone {
  height: 11.18px;
  width: 11.18px;
  -webkit-mask: url(../media/img/phone.svg) 0 0 no-repeat;
          mask: url(../media/img/phone.svg) 0 0 no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.social-item .mail {
  height: 11.18px;
  width: 15.93px;
  -webkit-mask: url(../media/img/mail.svg) 0 0 no-repeat;
          mask: url(../media/img/mail.svg) 0 0 no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.news {
  display: -ms-grid;
  display: grid;
  gap: 5rem 8rem;
  grid-auto-rows: 1fr 1fr;
  -ms-grid-columns: 1fr 8rem 1fr;
  grid-template-columns: 1fr 1fr;
}
.news__img {
  display: block;
  border-radius: 20px;
  margin-bottom: 2.3rem;
  overflow: hidden;
  height: 38.5rem;
}
.news__img img{
  width: 100%;
}
.news__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  color: #424242;
  font-size: 3rem;
  line-height: 5rem;
  height: 10rem;
}
.news__date {
  font-size: 1.8rem;
  line-height: 3.6rem;
  opacity: 0.5;
}
.news__preview {
  color: #424242;
  font-size: 1.8rem;
  line-height: 3.6rem;
  opacity: 0.8;
  height: 7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: .5rem;
}
.news__preview a{
  color: #E01A00;
}
.news__more, .news__more:visited{
  color: #424242;
  font-size: 1.8rem;
  line-height: 3.6rem;
  opacity: 0.5;
}
.news-single__img {
  margin-bottom: 1rem;
  border-radius: 20px;
  overflow: hidden;
  height: 25rem;
}
.news-single__img img{
  height: 100%;
}
.news-single__date {
  color: #424242;
  opacity: 0.5;
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin-bottom: 3rem;
}
.news-single__header {
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.6rem;
  line-height: 5rem;
  color: #424242;
}
.news-single__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3rem;
  margin-right: 3rem;
}
.news-single__back img {
  margin: auto;
}
.news-single__external {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  line-height: 3.6rem;
  color: #424242;
}
.news-single__external-mobile{
  display: none;
}
a.news-single__external {
  color: #424242;
}
.news-single__external img {
  margin-left: 1.5rem;
  width: 2.2rem;
}
.news-single__content {
  font-size: 1.8rem;
  line-height: 3.6rem;
  color: #424242;
  opacity: 0.8;
  margin-bottom: 5rem;
}
.btn,.dobr_popup .submit-wrapper input{
  display: inline-block;
  background: #424242;
  border-radius: 10px;
  font-size: 2.5rem;
  line-height: 2.5rem;
  padding: 2.5rem 5rem;
  text-transform: capitalize;
}

.btn-red {
  background: #E01A00;
  color: #ffffff;
}
.btn-ye {
  background: #FFFF00;
  color: #E01A00!important;
}

.cooperation {
  width: 150rem;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  min-height: 78vh;
}
.cooperation__asside {
   width: 18rem;
   height: 78vh;
   position: fixed;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}
.cooperation__content {
  width: 100%;
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin-left: 25rem;
  color: #424242;
}
.cooperation__content h2 {
  font-size: 3.5rem;
  line-height: 5rem;
  margin-bottom: 2.5rem;
}
.cooperation__content p {
  margin-bottom: 2.5rem;
}
.cooperation__content h3 {
  color: #E01A00;
}
.cooperation__content ul {
  margin-bottom: 5rem;
}
.cooperation__content a {
  display: block;
  color: #E01A00;
}
.cooperation__content a.btn{
  color: #fff;
  display: inline-block;
}
.asside-menu {
  background: #424242;
  border-radius: 0px 20px 20px 0px;
  overflow: hidden;
}
.asside-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 11vh;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.asside-menu__item:hover {
  background: #E01A00;
}
.asside-menu__item:hover .asside-menu__icon {
  background: #FFFF00;
}
.asside-menu__item:hover .asside-menu__header {
  color: #FFFF00;
}
.asside-menu__item-active {
  background: #E01A00;
}
.asside-menu__item-active .asside-menu__header {
  color: #FFFF00;
}
.asside-menu__item-active .asside-menu__icon {
  background: #FFFF00;
}
.asside-menu__icon {
  height: 5rem;
  background-color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.asside-menu__header {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  margin-top: 1rem;
}

.per {
  -webkit-mask: url(../media/img/cooperation/1.svg) 0 0 no-repeat;
          mask: url(../media/img/cooperation/1.svg) 0 0 no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  width: 7.57rem;
}

.pos {
  -webkit-mask: url(../media/img/cooperation/2.svg) 0 0 no-repeat;
          mask: url(../media/img/cooperation/2.svg) 0 0 no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  width: 5.3rem;
}

.sub {
  -webkit-mask: url(../media/img/cooperation/3.svg) 0 0 no-repeat;
          mask: url(../media/img/cooperation/3.svg) 0 0 no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  width: 5.68rem;
}

.rek {
  -webkit-mask: url(../media/img/cooperation/4.svg) 0 0 no-repeat;
          mask: url(../media/img/cooperation/4.svg) 0 0 no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  width: 5.68rem;
}

.are {
  -webkit-mask: url(../media/img/cooperation/5.svg) 0 0 no-repeat;
          mask: url(../media/img/cooperation/5.svg) 0 0 no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  width: 3.6rem;
}

.ten {
  -webkit-mask: url(../media/img/cooperation/6.svg) 0 0 no-repeat;
          mask: url(../media/img/cooperation/6.svg) 0 0 no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  width: 5rem;
}
.opt {
  -webkit-mask: url(../media/img/cooperation/7.svg) 0 0 no-repeat;
          mask: url(../media/img/cooperation/7.svg) 0 0 no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 5rem;
}
.vacancies__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: flex-start;
  font-size: 3.6rem;
  line-height: 5rem;
  gap: 5rem;
  color: #ffffff;
  border-radius: 20px;
  background: #424242;
  margin-bottom: 3.5rem;
  padding: 3rem 5.6rem;

}
.vacancies__question span {
  margin-left: 27rem;
  display: flex;
  align-items: center;
  justify-content: start;
}
.vacancies__question img {
  width: 7rem;
  height: 7rem;
}
.vacancies__question span img{
  width: 1rem;
  height: 2rem;
  margin-right: 8rem;
}
.vacancies__question-red {
  color: #ffff00;
  background: #E01A00;
}
.vacancies__question-red img{
  width: 7.925rem;
  height: 6rem;
}
.vacancies__question-red span {
  margin-left: 19rem;
  color: #ffff00;
}
.vacancies__answer {
  width: 90rem;
  font-size: 1.8rem;
  line-height: 3.6rem;
  color: #424242;
  opacity: 0.8;
  margin-bottom: 17rem;
}
.vacancies__hot-line {
  background: #E01A00;
  position: relative;
  margin: 0 -40rem 8rem;
  padding: 4rem 51.8rem;
}
.vacancies__hot-line img {
  position: absolute;
  bottom: 0;
  right: 37rem;
      width: 77.8rem;
    height: 56.3rem;
}
.vacancies h3 {
  font-size: 3.6rem;
  line-height: 5rem;
  margin-bottom: 3rem;
  color: #424242;
}
.vacancies p {
  font-size: 1.8rem;
  line-height: 3.6rem;
  color: #424242;
  opacity: 0.8;
  margin-bottom: 5rem;
}
.vacancies__tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10rem;
  gap: 5rem;
}
.vacancies__tile {
  width: 42.6rem;
  text-align: center;
  font-size: 2.4rem;
  line-height: 3.6rem;
}
.vacancies__tile img {
  width: 100%;
  display: block;
}

.img-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.img-text__img {
  width: 42.8rem;
  height: 41.8rem;
}
.img-text__text {
  margin-left: 5rem;
}
.img-text__text p {
  margin-bottom: 3.6rem;
}

h3.phone-header {
  color: #FFFF00;
  font-size: 4rem;
  line-height: 3.6rem;
  text-align: center;
  width: 41.3rem;
}
h3.phone-header a {
  color: #FFFF00;
  font-size: 15rem;
  line-height: 10rem;
  display: block;
  margin-top: 5rem;
}
h3.phone-header a img {
  width: 100%;
}

.center {
  background: #E01A00;
  padding: 5rem 37rem 18.9rem;
  margin-bottom: -7.9rem;
}
.center__header {
  color: #FFFF00;
  font-size: 3.6rem;
  line-height: 5rem;
  text-align: center;
  margin-bottom: 5rem;
}
.center__tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12rem;
}
.center__tile {
  width: 20rem;
  height: 24rem;
  background: #FFFF00;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 2.8rem;
}
.center__tile img {
  height: 7rem;
  margin-bottom: 2rem;
}
.center__tile span {
  display: block;
  text-align: center;
  font-size: 2.1rem;
  left: 2.1rem;
  color: #E01A00;
}
.center__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.partners {
  display: -ms-grid;
  display: grid;
  gap: 5rem 8rem;
  grid-auto-rows: 1fr 1fr;
  -ms-grid-columns: 1fr 8rem 1fr;
  grid-template-columns: 1fr 1fr;
}
.partners__tile {
  width: 71rem;
  height: 45rem;
  background-position: 0 0;
  background-size: cover;
  padding: 3rem 3rem 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ffffff;
  border-radius: 20px;
  position: relative;
}
.partners__link{
  display: block;
}
.partners__header {
  font-weight: 500;
}
.partners__header h3 {
  font-size: 5.4rem;
  line-height: 3.6rem;
  margin-bottom: 1rem;
}
.partners__header span {
  font-size: 1.8rem;
  line-height: 3.6rem;
}
.partners__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.partners__link {
  font-size: 1.8rem;
  line-height: 3.6rem;
  
}
.partners__full-link{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.partners__pecent {
  margin-left: auto;
  font-size: 7rem;
  line-height: 7rem;
}
.partners__tile-black {
  color: #424242;
}
.partners__tile-black a.partners__header{
  color: #424242;
}
.partners__tile-black .partners__link {
  color: #424242;
}

.partners-single__percent {
  width: 18rem;
  background: #E01A00;
  color: #ffffff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0px 20px 20px 0px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.partners-single__percent span {
  font-size: 8rem;
  line-height: 10rem;
  margin: auto;
}
.partners-single__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20rem;
  overflow: hidden;

}
.partners-single__img-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 2rem;
  width: 98rem;
  height: 100%;
  border-radius: 20px 0px 0px 20px;
  position: relative;
  overflow: hidden;
}
.partners-single__img-wrapper img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.about__header {
  font-size: 3.6rem;
  line-height: 5rem;
  padding-bottom: 3rem;
  background: #ffffff;
  color: #424242;
}
.about__header-red {
  margin: 0 -40rem;
  padding: 0 46.8rem;
  padding-bottom: 3rem;
  padding-top: 3rem;
  background: #E01A00;
  color: #FFFF00;
  text-align: center;
}

.new-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
      -ms-flex-pack: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  padding-bottom: 1.4rem;
  margin-bottom: 6rem;
}

.new-tiles__tile {
  box-sizing: content-box;
  width: 20rem;
  flex-shrink: 0;
  padding: 0 2.5rem;
}
.new-tiles__img {
  width: 100%;
  height: 24rem;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.new-tiles__img img {
  height: 100%;
  margin: 0 auto;
}
.new-tiles__text {
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #424242;
  opacity: 0.8;
  text-align: center;
}
.new-tiles .slick-dots{
 bottom: -3.5rem;
}
.new-tiles.slick-dotted.slick-slider{
      margin-bottom: 8rem;
}

.brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 8rem;
}
.brands__tile {
  width: 16.6666666667rem;
  height: 16.6666666667rem;
  position: relative;
  overflow: hidden;
}
.brands__tile:hover .color-img{
  opacity: 1;
}
.brands__tile .color-img{
  opacity: 0;
  transition: .3s;
  position: absolute;
  top: 0;
  left: 0;
}
.brands__tile img {
  width: 100%;
}

.documents {
  margin: 0 -40rem;
  padding: 0rem 46.8rem;
  background: #E01A00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 8rem;
  gap: 4rem;
}
.documents.slick-dotted.slick-slider{
  margin-bottom: 0;
}
.documents .slick-dots{
  bottom: 3rem;
  left: 0;
}
.documents .slick-dots li.slick-active button{
  background: #ffff00;
}
.documents .slick-dots li button{
  background: rgba(255, 255, 255, 0.2);
}
.documents__tile {
  padding: 3rem 2rem;
  border-radius: 20px;
  background: #ffffff;
  width: 280px;
  margin: 0 2rem;
}
.documents__tile img {
  width: 26.1rem;
  height: 37rem;
  margin-bottom: 1rem;
}
.documents__tile p {
  color: #424242;
  font-size: 1.8rem;
  line-height: 2.1rem;
  text-align: center;
  height: 6.3rem;
}

.contact-us {
  background: #424242;
  padding: 5rem 26rem 18.9rem;
  margin-bottom: -7.9rem;
}
.contact-us h3, .contact-us h4{
  font-size: 3.6rem;
  line-height: 5rem;
  color: #ffffff;
  margin-bottom: 3rem;
}
.contact-us__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}

.contact-us__form-col {
  width: 50%;
}
.contacts-form-checkbox{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.contacts-form-checkbox input{
  width: 5rem!important;
  height: 5rem;
  margin-right: 1rem;
  margin-bottom: 0!important;
}
.contacts-form-checkbox label{
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-family: "PT Sans Caption";
  font-weight: 400;
}
.contacts-form-checkbox label a{
  text-decoration: underline;
}
.custom_captcha{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.custom_captcha input, .custom_captcha img{
  width: 50%;
}
.custom_captcha img{
  margin-left: 2rem;
  height: 5.2rem;
}
font.errortext{
  font-size: 3rem;
  margin-bottom: 1rem;
  display: block;
}
.form_error_info{
  display: none;
}
.contactform .answer{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1000;
  background: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  width: 118rem;
}
.contactform .answer-header{
  font-weight: 400;
  font-size: 3.6rem;
  line-height: 5.0rem;
  padding: 3.9rem 0;
  text-align: center; 
  background: #424242;
  border-radius: 10px;
  font-family: "Nunito Sans";
  color:  #fff;
}
.contactform .answer-content{
  display: flex;
  padding: 7rem 0;
  align-items: center;  
  justify-content: center;  
}
.contactform .answer-content img{
  width: 44rem; 
  height: 38rem;  s
}
.contact-us__input, .contactform input, .contactform textarea {
  display: block;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(10.5px);
          backdrop-filter: blur(10.5px);
  border: 1px solid #ffffff;
  width: 100%;
  font-size: 1.8rem;
  line-height: 3.6rem;
  padding: 0.7rem 1.9rem;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 2.2rem;
}
.contact-us__addres-col {
  padding-left: 12rem;
  width: 50%;
  font-size: 1.8rem;
  line-height: 3.6rem;
}
.contact-us__addres-col p {
  color: #ffffff;
  margin-bottom: 3.6rem;
}
/*MAP*/
.shops-left{
  height: 680px;
}
.customControl {
    display: none;
    position: absolute;
    top: 40rem;
    left: 37rem;
    transform: translateY(-54%);
    padding: 6.9rem 2rem 3rem;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    border-radius: 10px;
    width: 25.3rem;
}
.map-dobronom{
  position: relative;
}

.map-dobronom .customControl:before{
  content: "";
  background: url(../media/img/map/dobronom-map-logo.png) 0 0 no-repeat;
  background-size: cover;
  width: 160px;
  height: 30px;
  position: absolute;
  top: 1.8rem;
  left: 0;
  border-radius: 0px 5px 5px 0px;
}
.map-dobronom .btn{
  position: absolute;
  bottom: 8.5rem;
  right: 37rem;
  color: #FFFF00; 
}
.map-dobronom .btn, .map-mayak .btn, .map-kopeechka .btn{
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.map-dobronom .btn:hover, .map-mayak .btn:hover, .map-kopeechka .btn:hover{
  box-shadow: 0px 10px 17px rgba(224, 26, 0, 0.4);
}
.map-kopeechka{
  position: relative;
}
.map-kopeechka .customControl:before{
  content: "";
  background: url(../media/img/map/kopeechka-map-logo.png) 0 0 no-repeat;
  background-size: cover;
  width: 160px;
  height: 30px;
  position: absolute;
  top: 1.8rem;
  left: 0;
  border-radius: 0px 5px 5px 0px;
}
.map-kopeechka .btn.btn-red{
  position: absolute;
  bottom: 2.5rem;
  right: 37rem;
  color: #E01A00;
  background: #ffff00;
}
.map-mayak{
  position: relative;
}
.map-mayak .customControl:before{
  content: "";
  background: url(../media/img/map/mayak-map-logo.png) 0 0 no-repeat;
  background-size: cover;
  width: 160px;
  height: 30px;
  position: absolute;
  top: 1.8rem;
  left: 0;
  border-radius: 0px 5px 5px 0px;
}
.map-mayak .btn{
  position: absolute;
  bottom: 8.5rem;
  right: 37rem;
  background: #Ffff00;
  color: #ff0000;
}
.customControl img{
  display: none;
  width: 51px;
  margin-bottom: 20px;
}
.media-body{
  width: auto;
}
.customControl p{
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3.6rem;
  color: #FF0000;
}
.customControl h3{
  margin: 0;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 3.6rem;
  color: #000000;
}
.customControl h3.timeShop{
  border: none;
}
.customControl span{
  display: block;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #FF0000;
  margin-top: 2.2rem;
  margin-bottom: 3.3rem;
  text-align: center;
}

.closeButton {
  position: absolute;
    top: 15px;
    right: 10px;
    height: 40px;
    width: 40px;
    background: url("../media/img/map/cross.svg") 50% no-repeat;
    background-size: 100%;
    opacity: 1;
}
.content-baloon {
  position: relative;
    padding: 5px;
}
.shop-fil-wrap a{
  vertical-align: middle;
  display: inline-block;
  background: #E7E7E7;
  border-radius: 15px;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 36px;
  padding: 7px 26px;
  margin-right: 20px;
  width: 95px;
  transition: .2s;
  height: 50px;
}
.shop-fil-wrap a#dobr{
  background: #E7E7E7 url(../media/img/map/d.png) 50% 50% no-repeat;
  
}
.shop-fil-wrap a#kop{
  background: #E7E7E7 url(../media/img/map/k.png) 50% 50% no-repeat;
  
}
.shop-fil-wrap a:hover{
  background: #E31F13;
  color: #FFE600;
}
.shop-fil-wrap a#dobr:hover{
  background: #434242 url(../media/img/map/dc.png) 50% 50% no-repeat;
  
}
.shop-fil-wrap a#kop:hover{
  background: #E31F13 url(../media/img/map/kc.png) 50% 50% no-repeat;
  
}
.shop-fil-wrap a.active{
  background: #E31F13;
  color: #FFE600;
}
.shop-fil-wrap a#dobr.active{
  background: #434242 url(../media/img/map/dc.png) 50% 50% no-repeat;
  
}
.shop-fil-wrap a#kop.active{
  background: #E31F13 url(../media/img/map/kc.png) 50% 50% no-repeat;
  
}
.shop-fil-wrap input{
  box-sizing: border-box;
  width: 100%;
  display: block;
  border: none;
  font-size: 3rem;
  line-height: 3.6rem;
  color: #333333;
  padding: 2.2rem 2.7rem 2.2rem 10.5rem;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(3px);
  border-radius: 10px;
  
}

.shop-fil-wrap input::placeholder{
  color: #333333;
}
.shop-fil-wrap input:focus{
  outline: none;
}
.search-wrapper {
  position: relative;
  box-sizing: border-box;
}

.input_close_icon{
  cursor: pointer;
  display: none;
  position: absolute;
    top: 50%;
  right: 2.9rem;
  transform: translateY(-50%);
  width: 3.2rem;
    height: 3.2rem;
    color: #939393;
    background: url("../media/img/map/cross.svg") 50% no-repeat;
    background-size: 100%;
}
.shop-fil-wrap .input_search_icon{
  z-index: 999;
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 2.9rem;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  background: url(../media/img/map/search.svg) 0 0 no-repeat;
  background-size: 100%
}
.ui-menu{
  padding: 10px;
  width: 300px;
  max-height: 300px;
  overflow-y: scroll;
  background: #fff;
  margin-top: 20px;
  cursor: pointer;
  font-size: 2.6rem;
  line-height: 3rem;
}
.shops{
  position: relative;
}
.shop-fil-wrap{
  box-sizing: border-box;
  position: absolute;
  top: 6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 118rem;
}
.customControl button{
  cursor: pointer;
  display: block;
  width: 100%;
  text-align: center;
  background: #FFFF00;
  color: #424242;
  border: none;
  padding: 0.2rem 1.8rem 0.2rem 4rem;
  font-size: 1.5rem;
  line-height: 3.6rem;
  position: relative;
  border-radius: 10px;
  transition: .3s;
}
.map-kopeechka .customControl button{
  background: #E01A00;
  color: #ffff00;
}
.map-kopeechka .customControl button:before{
  background-color: #ffff00;
}
.map-mayak .customControl button{
  background: #ffff00;
  color: #E01A00;
}
.map-mayak .customControl button:before{
  background-color: #E01A00;
}
.customControl button:hover{
  filter: drop-shadow(0px 6px 20px rgba(255, 92, 0, 0.5));
}
.customControl button:focus{
  outline: none;
}
.customControl button:before{
  content: "";
  background-color: #424242;
  -webkit-mask: url(../media/img/map/map-button.svg) 0 0 no-repeat;
          mask: url(../media/img/map/map-button.svg) 0 0 no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  position: absolute;
  left: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.2rem;
  height: 2.09rem;
}
/*Модальное окно*/
.dobr_popup_wrapper{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
}
#job_form_close,#data_form_close,#rule_form_close,.sub_form_close,#rule_form_close_add{
  position: absolute;
  top: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index:1;
}
#rule_form .dobr_popup h2{
  padding: 25px 8.6vw;

}
#data_form .dobr_popup{
  height: 93vh;
}
#data_form .dobr_popup{
  height: auto;
  overflow: hidden;
}
#data_form .dobr_popup .submit-wrapper input{
  margin: 20px auto 0;
  
}
.dobr_popup .submit-wrapper{
  text-align: center;
}
.dobr_popup .submit-wrapper input{
  background: #E01A00;
  color: #ffffff;
  width: auto;
}
.dobr_popup .submit-wrapper-chekbox{
  display: flex;
  flex-direction: row;
}
.dobr_popup .submit-wrapper-chekbox input{
  width: 4%;
  margin-right: 10px;
}
.dobr_popup .submit-wrapper-chekbox label a{
  color: #ff0000;
}
.dobr_popup{
  font-family: Nunito;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 118rem;
  height: 80vh;
  background: #FFFFFF;
  border-radius: 15px;
  overflow-y: scroll;
  z-index: 2;
}
.dobr_popup.dobronom_popup_check{
  display: none;
  position: absolute;
  z-index: 2;
  width: 118rem;
  height: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#rule_form_add .dobr_popup{
  height: auto;
}
#rule_form_add .dobr_popup p{
  text-align: center;
}
.dobr_popup p{
  font-size: 18px!important;
  line-height: 25px!important;
  color: #000;
}
.dobr_popup.dobronom_popup_check p{
  font-size: 36px!important;
  line-height: 50px!important;
  display: block;
  margin: 13.8rem 12.8rem 13.8rem;
  text-align: center;
  color: #424242;
}
.dobr_popup.dobronom_popup_check .btn__row{
  display: flex; 
  align-items: center;
  justify-content: center;
  gap: 8rem;
  margin-bottom: 10rem;
}
.dobr_popup h2{
  background: #424242;
  padding: 1.9rem 2.8rem;
  position: relative;
  width: 100%;
  font-size: 3.6rem;
  line-height: 5rem;
  color: #fff;
  text-align: center;
  margin: 0;
}
.dobr_popup .close-popup{
  position: absolute;
  top: 2.2rem;
  left: 7rem;
  background: url(../media/img/close-popup.svg) 0 0 no-repeat;
  background-size: cover;
  width: 3.2rem;
  height: 4.4rem;
  z-index: 2;
  cursor: pointer;
}
.dobr_popup form{
  padding: 56px 7.94vw;


}
.post_popup.dobr_popup form{
  padding: 0px;
}
.dobr_popup img{
    border-radius: 20px;
    border: 1px solid black;
}
.dobr_popup h3{
  font-size: 20px!important;
  line-height: 35px!important;
  color: #E31F13!important;
  margin: 35px 0 10px 0;
}
.dobr_popup input{
  background: #E7E7E7;
  display: block;
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 2px 10px;
  font-size: 18px;
  line-height: 35px;

}

.dobr_popup textarea{
  background: #E7E7E7;
  display: block;
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 2px 10px;
  font-size: 18px;
  line-height: 35px;
  resize: none; 
  height: 75px;
}
.dobr_popup label{
  display: block;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #000000;
  margin-bottom: 2px;
}
/* хром, сафари */
.dobr_popup::-webkit-scrollbar { width: 0; }

/* ie 10+ */
.dobr_popup { -ms-overflow-style: none; }

/* фф (свойство больше не работает, других способов тоже нет)*/
.dobr_popup { overflow: -moz-scrollbars-none; }
.checkbox-th{
  display: flex;
  align-content: center;
  justify-content: flex-end;
}
.checkbox-th label{
  width: 23%;
  text-align: center;
}
.checkbox-lang{
  display: flex;
  align-content: center;
  margin: 24px 0;
}
.checkbox-lang label{
  width: 31%;
}
.checkbox-lang .cbw{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23%;
}
.jq-checkbox, .jq-radio{
  margin: 0;
  box-shadow: none;
  background: transparent;
  width: 33px;
  height: 33px;
  border: 2px solid #000;
} 
.jq-radio.checked .jq-radio__div{
  width: 21px;
  height: 21px;
  margin: 4px 0 0 4px;
  box-shadow: none;
  background: #E31F13;
}
.jq-checkbox.focused, .jq-radio.focused{  
  border: 2px solid #000; 
}
.checkbox-lang-input{
  width: 31%;
}
.checkbox-skils{
  display: inline-block;
  vertical-align: middle;
  padding-right: 50px;
  margin-bottom: 30px;
}
.checkbox-skils input{
  display: inline-block;
  width: auto;
}
.checkbox-skils label{
  display: inline-block;
}
.checkbox-skils label span{
  padding-left: 5px;
}
.jq-checkbox{
  border-radius: 50%;
  
}
.checkbox-skils .jq-checkbox{
  transform: translateY(5px);
}
.jq-checkbox.checked .jq-checkbox__div{
  width: 21px;
  height: 21px;
  margin: 4px 0 0 4px;
  box-shadow: none;
  background: #E31F13;
  border-radius: 50%;
  border:none;
  transform: none;
}
.dobr_popup .text-information{
  font-size: 18px;
  line-height: 35px;
  text-align: justify;
  color: #000;
  margin: 60px 0 35px 0;
}

.sgnature{
  margin-bottom: 22px;
}
.sgnature label{
  text-align: center;
}
.signature-date{
  width: 50%;
  margin-bottom: 50px;
}
.signature-date label{
  text-align: center;
}
.submit-wrapper label{
  text-align: center;
  color: #E01A00;
  margin-bottom: 3rem;
}
.sub-file label{
  text-align: center;
}
.captcha_block{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  margin-top: 2rem;
}
.submit-wrapper span{
  font-size: 25px;
  line-height: 35px;
  display: block;
  text-align: center;
  margin: 60px 0;
}
.sub-text{
  font-size: 18px;
  line-height: 25px;
  color:#000;
  margin: 37px 0;
}
.sub-file{
  margin: 3rem 0;
}
.sub-file label{
  margin-bottom: 35px;
}
.prezent{
  display: none;
}
.footer-cards{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.4rem;
  padding: 10rem 0 3rem;
}
.footer-cards__card{
  width: 42.8rem;
  height: 60rem;
  background: #424242;
  backdrop-filter: blur(63.9024px);
  border-radius: 20px;
  padding: 4rem;
  margin: 0 1.7rem;
  text-align: center;
}
.footer-cards__header{
  font-size: 2.5rem;
  line-height: 3rem;
  color: #FFFF00;
  margin-bottom: 1rem;
}
.footer-cards__img{
  margin-bottom: 3rem;
  height: 18rem;
}
.footer-cards__img img{
  height: 100%;
}
.footer-cards__desc{
  font-size: 1.6rem;
  line-height: 3rem;
  color: #fff;
  margin-bottom: 3rem;
  height: 15rem;
}
.footer-cards__slider .slick-dotted.slick-slider{
  margin-bottom: 11rem;
}
.footer-cards__slider.kopeechka .footer-cards__card{
  background: #ff0000;
}
.footer-cards__slider.kopeechka .footer-cards__card .btn{
  color: #ff0000;
}

.footer-cards__slider.mayak .footer-cards__card{
  background: #ffff00;
}
.footer-cards__slider.mayak .footer-cards__header{
  color: #ff0000;
}
.footer-cards__slider.mayak .footer-cards__desc{
  color: #424242;
}
.footer-cards__slider.mayak .footer-cards__card .btn{
  color: #ff0000;
}
.footer-cards__slider.mayak .footer-cards__card .btn:hover{
  background: #E01A00;
  color: #ffff00;
  box-shadow: 0px 10px 17px rgba(224, 26, 0, 0.4);
  border-radius: 10px;
}
.footer-cards__card .btn{
  background: #fff;
  color: #424242;
  transition: .3s;
}
.footer-cards__card .btn:hover{
  background: #FFFF00;
  box-shadow: 0px 10px 17px rgba(255, 255, 0, 0.5);
}
.slick-dots li button{
  width: 1.4rem;
  height: 1.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  transition: .3s;
}
.slick-dots li{
  width: auto;
  height: auto;
}
.slick-dots li button:before{
  display: none;
}
.slick-dots li.slick-active button{
  width: 5rem;
  height: 1.4rem;
  background: #ff0000;
  border-radius: 7px;
}
.slick-dots li.slick-active button:before{
  display: none;
}
.logobuk__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  margin-bottom: 8rem;
}
.logobuk__col{
  width: 50%;
  overflow: hidden;
  border-radius: 20px;
}
.logobuk__download{
}
.logobuk__download h3{
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin-bottom: 3rem;
}
.logobuk__col img{
  width: 100%;
}
.inner-shop-page {
  padding-bottom: 10rem;
  min-height: 80vh;
}
.inner-shop-page iframe{
  margin-bottom: 5rem;
}
.inner-shop-page__img{
  width: 100%;
  height: 19.7rem;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 5rem;
}
.inner-shop-page__img img{
  width: 100%;
}
.inner-shop-page h2{
  font-size: 3.6rem;
  line-height: 5rem;
  margin-bottom: 3rem;
  color:  #424242;
}
.inner-shop-page p{
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin-bottom: 5rem;
  color: #424242;
  opacity: 0.8;
}
.inner-shop-page-prom{
  margin-bottom: 14rem;
  height: 62rem;
  position: relative;
}
.inner-shop-page-prom__back-link{
  position: absolute;
  width: 8rem;
  height: 60rem;
  left: -21rem;
  top: 8rem;
  background: rgba(224, 26, 0, 0.5);
  border-radius: 0px 20px 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}
.dobronom .inner-shop-page-prom__back-link{
  background: rgba(66, 66, 66, 0.5);
}
.dobronom .inner-shop-page-prom__back-link:hover{
  background: rgba(66, 66, 66, 1);
}
.inner-shop-page-prom__back-link:hover{
  background: rgba(224, 26, 0, 1);
}
.inner-shop-page-prom__back-img{

  background-color: #FFFF00;
  height: 4.4rem;
  width: 3rem;
  -webkit-mask: url(../media/img/back-arrow.svg) 0 0 no-repeat;
          mask: url(../media/img/back-arrow.svg) 0 0 no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.action-slider-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.action-slider-wrapper .action-slider-wrapper__item{
  flex-shrink: 0;
  width: 42.5rem;
  height: 60rem;
  display: inline-block;
  margin: 0 4rem;
  border-radius: 10px;
  overflow: hidden;
}

.action-slider-wrapper .action-slider-wrapper__item img{
  width: 100%;
  height: 100%;
}
.inner-shop-page__tiles{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  margin-bottom: 5rem;
}
.inner-shop-page__tile{
  width: 17rem;
  height: 20rem;
  padding: 4.5rem 2.3rem;
  background: #424242;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inner-shop-page__tile b{
  color: #FFFF00;
  font-size: 5.4rem;
  line-height: 5.4rem;
  margin-bottom: 3rem;
}
.inner-shop-page__tile span{
  font-size: 2.0rem;
  line-height: 2.5rem;
  color: #fff;
}
p.inner-shop-page__red{
  color: #ff0000;
}
.inner-shop-page__btns{
  display: flex;
  align-items: center;
  gap: 3rem;
}
.social{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7rem;
  margin-bottom: 5rem;
}
.social__item{
  width: 14rem;
  height: 14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.social__item img{
  width: 100%;
  height: 100%;
}
.social__item:hover img.color-img{
  opacity: 1;
}
.social__item img.color-img{
  position: absolute;
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  transition: .5s;
}
.list{
  font-size: 1.8rem;
  line-height: 3.6rem;

}
.list__item{
  
}
.list__item.subparent, .list__item.child{
  margin-left: 4rem;
}
.list__content{
  display: none;
}
.list__header{
  padding-left: 3rem;
  margin-bottom: 1rem;
  position: relative;
}
.list__header::before{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: block;
  background: url('../media/img/arrow-shop-list.svg') 0 0 no-repeat;
  background-size: contain;
  width: 2.1rem;
  height: 3.2rem;
  transition: .3s;
}
.list__header.active::before{
  transform: translateY(-50%) rotate(90deg);
}
.list__item.child .list__header::before{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: block;
  background: url('../media/img/pin.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.8rem;
  height: 2.1rem;
}
.list__header{
  cursor: pointer;
}

.not-found-page__header{
  width: 46rem;
  min-width: 460px;
  display: flex;
  flex-direction: column;
  align-content: inherit;
  justify-content: center;
  margin: 140px auto;
}
.not-found-page__header h2{
  font-size: 30rem;
  line-height: 25rem;
  margin-bottom: 3rem;
  text-align: center;
}
.not-found-page__header span{
  display: block;
  text-align: center;
  font-size: 3.6rem;
  line-height: 5rem;
}
.not-found-page{
  position: relative;
}
.not-found-page .worker-1{
  position: absolute;
  width: 59.9rem;
  min-width: 599px;
  height: 77.3rem;
  min-height: 773px;
  bottom: 0;
  right: 20px;
}
#promotion .inner-shop-page-prom{
  display: none;
  margin-top: -12rem;
}
.dobrbook{
  width: 150rem;
  height: 100vh;
  margin: 0 auto;
  display: block;
}
.cookie-popup{
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(224, 26, 0, 0.8);
  padding: 3rem 21.2rem 4.5rem;
  width: 100%;
  gap: 4.1rem;
}
.cookie-popup__text{
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #FFFF00;
  width: 100.8rem;
}
.cookie-popup__text a{
  color: #ffff00;
  text-decoration: underline;
}
.cookie-popup__buts{
  display: flex;
  gap: 3rem;
}
.mayak-info{
  display: none;
}
.prilipaly-popup__wrapper{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000000;
  background: linear-gradient(107.8deg, rgba(255, 255, 255, 0.12) 4.48%, rgba(255, 255, 255, 0) 112.09%);
  backdrop-filter: blur(10px); /* размытие заднего фона */
  -webkit-backdrop-filter: blur(10px); /* для Safari */
}
.prilipaly-popup{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.prilipaly-popup a{
  display: block;
  width: 100%;
  height: 100%;
}
.prilipaly-popup a img{
  width: 100%;
}
.prilipaly-popup__close{
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right:-3rem;
  top: -3rem;
  background: url("../media/img/map/cross.svg") 50% no-repeat;
  background-size: 100%;
  opacity: 1;
}
.prilipaly-popup__mobile{
  display: none;
}
@media(max-width: 1080px){
  .prilipaly-popup img{
    display: none;
  }
  .prilipaly-popup{
    width: 70%;
  }
  img.prilipaly-popup__mobile{
    display: block;
  }
  .contactform .answer{
    width: 100%;
  }
  .contactform .answer-header{
    font-size: 2.8rem;
    line-height: 3.4rem;
    padding: 1.5rem 0;
  }
  .contactform .answer-content img{
    width: 24.2em;
    height: 21rem;
  }
  .dobronom-tile img, .kopeechka-tile img {
    width: 100%;
    height: auto;
  }
  .fancybox-content img{
    width: 28rem;
    height: auto;
  }
  .not-found-page__header{
    width: 100%;
    min-width: 100%;

  }
  .not-found-page img{
    display: none;
  }
  .not-found-page__header h2{
    font-size: 20rem;
    line-height: 14rem;
  }
  .cookie-popup{
    display: block;
    padding: 3rem;
  }
  .cookie-popup__text{
    width: auto;
    margin-bottom: 3rem
  }
  .dobrbook{
    width: 100%;
    height: 100vh;
  }
  body, html {
    font-size: 2.33644859813vw;
  }
  .about, .partners, .vacancies, .cooperation, .news-single, .news, .footer, .info, .action, .main__tiles, .main__text, .slider, .header,.inner-shop-page,.inner-shop-page-prom {
    width: 100%;
    min-width: auto;
    margin: 0 auto;
  }
  .news-single,.news,.cooperation__content, .vacancies, .about, .partners,.inner-shop-page{
    padding: 3rem 5rem 0rem;
  }
  .slider{
    height: 63rem
  }
  .slider__item{
    height: 60rem
  }
  .main__tiles{
    flex-direction: column;
    transform: translate(0, 0);
    padding: 5rem 2.5rem;
    margin-top: 7rem;
    gap: 3.3rem;
  }
  .main__tiles .main__tile{
    width: 100%;
    height: auto;
    padding: 6.3rem 5.3rem
  }
  .info{
    flex-wrap: wrap;
    gap: 3rem;
  }
  .video-slider__item{
    width: 35.455rem;
    height: 22.594rem;
    min-width: initial;
    min-height: initial;
    margin: 1.212rem;
  }
  .footer{
    flex-direction: column-reverse;
    padding: 2rem 5.3rem;
  }
  .footer__social{
    flex-direction: column;
  }
  .social-item{
    margin-left: 0;
  }
  .news{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    padding: 3rem 3rem 0;
  }
  .news__tile{
    width: 100%;
  }
  .news__img{
    height: 23.9rem;
    margin-bottom: 1.3rem;
  }
  .news__header{
    font-size: 2.146rem;
    line-height: 2.9rem;
  }
  .news__preview, .news__date, .news__more, .news__more:visited{
    font-size: 1.1rem;
    line-height: 2.2rem;
    height: 9rem;
  }
  .main{
    margin-bottom: 0;
    overflow: visible;
  }
  .news-single__img{
    margin-bottom: 1rem
  }
  .news-single__date{
    font-size: 1rem;
    line-height: 2rem;
    margin-left: 0;
    margin-bottom: 0.5rem;
  }
  .news-single__header{
    flex-direction: column;
  }
  .captcha_block{
    flex-direction: column;
    gap:0;
  }
  .news-single__header{
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-size: 2.4rem;
    line-height: 2.4rem;
    align-items: flex-start;
    position: relative;
  }
  .news-single__back{
    position: absolute;
    /* display: none; */
    left: -2rem;
    top: 23%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    margin-right: 0;  
  }
  .news-single__back img{
    width: 100%;
  }
  .news-single__content{
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
 .btn{
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1.5rem 4rem;
  }
  .cooperation{
    position: relative;
  }
  .cooperation__asside{
    z-index: 2;
    position: absolute;
    left: -11.2rem;
    top: 6rem;
    transition: .3s;
  }
  .cooperation__asside.active{
    left: 0rem;
  }
  .cooperation__content h2{
    font-size: 2.4rem;
    line-height: 2.4rem; 
  }
  .cooperation__content{
    font-size: 1.4rem;
    line-height: 2.4rem;
    min-height: 68rem;
    margin-left: 0
  }
  .cooperation__asside{
    width: 11.2rem;
    transform: translate(0,0);
  }
  .asside-menu{
    transform: translate(0,0);
  }
  .asside-menu__item{
    height: 9.3rem;
    
  }
  .asside-menu__header{
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .asside-menu__icon{
    height: 3.1rem;
  }
  .per {
    width: 4.7rem;
  }

  .pos {
    width: 3.3rem;
  }

  .sub {
    width: 3.5rem;
  }

  .rek {
    width: 3.5rem;
  }

  .are {
    width: 2.2rem;
  }

  .ten {
    width: 3.1rem;
  }
  .monile-asside-toggler{
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 55.6rem;
    position: absolute;
    left: 0px;
    top: 6rem;
    background: rgba(66, 66, 66, 0.5);
    border-radius: 0px 20px 20px 0px;
  }
  .dobr_popup{
    width: 100%;
    height: 75vh;
  }
  .dobr_popup h2{
      font-size: 2.6rem;
      line-height: 2.6rem;
  }
  
  .vacancies__question{
    font-size: 2rem;
    line-height: 2.4rem;
    gap: 0;
    padding: 1rem 3rem;
    margin: 0 -4rem 3.5rem
  }
  .vacancies__question img{
    width: auto;
    height: 2rem;
  }
  .vacancies__question span{
    margin-left: 4rem;
  }
  .vacancies__question-red span{
    margin-left: 2rem;
  }
  .vacancies__question span img{
    margin-right: 2rem
  }
  .vacancies p{
    font-size: 1.4rem;
    line-height: 2.4rem; 
    margin-bottom: 5rem
  }
  .vacancies__answer{
    width: 100%;
    margin-bottom: 5rem;
  }
  .vacancies__tiles{
    margin-bottom: 5rem;
    gap: 3rem;
  }
  .vacancies__hot-line img{
      width: 22.7rem;
      height: 16.4rem;
      right: 0
  }
  .vacancies__hot-line{
    margin: 0 -5.5rem;
    padding: 2rem 5.5rem;
    margin-bottom: 5rem;
  }
  h3.phone-header{
    width: 11rem;
    font-size: 1.7rem;
    line-height: 1.1rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  .vacancies h3.phone-header{
    font-size: 1.7rem;
    line-height: 1.1rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  h3.phone-header a{
    margin-top:1rem;
    font-size: 4.719rem;
    line-height: 3.146rem;
  }
  .vacancies h3{
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
  .vacancies__tile{
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
   .vacancies__tile h4{
    height: 3.6rem;
   }
  .img-text{
    flex-direction: column-reverse;
  }
  .img-text__text{
    margin-left: 0
  }
  .img-text__img{
    width: 80%;
    height: auto;
  }
  .center{
    padding: 5rem 5em 7.9rem;
  }
  .center__header{
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .center__tiles{
    flex-wrap: wrap;
        gap: 2rem;
        margin-bottom: 5rem;
  }
  .center__tile{
    width: 15rem;
    height: 21rem;
  }
  .center__tile span{
    font-size: 1.5rem;
    left: 2.1rem;
  }
  .center__row{
    flex-direction: column;
  }
  .center h3.phone-header{
    width: 18rem;
    margin-bottom: 3rem;
  }
  .about__header{
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
  .documents__tile{
    width: 100%;
        height: auto;
    margin: .5rem;
  }
  .documents__tile p{
        font-size: 1.2rem;
    line-height: 1.5rem;
  }
  .brands{
    margin: 0 -5rem;
    margin-bottom: -1px;
  }
  .brands__tile{
    width: 14.2666666667rem;
    height: 14.2666666667rem;
  }
  .brands__tile img.color-img{
    opacity: 1;
  }

  .documents{
    padding: 0rem 1rem 4rem 1rem;
    margin: 0 -5rem;
  }
  .documents__tile{
    padding: 1rem 2rem;
    width: 19.6rem;
    height: 29.8rem;
  }
  .contact-us{
    padding: 5rem 5rem 18.9rem;
  }
  .about__header-red{
    margin: 0 -5rem;
    padding: 0 5rem;
    padding-bottom: 2rem;
        padding-top: 2rem

  }
  .documents .slick-dots{
    bottom: 5rem;
  }
  .contact-us__row{
    flex-direction: column;
  }
  .contact-us__form-col{
    width: 100%;
    margin-bottom: 5rem;
  }
  .contact-us__addres-col{
    padding-left: 0;
    width: 100%
  }
  .partners{
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .partners__tile{
    width: 32.754rem;
    height: 20.843rem;
    padding: 1.5rem;
  }
  .partners__header h3{
    font-size: 3.216rem;
    line-height: 2.144rem;
    margin-bottom: 0.2rem;
  }
  .partners__header span,.partners__link{
    font-size: 1.1rem;
    line-height: 2.1rem;
  }
  .partners__pecent{
    font-size: 4.2rem;
    line-height: 4.2rem;
  }
  .partners-single__img{
    margin: 0 -5rem;
    height: 10rem;
    border-radius: 0;
    margin-bottom: 1rem;
  }
  .partners-single__img-wrapper img{
    height: 100%;
    width: initial;
  }
  .partners-single__percent span{
    
    font-size: 4.5rem;
    line-height: 8.0rem;
  }
  .partners-single__img-wrapper{
    width: 27.2rem;
  }
  .partners-single__percent{
    border-radius: 0px 20px 20px 0px;
    width: 14rem;
  }
  .action{
    padding: 5rem;
  }
  .main__text{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .shop-fil-wrap{
    width: 39rem;
  }
  .customControl{
    top: 37rem;
    left: 2rem;
  }
  .shop-fil-wrap input{
    padding: 1.2rem 1.7rem 1.2rem 7.5rem;
  }
  .map-dobronom .btn{
    right: 1rem;
    bottom: 3.5rem;
  }
  .social{
    gap: 2.3rem;
  }
  .social__item{
    width: 4.7rem;
    height: 4.7rem
  }
  .footer-cards__slider .slick-dotted.slick-slider{
    margin-bottom: 8rem;
  }
  .footer-cards__card{
    width: 26rem;
    height: 42rem;
  }
  .footer-cards__img{
    height: 11rem;
    margin-bottom: 2rem
  }
  .footer-cards__desc{
    font-size: .9rem;
    height: 11rem;
    line-height: 1.8rem;
  }
  .footer-cards__header{
    font-size: 1.8rem;
    line-height: 2rem
  }
  .main__text p{
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .logobuk__row{
    flex-direction: column;
    margin-bottom: 5rem
  }
  .logobuk__col{
    width: 100%
  }
  .inner-shop-page{
    padding-bottom: 5rem;
  }
  .logobuk__download h3{
    margin-bottom: 1rem
  }
  .inner-shop-page__img{
        height: auto;
    margin: 0 -4rem 2rem -4rem;
    width: auto;
  }
  .inner-shop-page__tile{
    width: 15rem;
  }
  .inner-shop-page__tiles{
    flex-wrap: wrap;
    gap: 1rem;
  }
  .inner-shop-page__tile span{
    font-size: 1.8rem;
  }
  .logo-dobronom {
    width: 17.5rem;
    height: 3.6rem;
  }
  .logo-kopeechka {
    width: 17.5rem;
    height: 3.6rem;
  }
  .logo-mayak {
    width: 15.5rem;
    height: 3.5rem;
  }
  .header{
    padding: 1.5rem 5rem;
    height: 6.6rem;
  }
  .header__logo{
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .burger{
    margin-left: auto;
    display: block;
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    -webkit-mask: url(../media/img/burger.svg) 0 0 no-repeat;
            mask: url(../media/img/burger.svg) 0 0 no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .header{
    transition: .3s;
  }
  .header.active{
    border-radius: 0;
    height: 10vh;
    height: calc(var(--vh, 1vh) * 10);
  }
  .header.active .burger{
    width: 3rem;
    height: 3rem;
    -webkit-mask: url(../media/img/cross.svg) 0 0 no-repeat;
            mask: url(../media/img/cross.svg) 0 0 no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .header__menu{
    padding: 3rem 0;
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    background: #424242;
    z-index: 9999;
    transition: .3s;
    display: flex;
    flex-direction: column;
  }

  .header.header-red .header__menu{
    background: #ff0000;
  }
  .header.header-red .burger{
    background-color: #ffff00;
  }
  .header.header-ye .burger{
    background-color: #ff0000;
  }
  .header.header-ye .header__menu{
    background: #ffff00;
  }
  .header__menu.active{
    top: 10vh;
    top: calc(var(--vh, 1vh) * 10);
    height: 90vh;
    height: calc(var(--vh, 1vh) * 90);
    margin-top: -1px;
  }
  .header__menu .footer__social{
    margin-top: auto;
    margin-bottom: 2.2rem;
    flex-direction: row;
    display: flex;
    justify-content: center;
    gap: 2rem;
    font-size: 1.4rem;
  }
  .header__menu .footer__social .social-item{
    justify-content: flex-start;
  }
  .header__list{
    flex-direction: column;
    gap: 3rem;
  }
  .slider{
    margin-top: 1rem;
    margin-bottom: 0rem!important
  }
  .slider__item img.slider__mobile{
    display: block!important;
  }
  .slider__item img{
    display: none
  }
  .slick-dots{
    bottom: -1.5rem;
  }
  .action__tile{
    height: auto;
    margin: 0 1rem;
  }
  .action__tiles .slick-dots, #promotion .inner-shop-page-prom .action-slider-wrapper .slick-dots{
    bottom: -4.5rem;
  }
  .map-kopeechka .btn.btn-red{
    right: 2rem
  }
  .map-mayak .btn{
    right: 2rem
  }
  #promotion .inner-shop-page-prom{
    padding: 5rem;
    height: auto;
    margin-top: 0;
  }
   #promotion .inner-shop-page-prom .action-slider-wrapper .action-slider-wrapper__item{
    height: 44.95rem;
    width: 31.6rem;
   }
   .action__tile{
    height: 44.95rem;
    width: 31.6rem;
    margin: 0;
   }
   .inner-shop-page-prom__back-link{
    width: 4rem;
    height: 45rem;
    left: 0;
    top: 16rem;
   }
   .info-item__img{
    margin-bottom: 0;
    width: 65%;

   }
   .info-item{
    width: 16rem;
    height: auto;
   }
   .video-slider.slick-dotted.slick-slider{
    margin-top: 3rem;
    margin-bottom: 3rem;
   }
   .news__header{
    height: 5.8rem;
    overflow: hidden;
   }
   .news__img img{
    height: 100%;
    width: auto;
   }
   .new-tiles__tile{
    padding: 0 0.5rem
   }
   .info-item__header{
    font-size: 3rem;
    line-height: 4rem;
   }
   .info-item__content{
    font-size: 2rem;
    line-height: 2rem;
   }
   .shop-fil-wrap input{
    font-size: 2rem;
    line-height: 2.6rem;
   }
   .social__item img.color-img{
    opacity: 1;
   }
   .documents.slick-dotted.slick-slider{
    padding-bottom: 8rem;
    padding-top: 0;
   }
   .about__header-doc{
    padding-bottom: 1rem;
    padding-top: 5rem;
    margin-bottom: -1px;
   }
   .header__logo-active:after{
    bottom: -6px;
   }
   .documents__tile img{
    width: 100%;
    height: 22rem;
   }
   .action__tile:hover{
    transform: scale(1);
   }
   .footer__brand{
    margin: 1rem 0;
   }
   .footer__logo{
    font-size: 1.5rem;
   }
   .news-single__external{
    display: none;
   }
   .news-single__external-mobile{
    display: flex;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    margin-bottom: 1rem;
   }
   .news-single__external-mobile span{
    font-size: 1.4rem;
   }
   .news-single__external img{
    width: 1.4rem;
    margin-left: 0.5rem;
   }
   
}