<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* region Variables */
:root {
    --red-color: #f24841;
    --darkred-color: #660000;
}
/* endregion */


/* region Basic styles */
.containerWrapper { width: 100%; max-width: 1640px; min-width: 375px; padding: 0 80px; box-sizing: border-box; margin: 0 auto; position: relative; }
.containerWrapper.main { overflow: hidden; }
.containerView--content.catalogue .containerWrapper { overflow: unset; }
.containerContent { padding: 0; overflow: hidden; position: relative;  }
.containerPage { min-width: 375px; box-sizing: border-box;  z-index: -5; }
.containerPage.scroll-lock { height: 100vh; overflow: hidden; }
.containerTitle { font-size: 40px; font-weight: 200; padding-bottom: 7px;  border-bottom: 1px solid #e1e1e1; position: relative; display: block; text-decoration: none; margin-bottom: 34px;}
.containerTitle a { font-size: 45px; font-weight: 800; color: #000; position: relative; display: block; text-decoration: none; }
canvas {    width: 100%;height: 100vh;position: fixed;top: 0;z-index: -10;}
ul li { padding-block: 10px;}
ul li::marker { color: var(--red-color);}
.imgRight { float: right; max-width: 50%; padding: 0 0 40px 40px; position: relative; z-index: 4; object-fit: contain; }
.imgRight img { width: 100%; }
.imgLeft { float: left; padding: 0 40px 40px 0; object-fit: contain; max-width: 50%;}
.imgLeft img { width: 100%; }
.contactsSocial { display: flex; gap: 10px;}
#preloader { position: fixed; top: 0; left: 0; width: 100%;height: 100%;z-index: 10000;background: #fff;}
#loader { transform: rotate(45deg); display: block;position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 3px solid transparent; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
/* endregion */


/* region containerView styles */
.containerView { box-sizing: border-box; padding: 120px 0; min-height: 100vh;}
.containerView .containerView--title {   border-bottom: 1px solid #ededed; margin-bottom: 13px; margin-top: 26px; }
.containerView .containerView--title h1 { padding-bottom: 5px; font-size: 40px; font-weight: 800; color: var(--red-color); }
.containerView .containerView--title a { font-size: 45px; color: #000; }
.containerView .containerView--bread a { font-size: 13px; color: #999; text-transform: uppercase;}
.containerView .containerView--content { padding: 35px 0 0 0; min-height: 50vh; }
.containerView .containerView--content .containerView--content--left { float: left; padding-top: 5px; position: relative; overflow: hidden; }
.containerView .containerView--content .containerView--content--right { margin-left: 300px; }
.containerView--content--right img { max-width: 100%; }
/* endregion */


/* region wideForm styles */
.bg-form{ background-image: url('../img/bg-form.jpg'); position: relative; background-attachment: fixed; background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 500px;}
.wideForm { padding-block: 100px; box-sizing: border-box;}
.wideForm input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px transparent inset; box-shadow: 0 0 0 1000px transparent inset; -webkit-text-fill-color: #ffffff; /* ÐšÐ¾Ð»Ñ–Ñ€ Ñ‚ÐµÐºÑÑ‚Ñƒ Ð² Ð°Ð²Ñ‚Ð¾Ð·Ð°Ð¿Ð¾Ð²Ð½ÐµÐ½Ð¾Ð¼Ñƒ Ð¿Ð¾Ð»Ñ– */ }
/* endregion */


/* region aboutList styles */
.aboutListContainer {background: #f9f9f9;padding: 100px 50px;text-align: center;margin-top: 50px;}
.aboutListContainer h2 {margin-bottom: 50px;font-size: 27px;color: #000;}
.aboutList {list-style: none;display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;padding: 0;margin: 0;}
.aboutList li { display: flex;flex-direction: column;align-items: center;text-align: center;color: #000;background: #ffffff36;border-radius: 37px;}
.aboutList img { max-width: 64px; width: 100%;  display: block;margin: 17px auto; }
.aboutList .aboutList--item .aboutList--img {    background: var(--red-color);padding: 17px;border-radius: 50%;text-align: center;height: 100px;width: 100px; }
.aboutList li strong { margin-top: 20px; display: inline-block;}
/* endregion */


/* region Header styles */
.containerHeader { box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px; position: absolute; top: 0; z-index: 100; width: 100%; min-width: 375px; height: 106px; border-bottom: 1px solid #e5e5e5;  display: flex; justify-content: space-between; box-sizing: border-box; color: #000; background-color: #fff; }
.containerHeader::before {    content: '';position: absolute;display: block;top: 50px;left: -20px;transform: skewX(-15deg);height: 150px;width: 40px;background: #cccccc;z-index: 1;  }
.containerHeader::after { background: var(--red-color);content: '';position: absolute;display: block;top: 104px;left: -30px;transform: skewX(-15deg);height: 250px;width: 65px;}

.containerHeader a { color: #000; }
.containerHeader a:hover { color: #000; }
.containerHeader--left { display: flex; align-items: center; gap: 50px; padding-left: 75px; }

.containerHeader--burger { display: none; width: 62px; padding: 18px 13px;text-align: left;cursor: pointer;background: var(--red-color);    border-radius: 50%;    box-sizing: border-box; }
.containerHeader--burger .burger--element {  width: 100%; height: 4px; background: #fff; border-radius: 50px; float: left; transition: width 300ms; }
.containerHeader--burger .burger--element:not(:last-child) { margin-bottom: 7px; }
.containerHeader--burger .burger--element.short { width: 65%; }
.containerHeader--burger:hover .burger--element { background: #fff; }
.containerHeader--burger:hover .burger--element.short { width: 100%; }

.containerHeader--logotype .containerHeader--logo { display: block; background-size: contain!important; width: 120px; height: 48px; background: url('../img/logo.svg') no-repeat; }
.containerHeader--languages { padding-right: 13px; box-sizing: border-box;  }
.containerHeader--languages--links { list-style: none; margin: 0; }
.containerHeader--languages li { float: left; transform: skewX(-16deg);  color: #000;    padding: 0;}
.containerHeader--languages a { text-decoration: none; color: inherit; display: inline-block; transform: skewX(16deg); padding: 17px 15px; background-color: transparent; font-size: 13px; font-weight: 700; text-transform: uppercase; }
.containerHeader--languages li.current { background-color: var(--red-color); color: #fff; }
.containerHeader--languages li:hover { background-color: var(--red-color); }
.containerHeader--languages li:hover a { color: #fff; }
.containerHeader--languages li.current:hover { background-color: var(--red-color); color: #fff; }

.containerHeader--socials {background: var(--red-color);margin-right: -15px;height: 100%;width: 60px;transform: skewX(-15deg);}
.containerHeader--socials a { display: block;}
.containerHeader--socials a:first-child { padding-block: 18px; padding-left: 18px;}
.containerHeader--socials a:last-child { padding-left: 16px;}
.containerHeader--socials a img { transform: skewX(15deg);}

.containerHeader--menu { text-align: center;}
.containerHeader--menu ul { margin: 0;}
.containerHeader--menu ul li { position: relative; display: inline-block; font-size: 16px; padding: 0; box-sizing: border-box; font-weight: 300; }
.containerHeader--menu ul li {  border-left: 1px solid #e5e5e5; float: left; }
.containerHeader--menu &gt; ul &gt; li::before {     content: '';position: absolute;left: -5px;bottom: -6px;font-size: 32px;line-height: 32px;width: 7px;height: 7px;background: #fff;border: 1px solid #c7c7c7;border-radius: 50%}
.containerHeader--menu ul li:last-child::after {     content: '';position: absolute;right: -5px;bottom: -6px;font-size: 32px;line-height: 32px;width: 7px;height: 7px;background: #fff;border: 1px solid #c7c7c7;border-radius: 50%}
.containerHeader--menu ul li:last-child { border-right: 1px solid #e5e5e5; }
.containerHeader--menu ul li a { text-decoration: none; }
.containerHeader--menu ul li a.menu-item {position: relative; display: inline-block; padding: 42px 40px; font-weight: 700; font-size: 15px; text-transform: uppercase; }
.containerHeader--menu ul li.active a.menu-item { color: var(--red-color); }
.containerHeader--menu ul li a.menu-item span {position: relative;}
.containerHeader--menu ul li a.menu-item span::after { content: 'ÑÑƒÑ‡Ð°ÑÐ½Ð° ÑƒÐºÑ€Ð°Ñ—Ð½ÑÑŒÐºÐ° Ñ„Ð°Ñ€Ð¼Ð°Ñ†ÐµÐ²Ñ‚Ð¸Ñ‡Ð½Ð° ÐºÐ¾Ð¼Ð¿Ð°Ð½Ñ–Ñ, ÑÐºÐ° Ð·Ð°Ð¹Ð¼Ð°Ñ”Ñ‚ÑŒÑÑ  Ñ€Ð¾Ð·Ñ€'; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 4px; line-height: 4px; color: #ccc; position: absolute; bottom: -15px;  left: 0; width: 103px; text-align: left;}
.containerHeader--menu ul li a.menu-item span::before { content: ''; background: #000; opacity: 0.5; width: 4px; height: 23px;  position: absolute; left: -20px; top: -4px; }
.containerHeader--menu ul li.active a.menu-item::before { background: var(--red-color); opacity: 1; }
.containerHeader--menu ul li:hover &gt; ul { display: block; }
.containerHeader--menu ul li ul { position: absolute; top: 105px; left: 0; max-width: 400px; text-align: left; display: none; padding: 0; box-sizing: border-box; background: #fff; }
.containerHeader--menu ul li ul li { padding: 0; float: left; width: 100%; min-width: 250px; transition: all .2s; box-sizing: border-box; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.containerHeader--menu ul li ul li:last-child { border-bottom: 1px solid #e5e5e5; }
.containerHeader--menu ul li ul li::after { display: none; }
.containerHeader--menu ul li ul li:hover { background: #f9f9f9; }
.containerHeader--menu ul li ul li a { padding: 10px; box-sizing: border-box; width: 100%; line-height: 21px; display: inline-block; text-decoration: none; font-size: 13px; transform: scale(1); transition: transform 300ms; }
.containerHeader--menu ul li:hover a.menu-item { color: var(--red-color); }
.containerHeader--menu ul li a.menu-item.active { color: var(--red-color); }
.containerHeader--menu ul li:hover a.menu-item::before { background: var(--red-color); opacity: 1; }

.bigMenu {position: absolute;top: 105px;left: 0;text-align: left;display: none;box-sizing: border-box;background: #fff;gap: 20px;border: 1px solid #e5e5e5;padding:  40px;  flex-wrap: wrap;     width: 815px;box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;}
.bigMenu .bigMenu--block:not(:last-child) { padding-right: 20px; border-right: 1px solid #e5e5e5;}
.bigMenu .bigMenu--block a {     display: block;     font-weight: 500; font-size: 14px; padding: 5px 10px;}
.bigMenu .bigMenu--block a:hover { color: var(--red-color);}
.bigMenu .greyLine {  display: none;  bottom: 24px; height: 80%;}
.bigMenu img { width: 150px;    align-self: center;float: left;}
.bigMenu .bigMenu--block:nth-child(2) { border-right: none;}
.bigMenu.small { width: 500px; }
.bigMenu.small a { font-size: 15px; }

.containerHeader--right { display: flex; align-items: center; padding-right: 20px; overflow-x: hidden;}
.containerHeader--right span {  font-size: 10px; text-transform: uppercase; color: #000; padding-right: 16px;}
.containerHeader--contacts a { display: flex; align-items: center; gap: 16px; }
.containerHeader--contacts img { filter: invert(1); }
.containerHeader--contacts a span { font-size: 21px; font-weight: 400; color: #000; }
.containerHeader--contacts a:hover span { color: #000; }
.containerHeader--social { float: right; margin: 76px 30px 0 30px;}
.containerHeader--social a { margin: 0 10px 0 0;}
.containerHeader--social img { opacity: 0.4;}
.containerMenu ul li { position: relative; padding-block: 0; }
.containerMenu ul { min-width: 400px; max-width: 80%; }
.containerMenu ul li a.first--link + .arrow { z-index: 666; display: none; cursor: pointer;  position: absolute;  top: 0;  right: 1px;  background-image: url(../img/arrow-bottom.png);  background-position: center; background-size: contain; height: 15px;    width: 15px;    padding: 17px 11px; filter: invert(1); }
.containerHeader--distributor {font-size: 14px;background-color: var(--red-color);padding: 17px 15px; transform: skew(-16deg);margin-left: 10px;}
.containerHeader--distributor a { color: #fff; text-decoration: none;  display: inline-block;  font-size: 13px; font-weight: 700; transform: skew(16deg)}
.containerHeader--distributor a:hover {color: #fff;}
/* endregion */


/* region containerMain styles */
.containerMain { padding-block: 40px; }
.containerWithBg { background: #efefef; }
.containerMain--news { padding-block: 60px; }
.containerMain--content { display: flex; gap: 80px; }
.containerMain--text { flex: 2; }
.containerMain--image { flex: 3; }
.containerMain--image img { width: 100%; max-width: 100%; }
.containerMain--title {font-size: 50px;color: #434343; }
.containerMain--title span { color: var(--red-color); }
/* endregion */


/* region Banners styles */
.containerBanners {position: relative;width: 100%;min-width: 500px;  color: #000;max-width: 2000px;margin: 0 auto; min-height: 100vh; box-sizing: border-box;   padding-block: 200px 50px;}
.containerBanners--content {  position: relative;display: flex;justify-content: center;height: 0;padding-bottom: 50%; width: 90%;margin-left: auto;}
.containerBanners .containerBanners--element { position: absolute; background-size: cover !important;top: 0;}
.containerBanners .containerBanners--element img { width: 100%; }
.containerBanners .containerBanners--element .containerBanners--outer-bg {background-size: cover;background-position: center;position: absolute;width: 100%;}
.containerBanners .containerBanners--element .containerBanners--inner-bg {position: absolute;top: 0;width: 100%;height: 0;background-repeat: no-repeat;background-size: cover;}

.containerBanners .containerBanners--element:nth-child(1) { left: 0; top: 4%; width: 27%; }
.containerBanners .containerBanners--element:nth-child(2) { width: 61%; left: 14%; }
.containerBanners .containerBanners--element:nth-child(3) {     right: 0;   width: 36%;    top: 8%; }
.containerBanners--text { max-width: 25%; font-weight: 900;position: absolute;  top: 57%; left: 30px; box-sizing: border-box; padding: 10px 10px 10px 81px; }
.containerBanners--text::before { content: ''; background: url('../img/plus.png') center center no-repeat;     background-size: contain; width: 50px; height: 33px; position: absolute; left: 0; top: 50%; }
.containerBanners--text .containerBanners--info { font-size:19px; line-height: 24px; color: #000;    margin-block: 5px;position: relative; font-family: 'Myriad Pro';}
.containerBanners--text .containerBanners--info-small {     font-size: 11px;line-height: 14px;font-weight: 600;max-width: 80%;opacity: 0.3; }
.containerBanners--text .containerBanners--title { font-size: 71px; line-height: 74px; /*letter-spacing: -2px;*/ color: var(--red-color); font-family: 'Myriad Pro';}
.containerBanners--text .containerBanners--title span { font-size: 110px; }
/* endregion */


/* region Partners Main styles */
.containerPartners { display: flex;gap: 30px;align-items: center; justify-content: space-between;}
.containerPartners--text {position: relative; padding-left: 40px; box-sizing: border-box; font-size: 16px; color: #000; line-height: 22px; max-width: 650px; width: 50%; }
.containerPartners--text::before {content: '';position: absolute;display: block; top: 0; left: 7px; height: 28px; width: 15px; background: #cccccc;  transform: skewX(-15deg);}
.containerPartners--text::after {content: '';position: absolute;display: block; top: 30px; left: -1px; height: 28px; width: 15px; background: var(--red-color); transform: skewX(-15deg);}
.containerPartners--logos { display: flex;align-items: center; gap: 45px;}
.containerPartners--logos a img { filter: grayscale(1); width: 100%; }
.containerPartners--logos a:hover img { filter: grayscale(0);}
/* endregion */


/* region Services Main styles */
.containerMain--services { display: grid; grid-template-columns: repeat(3, 1fr); padding-block: 75px;}
.containerMain--services--element {position: relative; color: #000; font-weight: 800; text-decoration: none; }
.containerMain--services--element .containerMain--services--skew {opacity: 0; transform: skew(-16deg); position: absolute; background: var(--red-color); width: 100%; height: 100%; left: 0; top: 0; transition: opacity 300ms; }
.containerMain--services--element .containerMain--services--content {position: relative;padding: 50px 100px 50px 90px;z-index: 1;}
.containerMain--services--element .containerMain--services--icon {position: absolute;top: 20px;right: 20px; max-width: 60px;}
.containerMain--services--element .containerMain--services--icon img {width: 100%;}
.containerMain--services--element .containerMain--services--text {position: relative;}
.containerMain--services--element .containerMain--services--text::before { content: ''; background: url('../img/plus.png') center center no-repeat; width: 50px; height: 33px; position: absolute; left: -80px; top: 50%; }
.containerMain--services--element .containerMain--services--text h3 {font-size: 22px; margin-block: 5px; }
.containerMain--services--element .containerMain--services--text span {font-size: 11px; line-height: 13px; opacity: 0.5;}
.containerMain--services--element:hover h3,
.containerMain--services--element:hover span { color: #fff; }
.containerMain--services--element:hover .containerMain--services--text span { opacity: 1; }
.containerMain--services--element:hover .containerMain--services--skew { opacity: 1; }
.containerMain--services--element:hover .containerMain--services--icon { filter: grayscale(50%) brightness(1.5);}
/* --------------------------------- */
.mainBlock--left { float: left; width: 50%; padding: 0; box-sizing: border-box;}
.mainBlock--right {  float: left; width: 50%; padding: 0; }
.mainBlock--right .infoBlock--group { display: grid; grid-template-columns: 50% 50%; }
.mainBlock--right .infoBlock--group .infoBlock--element { width: 300px; height: 300px; }
.mainBlock--right .infoBlock--group .infoBlock--element .infoBlock--element--image img { width: 300px; height: 300px; }

.containerMain--title {position: relative; font-size: 110px; font-weight: 900; color: #f7f7f7; text-transform: uppercase;}
.containerMain--title-products {top: 63px; margin-top: -63px; margin-bottom: 5px;}
.containerMain--product { display: flex; gap: 160px;align-items: center; padding-block: 40px; position: relative;}
.containerMain--product--title { font-size: 42px; margin-bottom: 10px; font-weight: 800; color: #000; }
.containerMain--product--title sup {  font-size: 25px; vertical-align: top; }
.containerMain--product--info { position: relative; max-width: 470px;}
.containerMain--product--info::after {content: '';position: absolute;display: block; top: 50%; transform: skewX(-15deg) translateY(-50%); right: -60px; height: 33px; width: 40px; background: #feecec; }
.containerMain--product--info p { font-size: 15px; color: #666666;}
.containerMain--product.right .greyLine { left: 40px; }
.containerMain--product.right  {     padding-left: 150px; }
.containerMain--product.left  {     padding-right: 200px; }
.greyLine {z-index: -1; background: #efefef; height: 100%; width: 2px;position: absolute; right: 40px; bottom: -100px; transform: skewX(-15deg); }
.greyLine::before {  content: '';position: absolute;display: block; bottom:  30px; right: 15px; height: 28px; width: 15px; background: #cccccc;  }
.greyLine::after {content: '';position: absolute;display: block; bottom: 0; right: 15px; height: 28px; width: 15px; background: var(--red-color);}
/* ------------ */
.containerArticles {position: relative; width: 100%;}
.containerArticles--grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 20px; gap: 30px;}
.containerArticles--element { box-sizing: border-box; padding: 20px; border: 1px solid #cdcdcd;}
.containerArticles--element:hover { box-shadow: rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;}
.containerArticles--element:hover .containerArticles--element--image img {  transform: scale(1.1); }
.containerArticles--element a {  color: #515151;}
.containerArticles--element .containerArticles--element--content { display: grid; height: 100%; }
.containerArticles--element .containerArticles--element--content .containerArticles--element--bottom { align-self: end; }
.containerArticles--element .containerArticles--element--image {width: 100%; height: 200px; margin-bottom: 20px; overflow: hidden; }
.containerArticles--element .containerArticles--element--image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1);transition: transform 300ms;}
.containerArticles--element .containerArticles--element--title { font-size: 18px; font-weight: 700; margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #000;}
.containerArticles--element .containerArticles--element--intro { align-self: baseline; font-size: 14px; margin-bottom: 10px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #000; }
.containerArticles--element .containerArticles--element--date {color: #999; font-size: 12px; line-height: 20px; margin-bottom: 20px;}
.containerArticles--element .containerArticles--element--more img { margin-left: 10px; position: relative; top: 7px; width: 38px; height: 8px; }
.containerArticles--element .containerArticles--element--more a { color: #000;}

.containerArticles--slider--container { position: relative;}
.containerArticles--slider .containerArticles--element:hover { box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.25); }
.containerArticles--slider .containerArticles--element { min-height: 430px;}
.containerArticles--slider .containerArticles--element .containerArticles--element--title {min-height: 42px;}
.containerArticles--slider .containerArticles--element .containerArticles--element--intro {min-height: 57px;}
/* endregion */


/* region containerText styles */
.containerText { width: 100%; margin-block: 30px; line-height: 25px; overflow: hidden;}
.containerText--content { display: flex; justify-content: space-between; gap: 80px; margin-bottom: 30px;}
.containerText p { line-height: 25px}
.containerText--right--text { max-width: 700px; width: 50%;  }
.containerText--left--img { width: 50%;  }
.containerText--left--img img { width: 100%;  }
.containerText--content .containerText--left--img a img { max-width: 100%; }
/* endregion */


/* region Main News styles */
/*html[lang="en-GB"] .containerMain.containerMain--press { display: none; }*/
.containerMain--news--container { font-family: "Montserrat", sans-serif; display: flex;gap: 50px;    position: relative;padding-right: 100px;}
.containerMain--news--container .containerMain--news--left { flex-basis: 65%;}
.containerMain--news--container .containerMain--news--right { flex-basis: 35%;}
.containerMain--news--element { display: flex;gap: 30px;}
.containerMain--news--element .containerMain--news--info { color: #666666;     width: 50%;}
.containerMain--news--element .containerMain--news--image img { width: 100%; }
.containerMain--news--title { font-size: 24px; line-height: 30px; font-weight: 600; color: var(--red-color); }
.containerMain--news--date {font-size: 11px; }
.containerMain--news--text {font-size: 13px; font-weight: 300;}
.containerNewsMain--element { position: relative; font-size: 15px; color: #666;  padding: 0 10px 10px 40px;  }
.containerNewsMain--element a { color: inherit; }
.containerNewsMain--element .containerNewsMain--element--title { font-size: 15px;  }
.containerNewsMain--element .containerNewsMain--element--date { font-size: 11px; margin-block: 5px;  }
.containerNewsMain--element:hover .containerNewsMain--element--title a { color: var(--red-color);  }
.containerNewsMain--element::before {  content: '';position: absolute;display: block; top: 3px; left: 0; transform: skewX(-15deg); height: 28px; width: 15px; background: #cccccc;  }
.containerMain--news--container .greyLine { right: 9px; bottom: unset;  top: -43%; height: 275px; }
/* endregion */


.containerContacts--top { position: relative;}
.containerContacts--top--col { display: flex; align-items: center; gap: 300px;}

/* region Footer styles */
.containerFooter {  padding-block: 45px; border-top: 1px solid #efefef;background: #f9f9f9;text-align: center; }
.containerFooter .containerFooter--attention {  font-weight: 500; opacity: 0.6; color: #8f8f8f; line-height: 32px;  font-size: 25px; text-transform: uppercase; }
.containerFooter--copyright { width: 100%; font-size: 13px; text-align: center; color: #666; margin-top: 20px; }
.containerFooter--conf-policy {width: 100%;font-size: 14px;text-align: center;margin-top: 50px; display: flex; justify-content: center; }
.containerFooter--conf-policy a {color: #666; padding: 5px 15px;    display: flex;align-items: center; gap: 5px;}
.containerFooter--conf-policy a::before {content: "";display: block;width: 10px;height: 1px;background-color: #c7c7c7;margin-right: 8px;}
/* endregion */


/* region Form styles */
.containerForm { padding: 50px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; margin: 0 auto; max-width: 800px; border-radius: 20px;}
.containerForm .containerForm--title {font-weight: 800;font-size: 26px;color: var(--red-color);text-transform: uppercase;text-align: center;}
.containerForm .containerForm--content { width: calc(100% + 30px); position: relative; left: -15px; display: inline-block; }
.containerForm label.container--label--name { overflow: hidden; float: left; }
.containerForm .container--label { margin-bottom: 15px; }
.containerForm .nice-select.open .list { overflow: scroll; max-height: 250px; padding-top: 8px; }
.containerForm--block { display: flex; gap: 10px;}
.containerForm--block .container--label { width: 100%; }
.containerForm .container--label textarea {  width: 100%; border: 1px solid #efefef; border-radius: 4px; padding: 5px 15px; box-sizing: border-box; font-size: 15px; }
.containerForm .container--label.half { width: 48%; float: left;}
.containerForm .container--label.half:not(:last-child) { margin-right: 15px;}
.containerForm .container--conf { display: flex; align-items: center; gap: 15px; }
.containerForm .container--conf a { color: #939393; }
.containerForm label.button { margin-bottom: 0; }
.containerForm input { width: 100%; border: 1px solid #efefef; height: 50px; border-radius: 4px; padding: 15px; box-sizing: border-box; font-size: 15px; }
.containerForm input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset; box-shadow: 0 0 0 1000px #fff inset; -webkit-text-fill-color: #000; }
.containerForm input.conf { width: 20px; height: 20px; padding: 0; }
.containerForm input.double { float: left; width: 48%; }
.containerForm input.double:last-child { float: right; }
.containerForm button { max-width: max-content; width: 100%; margin-top: 20px;  display: inline-block; text-align: center; cursor: pointer; box-sizing: border-box; border: none; padding: 8px 20px;  color: #fff; font-size: 20px; line-height: 24px; background: var(--red-color); border-radius: 20px; }
.topicSelect.nice-select { float: unset; border: 1px solid #efefef; height: 50px; }
.topicSelect.nice-select .nice-select-search-box { display: none !important; }
.topicSelect .option[data-value=""] {    display: none!important;}
.container-conf-policy {text-align: left;font-size: 13px;}
.container-conf-policy a {color: #939393;}
.conf-link {color: #636363;}
.containerForm .nice-select .option { padding-block: 0; }
.containerForm .nice-select { color: #474747; }

/* Create a custom checkbox */
.container--checkbox {display: block; font-size: 13px; position: relative; padding-left: 35px; margin-bottom: 12px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container--checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff;  border: 1px solid #efefef; border-radius: 4px;}
.container--checkbox:hover input ~ .checkmark { border-color: #656565;}
.container--checkbox input:checked ~ .checkmark { background-color: #000000;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container--checkbox input:checked ~ .checkmark:after { display: block;}
.container--checkbox .checkmark:after { left: 7px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* endregion */


/* region Modal styles */
.containerModal { display: none; }
.section--news--link { color: #4a4a4a; }
.arrowTransform { transform: scaleX(-1); }
/* endregion */


/* region Cookies styles */
.containerCookies { position: fixed;left: 0;bottom: 0;width: 100%;background: #f9f9f9;color: #000;z-index: 500;padding: 25px 0;box-shadow: 0 4px 25px rgba(0, 0, 0, .1);border: 1px solid #efefef;}
.containerCookies .containerWrapper { display: flex; align-items: center; gap: 50px; justify-content: space-between; }
.containerCookies--button {  width: 160px;  }
.containerCookies--present { font-size: 14px; }
.hide { visibility: hidden; }
.show { visibility: visible; }
/* endregion */


/* region Menu Window styles */
.containerMenu { overflow: scroll; opacity: 0.5; position: fixed; top: 0; left: -100%;  width: 50%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.85); transition: all 300ms ease;  }
.containerMenu--container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-block: 40px; text-align: center; display: inline-grid; justify-content: center; align-content: start; }
.containerMenu--close { position: absolute; top: 0; right: 14px; padding: 20px 10px; font-size: 60px; cursor: pointer; color: #fff; font-weight: 300; transition: rotate 2s; }
.containerMenu--content { position: relative; display: inline-block; text-align: left; margin-bottom: -200px; opacity: 0; visibility: hidden; transition: all .3s; }
.containerMenu--content.active { margin-bottom: 0; opacity: 1; visibility: visible; }
.containerMenu--content a { display: block; color: #fff; font-size: 22px; font-weight: 300; padding: 10px 0; border-bottom: 1px solid #ffffff47; }
.containerMenu--content ul li ul li a { font-size: 18px; padding: 7px 0 7px 30px; color: rgba(255,255,255,0.7); }
.containerMenu--content a:last-child { border-bottom: none; }
/* endregion */


/* region Documents list styles */
.documents--list { list-style: none; padding: 0; margin: 0; }
.documents--list li { margin-bottom: 10px; padding-block: 0; }
.documents--list li a { display: inline-block; color: #000; padding-block: 5px; }
.documents--list li a:hover { text-decoration: underline; color: var(--red-color);}
.documents--list li img { height: 25px; width: 25px; margin-right: 15px; }
/* endregion */


/* region Notify styles */
.containerNotify { position: fixed; top: 0; left: 0; width: 100%; text-align: center; height: 60px; line-height: 60px; font-weight: 500; font-size: 15px; margin-top: -60px; transition: all .4s; display: block; z-index: 1001; visibility: hidden; opacity: 0; }
.containerNotify.success { background: #25aae1; color: #fff; visibility: visible; opacity: 1; margin-top: 0; }
.containerNotify.warning { background: #d54949; color: #fff; visibility: visible; opacity: 1; margin-top: 0; }
/* endregion */


/* region Tabs styles */
#tabs-farmac { display: none; }
.ui-widget.ui-widget-content { background: #fff;border: transparent;}
.ui-widget-header {  border: none;border-bottom: 1px solid #ccc; background: transparent;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #000; font-weight: 400; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background: var(--red-color); color: #fff;}
.ui-tabs .ui-tabs-nav { min-height: 42px; display: flex; flex-wrap: wrap; }
.tabs--files--links { display: flex; gap: 20px; flex-wrap: wrap; }
.tabs--files--link { display: flex; gap: 5px; border: 1px solid var(--red-color); color:var(--red-color); max-width: max-content; background: #fff;  }
.tabs--files--link:hover { color: #fff; background:  var(--red-color); }
.tabs--files--link:hover img  { filter: invert(50%) sepia(100%) brightness(200%) contrast(90%); }
.tabs--files--link img { width: 20px; }
.fancybox__container .fancybox__backdrop { background: rgba(0, 0, 0, 0.6); }

.icon-sm { width: 24px; margin-right: 10px; }
.link-with-icon { display: flex; gap: 5px; align-items: center;}
.link-with-icon img { margin-left: 5px;}
/* endregion */

/* region FarmacForm styles */
.onlineForm { position: relative; }
.onlineForm .onlineForm--label { width: 100%; display: inline-block; margin-bottom: 10px; }
.onlineForm .onlineForm--label .onlineForm--name { display: block; padding-bottom: 6px; color: #303030; font-weight: 500; }
.onlineForm .onlineForm--label .onlineForm--area { display: block; }
.onlineForm .onlineForm--label .onlineForm--area small { color: #a9a9a9; font-size: 13px; }
.onlineForm .onlineForm--label em { color: #c00;}
.onlineForm .onlineForm--label .onlineForm--area .onlineForm--checkbox { margin-right: 15px; cursor: pointer;  font-size: 15px;color: #555;}
.onlineForm .onlineForm--label .onlineForm--area .onlineForm--checkbox.block { display: block; margin-right: 0; margin-bottom: 5px; }
.onlineForm .onlineForm--label .onlineForm--area .onlineForm--checkbox input { position: relative; top: 1px; left: -1px; }
.onlineForm .onlineForm--label .onlineForm--area .onlineForm--input { width: 100%; height: 34px; border: 1px solid #ddd; line-height: 32px; box-sizing: border-box; padding: 0 12px;  }
.onlineForm .onlineForm--label .onlineForm--area .onlineForm--area { width: 100%; height: 64px; border: 1px solid #ddd; box-sizing: border-box; padding: 12px;  }
.onlineForm .onlineForm--label .onlineForm--area .onlineForm--text { width: 100%; height: 64px; border: 1px solid #ddd; box-sizing: border-box; padding: 12px;  }
.onlineForm .onlineForm--title { border-bottom: 1px solid #ccc; color: var(--red-color); padding: 10px 20px; font-size: 18px; font-weight: 700; margin-bottom: 20px; margin-top: 10px; }
.onlineForm .onlineForm--titleSmall { margin-bottom: 15px; border-left: 3px solid #000; padding: 4px 4px 4px 20px; font-weight: 700; }
.onlineForm .onlineForm--button {border: none;  margin-top: 10px; }
/* endregion */


/* region Catalogue styles */
/*Catalogue Base*/
.containerCatalogue.inside { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 50px; }
.containerCatalogue .containerCatalogue--element  { padding: 15px;      box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;   border: 1px solid #f9f9f9;border-radius: 5px;background: #fff; }
.containerCatalogue .containerCatalogue--element  img { width: 100%; }
.containerCatalogue .containerCatalogue--element .containerCatalogue--element--image { max-width: 350px; }
.containerCatalogue--element .containerCatalogue--element--present { display: flex;flex-direction: column; height: 100% }
.containerCatalogue--element .containerCatalogue--element--present p { font-size: 13px; line-height: 15px; color: #515151; flex-grow: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.containerCatalogue--element .containerCatalogue--element--present h3 { margin-bottom: 0; }
.containerCatalogue--element .containerCatalogue--element--present h3 a { color: #000; font-weight: 400; font-size: 17px; }
.containerCatalogue--element .containerCatalogue--bottom { margin-top: 30px; }
.containerCatalogue--element .containerCatalogue--bottom .button { background: #fff; color: var(--red-color); border: 1px solid var(--red-color); }
.containerCatalogue--element .containerCatalogue--bottom .button:hover { background: var(--red-color); color: #fff; }
.containerCatalogue--element--content { display: flex; flex-direction: column; gap: 20px; height: 100%;}

/*Catalogue Wide*/
.containerCatalogue.wide { grid-template-columns: repeat(2, 1fr);}
.containerCatalogue.wide .containerCatalogue--element { padding: 10px 50px;}
.containerCatalogue.wide .containerCatalogue--element--content { flex-direction: row; align-items: center; gap: 50px;}
.containerCatalogue.wide .containerCatalogue--element--image {  padding-right: 20px; max-width: 250px; border-right: 1px solid #efefef; }
.containerCatalogue.wide .containerCatalogue--element--present { width: 100%; justify-content: center; }
.containerCatalogue.wide .containerCatalogue--element--present p { flex-grow: 0; }
.containerCatalogue.wide .containerCatalogue--element--present .button { max-width: 200px; }
.containerCatalogue.small .containerCatalogue--element--present p {-webkit-line-clamp: 3; }

/*Catalogue Empty*/
.containerCatalogue--empty { display: flex;align-items: center;flex-direction: column;justify-content: space-between;height: 100%;gap: 100px;}
.containerCatalogue--empty h1 { color: #7d7d7d;font-size: 30px; font-weight: 400;}
.containerCatalogue--empty img { width: 100px;filter: grayscale(1) opacity(0.8);}

/*Catalogue Sorting, Filtering*/
.containerSorting { float: left;}
.containerSorting a { position: relative; padding-inline: 15px; color: #7d7d7d;}
.containerSorting a.active { color: var(--red-color);}
.containerSorting a::after {  position: absolute;content: '';width: 1px;height: 21px;background: #e5e5e5;display: inline-block;right: 0;top: 0;}
.containerFilters { float: left; }
.containerFilters label {position: relative;padding-inline: 15px;color: #7d7d7d;text-transform: lowercase;cursor: pointer; }
.containerFilters label.checked {color: var(--red-color); }
.containerFilters label:not(:last-child)::after {  position: absolute;content: '';width: 1px;height: 21px;background: #e5e5e5;display: inline-block;right: 0;top: 0;}
.container--TopFilters { display: flex; justify-content: space-between;     gap: 60px;padding-top: 20px; border-top: 1px solid #efefef;}
.container--TopFilters .category-card__top-filters--buttons { display: flex; gap: 20px;}

.containerAlphabet { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 20px; }
.containerAlphabet a { padding: 5px 20px; border: 1px solid transparent; }
.containerAlphabet a.active { border-color: var(--red-color);     text-align: center;border-radius: 20px}

.containerModule { display: flex;flex-wrap: wrap;gap: 10px 20px;margin-bottom: 30px;}
.containerModule .containerModule--element {  color: #7d7d7d;  border: 1px solid #efefef;border-radius: 10px;}
.containerModule .containerModule--element a {display: inline-block; color: inherit;font-size: 14px;line-height: 16px; padding: 10px; }
.containerModule .containerModule--element:hover {color: var(--red-color); border-color: var(--red-color);}
.containerModule .containerModule--element.active { color: var(--red-color); border-color: var(--red-color)}
.cards-view-type { cursor: pointer;}
/* endregion */


/* region Product styles */
.containerItem--content { padding-top: 30px; }
.containerItem--content--details { margin-bottom: 30px; }
.containerItem--content--details-title { font-weight: 600; font-size: 20px; }
.containerItem--content--articul { font-size: 14px;color: #a3a3a3;text-align: right;margin-bottom: 10px;}
.containerItem--content--details-text {box-sizing: border-box;height: 250px; -webkit-mask-image: linear-gradient(180deg, #fff 35%, transparent 90%); mask-image: linear-gradient(180deg, #fff 35%, transparent 90%);overflow: hidden; }
.containerItem--content--details.show .containerItem--content--details-text { -webkit-mask-image: none; mask-image: none; height: 100%; overflow: initial; margin-bottom: 20px; }
.containerItem--content--bread a span { color: #7d7d7d; font-size: 13px;}
.containerItem--content--top { display: flex; gap: 60px; }
.containerItem--content--top .containerItem--content--left { flex-basis: 30%; }
.containerItem--content--top .containerItem--content--left .containerItem--images { padding-block: 30px; position: sticky; top: 0;  }
.containerItem--content--top .containerItem--content--right { flex-basis: 70%;  }
.toggle-description { opacity: 0.6; cursor: pointer;}
.toggle-description img { margin-left: 10px;}
.containerItem--content--details.show .toggle-description img { transform: rotate(180deg)}

.images--thumbs--slider { display: none; clear: both;  }
.images--thumbs--slider { position: relative; box-sizing: border-box; }
.images--thumbs--slider .images--thumbs--nav { display: none; position: absolute; top: 50%; transform: translateY(-50%); width: 25px; filter: grayscale(1); cursor: pointer; transition: all 300ms; }
.images--thumbs--slider .images--thumbs--nav:hover { filter: grayscale(0); }
.images--thumbs--slider .images--thumbs--nav img { display: inline-block; height: 100%; width: 100%;    filter: invert(0.8); }
.images--thumbs--slider img { width: 100%; }
.images--thumbs--slider .images--thumbs--prev { left: -30px; }
.images--thumbs--slider .images--thumbs--next { right: -30px; }
.images--thumbs--slider .images--thumbs--next img { transform: rotate(180deg) }
.containerItem--images--thumbs a {background: #fff;border: 1px solid #efefef;padding: 10px;box-sizing: border-box;}

.containerMoreInfo {    margin-top: 40px;background: #ffffff;font-size: 15px; padding: 20px;border-radius: 20px;box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;}
.containerMoreInfo p { font-weight: 600; font-size: 17px;}
.containerMoreInfo ul li a { color: #636363; }

/* endregion */


/* region Popup styles */
.popup { display: none; position: fixed; top: 0;right: 0;bottom: 0;left: 0; width: 100%;height: 100%;background-color: #fff;z-index: 9999;  padding: 50px 30px;box-sizing: border-box; overflow-y: scroll;}
.popup--content { width: 100%; min-height: 100%;display: flex;flex-direction: column;justify-content: center;gap: 20px;max-width: 600px;margin: 0 auto;}
.popup--content h1 { color: var(--red-color);}
.popup--info { line-height: 22px; font-size: 16px; }
.popup--buttons { display: flex; gap: 20px; text-align: center; }
.popup--button {flex-basis: 50%; }
/* endregion */


/* region Media queries */
@media screen and (max-width: 2000px) {
    .containerBanners--text .containerBanners--title { font-size: 63px; line-height: 68px; }
}
@media screen and (max-width: 1800px) {
    .containerHeader--menu ul li a.menu-item { padding: 42px 30px 42px 18px; }
    .containerBanners--content { width: 90%;}
}

@media screen and (max-width: 1700px) {
    .containerBanners--text { max-width: 25%; top: 54%; padding: 10px 10px 10px 55px;}
    .containerBanners--text::before{width: 45px;  height: 34px;}
    .containerBanners--text .containerBanners--info { font-size: 17px; line-height: 21px; }
    .containerBanners--text .containerBanners--info-small { max-width: 100%;}


}
@media screen and (max-width: 1600px) {
    .containerHeader--menu ul li a.menu-item { font-size: 14px; }
    .containerArticles--grid { grid-template-columns: repeat(3, 1fr)}
    .containerBanners--text { max-width: 26%; top: 52%;padding: 10px 10px 10px 65px;}
    .containerBanners--content { width: 85%;}
    .containerBanners--text .containerBanners--title {font-size: 52px;line-height: 68px;}
}
@media screen and (max-width: 1500px) {
    .containerHeader--menu ul li a.menu-item, .containerHeader--distributor a, .containerHeader--languages a  { font-size: 10px; }
    .containerHeader--menu ul li a.menu-item { padding: 42px 27px 42px 18px;  }
}


@media screen and (max-width: 1400px) {
    .containerHeader--left { padding-left: 40px;}
    .containerMain--services--element .containerMain--services--content {    padding: 50px 60px 50px 70px;}
    .containerMain--services--element .containerMain--services--text h3 { font-size: 20px;}
    .containerMain--services--element .containerMain--services--text::before {    left: -68px;}
    .containerMain--services--element:hover .containerMain--services--icon { right: 10px;}
    .containerMain--product { gap: 80px; }
    .containerItem--content--top { gap: 20px;}
    .containerBanners--text { max-width: 30%;}
    .containerBanners--content {width: 80%;}
    .containerContacts--top--col { gap:  100px;}
}

@media screen and (max-width: 1300px) {
    .containerHeader--burger { display: block; }
    .containerHeader--menu { display: none; }

    .containerCatalogue.small { grid-template-columns: repeat(3, 1fr);}
    .aboutList .aboutList--item  { font-size: 14px; }
    .aboutList .aboutList--item .aboutList--img { padding: 0; }
    .aboutListContainer { padding: 30px; }
    .aboutListContainer h2 { font-size: 22px; }
    .containerMain--product.left { padding-right: 100px; }
    .containerPartners--logos { gap: 20px;}
    .containerMain--news--container { padding-right: 0;}
}

@media screen and (max-width: 1200px)  {
    .containerMain--services {grid-template-columns: repeat(2, 1fr); padding-block: 30px; gap: 30px;}
    .containerMain--product { gap: 50px; }
    .containerMain--product-image { max-width: 30%; }
    .containerMain--product-image img { width: 100%; }
    .containerView .containerView--title h1 { font-size: 35px;}
    .containerArticles--grid { grid-template-columns: repeat(2, 1fr)}
    .containerMain--news--container { padding-right: 0;}
    .containerBanners--text { max-width: 35%;}
    .containerBanners--content {width: 72%;}
}
@media screen and (max-width: 1100px) {
    .containerCatalogue.wide { grid-template-columns: repeat(1, 1fr);}
    .containerView .containerView--content .containerView--content--right { margin-left: 0;}
    .containerView .containerView--content .containerView--content--left { float: none; }
    .containerCategories { max-width: 100%; }
    .containerArticles--grid { grid-template-columns: repeat(3, 1fr)}
    .containerBanners--text { position: relative; top: unset; left: unset; max-width: 100%; margin-bottom: 30px; padding: 10px 10px 10px 120px;}
    .containerBanners--text::before{left: 54px;}
    .containerBanners--text .containerBanners--info { font-size: 24px; line-height: 28px; }
    .containerBanners--text .containerBanners--info-small { max-width: 300px;}
    .containerBanners--content {width: 95%;}
}

@media screen and (max-width: 1024px) {
    .containerMenu { width: 70%; }
    .containerArticle .containerArticle--image { max-width: 100%; float: unset; padding: 0;}
    .containerCatalogue.small { grid-template-columns: repeat(2, 1fr); gap: 20px;}
    .containerMain--news { padding-block: 0;}
    .containerMain--product { gap: 20px; }
    .containerMain--product.left { padding-right: 0; }
    .containerMain--product.right { padding-left: 15px; }
    .containerMain--product.left .greyLine {  right: -35px; }
    .containerMain--product.right .greyLine { left: -17px}
    .containerMain--product--info::after { display: none;}
    .containerMain--title { font-size: 80px;}
    .containerMain--news--container {flex-direction: column; padding-right: 0;}
    .containerArticles--grid { grid-template-columns: repeat(2, 1fr)}
    .containerMain--services--element .containerMain--services--icon { max-width: 50px;}
    .containerForm { width: 100%; }
    .containerCookies .containerWrapper { gap: 20px;}
    .containerContacts--top--col { flex-direction: column; gap: 10px; margin-bottom: 50px;}
}

@media screen and (max-width: 860px) {
    .containerItem--content--title { padding-left: 30px;}
    .containerItem--content--bread { padding-left: 30px;}
    .containerWrapper { padding: 0 40px; }
    .containerBanners {  min-height: calc(var(--vh, 1vh) * 65); }
    .containerBanners--text { top: 67%;}
    .containerHeader--left { gap: 30px;}
    .containerMenu { width: 100%; }
    .containerContent--title { font-size: 40px; line-height: 46px; }
    .containerText--content {flex-direction: column; gap: 20px; margin-bottom: 0; }
    .containerText--content .containerText--right--text { width: 100%; max-width: unset;}
    .containerText--content .containerText--left--img {width: 100%; order: 1; }
    .aboutList { flex-wrap: wrap;}
    .aboutList { grid-template-columns: repeat(2, 1fr);}
    .containerMain--services--element .containerMain--services--text h3 { font-size: 17px;}
    .containerMain--product { gap: 15px;  }
    .containerMain--product { flex-direction: column;  }
    .containerMain--product.right { padding-left: 0; }
    .containerMain--product-image { width: 100%; max-width: 300px; order: 2;}
    .containerMain--title { font-size: 50px;}
    .containerMain--news { padding-block: 0; }
    .containerMain--news--container { gap: 20px;}
    .containerMain { padding-block: 30px;}
    .wideForm .wideForm--text { padding: 0;}
    form#feedback { flex-direction: column;}
    .containerFeedback--right { padding: 0;}
    .containerPartners--logos { gap: 15px; }
    .containerFooter { line-height: 24px;font-size: 15px;}
    .containerView .containerView--title { padding-left: 30px; }
    .containerView .containerView--bread { padding-left: 30px; }
    .containerText { display: flex; flex-direction: column; margin-block: 40px;}
    .containerText .imgRight,
    .containerText .imgLeft { order: 1; }
    .imgRight img,
    .imgLeft img { width: auto; max-width: 100%; max-height: 700px;}
    .imgRight,
    .imgLeft {max-width: 100%; width: 100%; padding: 30px 0 0 0; text-align: center; }
    .ui-tabs .ui-tabs-panel { clear: both; }
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em; font-size: 16px;}
    .containerItem--content--top { flex-direction: column; }
    .containerItem--content--top .containerItem--content--left .containerItem--images { text-align: center; position: relative; padding-block: 0; }
    .containerView .containerView--title h1 { font-size: 28px;}
    .popup--content h1 {font-size: 28px; line-height: 34px;}
    .containerBanners--text p::after  { width: 100%; }
    .containerMain--services--element .containerMain--services--content { padding: 30px 60px 30px 60px;}
    .containerMain--services--element .containerMain--services--icon { right: 0;}
    .containerMain--services--element .containerMain--services--text::before { left: -61px;    background-size: contain;width: 40px;height: 26px;}
    .containerMain--title-products {top: 0; margin-top: 0; margin-bottom: 20px;}
    .containerMain--news--title { font-size: 20px;line-height: 24px;}
    .containerModule {  gap: 7px 10px;}
    .containerModule .containerModule--element { flex-grow: 1;}
    .containerItem--images--large.alone { max-width: 300px; margin: 0 auto;}
}

@media screen and (max-width: 700px) {
    .containerArticles--grid { grid-template-columns: repeat(1, 1fr)}
    .containerView .containerView--title h1 { font-size: 22px;}
    .popup--buttons { flex-wrap: wrap; justify-content: center; gap: 15px; }
    .containerCatalogue.small { grid-template-columns: repeat(1, 1fr)}
    .containerHeader::after{width: 40px;}
    .containerHeader::before{width: 30px;}
    .containerHeader--left { gap: 10px; padding-left: 20px;}
    .containerHeader--burger { z-index: 2;}
    .containerHeader--logotype .containerHeader--logo { width: 93px;}
    .containerHeader--languages a { padding: 18px 12px;}
    .containerCatalogue .containerCatalogue--element .containerCatalogue--element--image  { align-self: center; max-width: 200px; }
    .containerCatalogue--element .containerCatalogue--bottom { margin-top: 15px;}
    .containerCatalogue--element--content { gap: 10px; }
    .containerBanners { min-width: 360px; }
    .containerBanners--content { width: 100%; }
    .containerBanners--text { padding: 10px 10px 10px 82px; }
    .containerBanners--text::before { width: 40px;height: 30px;left: 24px;}
    .containerBanners--text { left: 0;}
    .containerBanners--text .containerBanners--title { font-size: 55px; line-height: 60px; }
    .containerPartners { flex-direction: column;  box-sizing: border-box; justify-content: center;}
    .containerPartners--text { width: 100%;}
    .containerMain--services {grid-template-columns: repeat(1, 1fr); gap: 0;}
    .containerMain--news--element { flex-direction: column; }
    .containerHeader--socials { width: 50px;}
    .containerHeader--socials a:first-child { padding-left: 13px;}
    .containerHeader--socials a:last-child { padding-left: 12px;}
    .containerForm { width: 100%;}
    .containerForm .container--label.half { width: 100%;}
    .containerForm button { font-size: 16px;}
    .containerForm .containerForm--title { font-size: 16px; line-height: 22px;}
    .containerForm--block { flex-wrap: wrap;}
    .containerFooter .containerFooter--attention {line-height: 22px;font-size: 17px;}
    .containerFooter--conf-policy { flex-direction: column; margin-top: 30px;}
    .containerCookies .containerWrapper { flex-direction: column; gap: 0;}
    .containerMain--services--element .containerMain--services--content {  padding: 30px 30px 30px 60px; }
    .containerMain--services--element .containerMain--services--icon { padding: 0 0 15px 10px; float: right; position: relative; }
    .containerView { padding: 120px 0 60px 0; }
    .container--TopFilters .category-card__top-filters--buttons { display: none; }
    .container--leftFilters {  display: flex;  flex-flow: row nowrap;align-items: center;overflow-y: auto;width: 100%;min-width: 100%;white-space: nowrap;}
    .containerSorting--title,
    .containerSorting a,
    .containerFilters label { padding-block: 10px; display: inline-block; }
    .containerSorting a::after,
    .containerFilters label:not(:last-child)::after { top: 15px; }
    #tabs-farmac.ui-tabs .ui-tabs-nav .ui-tabs-anchor { white-space: normal; }
    .greyLine { display: none;}
}

@media screen and (max-width: 500px) {
    .containerBanners--text .containerBanners--info { font-size: 17px;line-height: 21px;}
    .containerBanners--text{ padding: 10px 10px 10px 60px;}
    .containerBanners--text .containerBanners--title { font-size: 45px; line-height: 50px;}
    .containerBanners--text::before{width: 32px; left: 15px;}
    .containerPartners--text { padding-left: 15px;}
    .containerPartners--text::before { left: -20px;    height: 24px;width: 12px;}
    .containerPartners--text::after { left: -27px; top: 27px;   height: 24px;width: 12px;}
    .containerHeader--burger {width: 55px; padding: 14px 13px;}
    .containerMain--services--element .containerMain--services--content {padding: 20px 5px 20px 34px;}
    .containerMain--services--element .containerMain--services--icon { max-width: 45px;}
    .containerMain--services--element .containerMain--services--text::before { left: -38px;width: 30px;}
    .containerFooter--copyright { text-align: left; }
    .containerMenu ul { min-width: unset; max-width: 100%;}
    .aboutListContainer h2 { font-size: 18px; }
    .containerMain--title-products { margin-bottom: 0;}
    .containerView { padding: 120px 0 40px 0; }
    .ui-tabs .ui-tabs-panel {padding: 1em 0;  }
    .ui-tabs .ui-tabs-nav li { margin: 1px .2em 5px 0;}
    .containerItem--images--large.alone { max-width: 250px; }
    .containerForm { padding: 25px; }
    .popup--button { flex-basis: 100%; }
    .containerCookies--button {width: 100%;}
}

@media screen and (max-width: 400px) {
    .aboutList li strong { font-size: 14px; }
    .containerWrapper { padding: 0 30px;}
    .containerPartners--text {padding-left: 25px;}
    .containerPartners--text::before { left: -2px;}
    .containerPartners--text::after { left: -10px;}
    .containerMain--news--element { gap: 10px;}
    .containerMain--news--element p { margin-block: 10px;}
    .containerMain--title {font-size: 40px; line-height: 6px;}
    .containerMain--product--title { font-size: 35px; line-height: 42px; }
}
/* endregion */
</pre></body></html>