/* Start:/bitrix/templates/new_gala/assets/css/styles.css?1736526185252303*/ .invisible-container {position: absolute;top: -9999px;left: -9999px;width: 0;height: 0;overflow: hidden;z-index: -1} @font-face { font-family: Stolzl; src: url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Light.eot); src: local("Stolzl Light"), local("Stolzl-Light"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Light.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Light.woff2) format("woff2"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Light.woff) format("woff"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Stolzl; src: url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Regular.eot); src: local("Stolzl Regular"), local("Stolzl-Regular"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Regular.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Regular.woff2) format("woff2"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Regular.woff) format("woff"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Stolzl; src: url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Bold.eot); src: local("Stolzl Bold"), local("Stolzl-Bold"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Bold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Bold.woff2) format("woff2"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Bold.woff) format("woff"), url(/bitrix/templates/new_gala/assets/css/../fonts/Stolzl-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /**/ img {pointer-events: none;} .polinfo h3 {color: #000000;font-size: 32px;font-weight: 700;line-height: 36px;margin-top: 30px;margin-bottom: 12px;} .polinfo a {text-decoration: underline} .polinfo span.bold {font-weight: 700;} .polinfo ul, .polinfo li, .polinfo ol {list-style-type: disc;} .polinfo ul, .polinfo ol {padding: 10px 0px 10px 40px;} .polinfo table {position: relative;margin: 25px auto;} .polinfo table th {padding: 10px;border-top: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;} .polinfo table td {padding: 10px;border: 1px solid #000000;} .b-vids-podgibki__item {align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-ms-flex: 0 1 50%;flex: 0 1 50%;overflow: hidden;width: 100%;} .b-vids-podgibki__item-text {float: left;width: 100%;padding-right: 90px;text-align: right;background: url('/bitrix/templates/new_gala/assets/css/./images/arrow-podgibki.jpg') no-repeat center right;color: #266dff;font-weight: bold;font-size: 15px} .b-vids-podgibki {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;margin-bottom: 15px;} .b-vids-podgibki__caption {color: #000000;font-weight: 700;line-height: 36px;margin-top: 30px;margin-bottom: 12px} .b-category-relink-list {margin: 20px 0;} .b-category-relink-list li {display: inline-block;margin-right: 15px;} .b-subcategory-relink-row {overflow: hidden;} /**/ .like-h1, h1 {font-family: Stolzl, sans-serif;font-size: 48px;font-style: normal;font-weight: 700;line-height: 110%} @media (min-width: 768px) { .like-h1, h1 {font-size: 48px} } @media (min-width: 768px)and (max-width: 1919px) { .like-h1, h1 {font-size: calc(36px + 12 * ((100vw - 768px) / (1152)))} } .like-h2, h2 {font-family: Stolzl, sans-serif;font-style: normal;font-size: 32px;font-weight: 700;line-height: 120%} .products-page__item-title {font-family: Stolzl, sans-serif;font-style: normal;font-size: 24px;font-weight: 700;line-height: 120%} .products-page__item-title2 {font-family: Stolzl, sans-serif;font-style: normal;font-size: 18px;font-weight: 700;line-height: 120%} @media (min-width: 768px) { .like-h2, h2 {font-size: 32px} } @media (min-width: 768px)and (max-width: 1919px) { .like-h2, h2, .polinfo h3 {font-size: calc(24px + 8 * ((100vw - 768px) / (1152)))} } .oplata_list {margin-left: 20px;margin-bottom: 20px;} ol.oplata_list > li {list-style-type: decimal;} .oplata_block {display: flex;align-items: baseline;justify-content: space-between;} .oplata_img {width: 30%;margin: 0 auto;} .oplata_img img {max-width: 100%;} @media (max-width: 769px) { .oplata_block {flex-direction: column;} .oplata_list {order: 2;} .oplata_img {width: 50%;order: 1;margin: 10px 0;} } .like-h3, h3 {font-family: Stolzl, sans-serif;font-style: normal;font-size: 24px;font-weight: 700;line-height: 120%;} .like-h3 {display: block;position: relative;width: 100%;} @media (min-width: 768px) { .like-h3, h3 {font-size: 24px} } @media (min-width: 768px)and (max-width: 1919px) { .like-h3, h3 {font-size: calc(20px + 4 * ((100vw - 768px) / (1152)))} } .like-h4, h4 {font-family: Stolzl, sans-serif;font-style: normal;font-size: 18px;font-weight: 700;line-height: 120%} @media (min-width: 768px) { .like-h4, h4 {font-size: 18px} } @media (min-width: 768px)and (max-width: 1919px) { .like-h4, h4 {font-size: calc(16px + 2 * ((100vw - 768px) / (1152)))} } .like-h5, h5 {font-family: Stolzl, sans-serif;font-style: normal;font-size: 16px;font-weight: 700;line-height: 120%} @media (min-width: 768px) { .like-h5, h5 {font-size: 16px} } @media (min-width: 768px)and (max-width: 1919px) { .like-h5, h5 {font-size: calc(14px + 2 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .like-h1, h1 {font-size: 36px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .like-h1, h1 {font-size: calc(24px + 12 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .like-h2, h2 {font-size: 24px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .like-h2, h2 {font-size: calc(20px + 4 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .like-h3, h3 {font-size: 20px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .like-h3, h3 {font-size: calc(18px + 2 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px) { .like-h4, h4 {font-size: 16px} } @media only screen and (max-width: 767px) { .like-h5, h5 {font-size: 14px} } @media only screen and (max-width: 374px) { .like-h1, h1 {font-size: 24px} .like-h2, h2 {font-size: 20px} .like-h3, h3 {font-size: 18px} } .advantages-section__article, .article__text, .call-to-action__text, .contacts__text, .faq__text, .feedback__item-text, .offer__text, .products-page__item-text, .ready-products__text, .text-section__text {font-family: Stolzl, sans-serif;font-style: normal;font-size: 18px;font-weight: 300;line-height: 160%} .text-section .text-section__text h2 {padding: 20px 0px;} @media only screen and (max-width: 1023px) { .advantages-section__article, .article__text, .call-to-action__text, .contacts__text, .faq__text, .feedback__item-text, .offer__text, .products-page__item-text, .ready-products__text, .text-section__text {font-size: 16px} } .address__text, .call-to-action__position, .faq__answer, .news-item__text, .product-details__info-message, .product-details__text, .team__text {font-family: Stolzl, sans-serif;font-style: normal;font-size: 16px;font-weight: 300;line-height: 140%} .team__text p {padding: 12px 0px;} @media only screen and (max-width: 1023px) { .address__text, .call-to-action__position, .faq__answer, .news-item__text, .product-details__info-message, .product-details__text, .team__text {font-size: 14px;line-height: 130%} } .address__navigator-link, .button {font-family: Stolzl, sans-serif;font-weight: 400;font-size: 20px;line-height: 24px;color: #1d2227} .article__table, .button._medium, .categories-submenu._desktop .categories-submenu__link, .categories-submenu._mobile .categories-submenu__item, .checkbox, .city-selector select, .contents__link, .product-card__amount-text, .product-card__type-text {font-family: Stolzl, sans-serif;font-weight: 400;font-size: 16px;line-height: 20px} .categories-submenu._desktop .categories-submenu__link, .categories-submenu._mobile .categories-submenu__item {font-family: Stolzl, sans-serif;font-weight: 500;font-size: 16px;line-height: 20px} .button._extra-small, .button._small, .catalog__show-btn, .categories-list__link, .categories-submenu._desktop .categories-submenu__dropdown, .category-card__link, .counter, .counter input, .filter__categories, .news__link, .product-details__info-title, .product-details__option, .products-page__item-link, .ready-products__categories, .tag__text, .upload-btn label {font-family: Stolzl, sans-serif;font-weight: 400;font-size: 14px;line-height: 16px} .header__phone-text, .staff__gallery-phone, .staff__gallery-skype {font-family: Stolzl, sans-serif;font-weight: 400;font-size: 10px;line-height: 12px;padding-bottom: 12px;} .form__field, .header-mobile__phone-number, .header__phone-number, .left-menu__search-input, .pagination, .product-card__tip {font-family: Stolzl, sans-serif;font-weight: 400;font-size: 16px;line-height: 24px} .header__phone-number {font-size: 14px;} .address__image-caption, .address__info-title, .breadcrumbs__item, .catalog__amount, .categories-submenu._mobile .categories-submenu-dropdown, .categories-submenu._mobile .categories-submenu__general-link, .category-advantages .advantage__text, .feedback__amount, .feedback__item-company, .filter__value, .footer__bottom, .footer__subtitle, .form__group, .form__group_2, .header__menu, .hero__slider .slider__item-text, .news-item__info, .product-card__amount-title, .product-card__type-title, .product-details__link-back, .staff__gallery-position, .team__gallery-position, .upload-btn .error {font-family: Stolzl, sans-serif;font-weight: 400;font-size: 12px;line-height: 16px} .filter__value {white-space: nowrap;} * {padding: 0;margin: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent} body, html {width: 100%;height: 100%; /*max-width: 100%;*/overflow-x: hidden;max-width: 100vw;} html {scroll-behavior: smooth} body {min-width: 320px;font: normal 14px/1.4 Arial, sans-serif;color: #000;background: #fff;overflow-x: hidden;} html._mobile body {-webkit-text-size-adjust: 100%} body._grey {background-color: #f4f2f2} body._white {background-color: #fff} fieldset, img {border: 0} fieldset legend {display: none} li, ul {list-style-type: none} img {vertical-align: top} a {color: inherit;text-decoration: none} html._desktop a:hover {color: #f8da34;text-decoration: none} table {border: 0;border-collapse: collapse} table td {padding: 0;vertical-align: top} input, select, textarea {box-sizing: border-box} input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0} input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0} input[type=number] {-moz-appearance: textfield} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {display: none} input[type=search] {-webkit-appearance: textfield} ::selection {background: #5f5f5f;color: #fff;text-shadow: none} ::-moz-selection {background: #5f5f5f;color: #fff;text-shadow: none} a[href^=tel] {color: inherit;text-decoration: none} html._desktop a[href^=tel]:hover {color: #f8da34} button {-webkit-user-select: none;-ms-user-select: none;user-select: none;border-radius: 0} .clearfix:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;font-size: 0} .invisible-container {position: absolute;top: -9999px;left: -9999px;width: 0;height: 0;overflow: hidden;z-index: -1} .visually-hidden {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden} .no-select {-webkit-user-select: none;-ms-user-select: none;user-select: none} .no-pe {pointer-events: none} .static-text p {margin-bottom: 1.4em} .static-text img {max-width: 100%} @keyframes rotating { 0% {transform: rotate(0)} 100% {transform: rotate(360deg)} } .animated, .button, .categories-list__link, .category-card img, .footer .footer__social-icon, .header__menu-btn, .news-item__title, .pagination__item, .play-button, .play-button__svg, .slider-arrow, .transition-active, a {transition: color .2s ease-out, background .35s ease-out, box-shadow .35s ease-out, border-color .35s ease-out, transform .35s ease-out} .animated:hover, .transition-hover {transition: none} .force3D {transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden} #react-calculator {background-color: #1d2227} .wrapper {position: relative;min-width: 320px;min-height: 100vh;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column} main {margin-left: 232px;-ms-flex-positive: 1;flex-grow: 1} @media only screen and (max-width: 1023px) { main {margin-left: 80px} } @media only screen and (max-width: 567px) { main {margin-left: 0} } .container-wide {max-width: 1688px;margin: 0 auto} .container { /*max-width: 1400px;*/margin: 0 auto;padding-left: 169px;padding-right: 120px;box-sizing: content-box} .categories-submenu__container.container {padding-left: 100px;} @media (min-width: 1024px) { .container {padding-left: 169px} .categories-submenu__container.container {padding-left: 80px} } @media (min-width: 1024px)and (max-width: 1919px) { .container {padding-left: calc(89px + 80 * ((100vw - 1024px) / (896)))} .categories-submenu__container.container {padding-left: 80px;} } @media (min-width: 1024px) { .container {padding-right: 120px} .categories-submenu__container.container {padding-right: 80px} } @media (min-width: 1024px)and (max-width: 1919px) { .container {padding-right: calc(40px + 80 * ((100vw - 1024px) / (896)))} .categories-submenu__container.container {padding-right: 80px} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .container {padding-left: 50px} .categories-submenu__container.container {padding-left: 50px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .container {padding-left: calc(21px + 29 * ((100vw - 768px) / (256)))} .categories-submenu__container.container {padding-left: 50px} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .container {padding-right: 50px} .categories-submenu__container.container {padding-right: 50px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .container {padding-right: calc(21px + 29 * ((100vw - 768px) / (256)))} .categories-submenu__container.container {padding-right: 50px} } @media only screen and (max-width: 767px) { .container {padding-left: 20px;padding-right: 20px} } .footer-container {position: relative;max-width: 1640px;padding: 48px 54px 48px 70px;margin: 0 auto} @media (min-width: 1024px) { .footer-container {padding-left: 70px} } @media (min-width: 1024px)and (max-width: 1919px) { .footer-container {padding-left: calc(40px + 30 * ((100vw - 1024px) / (896)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .footer-container {padding-left: 50px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .footer-container {padding-left: calc(20px + 30 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 767px) { .footer-container {padding: 66px 40px} } @media only screen and (max-width: 567px) { .footer-container {padding: 66px 26px} } .header-container {max-width: 100%;box-sizing: border-box;margin: auto} @media (min-width: 1024px) { .header-container {padding-left: 120px; /*padding-left: calc(40px + 1 * ((100vw - 1024px) / (896)));*/} } @media (min-width: 1024px)and (max-width: 1919px) { .header-container {padding-left: calc(40px + 80 * ((100vw - 1024px) / (896)))} } @media (min-width: 1650px) { .header-container {padding-right: 106px} } @media (min-width: 1650px)and (max-width: 1919px) { .header-container {padding-right: calc(44px + 62 * ((100vw - 1650px) / (270)))} } @media only screen and (max-width: 1649px)and (min-width: 1440px) { .header-container {padding-right: 60px} } @media only screen and (max-width: 1649px)and (min-width: 1440px)and (max-width: 1649px) { .header-container {padding-right: calc(30px + 30 * ((100vw - 1440px) / (210)))} } @media only screen and (max-width: 1439px)and (min-width: 1024px) { .header-container {padding-right: 106px} } @media only screen and (max-width: 1439px)and (min-width: 1024px)and (max-width: 1439px) { .header-container {padding-right: calc(40px + 66 * ((100vw - 1024px) / (416)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .header-container {padding-left: 130px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .header-container {padding-left: calc(101px + 29 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .header-container {padding-right: 100px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .header-container {padding-right: calc(20px + 80 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 767px) { .header-container {padding-left: 100px;padding-right: 20px} } .i-text {display: block;width: 100%;padding: 5px;-webkit-appearance: none;border-radius: 0} .i-select {display: block;width: 100%;padding: 5px} .i-textarea {display: block;width: 100%;max-width: 100%;padding: 5px;overflow: auto} .i-radio {position: relative} .i-checkbox {position: relative} .calculator__btn, .categories-list__arrow, .categories-submenu._desktop .categories-submenu__close-btn, .categories-submenu._mobile .categories-submenu__button, .counter button, .filter__item, .footer__scrolltotop, .header-mobile__burger, .left-menu__search-button {border: none;margin: 0;padding: 0;width: auto;overflow: visible;background: 0 0;color: inherit;font: inherit;cursor: pointer;line-height: normal;-webkit-appearance: none;outline: 0} .filter__item {color: #404040 !important;} .filter__item:hover {font-weight: 800;} .page__search-button {border: none;margin: 0;padding: 0;width: auto;overflow: visible;background: 0 0;color: inherit;font: inherit;cursor: pointer;line-height: normal;-webkit-appearance: none;outline: 0} /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled {position: relative; /*overflow: hidden*/} .flickity-enabled:focus {outline: 0} .flickity-viewport {position: relative;height: 100%} .flickity-slider {position: absolute;width: 100%;height: 100%} .header {position: fixed;z-index: 11;margin-left: 280px;width: calc(100vw - 280px);color: #edeff1} .header__top {position: relative;z-index: 5;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;height: 96px;padding-top: 8px;padding-bottom: 8px} .header__bottom::before, .header__top::before {position: absolute;z-index: -1;left: -20vw;content: "";width: 110vw;height: 100%;background: rgba(63, 63, 63, .8);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);background-clip: content-box} @supports not ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))) { .header__bottom::before, .header__top::before {background: #3d3e3e} } .header__bottom {position: absolute;top: 100%;width: calc(100vw - 140px);box-sizing: content-box;opacity: 0;visibility: hidden;padding-top: 20px;padding-bottom: 24px;z-index: 4;transition: max-height ease-out .35s} .header__bottom::before {top: 0} .header .header__menu {white-space: nowrap;width: 100%;overflow-x: auto} .header__left-section {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .header__menu-btn {display: none;border: none;-webkit-appearance: none;appearance: none;background-color: transparent;font-family: Stolzl, sans-serif;font-weight: 700;font-size: 12px;line-height: 24px;color: #edeff1;cursor: pointer} html._desktop .header__menu-btn:hover {color: #f8da34} html._desktop .header__menu-btn:active {color: #e9d046} .header__menu-btn._opened {color: #e9d046} .header__menu {line-height: 96px} .header__right-section {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .header__phone-wrap {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between} .header__phone-wrap + .header__phone-wrap {margin-top: 4px; /*14*/} .header__phone-text {margin-right: 20px;line-height: 24px;padding-bottom: 0px;width: 175px;text-align: right;} @media (min-width: 1440px) { .header__btn {margin-left: 34px} } @media (min-width: 1440px)and (max-width: 1919px) { .header__btn {margin-left: calc(26px + 8 * ((100vw - 1440px) / (480)))} } .header__btn._mobile {display: none} @media only screen and (max-width: 1760px) { .header__phone-text {display: none} .header__phones {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: end;align-items: flex-end} } @media only screen and (max-width: 1510px) { .header__top {height: 48px} .header__top .header__menu {display: none} .header__phones {-ms-flex-direction: row;flex-direction: row} .header__phone-wrap + .header__phone-wrap {margin-top: 0;margin-left: 20px} .header__menu-btn {display: block} } @media only screen and (max-width: 1510px)and (min-width: 768px) { .header__btn {margin-left: 26px} } @media only screen and (max-width: 1510px)and (min-width: 768px)and (max-width: 1510px) { .header__btn {margin-left: calc(24px + 2 * ((100vw - 768px) / (672)))} } @media only screen and (max-width: 1510px) { .header__btn._desktop {display: none} } @media only screen and (max-width: 1510px) { .header__btn._mobile {display: block} } @media only screen and (max-width: 1023px) { .header {width: 100vw;margin-left: 0} .header__bottom::before, .header__top::before {width: 150%;left: -20%} } @media only screen and (max-width: 767px) { .header__btn {margin-left: 24px} .header__phone-wrap:last-child {display: none} } @media only screen and (max-width: 567px) { .header {background: #1d2227} .header .header-container {display: none} } .header-mobile {display: none;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: 7px 20px} .header-mobile__phone-number {color: #edeff1} .header-mobile__burger {cursor: pointer} .header-mobile__burger div {width: 18px;height: 2px;background-color: #fff;transition: opacity .2s ease-out, transform .2s ease-out;transform-origin: center} .header-mobile__burger div + div {margin-top: 3px} .header-mobile__burger._opened div + div {margin-top: 0} .header-mobile__burger._opened div:nth-child(1) {transform: rotate(45deg) translate(0, 3px)} .header-mobile__burger._opened div:nth-child(2) {opacity: 0;transform: scaleX(0)} .header-mobile__burger._opened div:nth-child(3) {transform: rotate(-45deg) translate(0, -3px)} @media only screen and (max-width: 567px) { .header-mobile {display: -ms-flexbox;display: flex} } .menu-mobile {display: none;-ms-flex-direction: column;flex-direction: column;position: fixed;top: 48px;left: 0;z-index: 999;width: 100vw;height: calc(100% - 48px);margin-bottom: 20px;background-color: #fff} .menu-mobile__header-menu {margin-top: 20px;margin-bottom: 20px} .menu-mobile__header-menu .menu {overflow-y: hidden;} .menu-mobile__header-menu::-moz-scrollbar {display: none} .menu-mobile__header-menu::-webkit-scrollbar {display: none} .menu-mobile__header-menu::scrollbar {display: none} .menu-mobile .menu__item:first-child {padding-left: 20px} .menu-mobile .menu__item:last-child {padding-right: 20px} .menu-mobile__list {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: start;align-items: start} .menu-mobile .categories-list__item {width: 100%;} .menu-mobile .categories-list__link {color: #4f4f4f;padding: 6px 20px;} .menu-mobile .categories-list__text {color: #4f4f4f} .footer {background-color: #1d2227;margin-left: 280px;color: #edeff1} .footer__top {display: grid;grid-auto-flow: column;grid-gap: 0 20px;grid-template-columns:minmax(460px, 1fr) minmax(460px, 1fr) 7.7vw;margin-bottom: 80px} .footer__left-section {display: grid;grid-gap: 0 20px;grid-template-columns:repeat(2, 1fr)} .footer__right-section {display: grid;grid-gap: 0 20px;grid-template-columns:repeat(2, 1fr)} .footer__bottom {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between} .footer__terms {display: -ms-flexbox;display: flex;color: #bdbdbd} .footer__column:not(._products) {margin-right: 20px} .footer__column._contacts .footer__text + .footer__text {margin-top: 8px} .footer__column._contacts .footer__info-section {margin-bottom: 36px} .footer__requisites {margin-top: 32px} .footer__info-section {margin-bottom: 48px} .footer ._address .footer__info-section + .footer__info-section {margin-bottom: 0} .footer__title {margin-bottom: 36px;font-family: Stolzl, sans-serif;font-size: 18px;line-height: 140%;color: #fff} .footer__subtitle {margin-bottom: 8px;color: #d8dadc} .footer__subtitle span {margin-left: 10px} .footer__subtitle._inline {margin-bottom: 16px} .footer__text {font-family: Stolzl, sans-serif;font-size: 16px;line-height: 140%} .footer__text + .footer__text {margin-top: 22px} .footer__text a {white-space: nowrap} .footer__products-list {display: grid;grid-auto-flow: column;grid-template-rows:repeat(10, auto);grid-gap: 16px 20px} .footer__products-item {min-width: 150px} .footer__terms-item + .footer__terms-item {margin-left: 46px} .footer__btn.button {max-width: 224px;text-align: center;font-size: 14px} .footer__socials {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;margin-top: 16px} .footer__social-link {margin-right: 18px;color: #edeff1} html._desktop .footer__social-link:hover {color: #f8da34} .footer__scrolltotop {position: absolute;right: 60px;top: 70px} @media only screen and (max-width: 1589px) { .footer__bottom {-ms-flex-direction: column;flex-direction: column} .footer__copyright {margin-right: 3vw} .footer__terms {margin-top: 28px} } @media only screen and (max-width: 1439px) { .footer__right-section {grid-template-columns:.6fr 1fr} .footer__products-list {grid-template-rows:repeat(18, auto)} } @media only screen and (max-width: 1279px) { .footer__top {grid-template-columns:minmax(320px, 1fr) minmax(320px, 1fr)} .footer__left-section, .footer__right-section {grid-template-columns:minmax(300px, .5fr)} .footer__column._address {grid-row: 2;margin-top: 76px} .footer__column._contacts {grid-row: 2;margin-top: 24px} .footer__column._products {grid-row: 1;margin-top: 134px} .footer__products-list {grid-template-rows:repeat(8, auto)} .footer__terms {-ms-flex-direction: column;flex-direction: column;-ms-flex-order: -1;order: -1;margin-top: 0;margin-bottom: 46px} .footer__terms-item + .footer__terms-item {margin-left: 0;margin-top: 12px} } @media only screen and (max-width: 1023px) { .footer {margin-left: 80px;padding-right: 20px} .footer__top {grid-gap: 0 8px;margin-bottom: 66px} .footer__requisites {margin-top: 26px} .footer .footer__column._products {margin-top: 102px} .footer .footer__column._contacts {margin-top: 36px} .footer .footer__title {margin-bottom: 34px} .footer .footer__info-section {margin-bottom: 36px} .footer__terms {-ms-flex-direction: row;flex-direction: row;-ms-flex-order: 0;order: 0;margin-top: 28px;margin-bottom: 0} .footer__terms-item {font-size: 10px} .footer__terms-item + .footer__terms-item {margin-left: 24px;margin-top: 0} .footer__scrolltotop {display: none} .footer__btn {margin-top: 48px} .footer__text {font-size: 14px} } @media only screen and (max-width: 767px) { .footer__top {grid-template-columns:minmax(250px, 320px) minmax(250px, 320px);margin-bottom: 56px} .footer__terms {-ms-flex-direction: column;flex-direction: column;-ms-flex-order: -1;order: -1;margin-top: 0;margin-bottom: 46px} .footer__terms-item + .footer__terms-item {margin-left: 0;margin-top: 12px} .footer__left-section, .footer__right-section {grid-column: 1} .footer__column._contacts {grid-row: 1} .footer__column._products {grid-row: 2} .footer .footer__text + .footer__text {margin-top: 18px} .footer .footer__column._contacts {margin-top: 62px} .footer .footer__column._products {margin-top: 10px} .footer .footer__products-item {min-width: 100px} .footer .footer__products-list {grid-gap: 16px 8px} } @media only screen and (max-width: 567px) { .footer {padding: 0;margin-left: 0} } @media only screen and (max-width: 374px) { .footer__column._products {max-width: 280px} } .button {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;border: none;border-radius: 4px;color: #1d2227;cursor: pointer;padding: 16px 32px;background-color: #fade45} .button._large {padding: 20px 32px} .button._medium {padding: 14px 32px} .button._small {padding: 12px 24px} .button._extra-small {padding: 8px 24px} .button:disabled {cursor: default;opacity: .4} .button__plus-icon {margin-right: 8px;transition: transform .1s ease-out} .button__arrow-icon {margin-left: 8px;transition: transform .1s ease-out} .button._extra-small .button__plus-icon, .button._small .button__plus-icon {margin-right: 6px} .button._extra-small .button__arrow-icon, .button._small .button__arrow-icon {margin-left: 6px} .button._secondary {background-color: transparent;box-shadow: inset 0 0 0 1px #23231f} .button._secondary:disabled {background-color: #eee9e9;color: #bdbdbd;box-shadow: none;opacity: 1;cursor: default} .button._secondary:disabled .btn-icon path {stroke: #bdbdbd} .button._secondary._dark {box-shadow: inset 0 0 0 1px #fade45;color: #fade45} .button._secondary._dark .btn-icon path {stroke: #fade45;transition: stroke .35s ease-out} .button._secondary._dark:disabled {background-color: #fade45;color: #fade45;box-shadow: none;opacity: 1;cursor: default} .button._secondary._dark:disabled .btn-icon path {stroke: #fade45} html._desktop button.button:hover:enabled {background-color: #f8da34;box-shadow: 0 4px 6px rgba(89, 86, 71, .1)} html._desktop button.button:active:enabled {background-color: #e9d046} html._desktop button.button:active:enabled .button__arrow-icon {transform: translateX(1px)} html._desktop button.button:active:enabled .button__plus-icon {transform: scale(.9)} button.button:active:enabled {background-color: #e9d046} button.button:active:enabled .button__arrow-icon {transform: translateX(1px)} button.button:active:enabled .button__plus-icon {transform: scale(.9)} html._desktop button.button._secondary:hover:enabled {background-color: #eee9e9;box-shadow: inset 0 0 0 1px #23231f, 0 4px 6px rgba(89, 86, 71, .1)} html._desktop button.button._secondary:active:enabled {background-color: #e9d046;box-shadow: none} button.button._secondary:active:enabled {background-color: #e9d046;box-shadow: none} html._desktop button.button._secondary._dark:hover:enabled {background-color: #fade45;box-shadow: inset 0 0 0 1px #f2f2f2, 0 4px 6px rgba(89, 86, 71, .1);color: #ffffff} html._desktop button.button._secondary._dark:hover:enabled .btn-icon path {stroke: #23231f} html._desktop button.button._secondary._dark:active:enabled {background-color: #e9d046;box-shadow: none} button.button._secondary._dark:active:enabled {background-color: #e9d046;box-shadow: none} html._desktop a.button:hover {background-color: #f8da34;box-shadow: 0 4px 6px rgba(89, 86, 71, .1);color: #1d2227} html._desktop a.button:active {background-color: #e9d046} html._desktop a.button:active .button__arrow-icon {transform: translateX(1px)} html._desktop a.button:active .button__plus-icon {transform: scale(.9)} a.button:active {background-color: #e9d046} a.button:active .button__arrow-icon {transform: translateX(1px)} a.button:active .button__plus-icon {transform: scale(.9)} html._desktop a.button._secondary:hover {background-color: #eee9e9;box-shadow: inset 0 0 0 1px #23231f, 0 4px 6px rgba(89, 86, 71, .1)} html._desktop a.button._secondary:active {background-color: #e9d046;box-shadow: none} a.button._secondary:active {background-color: #e9d046;box-shadow: none} html._desktop a.button._secondary._dark:hover {background-color: #eee9e9;box-shadow: inset 0 0 0 1px #f2f2f2, 0 4px 6px rgba(89, 86, 71, .1);color: #23231f} html._desktop a.button._secondary._dark:hover .btn-icon path {stroke: #23231f} html._desktop a.button._secondary._dark:active {background-color: #e9d046;box-shadow: none} a.button._secondary._dark:active {background-color: #e9d046;box-shadow: none} .upload-btn {position: relative;display: -ms-flexbox;display: flex;color: #23231f;border-radius: 4px} .upload-btn label {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 16px 8px;cursor: pointer} .upload-btn__text {margin-left: 8px;white-space: nowrap} .upload-btn__text._mobile {display: none} .upload-btn__input {display: none} @media only screen and (max-width: 1023px) { .upload-btn__text._mobile {display: block} .upload-btn__text._desktop {display: none} } .upload-btn .error {display: none;position: absolute;top: 100%;left: 0;margin-top: 6px;color: #f93232} .upload-btn._loaded {background: linear-gradient(270deg, #ffe600 0, #ffe600 67.12%);border: 2px solid #23231f} .upload-btn._error {border: 2px solid #23231f} .upload-btn._error .error {display: block} .logo {display: inline-block} .logo._left-menu svg {width: 74px;height: 62px} .logo._footer svg {width: 110px;height: 96px} .logo._footer svg path {fill: #edeff1} @media only screen and (max-width: 1023px) { .logo._left-menu {margin-right: 6px} .logo._left-menu svg {width: 44px;height: 37px} .logo._header-mobile {height: 34px} .logo._header-mobile svg {width: 41px;height: 34px} .logo._footer svg {width: 80px;height: 70px} } .menu {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;height: 96px;white-space: nowrap;overflow: auto} .menu__link {line-height: 96px;display: block;} @media ( max-width: 1439px) { .menu {height: 48px;} .menu__link {line-height: 48px;} .header__bottom {padding-bottom: 0px;padding-top: 0px;} } .menu__item + .menu__item {margin-left: 20px} .left-menu {width: 280px;height: 100vh;position: fixed;top: 0;left: 0;overflow-y: auto;z-index: 20;padding: 26px 0 62px 32px;background: linear-gradient(179.74deg, #0d0e0e 3.83%, #1f1f20 99.77%)} .left-menu::-moz-scrollbar {display: none} .left-menu::-webkit-scrollbar {display: none} .left-menu::scrollbar {display: none} .left-menu__city-selector {margin-top: 34px;margin-bottom: 38px} .left-menu__search-wrap {position: relative;display: inline-block;margin-bottom: 38px} .left-menu__search-input {outline: 0;-ms-flex-positive: 1;flex-grow: 1;padding: 8px 50px 8px 12px;background-color: transparent;border: 1px solid #525252;border-radius: 20px;font-size: 12px;color: #9d9d9d;z-index: 10;transition: background-color .35s ease-out, width .35s ease-out} .left-menu__search-input:-ms-input-placeholder {color: #9d9d9d} .left-menu__search-input::placeholder {color: #9d9d9d} .left-menu__search-button {position: absolute;top: 8px;right: 12px} .page__search-wrap {position: relative;display: inline-block;} .page__search-input {outline: 0;-ms-flex-positive: 1;flex-grow: 1;padding: 8px 50px 8px 12px;background-color: transparent;border: 1px solid #000000;border-radius: 20px;font-size: 20px;color: #9d9d9d;z-index: 10;transition: background-color .35s ease-out, width .35s ease-out} .page__search-input:-ms-input-placeholder {color: #9d9d9d} .page__search-input::placeholder {color: #9d9d9d} .page__search-button {position: absolute;top: 8px;right: 12px} .city-selector label {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .city-selector #select_city {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;width: 200px;box-sizing: border-box;cursor: pointer;} .city-selector__icon {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;margin-right: 12px} .city-selector__select {position: relative;cursor: pointer;width: auto} /*.city-selector__select:after { content: ""; position: absolute; top: 4px; right: -13px; border: solid #f2f2f2; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg) }*/ .city-selector .arrow_select {position: absolute;top: calc(50% - 4px);right: -13px;border: solid #f2f2f2;border-width: 0 2px 2px 0;display: inline-block;padding: 2px;transform: rotate(45deg) translateY(-50%);-webkit-transform: rotate(45deg)} .city-selector__select.selected_city + .arrow_select {position: absolute;top: calc(50% - 4px);right: -13px;border: solid #f2f2f2;border-width: 2px 0px 0px 2px;display: inline-block;padding: 2px;transform: rotate(45deg) translateY(-50%);-webkit-transform: rotate(45deg)} .city-selector select {-webkit-appearance: none;appearance: none;background-color: transparent;border: none;margin: 0;width: auto;cursor: pointer;outline: 0;color: #f2f2f2;font-weight: 700} .city-selector .citysp {display: none;top: 45px;z-index: 20;position: absolute;left: -15px;-webkit-appearance: none;appearance: none;background-color: transparent;border: none;width: auto;cursor: pointer;outline: 0;color: #f2f2f2;font-weight: 700;margin: 0px;} .main_city {position: relative;display: block;font-size: 18px;color: #f2f2f2;font-family: Stolzl, sans-serif;font-weight: 700;box-sizing: border-box;padding: 10px 0px;margin: 0px;} .citysp a {min-width: 215px;box-sizing: border-box;display: block;font-size: 18px;padding: 10px 15px;display: block;font-family: Stolzl, sans-serif;color: #f2f2f2;border: 1px solid #b2b2b2;margin: 0px;background: #1f1f20;} .citysp a:last-child {border-top: 0px solid #b2b2b2;} .city-selector select::after {grid-area: select} .city-selector select option {padding: 5px 15px;display: block;margin: 10px 15px;color: #0c0c0c;} .city-selector select::-ms-expand {display: none} .categories-list {overflow-y: auto;width: 100%} .categories-list::-moz-scrollbar {display: none} .categories-list::-webkit-scrollbar {display: none} .categories-list::scrollbar {display: none} .categories-list__item + .categories-list__item { /*margin-top: 8px*/} .categories-list__link {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 6px 0;border-radius: 4px 0 0 4px;color: #bdbdbd;position: relative} .categories-list__link::after {display: none;content: "";position: absolute;bottom: 12px;right: -1px;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 9px solid #eee9e9} .categories-list__link._opened::after {display: block} html._desktop .categories-list__link:hover {background-color: #1c1c1d;color: #828282} html._desktop .categories-list__link:hover .categories-list__text {color: #edeff1} html._desktop .categories-list__link:hover .categories-list__arrow {left: calc(100% - 32px); /*background-color: #fff;*/color: #ffffff} html._desktop .categories-list__link:hover .categories-list__item {background-color: #1c1c1d} .categories-list__icon {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .categories-list__text {margin-left: 6px;color: #edeff1} .categories-list__arrow-wrap {position: relative;-ms-flex-positive: 1;flex-grow: 1} .categories-list__arrow {position: absolute;display: -ms-flexbox;display: flex;border-radius: 200px;transition: left ease-out .2s, color ease-out .35s, background-color ease-out .35s, transform ease-out .2s;left: 0;top: -8px;color: #f2f2f2} html._desktop .categories-list__arrow:hover {transform: scale(1.2)} @media only screen and (max-width: 1023px) { .left-menu {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center;width: 80px;height: 100vh;padding: 12px 0;background-color: #0d0e0e;overflow-y: hidden} .left-menu__logo-container {margin-left: auto;margin-right: auto} .left-menu__search-input {font-size: 0} .left-menu__search-wrap {position: fixed;left: 20px;top: 108px;margin-bottom: 0;z-index: 2} html._desktop .left-menu__search-wrap:focus .left-menu__search-input, html._desktop .left-menu__search-wrap:hover .left-menu__search-input {width: 230px;padding: 12px 30px 12px 16px;background-color: #f4f2f2;font-size: 12px} .left-menu__search-input {width: 40px;height: 40px;padding: 0;line-height: 16;color: #000} .left-menu__search-input:focus {width: 230px;padding: 12px 30px 12px 16px;background-color: #f4f2f2;font-size: 12px} .left-menu__search-input::-webkit-input-placeholder {font-size: 0} .left-menu__search-input:-moz-placeholder {font-size: 0} .left-menu__search-input::-moz-placeholder {font-size: 0} .left-menu__search-input:-ms-input-placeholder {font-size: 0} .left-menu__search-button {right: 8px} .left-menu .city-selector {display: none} .left-menu .categories-list {margin-top: 130px;padding-top: 28px;padding-bottom: 24px;margin-bottom: 30px} .left-menu .categories-list__link {display: block} .left-menu .categories-list__icon {width: 32px;margin-left: auto;margin-right: auto} .left-menu .categories-list__item + .categories-list__item {margin-top: 12px} .left-menu .categories-list__arrow, .left-menu .categories-list__text {display: none} } @media only screen and (max-width: 567px) { .left-menu {display: none} } .categories-submenu__desktop-wrap {z-index: 1000;position: relative;} .categories-submenu {position: fixed;display: none;z-index: 1000;overflow-y: auto;background-color: #eee9e9} .background_menu {position: fixed;opacity: 0; /*max-width: 1347px;*/width: 0px;background: #eee9e9;z-index: 10;height: calc(100% - 96px);left: 280px;top: 96px;} @media screen and (max-width: 1439px) { .background_menu {height: calc(100% - 48px);top: 48px;} } .categories-submenu-dropdown {color: #333538} .categories-submenu-dropdown__item {display: inline-block;width: 100%;padding-top: 6px;padding-bottom: 6px} .categories-submenu._mobile {width: 290px;top: 48px;left: 80px;height: calc(100vh - 48px);padding: 26px 20px} .categories-submenu._mobile::-moz-scrollbar {display: none} .categories-submenu._mobile::-webkit-scrollbar {display: none} .categories-submenu._mobile::scrollbar {display: none} .categories-submenu._mobile .categories-submenu__general-link {display: table;margin-bottom: 52px;margin-left: auto;color: #828282;cursor: pointer} .categories-submenu._mobile .categories-submenu__item {position: relative;margin-right: 18px;font-size: 14px;color: #222223} .categories-submenu._mobile .categories-submenu__item + .categories-submenu__item {margin-top: 24px} .categories-submenu._mobile .categories-submenu__item._opened .categories-submenu__dropdown {display: -ms-flexbox;display: flex} .categories-submenu._mobile .categories-submenu__item._opened .categories-submenu__btn-icon {color: #1d2227;transform: rotate(180deg)} .categories-submenu._mobile .categories-submenu__button {width: 100%;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;text-align: left;} .categories-submenu._mobile .categories-submenu__btn-icon {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;color: #bdbdbd;transition: color .35s ease-out, transform .35s ease-out} .categories-submenu._mobile .categories-submenu__dropdown {display: none;margin: 20px 20px -3px 14px} .categories-submenu._mobile .categories-submenu-dropdown__item {padding-left: 6px} .categories-submenu._desktop {top: 96px;left: 280px;height: calc(100vh - 96px); /*width: calc(100vw - 280px);*/width: calc(1347px - 280px);padding: 40px 0px 36px 0px;box-sizing: border-box;opacity: 0;} .categories-submenu._desktop .categories-submenu__container {display: grid;grid-gap: 32px 24px;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)) /*400*/} .categories-submenu._desktop .categories-submenu__card {display: -ms-flexbox;display: flex;} .categories-submenu._desktop .categories-submenu__card._last .categories-submenu__item + .categories-submenu__item {margin-top: 16px} .categories-submenu._desktop .categories-submenu__img img {max-width: 180px;border-radius: 5px} .categories-submenu._desktop .categories-submenu__item {margin-left: 36px} .categories-submenu._desktop .categories-submenu__link:hover {color: #f8da34} .categories-submenu._desktop .categories-submenu__dropdown {margin-top: 14px} .categories-submenu._desktop .categories-submenu__close-btn {position: fixed;top: 136px;right: 92px} @media only screen and (max-width: 1439px) { .categories-submenu._desktop {top: 48px;width: 500px; /*calc(90vh - 280px);*/height: calc(100vh - 48px);padding-top: 70px} .categories-submenu._desktop .categories-submenu__container {display: grid;grid-gap: 32px 24px;grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) /*400*/;} .categories-submenu._desktop .categories-submenu__close-btn {top: 116px} } @media only screen and (max-width: 1023px) { .background_menu {left: 80px;} .categories-submenu._desktop {left: 80px;top: 48px;width: 500px; /*calc(90vh - 280px);*/height: calc(100vh - 48px);padding-top: 70px} .categories-submenu._desktop .categories-submenu__container {display: grid;grid-gap: 32px 24px;grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) /*400*/;} } .category-card {position: relative;max-width: 452px;border-radius: 10px;overflow: hidden} html._desktop .category-card:hover img {transform: scale(1.05)} html._desktop .category-card:hover .category-card__link {background-color: #f8da34} .category-card img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover} .category-card__link {position: absolute;left: 24px;bottom: 24px;background-color: transparent;color: #000} html._desktop .category-card__link:hover {color: #000} @media only screen and (max-width: 1279px) { .category-card__link {left: 0;bottom: 0} } @media only screen and (max-width: 1023px) { .category-card__link.like-btn {font-size: 16px;line-height: 20px} } @media only screen and (max-width: 567px) { .category-card__link {right: 0;left: auto} } .news-item {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: justify;justify-content: space-between;max-width: 454px;background-color: inherit} .news-item:hover .news-item__title {color: #f8da34} .news-item:hover .news-item__text {color: #23231f} .news-item__info, .news-item__views {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .news-item__info {-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 16px;color: #828282} .news-item__views-icon {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;margin-right: 12px} .news-item__date {margin-right: 8px} .news-item__image-wrap {position: relative;margin-bottom: 32px} .news-item__image-wrap:before {padding-top: 66.0792951542%;display: block;content: "";width: 100%} .news-item__image-wrap .news-item__image {position: absolute;left: 0;top: 0;width: 100%;height: 100%} @media (min-width: 768px) { .news-item__image-wrap {margin-bottom: 32px} } @media (min-width: 768px)and (max-width: 1919px) { .news-item__image-wrap {margin-bottom: calc(18px + 14 * ((100vw - 768px) / (1152)))} } .news-item__image {-o-object-fit: cover;object-fit: cover;border-radius: 8px} .news-item__title {line-height: 140%;color: #1d2227} .news-item__text {-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;margin-top: 16px;color: #23231f} @media only screen and (max-width: 767px) { .news-item__image-wrap {margin-bottom: 18px;min-width: 345px;} } .product-card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-direction: column;flex-direction: column;max-width: 454px;width: 100%;background-color: #fff;border-radius: 8px;padding-top: 10px;padding-bottom: 22px} html._desktop .product-card:hover .product-card__btn._desktop {padding: 12px 26px;background-color: #fade45;color: #1d2227;transition: padding ease-out .35s, background-color ease-out .35s, color ease-out .35s, box-shadow ease-out .2s} .product-card__tip {position: absolute;top: 26px;right: 32px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 0 10px;background-color: #fade45;border-radius: 200px;line-height: 24px;overflow: hidden;z-index: 3} .product-card__tip span {font-size: 10px;max-width: 0;white-space: nowrap;box-sizing: content-box;opacity: 0;padding-left: 0;transition: max-width ease-out .35s, opacity ease-out .2s, padding-left ease-out .2s} .product-card__tip:hover span {display: inline;max-width: 500px;opacity: 1;padding-left: 6px} .product-card__image-wrap {position: relative;margin: 0 10px 14px;-ms-flex-positive: 0;flex-grow: 0;justify-self: center;max-width: 434px;border-bottom: 1px solid #e0e0e0} .product-card__image-wrap:before {padding-top: 59.9078341014%;display: block;content: "";width: 100%} .product-card__image-wrap .product-card__image {position: absolute;left: 0;top: 0;width: 100%;height: 100%} .product-card__image {-o-object-fit: contain;object-fit: contain;border-radius: 8px} .product-card__bottom {margin-bottom: 54px} .product-card__info {padding: 0px 10px 0 20px} .product-card__title {display: inline-block; /*max-width: 230px;*/width: 70%;min-height: 44px;cursor: pointer;} .product-card__info-wrap { /*display: -ms-flexbox;*//*display: flex;*/-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;margin-top: 20px} .product-card__amount-title, .product-card__type-title {margin-bottom: 8px;color: #828282;display: inline-block;} .product-card__amount-text, .product-card__type-text {color: #3e3b3b;display: inline-block;font-style: normal;font-weight: 400;font-size: 14px;line-height: 16px;padding-left: 5px;color: #4F4F4F;box-sizing: border-box;white-space: nowrap;} .product-card__amount {text-align: right;display: inline-block;max-width: 90px;float: right;padding-right: 10px;box-sizing: border-box;width: 30%;} .product-card__btn {position: absolute;bottom: 16px;right: 0;margin-right: 10px;margin-left: auto} .product-card__btn._mobile {display: none;border-radius: 200px;padding: 19px;line-height: 0} .product-card__btn._mobile .button__plus-icon {margin-right: 0} .product-card__btn._desktop {padding: 12px 0;background-color: transparent;color: #23231F;transition: padding ease-out .35s, background-color ease-out .35s, color ease-out .35s} html._desktop .product-card__btn._desktop:hover:enabled {background-color: #f8da34;box-shadow: 0 4px 6px rgba(89, 86, 71, .1)} html._desktop .product-card__btn._desktop:active:enabled {background-color: #e9d046} @media only screen and (max-width: 1023px) { .product-card {max-width: 336px} } @media only screen and (max-width: 567px) { .product-card {max-width: 336px;padding-bottom: 26px} .product-card__tip {top: 16px;right: 28px} .product-card__image-wrap {margin-bottom: 20px} .product-card__bottom {margin-bottom: 74px} .product-card__info {padding-top: 20px} .product-card__btn._mobile {display: block;margin-right: 18px} .product-card__btn._desktop {display: none} } .tag {max-width: 168px;background-color: transparent;cursor: pointer} .tag__link {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center} .tag__img {display: block;width: 100px;height: 100px;border: 2px solid transparent;border-radius: 200px;transition: border-color .2s ease-out} @media (min-width: 768px) { .tag__img {width: 100px} } @media (min-width: 768px)and (max-width: 1919px) { .tag__img {width: calc(60px + 42 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .tag__img {height: 100px} } @media (min-width: 768px)and (max-width: 1919px) { .tag__img {height: calc(60px + 42 * ((100vw - 768px) / (1152)))} } .tag__text {text-align: center;margin-top: 14px;font-size: 14px;color: #4f4f4f;transition: color .2s ease-out} @media (min-width: 768px) { .tag__text {font-size: 13px} } @media (min-width: 768px)and (max-width: 1919px) { .tag__text {font-size: calc(7px + 6 * ((100vw - 768px) / (1152)))} } html._desktop .tag:hover {color: #23231f} html._desktop .tag:hover .tag__img {border-color: #f8da34} @media only screen and (max-width: 767px) { .tag__img {width: 78px;height: 78px} .tag__text {font-size: 10px} } @keyframes fadeIn { from {opacity: 0} to {opacity: 1} } .form__group {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;color: #212121} .form__group._full-w {max-width: initial;margin-top: 0} .form__group label {position: relative} .form__group._disabled {color: #c5c0db} .form__group._disabled .form__field-title, .form__group._disabled .form__password-btn {color: #c5c0db} .form__group._disabled .form__password-help {display: none} .form__group._error:not(._disabled) .form__password-help, .form__group._loading:not(._disabled) .form__password-help, .form__group._success:not(._disabled) .form__password-help, .form__group._warning:not(._disabled) .form__password-help {display: none} .form__group._error:not(._disabled) .form__error {display: -ms-flexbox;display: flex} .form__group._error:not(._disabled) .form__field {background-color: #fffbf4;border-color: #ffeac1} .form__group._warning:not(._disabled) .form__warning {display: -ms-flexbox;display: flex} .form__group._warning:not(._disabled) .form__field {background-color: #fffbf4;border-color: #ffeac1} .form__group._loading:not(._disabled) .form__loading {display: -ms-flexbox;display: flex} .form__group._loading:not(._disabled) .form__field {border-color: #e8e6f8} .form__group._success:not(._disabled) .form__success {display: -ms-flexbox;display: flex} .form__group._success:not(._disabled) .form__field {border-color: #e8e6f8} .form__field-title {position: absolute;top: 8px;left: 20px;color: #9d99ac} .form__field {display: block;width: 100%;outline: 0;background: #fff;border: 1px solid transparent;border-radius: 4px;padding: 18px 20px;line-height: 18px;color: #212121;transition: ease-out .2s} .form__field._gray {background-color: #f4f2f2} .form__field._gray:-ms-input-placeholder {color: #828282} .form__field._gray::placeholder {color: #828282} .form__field._search {padding-left: 54px} .form__field._textarea {padding-top: 12px;resize: none} .form__field:-ms-input-placeholder {color: #212121} .form__field::placeholder {color: #212121} html._desktop .form__field:hover:enabled {border: 1px solid #bdbdbd} .form__field:focus {background: #f7f7fd;border-color: #e9d046} .form__field:disabled {background: #f7f7fd;color: #c5c0db;cursor: default} .form__field:disabled:-ms-input-placeholder {color: #c5c0db} .form__field:disabled::placeholder {color: #c5c0db} .form__field-title + .form__field {padding: 28px 20px 12px} .form__field-title + .form__field._textarea {padding-bottom: 2px} .form__icon {position: absolute;bottom: 0;margin-top: auto;margin-bottom: auto} .form__icon._text {top: 0;right: 20px} .form__icon._search {left: 20px;top: 0} .form__password-btn {position: absolute;width: 24px;height: 24px;top: 0;bottom: 0;right: 20px;margin-top: auto;margin-bottom: auto;overflow: visible;vertical-align: top;display: inline-block;padding: 0;border: 0;outline: 0;background: 0 0;cursor: pointer;-webkit-user-select: none;-ms-user-select: none;user-select: none} .form__password-help {margin-left: auto;margin-top: 8px;margin-right: 4px;color: #605dec} html._desktop .form__password-help a:hover {color: #212121} .form__words-amount {display: -ms-flexbox;display: flex;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-pack: end;justify-content: flex-end;margin-top: 8px;color: #aaa} .form__error, .form__loading, .form__success, .form__warning {display: none;-ms-flex-align: center;align-items: center;margin-top: 8px} .form__error span, .form__loading span, .form__success span, .form__warning span {margin-left: 8px;color: #aaa} .form__info-wrap {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between} .checkbox {position: relative;display: -ms-flexbox;display: flex;-ms-flex-negative: 1;flex-shrink: 1;-ms-flex-align: center;align-items: center;color: #525252;line-height: 140%;cursor: pointer} .checkbox__input {width: 24px;height: 24px;margin-right: 10px;background-color: #333538;border-radius: 4px;-webkit-appearance: none;appearance: none;outline: 0;cursor: pointer} .checkbox__input:checked + .checkbox__icon {display: block;animation: fadeIn forwards ease-out .2s} .checkbox__icon {display: none;position: absolute;left: 4px;top: 4px} .modal-wrapper {position: fixed;top: 0;left: 0;display: none;z-index: 3006;width: 100vw;height: 100%;overflow: hidden;background: rgba(0, 0, 0, .2);pointer-events: all;opacity: 1;visibility: inherit} .modal-wrapper__content {position: absolute;top: 0;left: 0;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;height: 100%;box-sizing: border-box;overflow-y: auto;padding: 40px 30px} @media only screen and (max-width: 767px) { .modal-wrapper__content {padding: 24px 16px} } @media only screen and (max-width: 374px) { .modal-wrapper__content {padding: 14px 8px} } .modal-wrapper__overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%} .modal {position: relative;display: none;margin: auto;padding: 40px 56px;background: #f4f2f2} .modal__close {position: absolute;top: 16px;right: 16px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;border: none;cursor: pointer;background-color: transparent} @media only screen and (max-width: 1439px) { .modal {padding: 30px 38px} } @media only screen and (max-width: 1023px) { .modal {padding: 26px 32px} } @media only screen and (max-width: 567px) { .modal {padding: 20px 26px} .modal__close {top: 10px;right: 10px} } @media only screen and (max-width: 374px) { .modal {padding: 20px 32px} } .form {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center;margin-left: auto;margin-right: auto;width: clamp(340px, 26vw, 448px)} .form__group {width: 100%;max-width: 340px} .form__group + .form__group {margin-top: 20px} .form__group + .form__group_2 {margin-top: 20px} .form__title {text-align: center} .form__message {font-family: Stolzl, sans-serif;font-weight: 400;font-size: 18px;line-height: 140%;text-align: center;margin-top: 16px;margin-bottom: 36px} @media (min-width: 1024px) { .form__message {font-size: 18px} } @media (min-width: 1024px)and (max-width: 1919px) { .form__message {font-size: calc(14px + 4 * ((100vw - 1024px) / (896)))} } .form__btn {margin-top: 40px} @media (min-width: 1024px) { .form__btn {font-size: 20px} } @media (min-width: 1024px)and (max-width: 1919px) { .form__btn {font-size: calc(16px + 4 * ((100vw - 1024px) / (896)))} } @media only screen and (max-width: 1439px) { .form__btn {padding: 14px 28px} } @media only screen and (max-width: 1023px) { .form__message {font-size: 14px;margin-bottom: 28px} .form__btn {padding: 12px 24px;font-size: 16px;margin-top: 30px} } @media only screen and (max-width: 567px)and (min-width: 375px) { .form {width: 380px} } @media only screen and (max-width: 567px)and (min-width: 375px)and (max-width: 567px) { .form {width: calc(290px + 90 * ((100vw - 375px) / (193)))} } @media only screen and (max-width: 567px) { .form__message {margin-bottom: 20px} } @media only screen and (max-width: 374px) { .form {width: 100%} } .breadcrumbs {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap} .breadcrumbs__item {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;max-width: 100%;vertical-align: middle;white-space: nowrap;color: #1d2227} .breadcrumbs__item + .breadcrumbs__item {margin-left: 8px} .breadcrumbs__link {margin-right: 8px} .breadcrumbs__icon {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;color: #1d2227} .breadcrumbs__last {color: #828282;cursor: default} .pagination {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;z-index: 4;line-height: 140%;color: #333538} .pagination__item {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;width: 24px;height: 24px;border-radius: 4px} .pagination__item:first-child {margin-right: 16px} .pagination__item:last-child {margin-left: 16px} .pagination__item._active {background-color: #1d2227;color: #fff;pointer-events: none} html._desktop .pagination__item._active:hover {color: #fff} .pagination ._disabled {pointer-events: none;cursor: default} html._desktop .pagination__item:not(._active):hover:hover {color: #fff;background: #f8da34} .slider-arrow {width: 36px;height: 36px;background: #fff;border-radius: 400px;cursor: pointer} .slider-arrow._left {transform: rotate(180deg)} .slider-arrow__icon {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%} .slider-arrow:hover {background: #f8da34} @media only screen and (max-width: 567px) { .slider-arrow {width: 24px;height: 24px} } .play-button {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;width: 116px;height: 116px;background: 0 0;color: #fff;border: 1px solid currentColor;border-radius: 400px;cursor: pointer} .play-button__svg {width: 25px;height: 32px;margin-left: 6px} .play-button:hover {background: #eee9e9;border-color: #fff} .play-button:hover .play-button__svg {color: #23231f} .filter__top {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding-top: 28px;padding-bottom: 28px;border-bottom: 1px solid #e0e0e0} @media (min-width: 768px) { .filter__top {padding-top: 28px} } @media (min-width: 768px)and (max-width: 1919px) { .filter__top {padding-top: calc(16px + 12 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .filter__top {padding-bottom: 28px} } @media (min-width: 768px)and (max-width: 1919px) { .filter__top {padding-bottom: calc(14px + 14 * ((100vw - 768px) / (1152)))} } .filter__wrap {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .filter__categories {display: -ms-flexbox;display: flex;margin-left: 160px} @media (min-width: 768px) { .filter__categories {margin-left: 160px} } @media (min-width: 768px)and (max-width: 1919px) { .filter__categories {margin-left: calc(76px + 84 * ((100vw - 768px) / (1152)))} } .filter__item {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 4px 0;color: #828282} .filter__item svg {width: 24px;height: 24px;margin-left: 8px;transition: transform ease-out .35s} .filter__item._opened {color: #4f4f4f} .filter__item._opened svg {transform: rotate(180deg)} .filter__item + .filter__item {margin-left: 60px} @media (min-width: 768px) { .filter__item + .filter__item {margin-left: 60px} } @media (min-width: 768px)and (max-width: 1919px) { .filter__item + .filter__item {margin-left: calc(30px + 30 * ((100vw - 768px) / (1152)))} } .filter__icon {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;margin-right: 12px} .filter__reset.button {box-shadow: none;padding: 8px 12px} .filter__bottom {position: relative;height: 0;transition: height ease-out .35s} .filter__bottom._opened {height: 90px;} .filter__options {position: absolute;top: 0;bottom: 0;max-width: 100%;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;opacity: 0;visibility: hidden;overflow-x: auto;padding-left: 20px;box-sizing: border-box;} .filter__options::-moz-scrollbar { /*display: none*/} .filter__options::-webkit-scrollbar { /*display: none*/} .filter__options::scrollbar { /*display: none*/} .filter__option-link + .filter__option-link {margin-left: 20px} .filter__value {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;position: relative;padding: 8px 12px;border-radius: 200px;color: #212121;cursor: pointer;transition: .35s ease-out} .filter__value svg {width: 0;margin-left: 4px;transition: width .35s ease-out} .filter__checkbox {position: absolute;width: 0;height: 0;visibility: hidden} .filter__checkbox:checked + .filter__value {background-color: #fade45} .filter__checkbox:checked + .filter__value svg {width: 16px} .filter__checkbox:disabled + .filter__value {opacity: .4;cursor: default} .filter__options._color .filter__value {padding: 0;color: #e0e0e0;border: 1px solid transparent;background-color: transparent} .filter__options._color .filter__value svg {width: 24px;margin: 0} .filter__options._color .filter__checkbox:checked + .filter__value {color: #f8d934;border: 1px solid #f8da34} .filter__options._color .filter__option-link + .filter__option-link {margin-left: 18px} .filter__option-link {display: inline-block} @media only screen and (max-width: 1023px) { .filter__top {border-bottom: none} .filter__reset.button._secondary {padding: 8px 0;color: #828282} html._desktop .filter__reset.button._secondary:hover:enabled {background-color: inherit;box-shadow: none} .filter__options {padding-left: 0} .filter__option-link + .filter__option-link {margin-left: 12px} } @media only screen and (max-width: 767px) { .filter__top {padding-top: 16px;padding-bottom: 14px} .filter__categories {font-size: 12px;margin-left: 76px} } @media only screen and (max-width: 767px)and (min-width: 568px) { .filter__categories {margin-left: 76px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .filter__categories {margin-left: calc(42px + 34 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px) { .filter__item + .filter__item {margin-left: 30px} } @media only screen and (max-width: 767px) { .filter__options {padding-left: 20px} } @media only screen and (max-width: 767px) { .filter__wrap .like-h4 {display: none} } @media only screen and (max-width: 767px) { .filter__item svg {margin-left: 0;width: 16px;height: 16px} } @media only screen and (max-width: 767px) { .filter__reset.button {font-size: 12px} } @media only screen and (max-width: 767px) { .filter__option-link + .filter__option-link {margin-left: 6px} } @media only screen and (max-width: 567px) { .filter__categories {margin-left: 7vw} .filter__reset.button {display: none} .filter__item + .filter__item {margin-left: 20px} } .calculator {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;color: #fff;font-family: Stolzl, sans-serif} .calculator__img {margin-bottom: 32px} .calculator__title {font-size: 40px;line-height: 146%;margin-bottom: 32px} .calculator__text {max-width: 578px;margin-bottom: 42px;text-align: center;font-size: 20px;line-height: 24px} .calculator__trigger {margin-bottom: 26px;font-size: 20px;line-height: 24px} .calculator__btn {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;padding: 48px;background-color: #fcfcfc;box-shadow: 2px 4px 6px rgba(0, 0, 0, .15), -2px -2px 12px rgba(255, 255, 255, .08);border-radius: 500px} .calculator__btn::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 61px;height: 61px;border: 4px solid #ffe600;border-radius: 500px} .calculator__btn:hover .calculator__btn-arrow {transform: rotate(90deg)} .calculator__btn-circle {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 1} .calculator__btn-arrow {transition: transform .2s ease-out} @media only screen and (max-width: 1023px) { .calculator__img {margin-bottom: 40px} .calculator__title {text-align: center;font-size: 36px} .calculator__text {margin-bottom: 50px;max-width: 500px;font-size: 16px;line-height: 19px} .calculator__trigger {font-size: 18px;line-height: 22px} } @media only screen and (max-width: 567px) { .calculator__title {font-size: 26px} .calculator__text {max-width: 330px;font-size: 14px;line-height: 17px} .calculator__trigger {font-size: 20px;line-height: 24px} } .info {color: #212121} .info__title {margin-bottom: 74px} .info__top-section {display: grid;grid-template-columns:repeat(3, auto);-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 56px} .info__text {margin-bottom: 34px;color: #333538} .info__link {white-space: nowrap;font-family: Stolzl, sans-serif;font-weight: 400;font-size: 36px;line-height: 140%;color: #222223} @media (min-width: 1280px) { .info__link {font-size: 36px} } @media (min-width: 1280px)and (max-width: 1919px) { .info__link {font-size: calc(28px + 8 * ((100vw - 1280px) / (640)))} } .info__bottom-section {display: -ms-flexbox;display: flex;-ms-flex-align: end;align-items: flex-end;padding-top: 64px;padding-bottom: 64px;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2} .info__icon {margin-right: 60px} .info__form {display: -ms-flexbox;display: flex;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between} .info__form-title {max-width: 550px;margin-right: 20px} .info__wrap {display: -ms-flexbox;display: flex} .info__wrap .form__group {margin: 0;max-width: 1000px} .info__wrap .form__field {min-width: 270px;padding: 16px 20px;border: 1px solid #e6e6e6;border-right: none;border-top-right-radius: 0;border-bottom-right-radius: 0;line-height: 24px} .info__wrap .form__field:-ms-input-placeholder {color: #898989} .info__wrap .form__field::placeholder {color: #898989} .info__wrap .info__form-btn {margin-left: -4px;padding: 16px 18px;background-color: #f2c94c;white-space: nowrap;font-weight: 700;font-size: 16px;line-height: 24px;color: #262525;z-index: 1} @media only screen and (max-width: 1649px) { .info__form-title {font-size: 20px} } @media only screen and (max-width: 1279px) { .info__title {margin-bottom: 62px} .info__top-section {grid-template-columns:repeat(2, minmax(290px, 1fr));grid-gap: 24px 0;margin-bottom: 46px} } @media only screen and (max-width: 1279px)and (min-width: 768px) { .info__link {font-size: 28px} } @media only screen and (max-width: 1279px)and (min-width: 768px)and (max-width: 1279px) { .info__link {font-size: calc(24px + 4 * ((100vw - 768px) / (512)))} } @media only screen and (max-width: 1279px) { .info__text {margin-bottom: 16px;font-weight: 400} } @media only screen and (max-width: 1279px) { .info__bottom-section {-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between} } @media only screen and (max-width: 1279px) { .info__form {-ms-flex-direction: column;flex-direction: column;-ms-flex-align: start;align-items: flex-start;-ms-flex-positive: 0;flex-grow: 0} } @media only screen and (max-width: 1279px) { .info__form-title {min-width: 400px;max-width: 1500px;margin-top: 10px;margin-right: 0;margin-bottom: 28px} } @media only screen and (max-width: 1279px) { .info__wrap {width: 100%} } @media only screen and (max-width: 767px) { .info__top-section {grid-template-columns:repeat(1, minmax(280px, 1fr));grid-gap: 40px 0} .info__bottom-section {-ms-flex-direction: column;flex-direction: column} .info__icon {margin-bottom: 10px} .info__link {font-size: 24px} } @media only screen and (max-width: 567px) { .info__text {font-weight: 300} .info__bottom-section {display: none} } .hero__video-bg {position: absolute;top: -88px;left: 280px;width: calc(100% - 280px);height: 688px;overflow: hidden;background: linear-gradient(0deg, #3d4144, #3d4144)} .hero__video-bg img {display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;mix-blend-mode: multiply} .hero__container {position: relative;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;background: linear-gradient(0deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));} .hero__slider {margin-left: 90px;-ms-flex-positive: 1;flex-grow: 1;background-color: transparent;z-index: 2} @media (min-width: 1440px) { .hero__slider {margin-left: 90px} } @media (min-width: 1440px)and (max-width: 1919px) { .hero__slider {margin-left: calc(-50px + 140 * ((100vw - 1440px) / (480)))} } .hero__slider .slider-arrow {position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;opacity: .4} .hero__slider .slider-arrow._left {left: 94px} .hero__slider .slider-arrow._right {right: 46px} .hero__slider .slider__item {overflow: hidden;width: 675px;height: 600px} .hero__slider .slider__img {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center;margin-top: 48px} .hero__slider .slider__item-text {display: none;color: #f4f2f2} .hero__left-section {position: relative;z-index: 4;margin-top: 268px;margin-right: 10px} .hero__breadcrumbs {margin-bottom: 28px;color: #e4e4e4} .hero__breadcrumbs .breadcrumbs__item {color: #e4e4e4} .hero__breadcrumbs .breadcrumbs__last {color: #e4e4e4} .hero__breadcrumbs .breadcrumbs__icon {color: #e4e4e4} .hero__title {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;margin-bottom: 30px;color: #fff} .hero__title svg {height: 130px;width: auto} @media (min-width: 1024px) { .hero__title svg {height: 130px} } @media (min-width: 1024px) and (max-width: 1919px) { .hero__title svg { /*height: calc(44px + 32 * ((100vw - 1024px) / (896)))*/} } .hero__promo {margin-bottom: 48px} .hero__promo svg {height: 30px} .hero__buttons {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .hero__big-btn {padding: 16px 34px;margin-right: 32px;font-size: 14px;line-height: 16px;background-color: #ffe600;color: #333} .mainp {background-color: #ffffff !important;} .hero__small-btn {width: 49px;height: 49px;margin-left: 10px;color: #ffe600} .hero__small-btn .play-button__svg {width: 11px;height: 14px;margin-left: 4px} .hero__mobile-buttons {display: none;margin-top: 30px} .hero__mobile-btn {width: 100%} .hero__mobile-link { /*margin-top: 16px;*/color: #f4f2f2} .hero__mobile-btn.button, .hero__mobile-link.button {font-size: 13px;padding: 10px 12px !important;width: 40%;margin: 0px 5px;} .hero__mobile-btn.button {padding: 9px 11px !important;border: 1px solid #fade45;} @media only screen and (max-width: 1649px) { .hero__left-section {margin-left: 20px} } @media only screen and (max-width: 1439px) { .hero__video-bg {height: 578px} .hero__left-section {margin-top: 220px;margin-left: 34px} } @media only screen and (max-width: 1439px)and (min-width: 1280px) { .hero__slider {margin-left: -20px} } @media only screen and (max-width: 1439px)and (min-width: 1280px)and (max-width: 1439px) { .hero__slider {margin-left: calc(-50px + 30 * ((100vw - 1280px) / (160)))} } @media only screen and (max-width: 1439px) { .hero .slider__item {width: 550px;height: 490px} } @media only screen and (max-width: 1439px) { .hero__title {margin-bottom: 20px} } @media only screen and (max-width: 1439px) { .hero__promo {margin-bottom: 34px} } @media only screen and (max-width: 1279px) { .hero__video-bg {height: 486px} .hero__left-section {margin-top: 178px} } @media only screen and (max-width: 1279px)and (min-width: 1024px) { .hero__slider {margin-left: 10px} } @media only screen and (max-width: 1279px)and (min-width: 1024px)and (max-width: 1279px) { .hero__slider {margin-left: calc(-60px + 70 * ((100vw - 1024px) / (256)))} } @media only screen and (max-width: 1279px) { .hero .slider__item {width: 446px;height: 398px} } @media only screen and (max-width: 1279px) { .hero .slider-arrow._left {left: 62px} } @media only screen and (max-width: 1279px) { .hero .slider-arrow._right {right: 14px} } @media only screen and (max-width: 1023px) { .hero__video-bg {top: 0;left: 80px;width: calc(100% - 80px);height: 420px} .hero__container {padding-bottom: 82px} .hero__slider {display: none} .hero__title svg {height: 112px} .hero__left-section {margin-top: 148px;margin-left: 0} .hero__promo {margin-bottom: 32px} .hero__promo svg {height: 26px;width: 196px} .hero__big-btn {padding: 14px 32px;margin-right: 22px;font-size: 16px;line-height: 20px;background-color: #fade45} } @media only screen and (max-width: 833px) { .hero__video-bg {height: 410px} .hero__title svg {height: 100px;} } @media only screen and (max-width: 709px) { .hero__video-bg {height: 400px} .hero__title svg {height: 90px} } @media only screen and (max-width: 567px) { .hero {margin-top: 48px;padding-top: 38px; /*background-color: #1d2227*/} .hero__video-bg {display: none} .hero__container {-ms-flex-direction: column;flex-direction: column;padding-bottom: 26px;padding-top: 26px;top: -32px;background: #1d2227;} .hero__left-section {margin-top: 0;margin-bottom: 34px} .hero__title {margin-bottom: 8px} } @media only screen and (max-width: 567px)and (min-width: 320px) { .hero__title svg {height: 57px} } @media only screen and (max-width: 567px)and (min-width: 320px)and (max-width: 567px) { .hero__title svg {height: calc(67px + 7 * ((100vw - 320px) / (248)));} } @media only screen and (max-width: 567px) { .hero__promo svg {height: 33px;width: auto} } @media only screen and (max-width: 567px) { .hero__wrap {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between} } @media only screen and (max-width: 567px) { .hero__big-btn {display: none} } @media only screen and (max-width: 567px) { .hero__promo {margin-bottom: 0} } @media only screen and (max-width: 567px) { .hero__slider {display: none;margin-left: 0} } @media only screen and (max-width: 567px) { .hero .slider__layout {margin: 0} } @media only screen and (max-width: 567px) { .hero__slider .slider-arrow {position: static} } @media only screen and (max-width: 567px) { .hero .slider__arrows {display: -ms-flexbox;display: flex;-ms-flex-direction: row-reverse;flex-direction: row-reverse;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;margin-top: 16px} } @media only screen and (max-width: 567px) { .hero .slider__item {width: 341px;height: 335px;margin: 0 auto} } @media only screen and (max-width: 567px) { .hero .slider__img {display: block;margin-left: auto;margin-top: 0} } @media only screen and (max-width: 567px) { .hero .slider__item-text {position: relative;display: block} .hero .slider__item-text span {position: absolute;left: 50%;white-space: nowrap;transform: translateX(-50%)} } @media only screen and (max-width: 567px) { .hero__mobile-buttons {display: flex;justify-content: center;align-items: center;margin: 104px -30px 0px -30px} } @media only screen and (max-width: 374px) { .hero .slider__item {width: 280px;height: 284px} } .about {padding-top: 80px;padding-bottom: 59px} @media (min-width: 768px) { .about {padding-top: 59px} } @media (min-width: 768px)and (max-width: 1919px) { .about {padding-top: calc(38px + 20 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .about {padding-bottom: 59px} } @media (min-width: 768px)and (max-width: 1919px) { .about {padding-bottom: calc(22px + 59 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px) { .about {padding-top: 40px;padding-bottom: 24px} } @media only screen and (max-width: 567px) { .about {padding-bottom: 34px} } .advantages-section__title {margin-bottom: 58px} @media (min-width: 768px) { .advantages-section__title {margin-bottom: 58px} } @media (min-width: 768px)and (max-width: 1919px) { .advantages-section__title {margin-bottom: calc(34px + 24 * ((100vw - 768px) / (1152)))} } .advantages-section__article {margin-bottom: 48px;max-width: 926px} .advantages-section__advantages {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center} .advantages-section__advantages-item + .advantages-section__advantages-item {margin-left: -24px} @media (min-width: 768px) { .advantages-section__advantages-item + .advantages-section__advantages-item {margin-left: -24px} } @media (min-width: 768px)and (max-width: 1919px) { .advantages-section__advantages-item + .advantages-section__advantages-item {margin-left: calc(0px + -24 * ((100vw - 768px) / (1152)))} } .advantages-section .advantage__image {width: 300px;height: 325px} @media (min-width: 1024px) { .advantages-section .advantage__image {width: 300px} } @media (min-width: 1024px)and (max-width: 1919px) { .advantages-section .advantage__image {width: calc(150px + 150 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .advantages-section .advantage__image {height: 325px} } @media (min-width: 1024px)and (max-width: 1919px) { .advantages-section .advantage__image {height: calc(160px + 165 * ((100vw - 1024px) / (896)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .advantages-section .advantage__image {width: 176px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .advantages-section .advantage__image {width: calc(130px + 46 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .advantages-section .advantage__image {height: 186px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .advantages-section .advantage__image {height: calc(140px + 46 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 767px) { .advantages-section__title {margin-bottom: 34px} .advantages-section__article {margin-bottom: 44px} .advantages-section .advantage + .advantage {margin-left: 0} .advantages-section .advantage__image {width: 130px;height: 140px} } @media only screen and (max-width: 767px)and (min-width: 670px) { .advantages-section .advantage__image {width: 130px} } @media only screen and (max-width: 767px)and (min-width: 670px)and (max-width: 767px) { .advantages-section .advantage__image {width: calc(110px + 20 * ((100vw - 670px) / (98)))} } @media only screen and (max-width: 767px)and (min-width: 670px) { .advantages-section .advantage__image {height: 140px} } @media only screen and (max-width: 767px)and (min-width: 670px)and (max-width: 767px) { .advantages-section .advantage__image {height: calc(120px + 20 * ((100vw - 670px) / (98)))} } @media only screen and (max-width: 669px) { .advantages-section__advantages {-ms-flex-pack: start;justify-content: flex-start;overflow-x: auto;margin-right: -20px;margin-left: -20px;padding-left: 20px;padding-right: 20px} } @media only screen and (max-width: 567px) { .advantages-section__article {margin-bottom: 50px} } .advantage {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center} .advantage__image {position: relative} .advantage__image:after {content: "";position: absolute;bottom: 0;left: 13%;width: 72.5%;height: 78.1%;z-index: -1;background-color: #e0e0e0;border-radius: 12px} .advantage__image img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover} .advantage__wrap .like-h4 {max-width: 240px;margin-top: 32px;padding: 0 10px;text-align: center;line-height: 130%} @media (min-width: 768px) { .advantage__wrap .like-h4 {margin-top: 32px} } @media (min-width: 768px)and (max-width: 1919px) { .advantage__wrap .like-h4 {margin-top: calc(14px + 18 * ((100vw - 768px) / (1152)))} } .advantage__wrap .like-h4._mobile {display: none} .advantage__text {display: none} @media only screen and (max-width: 767px) { .advantage__wrap .like-h4 {margin-top: 14px} .advantage .advantage__wrap .like-h4 {font-size: 14px} } @media only screen and (max-width: 567px) { .advantage::-moz-scrollbar {display: none} .advantage::-webkit-scrollbar {display: none} .advantage::scrollbar {display: none} .advantage__wrap .like-h4 {width: 100%} } .advantage__title {max-width: 240px;margin-top: 32px;padding: 0 10px;text-align: center;line-height: 130%;} @media (min-width: 768px) { .advantage__title {margin-top: 32px;} } @media (min-width: 768px) and (max-width: 1919px) { .advantage__title {margin-top: calc(14px + 18 * ((100vw - 768px) / (1152)));} } .image-story {padding-top: 116px;background-color: #0d0e0e} @media (min-width: 768px) { .image-story {padding-top: 116px} } @media (min-width: 768px)and (max-width: 1919px) { .image-story {padding-top: calc(31px + 85 * ((100vw - 768px) / (1152)))} } .image-story__top {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 88px} @media (min-width: 1024px) { .image-story__top {margin-bottom: 88px} } @media (min-width: 1024px)and (max-width: 1919px) { .image-story__top {margin-bottom: calc(42px + 46 * ((100vw - 1024px) / (896)))} } .image-story__title {color: #f2f2f2} .image-story__bottom {margin-bottom: -136px} .image-story__gallery {display: -ms-flexbox;display: flex;margin-right: -120px;margin-left: -120px;padding-left: 120px;padding-right: 120px} @media (min-width: 1024px) { .image-story__gallery {padding-left: 120px} } @media (min-width: 1024px)and (max-width: 1919px) { .image-story__gallery {padding-left: calc(40px + 80 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .image-story__gallery {padding-right: 120px} } @media (min-width: 1024px)and (max-width: 1919px) { .image-story__gallery {padding-right: calc(40px + 80 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .image-story__gallery {margin-left: -120px} } @media (min-width: 1024px)and (max-width: 1919px) { .image-story__gallery {margin-left: calc(-40px + -80 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .image-story__gallery {margin-right: -120px} } @media (min-width: 1024px)and (max-width: 1919px) { .image-story__gallery {margin-right: calc(-40px + -80 * ((100vw - 1024px) / (896)))} } .image-story__img {max-width: 452px;max-height: 310px} @media (min-width: 768px) { .image-story__img {width: 452px} } @media (min-width: 768px)and (max-width: 1919px) { .image-story__img {width: calc(310px + 142 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .image-story__img {height: 310px} } @media (min-width: 768px)and (max-width: 1919px) { .image-story__img {height: calc(200px + 110 * ((100vw - 768px) / (1152)))} } .image-story__img {margin-left: 10px;margin-right: 10px;} .image-story__img + .image-story__img {margin-left: 10px;margin-right: 10px;} @media (min-width: 1024px) { .image-story__img + .image-story__img {margin-left: 10px;margin-right: 10px;} } @media (min-width: 1024px)and (max-width: 1919px) { .image-story__img + .image-story__img {margin-left: calc(4px + 12 * ((100vw - 1024px) / (896)));margin-right: calc(4px + 12 * ((100vw - 1024px) / (896)))} } .image-story__img img {-o-object-fit: cover;object-fit: cover;width: 452px;height: 100%} @media (min-width: 768px) { .image-story__img img {width: 452px} } @media (min-width: 768px)and (max-width: 1919px) { .image-story__img img {width: calc(310px + 142 * ((100vw - 768px) / (1152)))} } .image-story__slider-arrows {display: -ms-flexbox;display: flex;-ms-flex-pack: end;justify-content: flex-end;margin-top: 52px} @media (min-width: 768px) { .image-story__slider-arrows {margin-top: 52px} } @media (min-width: 768px)and (max-width: 1919px) { .image-story__slider-arrows {margin-top: calc(42px + 10 * ((100vw - 768px) / (1152)))} } .image-story .slider-arrow._right {margin-left: 18px} @media only screen and (max-width: 1023px)and (min-width: 768px) { .image-story__gallery {padding-left: 50px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .image-story__gallery {padding-left: calc(21px + 29 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .image-story__gallery {padding-right: 50px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .image-story__gallery {padding-right: calc(21px + 29 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .image-story__gallery {margin-left: -50px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .image-story__gallery {margin-left: calc(-21px + -29 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .image-story__gallery {margin-right: -50px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .image-story__gallery {margin-right: calc(-21px + -29 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px) { .image-story__top {margin-bottom: 42px} } @media only screen and (max-width: 1023px) { .image-story__bottom {margin-bottom: -94px} } @media only screen and (max-width: 1023px) { .image-story__btn._secondary._dark {padding: 8px 24px} } @media only screen and (max-width: 1023px) { .image-story__slider-arrows {margin-top: 42px} } @media only screen and (max-width: 1023px) { .image-story__img {max-width: 310px;max-height: 200px} .image-story__img img {width: 310px} } @media only screen and (max-width: 1023px) { .image-story + .image-story__img {margin-left: 8px} } @media only screen and (max-width: 767px) { .image-story {padding-top: 30px} .image-story__gallery {margin-left: -20px;margin-right: -20px;padding-left: 20px;padding-right: 20px} } @media only screen and (max-width: 567px) { .image-story {padding-top: 48px;height: 238px;} .image-story__top {margin-bottom: 50px} .image-story__bottom {margin-bottom: -40px} .image-story__btn._secondary._dark {box-shadow: none;padding: 8px 0;color: #bdbdbd} .image-story__slider-arrows {display: none} } .our-products {padding-top: 234px;padding-bottom: 130px;background-color: #f4f2f2} .our-products__top {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;margin-bottom: 66px} .our-products__link {color: #23231f} html._desktop .our-products__link:hover {color: #23231f} .our-products__categories {display: grid;justify-items: center;grid-gap: 32px 20px;grid-template-columns:repeat(auto-fill, minmax(336px, 1fr))} @media only screen and (max-width: 1279px) { .our-products__categories {grid-template-columns:repeat(auto-fill, minmax(319px, 1fr))} } @media only screen and (max-width: 1023px) { .our-products {padding-top: 138px;padding-bottom: 98px} .our-products__categories {grid-gap: 12px 8px} .our-products__link.button {box-shadow: none;padding: 12px 0} .our-products__top {margin-bottom: 42px} } @media only screen and (max-width: 767px) { .our-products__categories {grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))} .our-products .category-card {margin: 0 auto} } @media only screen and (max-width: 567px) { .our-products {padding-top: 132px} .our-products__categories {grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));grid-gap: 20px 10px} .our-products__link {margin-left: 12px;white-space: nowrap;color: #828282} .our-products__top {margin-bottom: 60px} .our-products .category-card {max-height: 210px} } .main-calculator {padding: 314px 0;background-color: #1d2227} @media (min-width: 1024px) { .main-calculator {padding-top: 314px} } @media (min-width: 1024px)and (max-width: 1919px) { .main-calculator {padding-top: calc(118px + 196 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .main-calculator {padding-bottom: 314px} } @media (min-width: 1024px)and (max-width: 1919px) { .main-calculator {padding-bottom: calc(128px + 186 * ((100vw - 1024px) / (896)))} } @media only screen and (max-width: 1023px) { .main-calculator {padding-top: 118px;padding-bottom: 128px} } @media only screen and (max-width: 567px) { .main-calculator {padding-top: 136px;padding-bottom: 176px} } .offer {padding-top: 236px;padding-bottom: 186px} @media (min-width: 1024px) { .offer {padding-top: 236px} } @media (min-width: 1024px)and (max-width: 1919px) { .offer {padding-top: calc(160px + 76 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .offer {padding-bottom: 186px} } @media (min-width: 1024px)and (max-width: 1919px) { .offer {padding-bottom: calc(60px + 126 * ((100vw - 1024px) / (896)))} } .offer__title {margin-bottom: 50px} .offer__text {position: relative;max-width: 928px} .offer__text p + p {margin-top: 20px} .offer__text._opened .offer__text-items::after {display: none} .offer__text-items {position: relative;overflow: hidden} .offer__text-items h2 {padding: 20px 0px 15px 0px;} @media only screen and (max-width: 1023px) { .offer__text-items {height: 180px} .offer__text-items::after {position: absolute;content: "";bottom: 0;left: 0;width: 100%;height: 150px;background: linear-gradient(0deg, #fff 15%, rgba(255, 255, 255, 0) 100%)} } @media only screen and (max-width: 567px) { .offer__text-items {height: 100px} } .offer__btn.button {margin: 16px auto 0;box-shadow: none;position: relative;z-index: 2} @media only screen and (min-width: 1024px) { .offer__btn.button {display: none} } .offer__btn._hide.button {display: none;margin-top: 12px} @media only screen and (max-width: 1023px) { .offer {padding-top: 160px;padding-bottom: 52px} .offer__title {margin-bottom: 76px} } @media only screen and (max-width: 567px) { .offer {padding-bottom: 120px} .offer__title {margin-bottom: 22px} .offer__text-items {height: 210px} } .ready-products {background: #0d0e0e} .ready-products__container {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between} .ready-products__info {margin-top: 280px;margin-bottom: 236px;max-width: 336px;margin-right: 20px;color: #eee9e9} @media (min-width: 1024px) { .ready-products__info {margin-top: 280px} } @media (min-width: 1024px)and (max-width: 1919px) { .ready-products__info {margin-top: calc(62px + 218 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .ready-products__info {margin-bottom: 236px} } @media (min-width: 1024px)and (max-width: 1919px) { .ready-products__info {margin-bottom: calc(88px + 148 * ((100vw - 1024px) / (896)))} } .ready-products__title {margin-bottom: 40px} .ready-products__categories {margin-bottom: 36px} .ready-products__category-link + .ready-products__category-link {margin-left: 16px} .ready-products__text {margin-bottom: 60px} @media (min-width: 1024px) { .ready-products__text {font-size: 18px} } @media (min-width: 1024px)and (max-width: 1919px) { .ready-products__text {font-size: calc(14px + 4 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .ready-products__text {margin-bottom: 60px} } @media (min-width: 1024px)and (max-width: 1919px) { .ready-products__text {margin-bottom: calc(40px + 20 * ((100vw - 1024px) / (896)))} } .ready-products__text p + p {margin-top: 20px} @media (min-width: 1024px) { .ready-products .ready-products__btn.button {font-size: 20px} } @media (min-width: 1024px)and (max-width: 1919px) { .ready-products .ready-products__btn.button {font-size: calc(14px + 6 * ((100vw - 1024px) / (896)))} } .ready-products__images {display: -ms-flexbox;display: flex;margin-top: -66px;margin-bottom: -158px} @media (min-width: 1024px) { .ready-products__images {margin-top: -66px} } @media (min-width: 1024px)and (max-width: 1919px) { .ready-products__images {margin-top: calc(-12px + -54 * ((100vw - 1024px) / (896)))} } .ready-products__img {width: 454px;border-radius: 8px} @media (min-width: 768px) { .ready-products__img {width: 454px} } @media (min-width: 768px)and (max-width: 1919px) { .ready-products__img {width: calc(100px + 354 * ((100vw - 768px) / (1152)))} } @media (min-width: 568px) { .ready-products__img {border-radius: 8px} } @media (min-width: 568px)and (max-width: 1919px) { .ready-products__img {border-radius: calc(3px + 5 * ((100vw - 568px) / (1352)))} } .ready-products__img + .ready-products__img {margin-top: 30px} @media (min-width: 1024px) { .ready-products__img + .ready-products__img {margin-top: 30px} } @media (min-width: 1024px)and (max-width: 1919px) { .ready-products__img + .ready-products__img {margin-top: calc(9px + 21 * ((100vw - 1024px) / (896)))} } .ready-products__wrap-column {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column} .ready-products__wrap-column + .ready-products__wrap-column {margin-left: 20px} @media (min-width: 1024px) { .ready-products__wrap-column + .ready-products__wrap-column {margin-left: 16px} } @media (min-width: 1024px)and (max-width: 1919px) { .ready-products__wrap-column + .ready-products__wrap-column {margin-left: calc(8px + 8 * ((100vw - 1024px) / (896)))} } @media only screen and (max-width: 1439px) { .ready-products .ready-products__btn.button {padding: 14px 28px;line-height: 20px} } @media only screen and (max-width: 1023px) { .ready-products__info {margin-top: 62px;margin-bottom: 88px} .ready-products__title {margin-bottom: 28px} .ready-products__text {margin-bottom: 40px;font-size: 14px;line-height: 18px} .ready-products__text p + p {margin-top: 10px} .ready-products .ready-products__btn.button {padding: 12px 24px;font-size: 14px;line-height: 16px} .ready-products__images {margin-top: -12px} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .ready-products__img {width: 210px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .ready-products__img {width: calc(160px + 50 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px) { .ready-products__img + .ready-products__img {margin-top: 9px} } @media only screen and (max-width: 1023px) { .ready-products__wrap-column + .ready-products__wrap-column {margin-left: 8px} } @media only screen and (max-width: 767px) { .ready-products__container {-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center} .ready-products__info {margin-right: 0;margin-bottom: 38px} .ready-products__title {font-size: 24px} .ready-products__text {margin-bottom: 54px} .ready-products .ready-products__btn.button {width: 100%;padding: 20px 34px;font-size: 16px;line-height: 20px} .ready-products__images {margin-top: 0;margin-bottom: -80px} } @media only screen and (max-width: 767px)and (min-width: 568px) { .ready-products__img {width: 210px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .ready-products__img {width: calc(164px + 46 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 567px) { .ready-products__categories {margin-bottom: 32px} .ready-products__info {margin-top: 50px} .ready-products__title {margin-bottom: 46px} } @media only screen and (max-width: 567px)and (min-width: 320px) { .ready-products__img {width: 164px} } @media only screen and (max-width: 567px)and (min-width: 320px)and (max-width: 567px) { .ready-products__img {width: calc(154px + 10 * ((100vw - 320px) / (248)))} } @media only screen and (max-width: 319px) { .ready-products__img {width: 154px} } .news__top-section {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 80px} @media (min-width: 768px) { .news__top-section {margin-bottom: 80px} } @media (min-width: 768px)and (max-width: 1919px) { .news__top-section {margin-bottom: calc(34px + 46 * ((100vw - 768px) / (1152)))} } .news__title {margin-right: 14px} .news__link {color: #23231f} .news__bottom-section {display: grid;grid-template-columns:repeat(3, minmax(300px, 1fr));grid-gap: 20px} @media only screen and (max-width: 1439px) { .news__bottom-section {grid-template-columns:repeat(2, minmax(300px, 1fr))} } @media only screen and (max-width: 1439px)and (min-width: 768px) { .news__bottom-section {grid-gap: 20px} } @media only screen and (max-width: 1439px)and (min-width: 768px)and (max-width: 1439px) { .news__bottom-section {grid-gap: calc(9px + 11 * ((100vw - 768px) / (672)))} } @media only screen and (max-width: 1439px) { .news__news-item._third {display: none} } @media only screen and (max-width: 767px) { .news__top-section {margin-bottom: 34px} .news__bottom-section {grid-template-columns:repeat(1, minmax(280px, 1fr))} .news__news-item {margin: 0 auto} .news__news-item._second {display: none} } .main__news {padding-top: 314px;padding-bottom: 162px} @media (min-width: 1024px) { .main__news {padding-top: 314px} } @media (min-width: 1024px)and (max-width: 1919px) { .main__news {padding-top: calc(52px + 262 * ((100vw - 1024px) / (896)))} } @media (min-width: 768px) { .main__news {padding-bottom: 162px} } @media (min-width: 768px)and (max-width: 1919px) { .main__news {padding-bottom: calc(36px + 126 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .main__news {padding-top: 154px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .main__news {padding-top: calc(48px + 106 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 767px) { .main__news {padding-bottom: 36px;padding-top: 154px} } .map__container {height: 600px} @media (min-width: 375px) { .map__container {height: 600px} } @media (min-width: 375px)and (max-width: 1919px) { .map__container {height: calc(450px + 150 * ((100vw - 375px) / (1545)))} } @media only screen and (max-width: 374px) { .map__container {height: 450px} } .main-info {margin-top: 184px;margin-bottom: 180px} @media (min-width: 768px) { .main-info {margin-top: 184px} } @media (min-width: 768px)and (max-width: 1919px) { .main-info {margin-top: calc(76px + 108 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .main-info {margin-bottom: 180px} } @media (min-width: 768px)and (max-width: 1919px) { .main-info {margin-bottom: calc(64px + 116 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .main-info {margin-top: 76px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .main-info {margin-top: calc(100px + -24 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .main-info {margin-bottom: 64px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .main-info {margin-bottom: calc(164px + -100 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .main-info {margin-top: 100px;margin-bottom: 164px} } .category-hero .hero__container {padding-bottom: 0} .category-hero .hero__left-section {margin-top: 280px;margin-left: 0;margin-right: 10px} .category-hero .hero__title {margin-bottom: 50px} .category-hero .hero__image-wrap {margin-right: 24px;margin-left: 0;overflow: hidden;width: 675px;height: 600px} @media (min-width: 1440px) { .category-hero .hero__image-wrap {margin-left: 0} } @media (min-width: 1440px)and (max-width: 1919px) { .category-hero .hero__image-wrap {margin-left: calc(-60px + 60 * ((100vw - 1440px) / (480)))} } @media (min-width: 1440px) { .category-hero .hero__image-wrap {margin-right: 24px} } @media (min-width: 1440px)and (max-width: 1919px) { .category-hero .hero__image-wrap {margin-right: calc(-10px + 34 * ((100vw - 1440px) / (480)))} } .category-hero .hero__image {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center;margin-top: 48px} @media only screen and (max-width: 1649px) { .category-hero .hero__video-bg {height: 578px} .category-hero .hero__left-section {margin-top: 200px} .category-hero .hero__image-wrap {width: 550px;height: 490px} } @media only screen and (max-width: 1439px) { .category-hero .hero__left-section {margin-top: 180px} .category-hero .hero__image-wrap {margin-right: -10px} } @media only screen and (max-width: 1439px)and (min-width: 1024px) { .category-hero .hero__image-wrap {margin-left: -60px} } @media only screen and (max-width: 1439px)and (min-width: 1024px)and (max-width: 1439px) { .category-hero .hero__image-wrap {margin-left: calc(-100px + 40 * ((100vw - 1024px) / (416)))} } @media only screen and (max-width: 1439px) { .category-hero .hero__title {margin-bottom: 36px} } @media only screen and (max-width: 1279px) { .category-hero .hero__video-bg {height: 486px} .category-hero .hero__left-section {margin-top: 110px} .category-hero .hero__image-wrap {width: 446px;height: 398px} } @media only screen and (max-width: 1023px) { .category-hero {margin-top: 48px;padding-top: 60px;padding-bottom: 68px} .category-hero .hero__video-bg {height: 344px} .category-hero .hero__image-wrap {display: none} .category-hero .hero__left-section {margin-top: 0} } @media only screen and (max-width: 567px) { .category-hero {background-color: transparent;margin-top: 48px;padding-top: 92px;padding-bottom: 26px} .category-hero .hero__video-bg {display: block;left: 0;width: 100%;height: 324px} .category-hero .hero__left-section {margin-top: 0;margin-bottom: 0} .category-hero .hero__image-wrap {width: 341px;height: 335px;margin: 0 auto} .category-hero .hero__image {display: block;margin-left: auto;margin-top: 0} .category-hero .hero__title {margin-bottom: 0;white-space: nowrap} .category-hero .hero__small-btn {display: none} .category-hero .hero__mobile-link {display: none} } @media only screen and (max-width: 374px) { .category-hero .hero__image-wrap {width: 280px;height: 284px} } .tags {margin-bottom: 10px;margin-top: 10px} @media (min-width: 768px) { .tags { /*margin-top: 76px*/} } @media (min-width: 768px)and (max-width: 1919px) { .tags { /*margin-top: calc(30px + 46 * ((100vw - 768px) / (1152)))*/} } @media (min-width: 768px) { .tags { /*margin-bottom: 76px*/} } @media (min-width: 768px)and (max-width: 1919px) { .tags { /*margin-bottom: calc(44px + 32 * ((100vw - 768px) / (1152)))*/} } .tags__top-section {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;margin-bottom: 30px} @media (min-width: 768px) { .tags__top-section {margin-bottom: 30px} } @media (min-width: 768px)and (max-width: 1919px) { .tags__top-section {margin-bottom: calc(20px + 10 * ((100vw - 768px) / (1152)))} } .tags__slider-arrows {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;color: #000} .tags__slider-arrows .slider-arrow {background-color: transparent} .tags__slider-arrows .slider-arrow:hover {background: #f8da34} .tags .tag {width: 168px} @media (min-width: 768px) { .tags .tag {width: 168px} } @media (min-width: 768px)and (max-width: 1919px) { .tags .tag {width: calc(96px + 72 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px) { .tags .tag {width: 96px} } @media only screen and (max-width: 767px)and (min-width: 375px) { .tags {margin-top: 40px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .tags {margin-top: calc(38px + 2 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .tags {margin-bottom: 54px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .tags {margin-bottom: calc(38px + 16 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px) { .tags__top-section {margin-bottom: 20px} } @media only screen and (max-width: 374px) { .tags {margin-top: 38px;margin-bottom: 38px} } .category-filter {background-color: #fff;margin-bottom: 0px} @media (min-width: 768px) { .category-filter { /*margin-bottom: 104px*/} } @media (min-width: 768px)and (max-width: 1919px) { .category-filter { /*margin-bottom: calc(60px + 44 * ((100vw - 768px) / (1152)))*/} } @media only screen and (max-width: 767px)and (min-width: 375px) { .category-filter { /*margin-bottom: 60px*/} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .category-filter { /*margin-bottom: calc(44px + 16 * ((100vw - 375px) / (393)))*/} } @media only screen and (max-width: 374px) { .category-filter { /*margin-bottom: 44px*/} } .catalog {margin-bottom: 90px} .catalog__cards {display: grid;grid-gap: 40px 20px;grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));-ms-flex-pack: distribute;justify-content: space-around;margin-bottom: 60px} @media (min-width: 768px) { .catalog__cards {margin-bottom: 60px} } @media (min-width: 768px)and (max-width: 1919px) { .catalog__cards {margin-bottom: calc(40px + 20 * ((100vw - 768px) / (1152)))} } .catalog__bottom {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding-bottom: 30px;} .catalog__amount {color: #333538} .catalog .product-card {margin: 0 auto} .catalog__show-btn {display: none;border: none;margin-left: auto;padding: 0;width: auto;overflow: visible;background: 0 0;cursor: pointer;outline: 0;color: #23231f} @media only screen and (max-width: 1279px) { .catalog__cards {grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))} } @media only screen and (max-width: 1023px) { .catalog__cards {grid-gap: 12px 8px} } @media only screen and (max-width: 767px) { .catalog__cards {grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))} .catalog__cards {margin-bottom: 40px} } @media only screen and (max-width: 567px)and (min-width: 375px) { .catalog {margin-bottom: 90px} } @media only screen and (max-width: 567px)and (min-width: 375px)and (max-width: 567px) { .catalog {margin-bottom: calc(40px + 50 * ((100vw - 375px) / (193)))} } @media only screen and (max-width: 567px) { .catalog__cards {grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));grid-gap: 20px 10px} } @media only screen and (max-width: 567px) { .catalog__bottom { /*display: none*/} } @media only screen and (max-width: 567px) { .catalog__show-btn {display: block} } @media only screen and (max-width: 374px) { .catalog {margin-bottom: 40px} } .text-section._calculate {margin-bottom: 80px} @media (min-width: 768px) { .text-section._calculate {margin-bottom: 80px} } @media (min-width: 768px)and (max-width: 1919px) { .text-section._calculate {margin-bottom: calc(126px + -46 * ((100vw - 768px) / (1152)))} } .text-section._price {margin-bottom: 154px} @media (min-width: 768px) { .text-section._price {margin-bottom: 154px} } @media (min-width: 768px)and (max-width: 1919px) { .text-section._price {margin-bottom: calc(122px + 32 * ((100vw - 768px) / (1152)))} } .text-section__title { /*max-width: 930px;*/margin-bottom: 40px} .text-section__title._tablet {display: none;margin-top: 46px} .text-section__text { /*max-width: 930px;*/color: #333538} .text-section__text p + p {margin-top: 20px} @media only screen and (max-width: 1023px) { .text-section__text p + p {margin-top: 16px} .text-section__title._tablet {display: block} } @media only screen and (max-width: 767px)and (min-width: 375px) { .text-section._calculate {margin-bottom: 126px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .text-section._calculate {margin-bottom: calc(50px + 76 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px) { .text-section._price {margin-bottom: 128px} } @media only screen and (max-width: 767px) { .text-section._calculate .text-section__text {font-size: 14px;line-height: 130%} .text-section._calculate .text-section__text p + p {margin-top: 8px} } @media only screen and (max-width: 567px) { .text-section__text { /*display: none*/} .text-section__title._tablet { /*display: none*/} .text-section._price {display: none} } @media only screen and (max-width: 374px) { .text-section._calculate {margin-bottom: 50px} } .category-calculator {padding: 278px 0;background-color: #0d0e0e} @media (min-width: 768px) { .category-calculator {padding-top: 278px} } @media (min-width: 768px)and (max-width: 1919px) { .category-calculator {padding-top: calc(212px + 66 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .category-calculator {padding-bottom: 278px} } @media (min-width: 768px)and (max-width: 1919px) { .category-calculator {padding-bottom: calc(190px + 88 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .category-calculator {padding-top: 212px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .category-calculator {padding-top: calc(110px + 102 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .category-calculator {padding-bottom: 190px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .category-calculator {padding-bottom: calc(130px + 60 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .category-calculator {padding-top: 110px;padding-bottom: 130px} } .category-advantages {margin-top: 246px;margin-bottom: 142px} @media (min-width: 375px) { .category-advantages {margin-top: 246px} } @media (min-width: 375px)and (max-width: 1919px) { .category-advantages {margin-top: calc(108px + 138 * ((100vw - 375px) / (1545)))} } @media (min-width: 375px) { .category-advantages {margin-bottom: 142px} } @media (min-width: 375px)and (max-width: 1919px) { .category-advantages {margin-bottom: calc(42px + 100 * ((100vw - 375px) / (1545)))} } .category-advantages__title {margin-bottom: 63px} .category-advantages__gallery {display: -ms-flexbox;display: flex;-ms-flex-pack: start;justify-content: start;-ms-flex-direction: column;flex-direction: column;overflow-x: auto} .category-advantages__gallery::-moz-scrollbar {display: none} .category-advantages__gallery::-webkit-scrollbar {display: none} .category-advantages__gallery::scrollbar {display: none} .category-advantages__item {position: relative} .category-advantages__top-row {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;margin-right: 134px} @media (min-width: 1024px) { .category-advantages__top-row {margin-right: 134px} } @media (min-width: 1024px)and (max-width: 1919px) { .category-advantages__top-row {margin-right: calc(10px + 124 * ((100vw - 1024px) / (896)))} } .category-advantages__top-row .advantage__image {width: 320px;height: auto} @media (min-width: 1024px) { .category-advantages__top-row .advantage__image {width: 320px} } @media (min-width: 1024px)and (max-width: 1919px) { .category-advantages__top-row .advantage__image {width: calc(214px + 106 * ((100vw - 1024px) / (896)))} } .category-advantages__top-row .advantage__image:after {left: 11%;width: 77%} .category-advantages__top-row .advantage__wrap {left: 220px;margin-right: -150px} @media (min-width: 1280px) { .category-advantages__top-row .advantage__wrap {margin-right: -150px} } @media (min-width: 1280px)and (max-width: 1919px) { .category-advantages__top-row .advantage__wrap {margin-right: calc(-70px + -80 * ((100vw - 1280px) / (640)))} } @media (min-width: 1280px) { .category-advantages__top-row .advantage__wrap {left: 220px} } @media (min-width: 1280px)and (max-width: 1919px) { .category-advantages__top-row .advantage__wrap {left: calc(170px + 50 * ((100vw - 1280px) / (640)))} } .category-advantages__bottom-row {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;margin-top: 64px;margin-right: 134px} @media (min-width: 1024px) { .category-advantages__bottom-row {margin-right: 134px} } @media (min-width: 1024px)and (max-width: 1919px) { .category-advantages__bottom-row {margin-right: calc(10px + 124 * ((100vw - 1024px) / (896)))} } .category-advantages__bottom-row .category-advantages__item + .category-advantages__item {margin-left: 100px} @media (min-width: 1024px) { .category-advantages__bottom-row .category-advantages__item + .category-advantages__item {margin-left: 100px} } @media (min-width: 1024px)and (max-width: 1919px) { .category-advantages__bottom-row .category-advantages__item + .category-advantages__item {margin-left: calc(30px + 70 * ((100vw - 1024px) / (896)))} } .category-advantages__bottom-row .advantage__image {width: 396px;height: auto} @media (min-width: 1024px) { .category-advantages__bottom-row .advantage__image {width: 396px} } @media (min-width: 1024px)and (max-width: 1919px) { .category-advantages__bottom-row .advantage__image {width: calc(264px + 132 * ((100vw - 1024px) / (896)))} } .category-advantages__bottom-row .advantage__image:after {left: 14%;width: 72%} .category-advantages__bottom-row .advantage__wrap {left: 300px;margin-right: -140px} @media (min-width: 1280px) { .category-advantages__bottom-row .advantage__wrap {margin-right: -140px} } @media (min-width: 1280px)and (max-width: 1919px) { .category-advantages__bottom-row .advantage__wrap {margin-right: calc(-80px + -60 * ((100vw - 1280px) / (640)))} } @media (min-width: 1280px) { .category-advantages__bottom-row .advantage__wrap {left: 300px} } @media (min-width: 1280px)and (max-width: 1919px) { .category-advantages__bottom-row .advantage__wrap {left: calc(230px + 70 * ((100vw - 1280px) / (640)))} } .category-advantages .advantage__wrap {position: absolute;bottom: 24px} .category-advantages .advantage__wrap .like-h4 {text-align: start;padding: 0} .category-advantages .advantage__text {display: block;margin-top: 16px;color: #555} @media only screen and (max-width: 1279px) { .category-advantages__bottom-row {margin-top: 26px} .category-advantages__bottom-row .advantage__wrap, .category-advantages__top-row .advantage__wrap {position: static;margin-right: 0;margin-left: 0} .category-advantages .advantage__wrap .like-h4 {text-align: center} .category-advantages .advantage__text {display: none} } @media only screen and (max-width: 1023px) { .category-advantages__gallery {-ms-flex-direction: row;flex-direction: row} .category-advantages__title {display: none} .category-advantages__bottom-row, .category-advantages__top-row {margin: 0} .category-advantages__item.advantage + .category-advantages__item {margin: 0} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .category-advantages .advantage__image {width: 176px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .category-advantages .advantage__image {width: calc(130px + 46 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .category-advantages .advantage__image {height: 186px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .category-advantages .advantage__image {height: calc(140px + 46 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 767px) { .category-advantages__gallery {overflow-x: auto} .category-advantages .advantage__image {width: 130px;height: 140px} } @media only screen and (max-width: 374px) { .category-advantages {margin-top: 108px;margin-bottom: 42px} } .video {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;height: 687px;margin-left: 48px;background: url(/bitrix/templates/new_gala/assets/css/../images/blocks/category/video.jpg) no-repeat center;background-size: cover} @media (min-width: 768px) { .video {height: 686px} } @media (min-width: 768px)and (max-width: 1919px) { .video {height: calc(402px + 284 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 1023px) { .video {margin-left: 0} } @media only screen and (max-width: 767px)and (min-width: 375px) { .video {height: 402px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .video {height: calc(546px + -144 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 480px)and (min-width: 320px) { .video {height: calc(257px + 0 * ((100vw - 320px) / (320)))} /*.play-button {border: 0px solid #000000;background: url('/bitrix/templates/new_gala/assets/images/youtube.png') no-repeat center center /contain;width: 85px;opacity: 0.95;} .play-button:hover{border: 0px solid #000000;background: url('/bitrix/templates/new_gala/assets/images/youtube.png') no-repeat center center /contain;opacity: 0.7;} .play-button svg{display:none;} */ } @media only screen and (max-width: 374px) { .video {height: 546px} } .category-video {margin-bottom: 90px} @media (min-width: 768px) { .category-video {margin-bottom: 90px} } @media (min-width: 768px)and (max-width: 1919px) { .category-video {margin-bottom: calc(60px + 30 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .category-video {margin-bottom: 60px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .category-video {margin-bottom: calc(128px + -68 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .category-video {margin-bottom: 128px} } .call-to-action {margin-bottom: 120px;color: #eee9e9;background-color: #1f1f1f;} @media (min-width: 768px) { .call-to-action {margin-bottom: 120px} } @media (min-width: 768px)and (max-width: 1919px) { .call-to-action {margin-bottom: calc(64px + 56 * ((100vw - 768px) / (1152)))} } .call-to-action__container {position: relative;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding-top: 192px;padding-bottom: 190px} @media (min-width: 768px) { .call-to-action__container {padding-top: 192px} } @media (min-width: 768px)and (max-width: 1919px) { .call-to-action__container {padding-top: calc(64px + 128 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .call-to-action__container {padding-bottom: 190px} } @media (min-width: 768px)and (max-width: 1919px) { .call-to-action__container {padding-bottom: calc(40px + 150 * ((100vw - 768px) / (1152)))} } .call-to-action__left-section {max-width: 674px;z-index: 1} .call-to-action__right-section {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: end;align-items: flex-end;z-index: 1;margin-top: 116px;margin-left: 86px} @media (min-width: 1024px) { .call-to-action__right-section {margin-left: 86px} } @media (min-width: 1024px)and (max-width: 1919px) { .call-to-action__right-section {margin-left: calc(24px + 62 * ((100vw - 1024px) / (896)))} } .call-to-action__left-section .like-h2 {margin-bottom: 42px} @media (min-width: 1024px) { .call-to-action__left-section .like-h2 {font-size: 48px} } @media (min-width: 1024px)and (max-width: 1919px) { .call-to-action__left-section .like-h2 {font-size: calc(26px + 22 * ((100vw - 1024px) / (896)))} } .call-to-action__text {margin-bottom: 60px} @media (min-width: 768px) { .call-to-action__text {font-size: 18px} } @media (min-width: 768px)and (max-width: 1919px) { .call-to-action__text {font-size: calc(12px + 6 * ((100vw - 768px) / (1152)))} } .call-to-action__text p + p {margin-top: 20px} .call-to-action__position {margin-bottom: 12px;font-size: 14px} .call-to-action__image {position: absolute;bottom: 0;right: 178px;width: 610px;height: 816px;overflow: hidden} @media (min-width: 1440px) { .call-to-action__image {right: 178px} } @media (min-width: 1440px)and (max-width: 1919px) { .call-to-action__image {right: calc(14px + 164 * ((100vw - 1440px) / (480)))} } @media (min-width: 1024px) { .call-to-action__image {width: 610px} } @media (min-width: 1024px)and (max-width: 1919px) { .call-to-action__image {width: calc(428px + 182 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .call-to-action__image {height: 816px} } @media (min-width: 1024px)and (max-width: 1919px) { .call-to-action__image {height: calc(562px + 254 * ((100vw - 1024px) / (896)))} } .call-to-action__image img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover} @media only screen and (max-width: 1439px) { .call-to-action__left-section {max-width: 540px} } @media only screen and (max-width: 1439px)and (min-width: 768px) { .call-to-action__left-section {max-width: 540px} } @media only screen and (max-width: 1439px)and (min-width: 768px)and (max-width: 1439px) { .call-to-action__left-section {max-width: calc(320px + 220 * ((100vw - 768px) / (672)))} } @media only screen and (max-width: 1439px) { .call-to-action__image {right: 14px} } @media only screen and (max-width: 1023px) { .call-to-action__left-section .like-h2 {font-size: 24px;line-height: 120%;margin-bottom: 28px} .call-to-action__text {font-size: 12px;line-height: 130%;margin-bottom: 30px} .call-to-action__text p + p {margin-top: 10px} .call-to-action__right-section {margin-top: 56px} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .call-to-action__right-section {margin-left: 120px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .call-to-action__right-section {margin-left: calc(44px + 76 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px) { .call-to-action__name {font-size: 24px} } @media only screen and (max-width: 1023px) { .call-to-action__btn.button {font-size: 16px} } @media only screen and (max-width: 1023px) { .call-to-action__image {width: 388px;height: 472px} } @media only screen and (max-width: 767px)and (min-width: 375px) { .call-to-action {margin-bottom: 64px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .call-to-action {margin-bottom: calc(72px + -8 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px) { .call-to-action__container {padding-top: 64px;padding-bottom: 40px} } @media only screen and (max-width: 767px) { .call-to-action__left-section {max-width: 284px} } @media only screen and (max-width: 767px) { .call-to-action__right-section {display: none} } @media only screen and (max-width: 767px) { .call-to-action__image {width: 388px;height: 472px;margin-right: -14px} } @media only screen and (max-width: 767px)and (min-width: 375px) { .call-to-action__image {width: 388px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .call-to-action__image {width: calc(200px + 188 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 567px) { .call-to-action__container {padding-top: 86px;padding-bottom: 56px} .call-to-action__left-section .like-h2 {margin-bottom: 34px} .call-to-action__left-section {max-width: 100%} .call-to-action__btn.button {padding: 20px 20px;width: 100%} .call-to-action__text {max-width: 284px;margin-bottom: 54px} .call-to-action__image {display: none;} } @media only screen and (max-width: 374px) { .call-to-action {margin-bottom: 72px} .call-to-action__image {width: 204px;height: 506px} } .another-category__title {margin-bottom: 60px} @media (min-width: 768px) { .another-category__title {margin-bottom: 60px} } @media (min-width: 768px)and (max-width: 1919px) { .another-category__title {margin-bottom: calc(30px + 30 * ((100vw - 768px) / (1152)))} } .another-category__title a {color: #e9d046} .another-category .product-card {margin: 0 auto} @media only screen and (max-width: 1549px) { .another-category .product-card._last {display: none} } @media only screen and (max-width: 767px)and (min-width: 375px) { .another-category {margin-bottom: 74px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .another-category {margin-bottom: calc(62px + 12 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .another-category__title {margin-bottom: 30px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .another-category__title {margin-bottom: calc(26px + 4 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .another-category {margin-bottom: 62px} .another-category__title {margin-bottom: 26px} } .category-another-category {margin-bottom: 142px} @media (min-width: 768px) { .category-another-category {margin-bottom: 142px} } @media (min-width: 768px)and (max-width: 1919px) { .category-another-category {margin-bottom: calc(74px + 68 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .category-another-category {margin-bottom: 74px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .category-another-category {margin-bottom: calc(62px + 12 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .category-another-category {margin-bottom: 62px} } .category-map {margin-bottom: 190px} @media (min-width: 768px) { .category-map {margin-bottom: 190px} } @media (min-width: 768px)and (max-width: 1919px) { .category-map {margin-bottom: calc(86px + 104 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .category-map {margin-bottom: 86px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .category-map {margin-bottom: calc(162px + -76 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .category-map {margin-bottom: 162px} } .category-info {margin-bottom: 90px} @media (min-width: 768px) { .category-info {margin-bottom: 90px} } @media (min-width: 768px)and (max-width: 1919px) { .category-info {margin-bottom: calc(74px + 16 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px) { .category-info {margin-bottom: 74px} } @media only screen and (max-width: 567px) { .category-info {display: none} } .product-details {margin-top: 96px;padding-top: 54px;padding-bottom: 214px;background-color: #fff} .product-details__link-back {display: none;color: #828282} .product-details__link-back svg {transform: rotate(180deg);margin-right: 4px} .product-details__link-back a {color: #828282} .product-details__top {position: relative;display: -ms-flexbox;display: flex;margin-bottom: 58px} .product-details__image-wrap {min-width: 360px; /*width: 750px;*//*height: 520px;*/overflow: hidden} .product-details__image-wrap a {display: block;} @media (min-width: 1440px) { .product-details__image-wrap { /*width: 750px*/} } @media (min-width: 1440px)and (max-width: 1919px) { .product-details__image-wrap { /*width: calc(656px + 94 * ((100vw - 1440px) / (480)))*/} } @media (min-width: 1440px) { .product-details__image-wrap { /*height: 520px*/} } @media (min-width: 1440px)and (max-width: 1919px) { .product-details__image-wrap { /*height: calc(455px + 65 * ((100vw - 1440px) / (480)))*/} } .product-details__image-wrap img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} .product-details__content {margin-left: 38px;max-width: 625px} .product-details__breadcrumbs {margin-bottom: 44px} .product-details__title {margin-bottom: 36px} @media (min-width: 768px) { .product-details__title {font-size: 48px} } @media (min-width: 768px)and (max-width: 1919px) { .product-details__title {font-size: calc(28px + 20 * ((100vw - 768px) / (1152)))} } .product-details__text {margin-bottom: 44px;color: #1d2227;min-width: 623px;} @media (max-width: 1390px) { .product-details__text {margin-bottom: 44px;color: #1d2227;min-width: 550px;font-size: 14px;} } .product-details__option {display: grid;grid-template-columns:120px 174px;grid-gap: 20px 16px;margin-bottom: 60px} .product-details__option-title {color: #828282} .product-details__option-text {color: #333} .product-details__buttons {margin-top: 30px;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: start;} .product-details__btn {color: #4f4f4f} .product-details__btn + .product-details__btn {margin-left: 2.2vw} .product-details__btn._order {padding: 18px 30px;-ms-flex-positive: 1;flex-grow: 1;max-width: 300px;} .product-details__btn._mobile {display: none;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;width: 54px;height: 54px;padding: 18px;border-radius: 200px;-ms-flex-positive: 0;flex-grow: 0} .product-details__btn._mobile .btn-icon {margin-right: 0} .product-details__bottom {display: -ms-flexbox;display: flex} .product-details__gallery {-ms-flex-negative: 0;flex-shrink: 0;padding-top: 18px; /*width: 746px*/width: 100%;} @media (min-width: 1650px) { .product-details__gallery { /*width: 746px*/width: 100%;} } @media (min-width: 1650px)and (max-width: 1919px) { .product-details__gallery { /*width: calc(624px + 122 * ((100vw - 1650px) / (270)))*/width: 100%;} } .product-details__gallery-top {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 42px} .product-details__gallery-title {font-size: 18px} .product-details__gallery-images {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between} .product-details__gallery-image-wrap {width: 136px;height: 120px;border-radius: 8px;border: 1px solid #e0e0e0;overflow: hidden} @media (min-width: 1650px) { .product-details__gallery-image-wrap {width: 136px} } @media (min-width: 1650px)and (max-width: 1919px) { .product-details__gallery-image-wrap {width: calc(112px + 24 * ((100vw - 1650px) / (270)))} } @media (min-width: 1650px) { .product-details__gallery-image-wrap {height: 120px} } @media (min-width: 1650px)and (max-width: 1919px) { .product-details__gallery-image-wrap {height: calc(104px + 16 * ((100vw - 1650px) / (270)))} } .product-details__gallery-image-wrap img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover} .product-details__gallery-image-wrap + .product-details__gallery-image-wrap {margin-left: 16px} .product-details__info {margin-left: 0px;padding-top: 30px;} .product-details__info-item {display: grid;grid-template-columns:38% 61%;grid-gap: 16px;-ms-flex-align: center;align-items: center;padding: 12px 20px} .product-details__info-item:nth-child(2n+1) {background-color: #f9f9f9} .product-details__info-title {color: #828282;line-height: 24px} .product-details__info-text {color: #333;line-height: 24px;font-size: 18px} .product-details__info-message {margin-top: 50px;color: #1d2227} @media only screen and (max-width: 1649px)and (min-width: 1440px) { .product-details__gallery { /*width: calc(600px - 5%);*/width: 100%;} } @media only screen and (max-width: 1649px)and (min-width: 1440px)and (max-width: 1649px) { .product-details__gallery { /*width: calc((496px + 104 * ((100vw - 1440px) / (210))) - 5%)*/width: 100%;} } @media only screen and (max-width: 1649px)and (min-width: 1440px) { .product-details__gallery-image-wrap {width: 136px} } @media only screen and (max-width: 1649px)and (min-width: 1440px)and (max-width: 1649px) { .product-details__gallery-image-wrap {width: calc(112px + 24 * ((100vw - 1440px) / (210)))} } @media only screen and (max-width: 1649px)and (min-width: 1440px) { .product-details__gallery-image-wrap {height: 120px} } @media only screen and (max-width: 1649px)and (min-width: 1440px)and (max-width: 1649px) { .product-details__gallery-image-wrap {height: calc(104px + 16 * ((100vw - 1440px) / (210)))} } @media only screen and (max-width: 1439px) { .product-details {margin-top: 48px} } @media only screen and (max-width: 1439px)and (min-width: 768px) { .product-details__image-wrap { /*width: 656px*/} } @media only screen and (max-width: 1439px)and (min-width: 768px)and (max-width: 1439px) { .product-details__image-wrap { /*width: calc(380px + 276 * ((100vw - 768px) / (672)))*/} } @media only screen and (max-width: 1439px)and (min-width: 768px) { .product-details__image-wrap { /*height: 455px*/} } @media only screen and (max-width: 1439px)and (min-width: 768px)and (max-width: 1439px) { .product-details__image-wrap { /*height: calc(240px + 215 * ((100vw - 768px) / (672)))*/} } @media only screen and (max-width: 1439px) { .product-details__bottom {-ms-flex-direction: column-reverse;flex-direction: column-reverse} } @media only screen and (max-width: 1439px) { .product-details__gallery {width: 100%} } @media only screen and (max-width: 1439px) { .product-details__info {padding-top: 0;margin-left: 0;margin-top: 26px;margin-bottom: 22px;border-top: none} } @media only screen and (max-width: 1439px) { .product-details__info-message {max-width: 54%} } @media only screen and (max-width: 1439px)and (min-width: 768px) { .product-details__gallery-image-wrap {width: 154px} } @media only screen and (max-width: 1439px)and (min-width: 768px)and (max-width: 1439px) { .product-details__gallery-image-wrap {width: calc(112px + 42 * ((100vw - 768px) / (672)))} } @media only screen and (max-width: 1439px)and (min-width: 768px) { .product-details__gallery-image-wrap {height: 132px} } @media only screen and (max-width: 1439px)and (min-width: 768px)and (max-width: 1439px) { .product-details__gallery-image-wrap {height: calc(104px + 28 * ((100vw - 768px) / (672)))} } @media only screen and (max-width: 1279px) { .product-details__top {padding-bottom: 56px} .product-details__content {margin-left: 0} .product-details__option {margin-bottom: 56px} .product-details__text {display: none} .product-details__buttons {position: relative;bottom: 0;left: 0;width: 100%} .product-details__btn + .product-details__btn {margin-left: 6vw} .product-details .breadcrumbs__item {font-size: 10px} } @media only screen and (max-width: 1023px) { .product-details {padding-top: 16px} .product-details__top {padding-bottom: 76px} .product-details__content {margin-left: 16px;margin-top: 26px} .product-details__breadcrumbs {display: none} .product-details__link-back {display: block} .product-details__option {grid-template-columns:84px 150px;grid-gap: 12px 10px;font-size: 12px} .product-details__info {margin-bottom: 6px} .product-details__gallery-top {margin-bottom: 24px} .product-details__btn._order {max-width: 250px} } @media (max-width: 767px) and (min-width: 567px) { } @media only screen and (max-width: 566px) { .product-details {font-size: 28px;padding-bottom: 190px} .product-details__top {-ms-flex-direction: column;flex-direction: column;padding-top: 134px;padding-bottom: 0} .product-details__title {position: absolute;top: 65px;left: 0;padding: 0px 20px;} .product-details__image-wrap {min-width: 300px;margin: 83px auto 10px;} } @media only screen and (max-width: 767px)and (min-width: 568px) { .product-details__image-wrap {width: 480px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .product-details__image-wrap {width: calc(334px + 146 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px)and (min-width: 568px) { .product-details__image-wrap {height: 360px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .product-details__image-wrap {height: calc(246px + 114 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px) { .product-details__content {margin-top: 200px} } @media only screen and (max-width: 767px) { .product-details__gallery-image-wrap {width: 112px;height: 104px} } @media only screen and (max-width: 767px) { .product-details__info {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;margin-top: 0} } @media only screen and (max-width: 767px) { .product-details__title {font-size: 28px} } @media only screen and (max-width: 767px) { .product-details__buttons { /*bottom: 176px*/} } @media only screen and (max-width: 767px) { .product-details__info-message {max-width: 100%;margin-top: 20px;margin-bottom: 34px} } @media only screen and (max-width: 767px) { .product-details__option {grid-template-columns:140px 150px;margin-bottom: 0} } @media only screen and (max-width: 567px) { .product-details {margin-top: 53px;padding-top: 24px;padding-bottom: 172px} .product-details__image-wrap {height: 246px;width: 334px} .product-details__gallery {display: none} .product-details__info-item {display: -ms-flexbox;display: flex;margin-left: -20px;margin-right: -20px} .product-details__info-text {font-size: 14px} } @media only screen and (max-width: 399px) { .product-details__btn._mobile {display: -ms-flexbox;display: flex} .product-details__btn._desktop {display: none} } @media only screen and (max-width: 374px) { .product-details__image-wrap {height: 236px;width: 300px} .product-details__option {grid-template-columns:50% 50%} } .counter {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: 20px 8px;background-color: #eee9e9;border-radius: 5px;color: #b7b7b7} .counter button {padding: 0 6px} .counter input {width: 48px;text-align: center;outline: 0;border: none;background-color: #eee9e9;color: #7d7d7d} .product-video {margin-top: -115px;margin-bottom: 90px} .product-video__title {margin-bottom: 70px} @media only screen and (max-width: 767px)and (min-width: 375px) { .product-video .video {height: 402px} } @media only screen and (max-width: 767px)and (min-width: 480px) { .product-video .video {height: calc(632px + -230 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 480px) and (min-width: 320px) { .product-video .video {height: calc(257px + 0 * ((100vw - 320px) / (320)));} } @media only screen and (max-width: 374px) { .product-video .video {height: 257px} } @media only screen and (max-width: 1023px) { .product-video {margin-bottom: 70px} .product-video__title {margin-bottom: 36px} } @media only screen and (max-width: 567px) { .product-video__title {display: none} } .product-advantages {margin-bottom: 190px} @media (min-width: 768px) { .product-advantages {margin-bottom: 190px} } @media (min-width: 768px)and (max-width: 1919px) { .product-advantages {margin-bottom: calc(126px + 64 * ((100vw - 768px) / (1152)))} } .product-advantages .advantages-section__title {margin-bottom: 74px} @media only screen and (max-width: 1023px) { .product-advantages .advantages-section__title {display: none} } @media only screen and (max-width: 767px)and (min-width: 375px) { .product-advantages {margin-bottom: 126px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .product-advantages {margin-bottom: calc(86px + 40 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .product-advantages {margin-bottom: 86px} } .product-another-category {margin-bottom: 334px} @media (min-width: 1024px) { .product-another-category {margin-bottom: 334px} } @media (min-width: 1024px)and (max-width: 1919px) { .product-another-category {margin-bottom: calc(200px + 134 * ((100vw - 1024px) / (896)))} } @media only screen and (max-width: 1023px) { .product-another-category {margin-bottom: 66px} } @media only screen and (max-width: 567px) { .product-another-category {margin-bottom: 36px} } .product-info {display: none;margin-bottom: 202px} @media (min-width: 568px) { .product-info {margin-bottom: 202px} } @media (min-width: 568px)and (max-width: 1023px) { .product-info {margin-bottom: calc(60px + 142 * ((100vw - 568px) / (456)))} } @media only screen and (max-width: 1023px) { .product-info {display: block} } @media only screen and (max-width: 567px) { .product-info {display: none} } .products-page {margin-top: 96px;padding-top: 50px;margin-bottom: 188px} .products-page__title { /*margin-bottom: 29px;*/font-size: 65px;line-height: 110%;color: #212121;text-align: center} @media (max-width: 768px) { .products-page__title {font-size: 65px} } @media (min-width: 768px)and (max-width: 1919px) { .products-page__title {font-size: calc(32px + 32 * ((100vw - 768px) / (1152)))} } @media (max-width: 768px) { .products-page__title {margin-bottom: 20px} } @media (min-width: 768px) and (max-width: 1919px) { .products-page__title {margin-bottom: calc(7px + 0 * ((100vw - 768px) / (1152)))} } .products-page__promo {margin-bottom: 35px; /*margin-right: 34px;*/text-align: center} @media (min-width: 768px) { .products-page__promo { /*margin-right: 34px*/} } @media (min-width: 768px)and (max-width: 1919px) { .products-page__promo { /*margin-right: calc(0px + 34 * ((100vw - 768px) / (1152)))*/} } .products-page__promo svg {width: 335px;height: 47px} @media (min-width: 768px) { .products-page__promo svg {width: 335px} } @media (min-width: 768px)and (max-width: 1919px) { .products-page__promo svg {width: calc(300px + 73 * ((100vw - 768px) / (1152)))} } .products-page__image-wrap {width: 600px;height: auto;max-height: 655px;overflow: hidden} .products-page__image-wrap_tg {background: #ffffff;min-height: 270px;min-width: 260px;max-width: 600px;max-height: 665px;text-align: center;overflow: hidden} .products-page__image-wrap_tg::before {content: "";display: inline-block;height: 100%;vertical-align: middle;} @media (min-width: 1024px) { .products-page__image-wrap /*, .products-page__image-wrap_tg*/{width: 600px} } @media (min-width: 1024px)and (max-width: 1919px) { .products-page__image-wrap, .products-page__image-wrap_tg {width: calc(278px + 322 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .products-page__image-wrap, .products-page__image-wrap_tg {height: 665px} } @media (min-width: 1024px)and (max-width: 1919px) { .products-page__image-wrap, .products-page__image-wrap_tg {height: calc(350px + 315 * ((100vw - 1024px) / (896)))} } .products-page__image-wrap img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 5px} .products-page__image_tg {vertical-align: middle;} .products-page__image_tg img {width: 20%;height: 20%;-o-object-fit: cover;object-fit: cover;border-radius: 5px;} .products-page__item {display: grid;grid-template-columns:43% 43%;grid-gap: 200px} .products-page__item:nth-child(2n) .products-page__item-info {-ms-flex-order: -1;order: -1} .products-page__item + .products-page__item {margin-top: 80px} .products-page__item-info {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center} .products-page__item-title {margin-bottom: 40px;color: #212121} .products-page__item-title2 {margin-bottom: 40px;color: #212121} .products-page__item-text {margin-bottom: 32px;color: #000} .products-page__item-link {color: #23231f;-ms-flex-item-align: end;align-self: flex-end;cursor: pointer} .products-page__link-icon {margin-left: 4px} @media only screen and (max-width: 1919px) { .products-page { /*padding-top: 5vw*/} .products-page__item {grid-gap: 10.4167vw} .products-page__promo { /*margin-bottom: 6.9792vw*/} .products-page__item {grid-gap: 10.4167vw} } @media only screen and (max-width: 1439px) { .products-page {margin-top: 48px} .products-page__item {grid-gap: 6.9444vw} } @media only screen and (max-width: 1023px) { .products-page { /*padding-top: 8.0078vw*/} .products-page__promo { /*margin-bottom: 8.7891vw*/} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .products-page__image-wrap {width: 356px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .products-page__image-wrap {width: calc(270px + 86 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .products-page__image-wrap {height: 388px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .products-page__image-wrap {height: calc(294px + 94 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 568px) { .products-page__item-title {margin-bottom: 40px} .products-page__item-title2 {margin-bottom: 40px} } @media only screen and (max-width: 1023px)and (min-width: 568px)and (max-width: 1023px) { .products-page__item-title {margin-bottom: calc(20px + 20 * ((100vw - 568px) / (456)))} .products-page__item-title2 {margin-bottom: calc(20px + 20 * ((100vw - 568px) / (456)))} } @media only screen and (max-width: 1023px) { .products-page__item-text {font-size: 14px} } @media only screen and (max-width: 767px) { .products-page__title {margin-bottom: 4.1667vw} } @media only screen and (max-width: 767px)and (min-width: 375px) { .products-page__title {font-size: 56px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .products-page__title {font-size: calc(34px + 22 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px) { .products-page__promo {margin-right: 0} .products-page__promo svg {height: auto} } @media only screen and (max-width: 767px)and (min-width: 375px) { .products-page__promo svg {width: 380px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .products-page__promo svg {width: calc(220px + 160 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px) { .products-page__item {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center} .products-page__item:nth-child(2n) .products-page__item-info {-ms-flex-order: 0;order: 0} } @media only screen and (max-width: 767px)and (min-width: 320px) { .products-page__image-wrap {width: 400px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .products-page__image-wrap {width: calc(270px + 130 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 767px)and (min-width: 320px) { .products-page__image-wrap {height: 436px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .products-page__image-wrap {height: calc(294px + 142 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 767px) { .products-page__item-text {max-width: 400px} } @media only screen and (max-width: 567px) { .products-page {margin-top: 54px} .products-page__item-title {margin-bottom: 20px} .products-page__item-title2 {margin-bottom: 20px} } } @media only screen and (max-width: 374px) { .products-page {padding-top: 38px} .products-page__title {font-size: 34px} .products-page__promo {margin-bottom: 40px} .products-page__promo svg {width: 220px} } @media only screen and (max-width: 319px) { .products-page__image-wrap {width: 270px;height: 294px} } .product-page-video {margin-bottom: 16.25vw} .article-breadcrumbs {margin-bottom: 32px;margin-top: 96px;padding-top: 106px} @media only screen and (max-width: 1919px) { .article-breadcrumbs {padding-top: 5.5208vw} } @media only screen and (max-width: 1439px) { .article-breadcrumbs {margin-top: 48px} } @media only screen and (max-width: 1023px) { .article-breadcrumbs {margin-bottom: 42px} } @media only screen and (max-width: 567px) { .article-breadcrumbs {margin-top: 54px} } .article {margin-bottom: 116px} .article__wrap {overflow: auto;scroll-behavior: smooth;padding-right: 474px} @media (min-width: 768px) { .article__wrap {padding-right: 474px} } @media (min-width: 768px)and (max-width: 1919px) { .article__wrap {padding-right: calc(0px + 474 * ((100vw - 768px) / (1152)))} } .article__title {margin-bottom: 40px} .article__text {margin-bottom: 40px;color: #212121} .article__image {max-width: 100%} .article__image._with-margin {margin-bottom: 96px} .article__subtitle {padding-bottom: 40px;padding-top: 100px;margin-right: -15.625vw} .article__contents {margin-top: 40px} .article__contents-title {margin-bottom: 60px} .article__table {width: 100%;margin-top: 62px;line-height: 48px} .article__table th {width: 180px;font-weight: 400;text-align: start;padding: 0 6px} .article__table td {width: 150px;font-weight: 300;text-align: center} @media (min-width: 768px) { .article__table td {width: 150px} } @media (min-width: 768px)and (max-width: 1919px) { .article__table td {width: calc(94px + 56 * ((100vw - 768px) / (1152)))} } .article__table tr {height: 48px} .article__table tr:nth-child(2n) {background-color: #f2f2f2} @media only screen and (max-width: 1919px) { .article {margin-bottom: 6.0417vw} } @media only screen and (max-width: 1439px) { .article__subtitle {margin-right: 0} .article__contents-title {margin-bottom: 50px} } @media only screen and (max-width: 1023px) { .article__title {margin-bottom: 30px} .article__text {margin-bottom: 56px} .article__image._with-margin {margin-bottom: 86px} .article__contents {margin-top: 36px} .article__contents-title {margin-bottom: 38px} .article__subtitle {padding-top: 60px;padding-bottom: 30px} .article__table {margin-top: 14.3229vw;margin-bottom: 20px} } @media only screen and (max-width: 767px) { .article {margin-bottom: 50px} .article__table {font-size: 14px} .article tr {height: 40px} .article th {line-height: 20px} .article td {width: 94px;line-height: 40px} .article__wrap {padding-right: 0} } @media only screen and (max-width: 567px) { .article__text {font-size: 14px;line-height: 18px} } .contents {margin-left: 86px} .contents__item + .contents__item {margin-top: 20px} .contents__link {color: #2f80ed} @media only screen and (max-width: 1919px) { .contents {margin-left: 4.4792vw} } @media only screen and (max-width: 1023px) { .contents {margin-left: 6.8359vw} .contents__link {font-size: 14px} } @media only screen and (max-width: 567px) { .contents__item + .contents__item {margin-top: 10px} } .article__news {margin-bottom: 128px} @media only screen and (max-width: 1919px) { .article__news {margin-bottom: 6.6667vw} } .contacts-breadcrumbs {margin-top: 96px;margin-bottom: 44px;padding-top: 64px} @media only screen and (max-width: 1919px) { .contacts-breadcrumbs {padding-top: 3.3333vw} } @media only screen and (max-width: 1439px) { .contacts-breadcrumbs {margin-top: 48px} } @media only screen and (max-width: 1023px) { .contacts-breadcrumbs {margin-bottom: 28px;padding-top: 20px} } @media only screen and (max-width: 567px) { .contacts-breadcrumbs {margin-top: 54px;margin-bottom: 24px;padding-top: 30px} } .contacts__title {margin-bottom: 88px} @media (min-width: 768px) { .contacts__title {margin-bottom: 88px} } @media (min-width: 768px)and (max-width: 1919px) { .contacts__title {margin-bottom: calc(44px + 44 * ((100vw - 768px) / (1152)))} } .contacts__address {margin-bottom: 66px} .contacts__map {margin-bottom: 80px} @media (min-width: 768px) { .contacts__map {margin-bottom: 80px} } @media (min-width: 768px)and (max-width: 1919px) { .contacts__map {margin-bottom: calc(52px + 28 * ((100vw - 768px) / (1152)))} } .contacts__map._with-margin {margin-top: 80px} @media (min-width: 768px) { .contacts__map._with-margin {margin-top: 80px} } @media (min-width: 768px)and (max-width: 1919px) { .contacts__map._with-margin {margin-top: calc(60px + 20 * ((100vw - 768px) / (1152)))} } .contacts__map-container {height: 600px} @media (min-width: 768px) { .contacts__map-container {height: 600px} } @media (min-width: 768px)and (max-width: 1919px) { .contacts__map-container {height: calc(300px + 300 * ((100vw - 768px) / (1152)))} } .contacts__map-title {margin-bottom: 40px} .contacts__text-wrap {max-width: 930px;margin-bottom: 40px} @media (min-width: 768px) { .contacts__text-wrap + .contacts__text-wrap {margin-top: 0} } @media (min-width: 768px)and (max-width: 1919px) { .contacts__text-wrap + .contacts__text-wrap {margin-top: calc(86px + -86 * ((100vw - 768px) / (1152)))} } .contacts__text-title {margin-bottom: 32px} .contacts__text {color: #000} @media only screen and (max-width: 1023px) { .contacts__address._with-navigator-link {margin-bottom: 132px} .contacts__map {margin-bottom: 52px} .contacts__map-title {margin-bottom: 46px} .contacts__text-title {margin-bottom: 28px} } @media only screen and (max-width: 767px) { .contacts__title {margin-bottom: 44px} .contacts__address {margin-bottom: 56px} .contacts__map {margin-bottom: 42px} .contacts__map._with-margin {margin-top: 60px} .contacts__map-container {height: 300px} .contacts__map-title {margin-bottom: 34px} .contacts__text-title {margin-bottom: 36px} .contacts__text {font-size: 14px;line-height: 130%} } @media only screen and (max-width: 767px)and (min-width: 375px) { .contacts__text-wrap + .contacts__text-wrap {margin-top: 86px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .contacts__text-wrap + .contacts__text-wrap {margin-top: calc(42px + 44 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 567px) { .contacts__address._with-navigator-link {margin-bottom: 42px} .contacts__map._with-margin {margin-top: -6px} } .address {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: flex-start; /*-ms-flex-align: center;*//*align-items: center*/} .address__left-section {max-width: 460px} .address__right-section {margin-left: 252px} @media (min-width: 1024px) { .address__right-section {margin-left: 252px} } @media (min-width: 1024px)and (max-width: 1919px) { .address__right-section {margin-left: calc(20px + 232 * ((100vw - 1024px) / (896)))} } .address__image-wrap {width: 710px;height: 410px;overflow: hidden;margin-bottom: 20px;position: relative;} @media (min-width: 1024px) { .address__image-wrap {width: 710px} } @media (min-width: 1024px)and (max-width: 1919px) { .address__image-wrap {width: calc(340px + 368 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .address__image-wrap {height: 410px} } @media (min-width: 1024px)and (max-width: 1919px) { .address__image-wrap {height: calc(200px + 206 * ((100vw - 1024px) / (896)))} } .address__image-wrap img {width: 100%;height: unset !important;position: relative;z-index: 1;-o-object-fit: 100%;object-fit: 100%;overflow: unset;margin-bottom: 5px;} .address__right-section .arrow {display: none;} .address__right-section {position: relative;} .address__right-section .arrow:hover {background: url("/bitrix/templates/new_gala/assets/css/../images/arrow_cont.svg") center center /cover no-repeat;transition: 0.7s;} @media screen and (min-width: 1024px) { .address__image-wrap img {display: block;width: 100%;height: 100%;position: absolute;z-index: 1;-o-object-fit: 100%;object-fit: 100%;overflow: hidden;-webkit-filter: brightness(100%);filter: brightness(100%);} .address__right-section .arrow {display: block;position: absolute;width: 36px;height: 36px;right: -50px;top: calc((200px + 206 * ((100vw - 1024px) / (896))) / 2 - 18px); /*transform: translateY(-50%);*/background: url("/bitrix/templates/new_gala/assets/css/../images/arrow_cont_act.svg") center center /cover no-repeat;z-index: 15;cursor: pointer;transition: 0.7s;} .address__image-wrap .img1 {left: 0px;top: 0px;z-index: 10;} .address__image-wrap .img2 {left: 0px;top: 0px;z-index: 5;} .address__image-wrap img.noactive {-webkit-filter: brightness(40%);filter: brightness(40%);cursor: pointer;} } @media (min-width: 1929px) { .address__right-section .arrow {display: block;position: absolute;width: 36px;height: 36px;right: -50px;top: 180px; /*transform: translateY(-50%);*/background: url("/bitrix/templates/new_gala/assets/css/../images/arrow_cont_act.svg") center center /cover no-repeat;z-index: 15;cursor: pointer;} } .address__image-caption {color: #000} .address__title {margin-bottom: 48px;margin-right: -1.5625vw} .address__text {color: #000;margin-bottom: 44px} .address__text p + p {margin-top: 16px} .address__info {display: grid;grid-template-columns:68px 60%;grid-gap: 24px 22px} .address__info-title {color: #828282;line-height: 22px} .address__navigator-link {display: -ms-flexbox;display: flex;margin-right: -30px;margin-top: 44px;color: #000;cursor: pointer} @media (min-width: 1024px) { .address__navigator-link {margin-right: -30px} } @media (min-width: 1024px)and (max-width: 1919px) { .address__navigator-link {margin-right: calc(-300px + 270 * ((100vw - 1024px) / (896)))} } .address__navigator-text {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .address__navigator-text._mobile {display: none} .address__navigator-icon {margin-right: 10px} @media only screen and (max-width: 1023px) { .address {position: relative} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .address__right-section {margin-left: 20px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .address__right-section {margin-left: calc(10px + 10 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px) { .address__image-wrap {margin-bottom: 14px;margin-top: 38px} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .address__image-wrap {width: 400px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .address__image-wrap {width: calc(268px + 132 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .address__image-wrap {height: 224px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .address__image-wrap {height: calc(200px + 24 * ((100vw - 768px) / (256)))} .address__image-wrap.tops {height: unset} } @media only screen and (max-width: 1023px) { .address .address__image-caption {font-size: 10px} } @media only screen and (max-width: 1023px) { .address__title {margin-bottom: 30px} } @media only screen and (max-width: 1023px) { .address__text {margin-bottom: 24px} .address__text p + p {margin-top: 6px} } @media only screen and (max-width: 1023px) { .address__info {grid-gap: 18px} } @media only screen and (max-width: 1023px) { .address__info-title {line-height: 19px} } @media only screen and (max-width: 1023px) { .address__navigator-link {position: absolute;top: 100%;left: 0;margin-top: 58px;margin-right: 0} } @media only screen and (max-width: 767px) { .address {display: block} .address__image-wrap {width: 100%;height: auto;min-height: 200px;margin-bottom: 18px} .address__right-section {margin-left: 0} .address__title {margin-bottom: 26px} .address__info {grid-template-columns:68px 80%} .address__info-title {line-height: 17px} .address__navigator-link {font-size: 14px;line-height: 16px} } @media only screen and (max-width: 567px) { .address._with-navigator-link .address__left-section {margin-bottom: 118px} .address__info {grid-gap: 30px 20px} .address__info-title {font-size: 12px} .address__info-text {font-size: 14px;line-height: 120%} .address__navigator-link {width: 100%;-ms-flex-pack: center;justify-content: center;margin-top: 0;top: 304px} .address__navigator-text._mobile {display: -ms-flexbox;display: flex} .address__navigator-text._desktop {display: none} } @media only screen and (max-width: 374px) { .address__info {grid-template-columns:68px 66%} .address__navigator-link {top: 328px} } .staff {margin-bottom: 86px} .staff__title {margin-bottom: 82px} .staff__gallery {display: grid;grid-template-columns:repeat(3, minmax(322px, 1fr));grid-gap: 32px 20px} .staff__gallery-item {position: relative;max-width: 454px;max-height: 360px;padding: 46px 10px 78px;background-color: #fade45;overflow: hidden;border-radius: 8px} .staff__gallery-item.comands {max-height: unset !important;height: 369px; /*409*/} .staff__gallery-item._last {background-color: transparent;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;overflow: visible;text-align: center;flex-flow: column;} .staff__gallery-image-wrap {position: absolute;width: 410px;height: 566px;overflow: hidden} @media (min-width: 1440px) { .staff__gallery-image-wrap {width: 410px} } @media (min-width: 1440px)and (max-width: 1919px) { .staff__gallery-image-wrap {width: calc(350px + 60 * ((100vw - 1440px) / (480)))} } @media (min-width: 1440px) { .staff__gallery-image-wrap {height: 566px} } @media (min-width: 1440px)and (max-width: 1919px) { .staff__gallery-image-wrap {height: calc(480px + 86 * ((100vw - 1440px) / (480)))} } .staff__gallery-image-wrap img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover} .staff__gallery-image-wrap._pryadko {top: -14px;left: -102px} .staff__gallery-image-wrap._boriskin {top: -48px;left: -82px} .staff__gallery-image-wrap._chekmezov {top: 24px;left: -90px} .staff__gallery-image-wrap._chekmezov img {width: 94%;height: 95%} .staff__gallery-image-wrap._sosnin {top: 8px;left: -126px} .staff__gallery-image-wrap._sosnin img {width: 96%;height: 96%} .staff__gallery-image-wrap._kutran {top: -16px;left: -102px} .staff__gallery-image-wrap._mazaeva {top: -60px;left: -140px} .staff__gallery-image-wrap._mazaeva img {width: 108%;height: 108%} .staff__gallery-image-wrap._elberg {top: -18px;left: -104px} .staff__gallery-image-wrap._khokhlova {top: -82px;left: -140px} .staff__gallery-image-wrap._khokhlova img {width: 112%;height: 114%} .staff__gallery-image-wrap._bruj {top: -12px;left: -75px;} .staff__gallery-image-wrap._bruj img {width: 79%;height: 79%} .staff__gallery-image-wrap._nosko {top: -12px;left: -75px;} .staff__gallery-image-wrap._nosko img {width: 79%;height: 79%} .staff__gallery-image-wrap._nosko.company, .staff__gallery-image-wrap._nosko.contact_p {top: -112px;left: -102px;} .staff__gallery-image-wrap._nosko.company img, .staff__gallery-image-wrap._nosko.contact_p img {width: 100%;height: 100%} .staff__gallery-image-wrap._domracheva {top: -12px;left: -75px;} .staff__gallery-image-wrap._domracheva img {width: 79%;height: 79%} .staff__gallery-image-wrap._domracheva.company, .staff__gallery-image-wrap._domracheva.contact_p {top: -80px;left: -70px;} .staff__gallery-image-wrap._domracheva.company img, .staff__gallery-image-wrap._domracheva.contact_p img {width: 100%;height: 100%} .staff__gallery-image-wrap._floryanovich {top: -12px;left: -75px;} .staff__gallery-image-wrap._floryanovich img {width: 79%;height: 79%} .staff__gallery-image-wrap._floryanovich.company, .staff__gallery-image-wrap._floryanovich.contact_p {top: -46px;left: -85px;} .staff__gallery-image-wrap._floryanovich.company img, .staff__gallery-image-wrap._floryanovich.contact_p img {width: 90%;height: 90%} @media only screen and (max-width: 567px) { .staff__gallery-image-wrap._nosko.company img {width: 90%;height: 90%} .staff__gallery-image-wrap._nosko.company {top: -74px;left: -97px;} .staff__gallery-image-wrap._domracheva.company {top: -60px;left: -90px;} .staff__gallery-image-wrap._domracheva.company img {width: 90%;height: 90%} .staff__gallery-image-wrap._floryanovich.company {top: -37px;left: -116px;} .staff__gallery-image-wrap._floryanovich.company img {width: 90%;height: 90%} .staff__gallery-image-wrap._nosko.contact_p img {width: 90%;height: 90%} .staff__gallery-image-wrap._nosko.contact_p {top: -74px;left: -97px;} .staff__gallery-image-wrap._domracheva.contact_p {top: -60px;left: -90px;} .staff__gallery-image-wrap._domracheva.contact_p img {width: 90%;height: 90%} .staff__gallery-image-wrap._floryanovich.contact_p {top: -37px;left: -116px;} .staff__gallery-image-wrap._floryanovich.contact_p img {width: 90%;height: 90%} } .staff__gallery-right-section {position: relative;margin-left: 242px;z-index: 1} .staff__gallery-logo {margin-bottom: 30px} .staff__gallery-name {max-width: 100px;margin-bottom: 12px;color: #212121} .staff__gallery-position {margin-bottom: 8px;color: #4f4f4f} .staff__gallery-phone {margin-bottom: 8px;color: #4f4f4f} .staff__gallery-skype {color: #4f4f4f} .staff__gallery-skype a {font-weight: 700} html._desktop .staff__gallery-skype a:hover {color: #000} .staff__gallery-arrow {position: absolute;top: 230px;right: 182px;margin-bottom: -200px;z-index: 1} @media only screen and (max-width: 1919px) { .staff {margin-bottom: 4.4792vw} .staff__title {margin-bottom: 4.2708vw} .staff__gallery-right-section {margin-left: 12.6042vw} } @media only screen and (max-width: 1439px) { .staff__gallery {grid-template-columns:repeat(2, minmax(322px, 1fr))} .staff__gallery-item._last {display: none} } @media only screen and (max-width: 1439px)and (min-width: 1024px) { .staff__gallery-image-wrap {width: 410px} } @media only screen and (max-width: 1439px)and (min-width: 1024px)and (max-width: 1439px) { .staff__gallery-image-wrap {width: calc(350px + 60 * ((100vw - 1024px) / (416)))} } @media only screen and (max-width: 1439px)and (min-width: 1024px) { .staff__gallery-image-wrap {height: 566px} } @media only screen and (max-width: 1439px)and (min-width: 1024px)and (max-width: 1439px) { .staff__gallery-image-wrap {height: calc(480px + 86 * ((100vw - 1024px) / (416)))} } @media only screen and (max-width: 1439px) { .staff__gallery-right-section {margin-left: 17.6389vw} } @media only screen and (max-width: 1023px) { .staff {margin-bottom: 6.6406vw} .staff__title {margin-bottom: 6.4453vw} .staff__gallery {display: block} .staff__gallery-item {max-width: 100%;width: 100%;height: 360px} .staff__gallery-item + .staff__gallery-item {margin-top: 2.1484vw} .staff .staff__gallery-image-wrap {left: 50px} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .staff .staff__gallery-image-wrap {left: 50px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .staff .staff__gallery-image-wrap {left: calc(-20px + 70 * ((100vw - 768px) / (256)))} .staff .staff__gallery-image-wrap._bruj {left: calc(20px + 70 * ((100vw - 768px) / (256)));} } @media only screen and (max-width: 1023px) { .staff__gallery-right-section {margin-left: 48.8281vw} } @media only screen and (max-width: 1023px) { .staff__gallery-name {max-width: 100%} } @media only screen and (max-width: 767px)and (min-width: 320px) { .staff .staff__gallery-image-wrap {left: -20px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .staff .staff__gallery-image-wrap {left: calc(-126px + 106 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 767px)and (min-width: 320px) { .staff .staff__gallery-image-wrap._chekmezov {left: -20px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .staff .staff__gallery-image-wrap._chekmezov {left: calc(-110px + 90 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 767px) { .staff .staff__gallery-image-wrap._chekmezov img {width: 90%;height: 90%} } @media only screen and (max-width: 767px)and (min-width: 320px) { .staff .staff__gallery-image-wrap._sosnin {left: -20px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .staff .staff__gallery-image-wrap._sosnin {left: calc(-160px + 140 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 767px)and (min-width: 320px) { .staff .staff__gallery-image-wrap._kutran {left: -20px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .staff .staff__gallery-image-wrap._kutran {left: calc(-150px + 130 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 767px)and (min-width: 320px) { .staff .staff__gallery-image-wrap._mazaeva {left: -30px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .staff .staff__gallery-image-wrap._mazaeva {left: calc(-154px + 124 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 767px) { .staff .staff__gallery-image-wrap._mazaeva img {width: 100%;height: 100%} } @media only screen and (max-width: 767px)and (min-width: 320px) { .staff .staff__gallery-image-wrap._elberg {left: -20px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .staff .staff__gallery-image-wrap._elberg {left: calc(-150px + 130 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 767px)and (min-width: 320px) { .staff .staff__gallery-image-wrap._khokhlova {left: -30px} .staff .staff__gallery-image-wrap._bruj {left: 0px} } @media only screen and (max-width: 767px)and (min-width: 320px)and (max-width: 767px) { .staff .staff__gallery-image-wrap._khokhlova {left: calc(-180px + 150 * ((100vw - 320px) / (448)))} .staff .staff__gallery-image-wrap._bruj {left: calc(-120px + 150 * ((100vw - 320px) / (448)))} } @media only screen and (max-width: 567px)and (min-width: 320px) { .staff__gallery-image-wrap {width: 410px} } @media only screen and (max-width: 567px)and (min-width: 320px)and (max-width: 567px) { .staff__gallery-image-wrap {width: calc(370px + 40 * ((100vw - 320px) / (248)))} } @media only screen and (max-width: 567px)and (min-width: 320px) { .staff__gallery-image-wrap {height: 566px} } @media only screen and (max-width: 567px)and (min-width: 320px)and (max-width: 567px) { .staff__gallery-image-wrap {height: calc(500px + 66 * ((100vw - 320px) / (248)))} } .form-request {padding-top: 80px;padding-bottom: 80px;background-color: #f4f2f2} @media (min-width: 568px) { .form-request {padding-bottom: 80px} } @media (min-width: 568px)and (max-width: 1919px) { .form-request {padding-bottom: calc(58px + 22 * ((100vw - 568px) / (1352)))} } .form-request .form {width: 454px} .form-request .form__title {margin-bottom: 60px;font-size: 32px;line-height: 120%;color: #000} @media (min-width: 568px) { .form-request .form__title {margin-bottom: 60px} } @media (min-width: 568px)and (max-width: 1919px) { .form-request .form__title {margin-bottom: calc(74px + -14 * ((100vw - 568px) / (1352)))} } .form-request .form__group {max-width: 500px} .form-request .form__group + .form__group {margin-top: 24px} .form-request .form__group._textarea {margin-top: 46px} @media (min-width: 568px) { .form-request .form__group._textarea {margin-top: 46px} } @media (min-width: 568px)and (max-width: 1919px) { .form-request .form__group._textarea {margin-top: calc(26px + 20 * ((100vw - 568px) / (1352)))} } .form-request .form__btn.button {margin-left: auto;padding: 14px 44px;font-size: 16px;line-height: 20px} @media only screen and (max-width: 567px) { .form-request {display: none} } .team-breadcrumbs {margin-top: 96px;padding-top: 64px;margin-bottom: 44px} @media only screen and (max-width: 1919px) { .team-breadcrumbs {padding-top: 3.3333vw} } @media only screen and (max-width: 1439px) { .team-breadcrumbs {margin-top: 48px} } @media only screen and (max-width: 1023px) { .team-breadcrumbs {padding-top: 40px;margin-bottom: 38px} } @media only screen and (max-width: 567px) { .team-breadcrumbs {margin-top: 54px;padding-top: 30px;margin-bottom: 24px} } .team {margin-bottom: 140px} .team__title {margin-bottom: 40px} .team__text {max-width: 928px;margin-bottom: 80px;font-size: 14px;color: #000} .team__gallery {display: grid;grid-template-columns:repeat(3, minmax(300px, 1fr));grid-gap: 34px 20px} .team__gallery-item {position: relative;display: -ms-flexbox;display: flex;max-width: 454px;max-height: 483px;background-color: transparent;overflow: hidden} .team__gallery-image-wrap {position: relative;-ms-flex-negative: 0;flex-shrink: 0;width: 321px;height: 483px;overflow: hidden} @media (min-width: 1440px) { .team__gallery-image-wrap {width: 321px} } @media (min-width: 1440px)and (max-width: 1919px) { .team__gallery-image-wrap {width: calc(260px + 61 * ((100vw - 1440px) / (480)))} } @media (min-width: 1440px) { .team__gallery-image-wrap {height: 483px} } @media (min-width: 1440px)and (max-width: 1919px) { .team__gallery-image-wrap {height: calc(400px + 83 * ((100vw - 1440px) / (480)))} } .team__gallery-image-wrap:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #eee9e9;border-radius: 8px;z-index: -1} .team__gallery-image-wrap img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover} .team__gallery-right-section {position: relative;z-index: 1;margin-top: 74px;margin-left: -90px;margin-right: 8px} @media (min-width: 1440px) { .team__gallery-right-section {margin-left: -90px} } @media (min-width: 1440px)and (max-width: 1919px) { .team__gallery-right-section {margin-left: calc(-44px + -46 * ((100vw - 1440px) / (480)))} } @media (min-width: 1440px) { .team__gallery-right-section._mitrofanov {margin-left: -90px} } @media (min-width: 1440px)and (max-width: 1919px) { .team__gallery-right-section._mitrofanov {margin-left: calc(-62px + -28 * ((100vw - 1440px) / (480)))} } .team__gallery-name {margin-bottom: 12px;color: #212121} @media (min-width: 768px) { .team__gallery-name {font-size: 18px} } @media (min-width: 768px)and (max-width: 1919px) { .team__gallery-name {font-size: calc(14px + 4 * ((100vw - 768px) / (1152)))} } .team__gallery-position {line-height: 133%;color: #828282} @media (min-width: 768px) { .team__gallery-position {font-size: 12px} } @media (min-width: 768px)and (max-width: 1919px) { .team__gallery-position {font-size: calc(8px + 4 * ((100vw - 768px) / (1152)))} } .team__gallery-btn {display: none;margin-top: 50px;width: 100%} @media only screen and (max-width: 1919px) { .team {margin-bottom: 7.2917vw} } @media only screen and (max-width: 1439px) { .team__gallery {grid-template-columns:repeat(2, minmax(322px, 1fr))} .team__gallery-right-section {margin-left: -70px} } @media only screen and (max-width: 1279px)and (min-width: 1024px) { .team__gallery-image-wrap {width: 321px} } @media only screen and (max-width: 1279px)and (min-width: 1024px)and (max-width: 1279px) { .team__gallery-image-wrap {width: calc(260px + 61 * ((100vw - 1024px) / (256)))} } @media only screen and (max-width: 1279px)and (min-width: 1024px) { .team__gallery-image-wrap {height: 483px} } @media only screen and (max-width: 1279px)and (min-width: 1024px)and (max-width: 1279px) { .team__gallery-image-wrap {height: calc(400px + 83 * ((100vw - 1024px) / (256)))} } @media only screen and (max-width: 1279px)and (min-width: 1024px) { .team__gallery-right-section {margin-left: -70px} } @media only screen and (max-width: 1279px)and (min-width: 1024px)and (max-width: 1279px) { .team__gallery-right-section {margin-left: calc(-48px + -22 * ((100vw - 1024px) / (256)))} } @media only screen and (max-width: 1279px)and (min-width: 1024px) { .team__gallery-right-section._mitrofanov {margin-left: -70px} } @media only screen and (max-width: 1279px)and (min-width: 1024px)and (max-width: 1279px) { .team__gallery-right-section._mitrofanov {margin-left: calc(-58px + -12 * ((100vw - 1024px) / (256)))} } @media only screen and (max-width: 1023px) { .team {margin-bottom: 78px} .team__title {margin-bottom: 36px} .team__text {margin-bottom: 68px} .team__gallery {column-gap: 8px} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .team__gallery {row-gap: 34px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .team__gallery {row-gap: calc(16px + 18 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .team__gallery-image-wrap {width: 300px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .team__gallery-image-wrap {width: calc(272px + 28 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .team__gallery-image-wrap {height: 460px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .team__gallery-image-wrap {height: calc(418px + 42 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px) { .team__gallery-right-section {margin-top: 54px} } @media only screen and (max-width: 1023px)and (min-width: 568px) { .team__gallery-right-section {margin-left: -80px} } @media only screen and (max-width: 1023px)and (min-width: 568px)and (max-width: 1023px) { .team__gallery-right-section {margin-left: calc(-90px + 10 * ((100vw - 568px) / (456)))} } @media only screen and (max-width: 1023px)and (min-width: 568px) { .team__gallery-right-section._mitrofanov {margin-left: -70px} } @media only screen and (max-width: 1023px)and (min-width: 568px)and (max-width: 1023px) { .team__gallery-right-section._mitrofanov {margin-left: calc(-120px + 50 * ((100vw - 568px) / (456)))} } @media only screen and (max-width: 1023px)and (min-width: 568px) { .team__gallery-right-section._karkina, .team__gallery-right-section._kutran {margin-left: -70px} } @media only screen and (max-width: 1023px)and (min-width: 568px)and (max-width: 1023px) { .team__gallery-right-section._karkina, .team__gallery-right-section._kutran {margin-left: calc(-76px + 6 * ((100vw - 568px) / (456)))} } @media only screen and (max-width: 1023px) { .team__gallery-name {margin-bottom: 10px} } @media only screen and (max-width: 767px)and (min-width: 375px) { .team__text {margin-bottom: 68px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 1023px) { .team__text {margin-bottom: calc(40px + 28 * ((100vw - 375px) / (649)))} } @media only screen and (max-width: 767px) { .team__gallery {grid-template-columns:repeat(2, minmax(200px, 1fr));gap: 16px 8px} } @media only screen and (max-width: 767px)and (min-width: 568px) { .team__gallery-image-wrap {width: 272px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .team__gallery-image-wrap {width: calc(160px + 112 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px)and (min-width: 568px) { .team__gallery-image-wrap {height: 418px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .team__gallery-image-wrap {height: calc(320px + 98 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px) { .team__gallery-right-section {margin-top: 40px} } @media only screen and (max-width: 767px)and (min-width: 568px) { .team__gallery-right-section {margin-left: -70px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .team__gallery-right-section {margin-left: calc(-30px + -40 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px)and (min-width: 568px) { .team__gallery-right-section._mitrofanov {margin-left: -70px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .team__gallery-right-section._mitrofanov {margin-left: calc(-50px + -20 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px)and (min-width: 568px) { .team__gallery-right-section._karkina, .team__gallery-right-section._kutran {margin-left: -70px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .team__gallery-right-section._karkina, .team__gallery-right-section._kutran {margin-left: calc(-30px + -40 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px) { .team__gallery-name {font-size: 14px} } @media only screen and (max-width: 767px) { .team__gallery-position {font-size: 8px} } @media only screen and (max-width: 767px) { .team__gallery-name {margin-bottom: 8px} } @media only screen and (max-width: 567px) { .team {margin-bottom: 60px} .team__title {margin-bottom: 32px} .team__gallery {display: block} } @media only screen and (max-width: 567px)and (min-width: 375px) { .team__gallery-item {margin-left: 90px} } @media only screen and (max-width: 567px)and (min-width: 375px)and (max-width: 567px) { .team__gallery-item {margin-left: calc(0px + 90 * ((100vw - 375px) / (193)))} } @media only screen and (max-width: 567px) { .team__gallery-item + .team__gallery-item {margin-top: 32px} } @media only screen and (max-width: 567px)and (min-width: 320px) { .team__gallery-image-wrap {width: 280px} } @media only screen and (max-width: 567px)and (min-width: 320px)and (max-width: 567px) { .team__gallery-image-wrap {width: calc(220px + 60 * ((100vw - 320px) / (248)))} } @media only screen and (max-width: 567px)and (min-width: 320px) { .team__gallery-image-wrap {height: 420px} } @media only screen and (max-width: 567px)and (min-width: 320px)and (max-width: 567px) { .team__gallery-image-wrap {height: calc(340px + 80 * ((100vw - 320px) / (248)))} } @media only screen and (max-width: 567px) { .team__gallery-right-section {margin-top: 56px} } @media only screen and (max-width: 567px)and (min-width: 320px) { .team__gallery-right-section {margin-left: -70px} } @media only screen and (max-width: 567px)and (min-width: 320px)and (max-width: 567px) { .team__gallery-right-section {margin-left: calc(-50px + -20 * ((100vw - 320px) / (248)))} } @media only screen and (max-width: 567px) { .team__gallery-btn {display: block} } @media only screen and (max-width: 374px) { .team__text {margin-bottom: 40px} } @media only screen and (max-width: 319px) { .team__gallery-image-wrap {width: 220px;height: 340px} .team__gallery-right-section {margin-left: -50px} } .team-info {display: none;margin-bottom: 86px} @media only screen and (max-width: 1023px) { .team-info {display: block} } .faq-breadcrumbs {margin-top: 96px;padding-top: 64px;margin-bottom: 44px} @media only screen and (max-width: 1919px) { .faq-breadcrumbs {padding-top: 3.3333vw} } @media only screen and (max-width: 1439px) { .faq-breadcrumbs {margin-top: 48px} } @media only screen and (max-width: 1023px) { .faq-breadcrumbs {padding-top: 40px;margin-bottom: 38px} } @media only screen and (max-width: 567px) { .faq-breadcrumbs {margin-top: 54px;padding-top: 30px;margin-bottom: 24px} } .faq {margin-bottom: 192px} @media (min-width: 768px) { .faq {margin-bottom: 192px} } @media (min-width: 768px)and (max-width: 1919px) { .faq {margin-bottom: calc(76px + 116 * ((100vw - 768px) / (1152)))} } .faq__container {max-width: 928px} .faq__title {margin-bottom: 34px} .faq__text {color: #000;margin-bottom: 78px} @media (min-width: 768px) { .faq__text {margin-bottom: 78px} } @media (min-width: 768px)and (max-width: 1919px) { .faq__text {margin-bottom: calc(82px + -4 * ((100vw - 768px) / (1152)))} } .faq__questions-container {margin-left: 200px;max-width: 728px} @media (min-width: 1024px) { .faq__questions-container {margin-left: 200px} } @media (min-width: 1024px)and (max-width: 1919px) { .faq__questions-container {margin-left: calc(0px + 200 * ((100vw - 1024px) / (896)))} } .faq__question-item {border-bottom: 1px solid #bdbdbd;padding-bottom: 36px} @media (min-width: 768px) { .faq__question-item {padding-bottom: 36px} } @media (min-width: 768px)and (max-width: 1919px) { .faq__question-item {padding-bottom: calc(24px + 12 * ((100vw - 768px) / (1152)))} } .faq__question-item + .faq__question-item {margin-top: 36px} @media (min-width: 768px) { .faq__question-item + .faq__question-item {margin-top: 36px} } @media (min-width: 768px)and (max-width: 1919px) { .faq__question-item + .faq__question-item {margin-top: calc(24px + 12 * ((100vw - 768px) / (1152)))} } .faq__question {font-family: Stolzl, sans-serif;font-weight: 400;font-size: 24px;line-height: 160%;color: #828282;cursor: pointer} @media (min-width: 375px) { .faq__question {font-size: 24px} } @media (min-width: 375px)and (max-width: 1919px) { .faq__question {font-size: calc(16px + 8 * ((100vw - 375px) / (1545)))} } .faq__answer {display: none;margin-top: 20px;color: #000} @media (min-width: 768px) { .faq__answer {margin-top: 36px} } @media (min-width: 768px)and (max-width: 1919px) { .faq__answer {margin-top: calc(20px + 16 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 1023px)and (min-width: 375px) { .faq__questions-container {margin-left: 53px} } @media only screen and (max-width: 1023px)and (min-width: 375px)and (max-width: 1023px) { .faq__questions-container {margin-left: calc(0px + 53 * ((100vw - 375px) / (649)))} } @media only screen and (max-width: 1023px) { .faq__answer {font-size: 14px} } @media only screen and (max-width: 767px)and (min-width: 375px) { .faq {margin-bottom: 76px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .faq {margin-bottom: calc(122px + -46 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .faq__text {margin-bottom: 82px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .faq__text {margin-bottom: calc(50px + 32 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .faq__question-item {padding-bottom: 24px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .faq__question-item {padding-bottom: calc(20px + 4 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .faq__question-item + .faq__question-item {margin-top: 24px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .faq__question-item + .faq__question-item {margin-top: calc(20px + 4 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .faq__answer {margin-top: 20px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .faq__answer {margin-top: calc(32px + -12 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .faq {margin-bottom: 76px} .faq__text {margin-bottom: 50px} .faq__questions-container {margin-left: 0} .faq__question-item {margin-bottom: 20px} .faq__question-item + .faq__question-item {margin-bottom: 20px} .faq__answer {margin-top: 32px} .faq__question {font-size: 16px} } .leave-question {background-color: #eee9e9;margin-bottom: 0} .leave-question .call-to-action__text, .leave-question .call-to-action__left-section .like-h2 {color: #23231f} @media (min-width: 1024px) { .leave-question .call-to-action__image {width: 610px} } @media (min-width: 1024px)and (max-width: 1919px) { .leave-question .call-to-action__image {width: calc(380px + 230 * ((100vw - 1024px) / (896)))} } @media (min-width: 1024px) { .leave-question .call-to-action__image {height: 816px} } @media (min-width: 1024px)and (max-width: 1919px) { .leave-question .call-to-action__image {height: calc(516px + 300 * ((100vw - 1024px) / (896)))} } @media (min-width: 768px) { .leave-question .call-to-action__btn {font-size: 20px} } @media (min-width: 768px)and (max-width: 1919px) { .leave-question .call-to-action__btn {font-size: calc(14px + 6 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 1023px) { .leave-question .call-to-action__container {padding-top: 76px;padding-bottom: 66px} .leave-question .call-to-action__left-section .like-h2 {font-size: 22px} .leave-question .call-to-action__text {line-height: 160%;max-width: 266px} .leave-question .call-to-action__image {right: 68px} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .leave-question .call-to-action__image {width: 400px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .leave-question .call-to-action__image {width: calc(302px + 98 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px)and (min-width: 768px) { .leave-question .call-to-action__image {height: 480px} } @media only screen and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px) { .leave-question .call-to-action__image {height: calc(404px + 76 * ((100vw - 768px) / (256)))} } @media only screen and (max-width: 1023px) { .leave-question .call-to-action__btn {padding: 12px 24px} } @media only screen and (max-width: 767px)and (min-width: 568px) { .leave-question .call-to-action__container {padding-top: 76px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .leave-question .call-to-action__container {padding-top: calc(90px + -14 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px)and (min-width: 568px) { .leave-question .call-to-action__container {padding-bottom: 66px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .leave-question .call-to-action__container {padding-bottom: calc(48px + 18 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .leave-question .call-to-action__image {width: 302px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .leave-question .call-to-action__image {width: calc(210px + 92 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .leave-question .call-to-action__image {height: 404px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .leave-question .call-to-action__image {height: calc(504px + -100 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 568px) { .leave-question .call-to-action__image {right: 68px} } @media only screen and (max-width: 767px)and (min-width: 568px)and (max-width: 767px) { .leave-question .call-to-action__image {right: calc(-50px + 118 * ((100vw - 568px) / (200)))} } @media only screen and (max-width: 567px) { .leave-question .call-to-action__container {padding-top: 90px;padding-bottom: 48px} .leave-question .call-to-action__left-section .like-h2 {font-size: 20px} } @media only screen and (max-width: 567px)and (min-width: 375px) { .leave-question .call-to-action__left-section .like-h2 {width: 260px} } @media only screen and (max-width: 567px)and (min-width: 375px)and (max-width: 567px) { .leave-question .call-to-action__left-section .like-h2 {width: calc(190px + 70 * ((100vw - 375px) / (193)))} } @media only screen and (max-width: 567px) { .leave-question .call-to-action__text {margin-bottom: 70px} } @media only screen and (max-width: 567px)and (min-width: 375px) { .leave-question .call-to-action__text {width: 200px} } @media only screen and (max-width: 567px)and (min-width: 375px)and (max-width: 567px) { .leave-question .call-to-action__text {width: calc(128px + 72 * ((100vw - 375px) / (193)))} } @media only screen and (max-width: 567px) { .leave-question .call-to-action__image {right: 14px} } @media only screen and (max-width: 567px) { .leave-question .call-to-action__left-section {width: 100%} } @media only screen and (max-width: 567px) { .leave-question .call-to-action__btn {padding: 20px 28px;width: 100%} } @media only screen and (max-width: 374px) { .leave-question .call-to-action__left-section .like-h2 {max-width: 190px} .leave-question .call-to-action__text {max-width: 164px} } @media only screen and (max-width: 374px)and (min-width: 320px) { .leave-question .call-to-action__image {width: 210px} } @media only screen and (max-width: 374px)and (min-width: 320px)and (max-width: 374px) { .leave-question .call-to-action__image {width: calc(150px + 60 * ((100vw - 320px) / (55)))} } @media only screen and (max-width: 374px)and (min-width: 320px) { .leave-question .call-to-action__image {height: 504px} } @media only screen and (max-width: 374px)and (min-width: 320px)and (max-width: 374px) { .leave-question .call-to-action__image {height: calc(460px + 44 * ((100vw - 320px) / (55)))} } @media only screen and (max-width: 319px) { .leave-question .call-to-action__image {width: 150px;height: 460px} } .feedback-breadcrumbs {margin-top: 96px;padding-top: 64px;margin-bottom: 44px} @media only screen and (max-width: 1919px) { .feedback-breadcrumbs {padding-top: 3.3333vw} } @media only screen and (max-width: 1439px) { .feedback-breadcrumbs {margin-top: 48px} } @media only screen and (max-width: 1023px) { .feedback-breadcrumbs {padding-top: 40px;margin-bottom: 38px} } @media only screen and (max-width: 567px) { .feedback-breadcrumbs {margin-top: 54px;padding-top: 30px;margin-bottom: 24px} } .feedback {margin-bottom: 176px} @media (min-width: 768px) { .feedback {margin-bottom: 176px} } @media (min-width: 768px)and (max-width: 1919px) { .feedback {margin-bottom: calc(54px + 122 * ((100vw - 768px) / (1152)))} } .feedback__title {margin-bottom: 110px} @media (min-width: 768px) { .feedback__title {margin-bottom: 110px} } @media (min-width: 768px)and (max-width: 1919px) { .feedback__title {margin-bottom: calc(42px + 68 * ((100vw - 768px) / (1152)))} } .feedback__items-container {max-width: 812px;margin-left: 116px} @media (min-width: 1024px) { .feedback__items-container {margin-left: 116px} } @media (min-width: 1024px)and (max-width: 1919px) { .feedback__items-container {margin-left: calc(0px + 116 * ((100vw - 1024px) / (896)))} } .feedback__item {display: -ms-flexbox;display: flex} .feedback__item + .feedback__item {margin-top: 62px} .feedback__item-wrap {margin-left: 20px} .feedback__item-text {margin-bottom: 20px;color: #000} .feedback__item-name {margin-bottom: 8px;font-family: Stolzl, sans-serif;font-style: normal;font-size: 18px;font-weight: 700;line-height: 160%;color: #828282} .feedback__item-company {color: #828282} .feedback__item-image-wrap {width: 100%;height: 242px;overflow: hidden;margin-bottom: 20px} .feedback__item-image {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover} .feedback__bottom {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;margin-top: 68px;margin-left: 84px} @media (min-width: 768px) { .feedback__bottom {margin-top: 68px} } @media (min-width: 768px)and (max-width: 1919px) { .feedback__bottom {margin-top: calc(48px + 20 * ((100vw - 768px) / (1152)))} } .feedback__pagination .pagination__item + .pagination__item {margin-left: 24px} .feedback__pagination .pagination__item:nth-child(2) {margin-left: 0} .feedback__pagination .pagination__item._left {margin-right: 16px} .feedback__pagination .pagination__item._right {margin-left: 16px} .feedback__amount {color: #333538} @media only screen and (max-width: 1023px) { .feedback__items-container {margin-left: 0} .feedback__item + .feedback__item {margin-top: 70px} .feedback__item-text {font-size: 16px;line-height: 130%} .feedback__bottom {margin-left: 0} .feedback__pagination .pagination__item + .pagination__item {margin-left: 12px} .feedback__pagination .pagination__item:nth-child(2) {margin-left: 0} .feedback__pagination .pagination__item._left {margin-right: 36px} .feedback__pagination .pagination__item._right {margin-left: 36px} } @media only screen and (max-width: 767px)and (min-width: 375px) { .feedback {margin-bottom: 54px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .feedback {margin-bottom: calc(70px + -16 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px) { .feedback__title {margin-bottom: 42px} } @media only screen and (max-width: 567px) { .feedback__item + .feedback__item {margin-top: 44px} .feedback__item-text {font-size: 14px} .feedback__bottom { /*display: none*/} } @media only screen and (max-width: 374px) { .feedback {margin-bottom: 50px} } .form-feedback {padding-top: 100px;padding-bottom: 98px;background-color: #f4f2f2} @media (min-width: 768px) { .form-feedback {padding-top: 100px} } @media (min-width: 768px)and (max-width: 1919px) { .form-feedback {padding-top: calc(58px + 42 * ((100vw - 768px) / (1152)))} } @media only screen and (max-width: 767px) { .form-feedback {padding-top: 58px} } @media only screen and (max-width: 767px)and (min-width: 375px) { .form-feedback {padding-bottom: 98px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .form-feedback {padding-bottom: calc(76px + 22 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 374px) { .form-feedback {padding-bottom: 76px} } .form-feedback .form {width: 100%} .form-feedback .form__title {margin-bottom: 64px} .form-feedback .form__wrap {max-width: 454px;width: 100%} .form-feedback .form__group {max-width: 100%} .form-feedback .form__field._textarea {height: 224px} .form-feedback .form__upload-btn {margin-top: 38px;margin-bottom: 6px;padding: 0;color: #23231f} .form-feedback .form__upload-btn label {padding: 16px 20px} .form-feedback .form__buttons {display: -ms-flexbox;display: flex;-ms-flex-pack: end;justify-content: flex-end;margin-top: 28px} .form-feedback .form__btn {margin: 0} .form-feedback .form__btn._send {margin-left: 20px} @media only screen and (max-width: 767px)and (min-width: 375px) { .form-feedback .form__field._textarea {height: 224px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .form-feedback .form__field._textarea {height: calc(148px + 76 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 567px) { .form-feedback .form__title {margin-bottom: 54px} .form-feedback .form__buttons {-ms-flex-direction: column-reverse;flex-direction: column-reverse;margin-top: 44px} .form-feedback .form__btn {width: 100%} .form-feedback .form__btn._send {margin-bottom: 20px;margin-left: 0} .form-feedback .form__upload-btn {-ms-flex-pack: center;justify-content: center} } @media only screen and (max-width: 374px) { .form-feedback .form__field._textarea {height: 148px} } .categories-submenu._desktop .categories-submenu__card._last .categories-submenu__item + .categories-submenu__item {margin-top: 16px;} .activef span {background-color: #fade45;} .activef3 span {-webkit-box-shadow: 0px 0px 0px 3px rgba(250, 222, 69, 1);-moz-box-shadow: 0px 0px 0px 3px rgba(250, 222, 69, 1);box-shadow: 0px 0px 0px 3px rgba(250, 222, 69, 1);} .line {margin: 15px 10px 0px 10px;border-bottom: 1px solid #e0e0e0;} /* полоса прокрутки (скроллбар) */ ::-webkit-scrollbar {width: 5px; /* ширина для вертикального скролла */height: 4px; /* высота для горизонтального скролла */background: rgba(166, 162, 162, 0.37);transition: 0.3s ease;} /* ползунок скроллбара */ ::-webkit-scrollbar-thumb {background-color: #fade45;border-radius: 9em;transition: 0.3s ease; /*box-shadow: inset 1px 1px 10px #f3faf7;*/} ::-webkit-scrollbar-thumb:hover {transition: 0.3s ease;background-color: #fade45;} ::-webkit-scrollbar:hover {transition: 0.3s ease;background: rgba(166, 162, 162, 0.37);} /* Стрелки */ ::-webkit-scrollbar-button:vertical:start:decrement {background: linear-gradient(120deg, #000000 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(240deg, #000000 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(0deg, #000000 30%, rgba(0, 0, 0, 0) 31%);background-color: #f6f8f4;} ::-webkit-scrollbar-button:vertical:end:increment {background: linear-gradient(300deg, #000000 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(60deg, #000000 40%, rgba(0, 0, 0, 0) 41%), linear-gradient(180deg, #000000 30%, rgba(0, 0, 0, 0) 31%);background-color: #f6f8f4;} ::-webkit-scrollbar-button:horizontal:start:decrement { /*background:*//*linear-gradient(30deg, #000000 40%, rgba(0, 0, 0, 0) 41%),*//*linear-gradient(150deg, #000000 40%, rgba(0, 0, 0, 0) 41%),*//*linear-gradient(270deg, #000000 30%, rgba(0, 0, 0, 0) 31%);*//*background-color: #f6f8f4;*/display: none;} ::-webkit-scrollbar-button:horizontal:end:increment { /*background:*//*linear-gradient(210deg, #000000 40%, rgba(0, 0, 0, 0) 41%),*//*linear-gradient(330deg, #000000 40%, rgba(0, 0, 0, 0) 41%),*//*linear-gradient(90deg, #000000 30%, rgba(0, 0, 0, 0) 31%);*//*background-color: #f6f8f4;*/display: none;} /**/ .page__news, .news-page {padding-top: 150px;padding-bottom: 150px;background: #EEE9E9;} .nvst {padding-top: -150px;padding-bottom: 150px;background: #EEE9E9;} .page__news .news-item, .nvst .news-item, .imagestory .news-item {background: #ffffff;border-radius: 8px;} .page__news .news-item .news-item__image-wrap, .nvst .news-item .news-item__image-wrap {margin-bottom: 24px;} .page__news .news-item .news-item__image, .nvst .news-item .news-item__image {-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;} .page__news .news-item h4.news-item__title, .nvst .news-item h4.news-item__title, .imagestory .news-item h4.news-item__title {font-weight: 700;font-size: 18px;line-height: 120%;padding: 0px 16px;} .page__news .news-item .news-item__info, .nvst .news-item .news-item__info, .imagestory .news-item .news-item__info {padding: 20px 16px 0px 16px;} .page__news .news-item .news-item__date, .nvst .news-item .news-item__date {color: #BDBDBD;} .news-page .products-page__item-link {align-self: unset;margin-bottom: 50px;} .news-page .products-page__item-link svg {display: inline-block;height: 24px;line-height: 24px;vertical-align: text-top;} .news-page .products-page__item-link span {display: inline-block;height: 24px;line-height: 25px;vertical-align: text-top;} .news-page .news-item__date {margin-bottom: 30px;} .news-page .products-page__item-text ul {padding: 25px 15px;} .news-page .products-page__item-text ul li {margin-left: 25px;list-style-type: disc;} .cgvb {position: relative;top: 0px;left: 0px;width: 100%;max-height: 366px;overflow: hidden; /*background: linear-gradient(0deg, #3d4144, #3d4144);*/} .cgvb img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} /**/ .cgvb404 {position: relative;top: 0px;left: 0px;width: 100%;max-height: 683px;overflow: hidden;background: #000000;} .cgvb404 img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} .d404 {position: absolute;left: 50%;top: 18%;width: 42%;z-index: 1;transform: translateX(-50%);} .t404 {position: absolute;left: 50%;bottom: 10%;width: 40%;z-index: 1;transform: translateX(-50%);} .t404_1 {font-family: 'Stolzl';font-style: normal;font-weight: 700;font-size: 48px;line-height: 110%;text-align: center;color: #FFFFFF;} .t404_2 {font-family: 'Stolzl';font-style: normal;font-weight: 700;font-size: 36px;line-height: 110%;text-align: center;color: #FFFFFF;} @media (max-width: 1610px) { .t404_1 {font-size: 40px;} .t404_2 {font-size: 28px;} } @media (max-width: 1385px) { .t404_1 {font-size: 32px;} .t404_2 {font-size: 24px;} } @media (max-width: 1150px) { .cgvb404 {overflow: hidden;max-height: 452px;} .cgvb404 img {object-fit: cover;object-position: center;height: 568px;} .d404 {width: 65%;} .t404 {width: 70%;} } @media (max-width: 568px) { .h404 {margin-top: 0px;} .d404 {width: 70%;} .cgvb404 {overflow: hidden;max-height: 330px;} .cgvb404 img {object-fit: cover;object-position: center;height: 468px;} .t404_1 {font-size: 19px;} .t404_2 {font-size: 16px;} } @media (max-width: 400px) { .d404 {top: 25%;} .t404 {bottom: 20%;} } .text404 {display: grid;grid-template-columns: 50% 50%;grid-template-rows: 1fr;grid-auto-columns: 1fr;grid-auto-rows: 1fr;gap: 15px 15px;grid-auto-flow: row;grid-template-areas:"left_t right_t";} .left_t {grid-area: left_t;} .right_t {grid-area: right_t;} .text_404s {font-family: 'Stolzl';font-style: normal;font-weight: 300;font-size: 16px;line-height: 140%;color: #000000;} .text_404s a {text-decoration: underline;} @media (max-width: 1110px ) { .text404 {display: grid;grid-template-columns: 100%;grid-template-rows: auto auto;grid-auto-columns: 1fr;grid-auto-rows: 1fr;gap: 15px 15px;grid-auto-flow: row;grid-template-areas:"left_t" "right_t";} } .s404 {position: relative;} .search-f {display: inline-block;background: #FFFFFF;border: 1px solid #9A9A9A;border-radius: 6px;width: 80%;height: 56px;padding: 0px 25px;line-height: 56px;font-size: 16px;float: left;position: relative;} .btns1 {width: 40px;height: 40px;top: 10px;position: absolute;left: calc(80% - 50px);} .btns {display: inline-block;float: right;width: 19%;background: #FADE45;border-radius: 4px;font-size: 16px;border: 0px solid #ffffff;transition: 0.2s;height: 56px;line-height: 56px;cursor: pointer;} .btns:hover {background: rgba(250, 222, 69, 0.78);} .end {clear: both;} /**/ .gc {max-width: 1140px;width: 100%;flex-wrap: wrap;display: flex;flex-direction: row;justify-content: flex-start;margin: -15px -15px 60px 0px;} .gc_item {max-height: 145px;margin: 15px 15px 15px 0px;overflow: hidden;cursor: pointer;max-width: 350px;} .gc_item img {border-radius: 8px;height: 120px;max-width: 365px;width: 100%;} .gc_name {padding: 10px 0px;text-align: center;} .overlay {position: fixed;top: 0px;left: 0px;bottom: 0px;right: 0px;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.4);z-index: 1000000000;} .itemimg {position: fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);z-index: 10000000000;overflow: hidden;border-radius: 8px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10);} .itemimg img {} @media screen and ( max-width: 768px) { .itemimg {position: fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);z-index: 10000000000;overflow: hidden;border-radius: 8px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10);width: 95%;} } /**/ .dostavkah {margin-top: 95px;padding-top: 25px;position: relative;padding-bottom: 80px;max-height: 912px;height: calc(100vh - 96px);background: url("/bitrix/templates/new_gala/assets/css/../images/blocks/dostavka/dostavka.png") right center /cover no-repeat;z-index: 1;} .dostavkah:before {content: "";position: absolute;height: 100%;width: 30%;left: 0px;top: 0px;z-index: 2;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 0) 100%);} .container.dost a.form__btn._send.button {margin-top: 170px;max-width: 454px;} @media screen and (max-width: 1439px) { .dostavkah {margin-top: 48px;height: calc(100vh - 48px);max-height: 644px;background: url("/bitrix/templates/new_gala/assets/css/../images/blocks/dostavka/dostavka1.png") right bottom /contain no-repeat;} .dostavkah:before {display: none;} .container.dost a.form__btn._send.button {margin-top: 100px;max-width: 380px;} } @media screen and (max-width: 560px) { .container.dost a.form__btn._send.button {margin-top: 20px;max-width: 380px;} } .dost {position: relative;z-index: 3;} .container.dostavka { /*max-width: 1340px;*//*width: 100%;*/} .d_text_a {font-family: 'Stolzl';font-style: normal;font-weight: 500;font-size: 40px;line-height: 115%;text-transform: uppercase;color: #23231F;} .d_text_1 {font-style: normal;font-weight: 400;font-size: 95px;line-height: 110%;text-transform: uppercase;color: #23231F;text-align: left;white-space: nowrap;} .d_text_2, .d_text_3, .d_text_4 {margin-top: 35px;font-style: normal;font-weight: 400;font-size: 80px;line-height: 115%;text-transform: uppercase;color: #23231F;text-align: left;white-space: nowrap;} .d_text_4 {padding-left: 400px;box-sizing: border-box;} .d_text_2 span {width: 300px;height: 120px;display: inline-block;background: url(/bitrix/templates/new_gala/assets/images/blocks/dostavka/msk.png) no-repeat;background-size: contain;vertical-align: middle;background-position: center center;} .d_text_3 span {width: 367px;height: 120px;display: inline-block;background: url(/bitrix/templates/new_gala/assets/images/blocks/dostavka/rus.png) no-repeat;background-size: contain;vertical-align: middle;background-position: center center;} .d_text_4 span {width: 120px;height: 120px;display: inline-block;background: url(/bitrix/templates/new_gala/assets/images/blocks/dostavka/sng.png) no-repeat;background-size: contain;vertical-align: middle;background-position: center center;} @media (min-width: 1920px) and (max-width: 2560px) { .d_text_a {font-size: calc(40px + 12 * ((100vw - 1920px) / (639)));} .d_text_1 {font-size: calc(80px + 12 * ((100vw - 1920px) / (639)));} .d_text_2, .d_text_3, .d_text_4 {font-size: calc(70px + 12 * ((100vw - 1920px) / (639)));} .d_text_4 {padding-left: calc(400px + 12 * ((100vw - 1920px) / (639)));} .d_text_2 span {width: calc(270px + 12 * ((100vw - 1920px) / (639)));height: calc(90px + 12 * ((100vw - 1920px) / (639)));margin-top: -10px;} .d_text_3 span {width: calc(347px + 12 * ((100vw - 1920px) / (639)));height: calc(90px + 12 * ((100vw - 1920px) / (639)));margin-top: -10px;} .d_text_4 span {width: calc(90px + 12 * ((100vw - 1920px) / (639)));height: calc(90px + 12 * ((100vw - 1920px) / (639)));margin-top: -10px;} } @media (min-width: 1350px) and (max-width: 1919px) { .d_text_a {font-size: calc(28px + 12 * ((100vw - 1350px) / (568)));} .d_text_1 {font-size: calc(68px + 12 * ((100vw - 1350px) / (568)));} .d_text_2, .d_text_3, .d_text_4 {font-size: calc(58px + 12 * ((100vw - 1350px) / (568)));} .d_text_4 {padding-left: calc(310px + 90 * ((100vw - 1350px) / (568)));} .d_text_2 span {width: calc(240px + 12 * ((100vw - 1350px) / (568)));height: calc(90px + 12 * ((100vw - 1350px) / (568)));margin-top: -10px;} .d_text_3 span {width: calc(290px + 12 * ((100vw - 1350px) / (568)));height: calc(90px + 12 * ((100vw - 1350px) / (568)));margin-top: -10px;} .d_text_4 span {width: calc(100px + 12 * ((100vw - 1920px) / (568)));height: calc(100px + 12 * ((100vw - 1920px) / (568)));margin-top: -10px;} } @media (min-width: 1024px) and (max-width: 1349px) { .d_text_a {font-size: calc(28px + 22 * ((100vw - 1024px) / (324)));} .d_text_1 {font-size: calc(46px + 22 * ((100vw - 1024px) / (324)));} .d_text_2, .d_text_3, .d_text_4 {font-size: calc(36px + 22 * ((100vw - 1024px) / (324)));} .d_text_4 {padding-left: calc(259px + 22 * ((100vw - 1024px) / (324)));} .d_text_2 span {width: calc(208px + 33 * ((100vw - 1024px) / (324)));height: calc(70px + 12 * ((100vw - 1024px) / (324)));margin-top: -10px;} .d_text_3 span {width: calc(290px + 12 * ((100vw - 1350px) / (568)));height: calc(90px + 12 * ((100vw - 1350px) / (568)));margin-top: -10px;} .d_text_4 span {width: calc(110px + 12 * ((100vw - 1920px) / (324)));height: calc(110px + 12 * ((100vw - 1920px) / (324)));margin-top: -10px;} } @media (min-width: 768px) and (max-width: 1023px) { .d_text_a {font-size: calc(28px + 12 * ((100vw - 768px) / (254)));} .d_text_1 {font-size: calc(38px + 12 * ((100vw - 768px) / (254)));} .d_text_2, .d_text_3, .d_text_4 {font-size: calc(27px + 12 * ((100vw - 768px) / (254)));} .d_text_4 {padding-left: calc(213px + 12 * ((100vw - 768px) / (254)));} .d_text_2 span {width: calc(193px + 42 * ((100vw - 768px) / (254)));height: calc(60px + 12 * ((100vw - 768px) / (254)));margin-top: -10px;} .d_text_3 span {width: calc(247px + 42 * ((100vw - 768px) / (254)));height: calc(60px + 12 * ((100vw - 768px) / (254)));margin-top: -10px;} .d_text_4 span {width: calc(115px + 12 * ((100vw - 1920px) / (254)));height: calc(115px + 12 * ((100vw - 1920px) / (254)));margin-top: -10px;} } @media (min-width: 564px) and (max-width: 767px) { .d_text_a {font-size: calc(21px + 19 * ((100vw - 564px) / (203)));} .d_text_1 {font-size: calc(27px + 19 * ((100vw - 564px) / (203)));} .d_text_2, .d_text_3, .d_text_4 {margin-top: 20px;font-size: calc(20px + 19 * ((100vw - 564px) / (203)));} .d_text_4 {padding-left: calc(165px + 19 * ((100vw - 564px) / (203)));} .d_text_2 span {width: calc(128px + 43 * ((100vw - 564px) / (203)));height: calc(56px + 12 * ((100vw - 564px) / (203)));margin-top: -10px;} .d_text_3 span {width: calc(161px + 43 * ((100vw - 564px) / (203)));height: calc(56px + 12 * ((100vw - 564px) / (203)));margin-top: -10px;} .d_text_4 span {width: calc(115px + 12 * ((100vw - 1920px) / (203)));height: calc(115px + 12 * ((100vw - 1920px) / (203)));margin-top: -10px;} } @media (min-width: 370px) and (max-width: 563px) { .d_text_a {font-size: calc(12px + 22 * ((100vw - 320px) / (243)));} .d_text_1 {font-size: calc(15px + 22 * ((100vw - 320px) / (243)));} .d_text_2, .d_text_3, .d_text_4 {margin-top: 20px;font-size: calc(9px + 22 * ((100vw - 320px) / (243)));} .d_text_4 {padding-left: calc(165px + 19 * ((100vw - 564px) / (203)));} .d_text_2 span {width: calc(95px + 43 * ((100vw - 320px) / (243)));height: calc(40px + 12 * ((100vw - 320px) / (243)));margin-top: -10px;} .d_text_3 span {width: calc(120px + 43 * ((100vw - 320px) / (243)));height: calc(40px + 12 * ((100vw - 320px) / (243)));margin-top: -10px;} .d_text_4 span {width: calc(115px + 12 * ((100vw - 1920px) / (243)));height: calc(115px + 12 * ((100vw - 1920px) / (243)));margin-top: -10px;} } @media (min-width: 240px) and (max-width: 369px) { .d_text_a {font-size: calc(17px + 22 * ((100vw - 320px) / (243)));} .d_text_1 {font-size: calc(20px + 22 * ((100vw - 320px) / (243)));} .d_text_2, .d_text_3, .d_text_4 {margin-top: 25px;font-size: calc(15px + 22 * ((100vw - 320px) / (243)));} .d_text_4 {padding-left: unset;text-align: right;} .d_text_2 span {width: calc(95px + 43 * ((100vw - 320px) / (243)));height: calc(40px + 12 * ((100vw - 320px) / (243)));margin-top: -10px;} .d_text_3 span {width: calc(120px + 43 * ((100vw - 320px) / (243)));height: calc(40px + 12 * ((100vw - 320px) / (243)));margin-top: -5px;} .d_text_4 span {width: calc(40px + 43 * ((100vw - 320px) / (243)));height: calc(40px + 12 * ((100vw - 320px) / (243)));margin-top: -5px;} } .dostavkas {background: #EEE9E9;padding: 120px 0px 25px 0px;} .oplatas {background: #FFFFFF;padding: 45px 0px 45px 0px;} .otherpage {background: #FFFFFF;padding: 120px 0px 45px 0px;} .otherpage .other_text {width: 100%;max-width: unset;} .otherpage .other_text h2 {padding: 25px 0px;} .oplatas .oplata_text {width: 100%;max-width: unset;} .d_lr {width: 100%;flex-wrap: wrap;display: flex;flex-direction: row;justify-content: flex-start;margin: -15px -15px 50px 0px;} .item_l {margin: 15px 35px 0px 0px;flex: 0 1 auto;} .item_r {flex: 1 1;margin: 15px -15px 0px 0px;flex-wrap: wrap;display: flex;flex-direction: row;justify-content: flex-start;} .blk_i {flex: 0 1 auto;max-width: 350px;min-width: 280px;width: 100%;height: 200px;padding: 25px 20px;max-height: 264px;background: #ffffff;border: 8px solid #000000;position: relative;margin: 0px 15px 15px 0px;align-items: stretch} .blk_i .text-c {position: relative;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);} .blk_i .text-c .ttop {position: relative;text-align: left;font-style: normal;font-weight: 400;font-size: 16px;line-height: 110%;color: #828282;padding: 5px 0px;} .blk_i .text-c .tmid {position: relative;text-align: left;font-style: normal;font-weight: 700;font-size: 24px;line-height: 110%;color: #1D2227;padding: 5px 0px;} .blk_i .text-c .tbot {position: relative;text-align: left;font-style: normal;font-weight: 700;font-size: 48px;line-height: 110%;color: #1D2227;padding: 5px 0px;white-space: nowrap;} .blk_i .text-c .tbot1 {position: relative;text-align: left;font-style: normal;font-weight: 700;font-size: 40px;line-height: 110%;color: #1D2227;padding: 5px 0px;white-space: nowrap;} .blk_i .text-c .tbot2 {position: relative;font-style: normal;font-weight: 700;font-size: 48px;line-height: 110%;color: #1D2227;padding: 5px 0px;display: flex;justify-content: space-between;text-align: justify;text-align-last: justify;} .blk_i .text-c .tbot2 img {display: inline-block;} .textdl {font-style: normal;font-weight: 400;font-size: 18px;line-height: 24%;color: #23231F;} .texti {padding: 25px 0px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 130%;color: #828282;} .textdl {min-height: 180px;min-width: 320px;} .textdl ul {padding-left: 25px;box-sizing: border-box;min-height: 180px;min-width: 320px;} .textdl ul li {list-style-type: disc;padding: 8px 0px 20px 0px;font-style: normal;font-weight: 400;font-size: 18px;line-height: 24px;color: #23231F;} @media (max-width: 369px) { .blk_i .text-c .ttop {font-size: calc(16px + 12 * ((100vw - 320px) / (369)));} .blk_i .text-c .tmid {font-size: calc(19px + 12 * ((100vw - 320px) / (369)));} .blk_i .text-c .tbot {font-size: calc(40px + 12 * ((100vw - 320px) / (369)));} .blk_i .text-c .tbot1 {font-size: calc(30px + 12 * ((100vw - 320px) / (369)));} .item_l {margin: 15px 0px 0px 0px;} .blk_i .text-c .tbot2 img {display: inline-block;width: calc(40px + 12 * ((100vw - 320px) / (369)));height: auto;} } .dostavkatc {margin-bottom: 76px;margin-top: 76px;max-width: 1740px;} @media (min-width: 768px) { .dostavkatc {margin-top: 76px} } @media (min-width: 768px)and (max-width: 1919px) { .dostavkatc {margin-top: calc(30px + 46 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .dostavkatc {margin-bottom: 76px} } @media (min-width: 768px)and (max-width: 1919px) { .dostavkatc {margin-bottom: calc(44px + 32 * ((100vw - 768px) / (1152)))} } .dostavkatc__top-section { /*display: -ms-flexbox;*//*display: flex;*//*-ms-flex-pack: justify;*//*justify-content: space-between;*//*-ms-flex-align: center;*//*align-items: center;*//*!*margin-bottom: 30px*!*/display: block;margin: 0px -60px;width: 100%;position: relative;z-index: 1000;} @media (min-width: 768px) { .dostavkatc__top-section { /*margin-bottom: 30px*/} } @media (min-width: 768px)and (max-width: 1919px) { .dostavkatc__top-section { /*margin-bottom: calc(20px + 10 * ((100vw - 768px) / (1152)))*/} } .dostavkatc__slider-arrows {display: block;color: #000;position: absolute;width: 100%;} .dostavkatc__slider-arrows .slider-arrow {position: absolute;top: 50%;background-color: transparent} .dostavkatc__slider-arrows .slider-arrow:hover {background: #f8da34} .dostavkatc__slider-arrows .slider-arrow._right {right: -120px;} .dostavkatc .tc {display: inline-block;vertical-align: top;height: 40px;margin: 0px 30px;} @media (max-width: 768px) { .dostavkatc .tc {display: inline-block;vertical-align: top;height: 25px;margin: 0px 30px;} .dostavkatc .tc img {height: 25px;} } @media (min-width: 768px)and (max-width: 1919px) { .dostavkatc .tc { /*width: calc(96px + 72 * ((100vw - 768px) / (1152)))*/} } @media only screen and (max-width: 767px) { .dostavkatc .tc { /*width: 96px*/} } @media only screen and (max-width: 767px)and (min-width: 375px) { .dostavkatc {margin-top: 40px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .dostavkatc {margin-top: calc(38px + 2 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px)and (min-width: 375px) { .dostavkatc {margin-bottom: 54px} } @media only screen and (max-width: 767px)and (min-width: 375px)and (max-width: 767px) { .dostavkatc {margin-bottom: calc(38px + 16 * ((100vw - 375px) / (393)))} } @media only screen and (max-width: 767px) { .dostavkatc__top-section {margin-bottom: 20px} } @media only screen and (max-width: 374px) { .dostavkatc {margin-top: 38px;margin-bottom: 38px} } .lents {margin: 0px;background: #EEE9E9;height: 350px;width: 100%;display: block;box-sizing: border-box;position: relative;} .container_lents {position: absolute;width: 100%;box-sizing: border-box;height: 350px;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 1;} .lent1 {position: absolute;display: block;z-index: 10;width: 150%;top: 50%;height: 85px;background: #1D2227;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);transform: rotate(4deg) translateY(-40%);background: element('.lent1:before') repeat;} .lent1 .text, .lent2 .text {white-space: nowrap;} .lent1 .text span, .lent2 .text span {position: relative;height: 85px;line-height: 85px;font-weight: 400;font-size: 28px;text-transform: uppercase;color: #F8DA34;white-space: nowrap;margin: 0px 15px;display: inline-block;} .lent2 {position: absolute;display: block;z-index: 15;right: -10%;top: 50%;width: 120%;height: 85px;background: #1D2227;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);transform: rotate(-4deg) translateY(-40%);} @media (min-width: 1024px) and (max-width: 1919px) { .lents {margin: 0px;background: #EEE9E9;height: 300px;width: 100%;display: block;box-sizing: border-box;position: relative;} .container_lents {position: absolute;width: 100%;box-sizing: border-box;height: 300px;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 1;} .lent1 {position: absolute;display: block;z-index: 10;width: 150%;top: 50%;height: 55px;background: #1D2227;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);transform: rotate(4deg) translateY(-40%);background: element('.lent1:before') repeat;} .lent1 .text, .lent2 .text {white-space: nowrap;} .lent1 .text span, .lent2 .text span {position: relative;height: 55px;line-height: 55px;font-weight: 400;font-size: 16px;text-transform: uppercase;color: #F8DA34;white-space: nowrap;margin: 0px 15px;display: inline-block;} .lent2 {position: absolute;display: block;z-index: 15;right: -10%;top: 50%;width: 120%;height: 55px;background: #1D2227;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);transform: rotate(-4deg) translateY(-40%);} } @media (max-width: 1024px) { .lents {margin: 0px;background: #EEE9E9;height: 250px;width: 100%;display: block;box-sizing: border-box;position: relative;} .container_lents {position: absolute;width: 100%;box-sizing: border-box;height: 250px;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 1;} .lent1 {position: absolute;display: block;z-index: 10;width: 150%;left: -15%;top: 50%;height: 35px;background: #1D2227;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);transform: rotate(8deg) translateY(-40%);background: element('.lent1:before') repeat;} .lent1 .text, .lent2 .text {white-space: nowrap;} .lent1 .text span, .lent2 .text span {position: relative;height: 35px;line-height: 35px;font-weight: 400;font-size: 12px;text-transform: uppercase;color: #F8DA34;white-space: nowrap;margin: 0px 10px;display: inline-block;} .lent2 {position: absolute;display: block;z-index: 15;right: -10%;top: 50%;width: 150%;height: 35px;background: #1D2227;box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);transform: rotate(-8deg) translateY(-40%);} } .dostavkamap, .dostavkaform {background: #EEE9E9;padding: 60px 0px;} .dostavkaform .form-feedback {background: #EEE9E9;} .dostavkamap .text-section__text {max-width: unset;} .dostavka_text {font-weight: 400;font-size: 16px;line-height: 130%;color: #828282;} .dostavka_text .strongtext {padding: 12px 0px;font-weight: 700;font-size: 16px;line-height: 130%;color: #000000;} .formhead {text-align: center;vertical-align: text-bottom;white-space: nowrap;display: block;font-weight: 400;font-size: 80px;line-height: 110%;text-transform: uppercase;color: #23231F;} .yelbg {display: inline-block;position: relative;vertical-align: text-bottom;width: 300px;height: 120px;background: #FADE45;border-radius: 200px;} .yelbg:before {content: "";position: absolute;bottom: 0px;right: 0px;width: 243px;height: 212px;background: url(/bitrix/templates/new_gala/assets/images/blocks/dostavka/dostavkaform.png) no-repeat;background-position: right bottom;background-size: contain;} @media (min-width: 1920px) and (max-width: 2560px) { .formhead {font-size: calc(80px + 12 * ((100vw - 1920px) / (639)));} .yelbg {width: calc(270px + 12 * ((100vw - 1920px) / (639)));height: calc(120px + 12 * ((100vw - 1920px) / (639)));} .yelbg:before {width: calc(243px + 12 * ((100vw - 1920px) / (639)));height: calc(212px + 12 * ((100vw - 1920px) / (639)));} } @media (min-width: 1350px) and (max-width: 1919px) { .formhead {font-size: calc(68px + 12 * ((100vw - 1350px) / (568)));} .yelbg {width: calc(250px + 12 * ((100vw - 1920px) / (568)));height: calc(100px + 12 * ((100vw - 1920px) / (568)));} .yelbg:before {width: calc(190px + 12 * ((100vw - 1920px) / (568)));height: calc(180px + 12 * ((100vw - 1920px) / (568)));} } @media (min-width: 1024px) and (max-width: 1349px) { .formhead {font-size: calc(46px + 22 * ((100vw - 1024px) / (324)));} .yelbg {width: calc(230px + 12 * ((100vw - 1920px) / (324)));height: calc(110px + 12 * ((100vw - 1920px) / (324)));} .yelbg:before {width: calc(180px + 12 * ((100vw - 1920px) / (324)));height: calc(170px + 12 * ((100vw - 1920px) / (324)));} } @media (min-width: 768px) and (max-width: 1023px) { .formhead {font-size: calc(38px + 12 * ((100vw - 768px) / (254)));} .yelbg {width: calc(200px + 12 * ((100vw - 1920px) / (254)));height: calc(115px + 12 * ((100vw - 1920px) / (254)));} .yelbg:before {width: calc(170px + 12 * ((100vw - 1920px) / (254)));height: calc(160px + 12 * ((100vw - 1920px) / (254)));} } @media (min-width: 564px) and (max-width: 767px) { .formhead {font-size: calc(22px + 19 * ((100vw - 564px) / (203)));} .yelbg {width: calc(200px + 12 * ((100vw - 1920px) / (203)));height: calc(120px + 12 * ((100vw - 1920px) / (203)));} .yelbg:before {width: calc(180px + 12 * ((100vw - 1920px) / (203)));height: calc(170px + 12 * ((100vw - 1920px) / (203)));} } @media (min-width: 370px) and (max-width: 563px) { .formhead {font-size: calc(15px + 22 * ((100vw - 320px) / (243)));} .yelbg {width: calc(190px + 12 * ((100vw - 1920px) / (243)));height: calc(120px + 12 * ((100vw - 1920px) / (243)));} .yelbg:before {width: calc(170px + 12 * ((100vw - 1920px) / (243)));height: calc(160px + 12 * ((100vw - 1920px) / (243)));} } @media (min-width: 240px) and (max-width: 369px) { .formhead {font-size: calc(14px + 22 * ((100vw - 320px) / (243)));} .yelbg {width: calc(190px + 12 * ((100vw - 1920px) / (243)));height: calc(120px + 12 * ((100vw - 1920px) / (243)));} .yelbg:before {width: calc(170px + 12 * ((100vw - 1920px) / (243)));height: calc(160px + 12 * ((100vw - 1920px) / (243)));} } .dostavkaform .form__btn._send.button {width: 100%;margin-left: 0px;} .oplata {background: #EEE9E9;} .oplata_head {position: relative;display: grid;grid-auto-columns: 1fr;grid-auto-rows: 1fr;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;gap: 0px 0px;grid-template-areas:"left_pay right_pay";} .text_head {font-style: normal;font-weight: 300;font-size: 18px;line-height: 160%;color: #23231F;max-width: 454px;padding: 30px 15px 30px 0px;box-sizing: border-box;} .left_pay {grid-area: left_pay;} .left_pay .form {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: start;margin-left: 0px;margin-right: auto;width: clamp(340px, 60%, 550px);padding: 0px 0px 60px 0px;} .left_pay .form__wrap {max-width: 454px;width: 100%} .left_pay .form__group {width: 100%;max-width: 454px;} .left_pay .form__btn {width: 100%;max-width: 454px;} @media (max-width: 380px) { .oplata_head {position: relative;display: grid;grid-auto-columns: 1fr;grid-auto-rows: 1fr;grid-template-columns: 1fr;grid-template-rows: 1fr;gap: 0px 0px;grid-template-areas:"left_pay";} .left_pay .form {flex-grow: 1;width: 100%;padding: 0px 0px 60px 0px;} .left_pay .form__wrap {max-width: 454px;width: 100%} .right_pay {display: none;} } .right_pay {grid-area: right_pay;} .right_pay:before {content: "";position: absolute;width: 100%;height: 100%;background: url(/bitrix/templates/new_gala/images/cards.png) left center no-repeat;background-size: contain;} @media (max-width: 1350px) { .right_pay {grid-area: right_pay;} .right_pay:before {content: "";position: absolute;width: 75%;height: 75%;background: url(/bitrix/templates/new_gala/images/cards.png) center top no-repeat;background-size: contain;-webkit-transform: rotate(-25deg);-moz-transform: rotate(-25deg);-ms-transform: rotate(-25deg);-o-transform: rotate(-25deg);transform: rotate(-25deg);} } @media (max-width: 850px) { .oplata_head {position: relative;display: grid;grid-auto-columns: 1fr;grid-auto-rows: 1fr;grid-template-columns: 1fr;grid-template-rows: 1fr;gap: 0px 0px;grid-template-areas:"left_pay";} .right_pay {display: none;} } .products-page__item-text p {padding: 8px 0px;} .products-page__item-text h3, .products-page__item-text h4 {padding: 8px 0px;} .products-page__item-text table, .products-page__item-text td, .products-page__item-text th {border: 1px solid #000000;} .products-page__item-text table td {padding: 5px 8px;} .products-page__item-text table {border-collapse: collapse;} .activefilterblock {border-radius: 50px;border: 2px solid #ffe600;padding: 0px 12px} .menu_psub {position: relative;} .sub_menu {position: absolute;padding: 10px 0px 15px 0px;width: 200px;min-height: 50px;bottom: -96px;z-index: 10000;box-sizing: border-box;display: none;} .sub_menu:before {position: absolute;content: "";top: 0px;left: 56px;width: 0;height: 0; /*background: rgba(63,63,63,0.80);*/border-bottom: 10px solid rgba(63, 63, 63, 0.80);border-left: 6px solid transparent;border-right: 6px solid transparent;} /*.sub_menu:after {*//*position: absolute;*//*content: "";*//*bottom: -20px;*//*background: rgba(63,63,63,0.80);*//*height: 5px;*//*width: 100%;*//*}*/ .sub_menu .menu__link {line-height: 24px;background: rgba(63, 63, 63, 0.80);box-sizing: border-box;padding: 5px 20px;} .ppl-story {max-width: 452px;max-height: 360px} @media (min-width: 768px) { .ppl-story {width: 452px} } @media (min-width: 768px)and (max-width: 1919px) { .ppl-story {width: calc(310px + 142 * ((100vw - 768px) / (1152)))} } @media (min-width: 768px) { .ppl-story {height: 310px} } @media (min-width: 768px)and (max-width: 1919px) { .ppl-story {height: calc(200px + 110 * ((100vw - 768px) / (1152)))} } .ppl-story + .ppl-story {margin-left: 20px} @media (min-width: 1024px) { .ppl-story + .ppl-story {margin-left: 20px} } @media (min-width: 1024px)and (max-width: 1919px) { .ppl-story + .ppl-story {margin-left: calc(8px + 12 * ((100vw - 1024px) / (896)))} } .recv {padding: 35px 0px;} .table_company {display: grid;grid-template-columns: 360px 1fr;grid-template-rows: auto;grid-auto-columns: 1fr;grid-auto-rows: 1fr;gap: 15px 15px;grid-auto-flow: row;grid-template-areas:"col_1 col_2";position: relative;padding: 8px 0px} .col_1 {grid-area: col_1;font-style: normal;font-weight: 300;font-size: 14px;line-height: 160%;color: #000000;} .col_2 {grid-area: col_2;font-style: normal;font-weight: 400;font-size: 16px;line-height: 160%;color: #000000;} @media (max-width: 854px) { .table_company {grid-template-columns: 50% 50%;} } @media (max-width: 756px) { .table_company {grid-template-columns: 100%;grid-template-areas:"col_1" "col_2";} .col_1 {font-size: 10px;} .col_2 {font-size: 14px;} } .tg-cont {display: flex;flex-flow: row wrap;justify-content: center;align-content: flex-start;max-width: 1250px;width: 100%;position: relative;margin: 0px auto 60px auto;} .tg-cont-box {width: 360px;height: 270px;margin: 20px;padding: 10px;flex: 0 1 360px;display: block;border-radius: 10px;overflow: hidden;} .diploms {display: flex;flex-flow: row wrap;justify-content: center;align-content: flex-start;max-width: 1024px;width: 100%;position: relative;margin: 60px auto;cursor: pointer;} .gc_diploms {width: 288px;height: 435px;margin: 20px;padding: 10px;flex: 0 1 300px;display: block;border-radius: 10px;overflow: hidden;cursor: pointer;} /**/ .product-types-card {overflow: hidden !important;padding-top: 20px;} .product-types-card img {transition: 0.3s !important;} .product-types-card:hover img {margin: -5% !important;max-width: 110% !important;width: 110% !important;height: 110% !important;transition: 0.3s !important;} /**/ .product-details__gallery .flickity-enabled {overflow: hidden !important;} /**/ .staff__gallery-arrow_2 {display: block;position: relative;width: 40px;height: 40px;margin: 15px auto;background: #FADE45;border-radius: 40px;line-height: 40px;padding: 8px 8px;text-align: center;} a.tag__link .tag__img {transition: transform 0.25s;} a.tag__link:hover .tag__img {transform: scale(1.1);} /**/ .button_prod_calc {padding-bottom: 28px;box-sizing: border-box;border-bottom: 1px solid #E0E0E0;} /**/ .proiduct_cart_block {display: grid;grid-auto-columns: 1fr;grid-auto-rows: 1fr;grid-template-columns: 50% 50%;grid-template-rows: auto auto;gap: 15px 15px;grid-template-areas:"prod_1_block prod_2_block""prod_3_block prod_4_block";max-width: 1610px;} .prod_1_block {grid-area: prod_1_block;} .prod_2_block {min-width: 610px;grid-area: prod_2_block;} .prod_3_block {grid-area: prod_3_block;padding-right: 30px;position: relative;box-sizing: border-box;} .prod_4_block {grid-area: prod_4_block;} @media (max-width: 1740px) { .proiduct_cart_block {grid-template-columns: 40% 60%;} .prod_2_block {min-width: 100%;} .product-details__text {font-size: 14px;} } @media (max-width: 1024px) { .proiduct_cart_block {display: grid;grid-auto-columns: 1fr;grid-auto-rows: 1fr;grid-template-columns: 100%;grid-template-rows: auto auto auto auto;gap: 0px 0px;grid-template-areas:"prod_1_block" "prod_2_block""prod_4_block" "prod_3_block";max-width: 1610px;} .button_prod_calc {padding-bottom: 28px;margin-top: 20px;} } /**/ .categories-submenu .closemenu {position: absolute;width: 60px;height: 60px;top: 15px;right: 15px;background: url(/bitrix/templates/new_gala/assets/images/close.png) no-repeat;background-size: 50px 50px;background-position: center center;z-index: 10;cursor: pointer;} /**/ .filter__options._color {padding: 0px 3px;} .filter_color_reset, .filter_naznachenie_reset, .filter_material_reset, .filter_forma_reset {cursor: pointer;padding: 0px 10px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;position: relative;padding: 2px 12px;border-radius: 200px;color: #212121;cursor: pointer;transition: .35s ease-out;box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.35);margin-left: 15px;margin-right: 15px;} /**/ textarea.form__field {resize: vertical;} /**/ .upload-btn {display: block;} #upload-file-list {padding: 5px 20px;box-sizing: border-box;width: 100%;} .errorname, .erroremail, .errorphone {font-size: 10px;color: #ff0000;} .form_orderprod {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: center;align-items: center;flex-direction: row;} .dopinf {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: left;align-items: start;flex-direction: row;} .logoup {width: 200px;background: #ffffff;text-align: center;align-items: center;display: flex;justify-content: center;} .ozp, .ozp2 {padding: 5px 0px !important;} .fz {font-family: 'Stolzl';font-style: normal;font-weight: 400;font-size: 14px;line-height: 16px;color: #828282;margin-bottom: 12px;} .fzg {display: inline-block;font-family: 'Stolzl';font-style: normal;font-weight: 400;font-size: 14px;line-height: 16px;color: #828282;margin-bottom: 12px;} .container.dostavka.dost {margin-bottom: 78px;} .acf_imageprod.column-acf_imageprod img {width: unset !important;height: 90px !important;} /**/ .navslider {position: absolute;background: #f4f2f2;top: calc(((310px + 142 * ((100vw - 768px) / (1152))) / 1.5) + 90px);right: 0px;} @media (min-width: 1024px) and (max-width: 1600px) { .navslider {top: calc(((310px + 142 * ((100vw - 768px) / (1152))) / 1.5) + 70px);} } @media screen and (max-width: 1023px) { .navslider {display: none;} } .flickity-button.flickity-prev-next-button {opacity: 0;position: absolute;z-index: -1000;left: -9999px;} /**/ .product-types-card > div {word-break: break-word !important;-webkit-hyphens: auto !important;-moz-hyphens: auto !important;-ms-hyphens: auto !important;-o-hyphens: auto !important;hyphens: auto !important;} @media screen and (max-width: 749px ) { .product-types-card > div {max-width: 110px !important;position: relative;margin: 0px auto;} } /**/ .categories-list__item {position: static;z-index: 20;} .menu_sub_md {display: none;position: fixed;width: 300px;height: auto;background: rgba(0, 0, 0, 0);left: 278px;top: 0px;z-index: 10000;min-height: 352px;} .arrowmenu {position: fixed;display: none;width: 10px;height: 44px;left: 280px;top: 0px;z-index: 9000;} .arrowmenu svg {position: absolute;left: 1px;z-index: 1;width: 9px;height: 11px;top: 50%;transform: translateY(-50%);} .sub_menu_n {background: #0c0c0c;position: relative;margin-left: 9px;padding: 0px;box-sizing: border-box;width: 100%;height: auto;min-height: 352px;} .menuitemdepth1 {position: relative;} .elemmenu {position: relative;display: none;} .menuitemdepth1 a, .othergp {position: relative;display: flex;width: 100%;height: 44px;font-family: 'Stolzl';font-style: normal;font-weight: 400;font-size: 14px;line-height: 18px;align-items: center;color: #EDEFF1;padding: 0px 10px;justify-content: left;box-sizing: border-box;} .menuitemdepth1 a span, .othergp span {display: inline-block;vertical-align: middle;} /*.menuitemdepth1 a span.namemenuelem{ max-width: 225px; }*/ .menuitemdepth1 a span.categories-list__arrow-wrap {position: relative !important;-ms-flex-positive: 1 !important;flex-grow: 1 !important;} .menuitemdepth1 a span.categories-list__arrow-wrap .categories-list__arrow {position: absolute;display: -ms-flexbox;display: flex;border-radius: 200px;transition: left ease-out .2s, color ease-out .35s, background-color ease-out .35s, transform ease-out .2s;left: 0;top: -8px;color: #f2f2f2;} .menuitemdepth1 a:hover span.categories-list__arrow-wrap .categories-list__arrow {color: #000000;left: calc(100% - 32px);transform: scale(1.2);} .menuitemdepth1 a::after {display: none;content: "";position: absolute;bottom: 12px;right: -1px;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 9px solid #eee9e9} .categories-list__link::after {display: none;content: "";position: absolute;bottom: 12px;right: -1px;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 9px solid #eee9e9} .menuitemdepth1 a:hover {background: #FFE600;color: #000000 !important;} .activemenuitem {background-color: #1c1c1d;color: #828282;} .activemenuitem .categories-list__arrow {left: calc(100% - 32px) !important; /*background-color: #fff !important;*/color: #ffffff !important;} .group_submenu2 {position: absolute;left: 300px;top: 0px;display: none;background: #FFE600;width: 250px;height: auto;min-height: 352px;z-index: 10;} .group_submenu2 a {color: #000000;display: flex;width: 100%;height: auto;min-height: 44px;font-family: 'Stolzl';font-style: normal;font-weight: 400;font-size: 14px;line-height: 14.6px;align-items: center;justify-content: left;padding: 3px 10px;box-sizing: border-box;} .group_submenu2 a:hover {font-weight: 600;} .group_submenu2 a span {display: none;padding: 0px 5px 0px 0px;box-sizing: border-box;} .group_submenu2 a:hover span {display: inline-block;} .activegroupmenu a {background: #FFE600;color: #000000 !important;} .activegroupmenu .categories-list__arrow {left: calc(100% - 32px) !important; /*background-color: #fff !important;*/color: #000000 !important;} .imagemenugroup {width: 250px;height: 352px;box-sizing: border-box;position: absolute;left: 550px;top: 0px;z-index: 15;display: none;background: #0c0c0c;overflow: hidden;} .imagemenugroup.nogp {left: 300px;} .imagemenugroup img {width: 250px;height: 352px;} @media (min-width: 1024px) and (max-width: 1167px) { .imagemenugroup {display: none !important;} } @media screen and (max-width: 1023px) { .menu_sub_md {left: 78px;} .arrowmenu {left: 80px;} .imagemenugroup {display: none !important;} } @media screen and (max-width: 635px) { .menu_sub_md {width: 250px;} .group_submenu2 {left: 250px;} } @media screen and (max-width: 567px) { .categories-submenu__desktop-wrap {display: none;} } /**/ .header_email {position: relative;width: 50px;height: 50px;margin-left: 10px;display: inline-block;vertical-align: middle;line-height: 50px;padding: 9px 4px;box-sizing: border-box;cursor: pointer;} .iconmail {display: block;width: 43px;height: 32px;position: relative;} .mailblk {display: none;height: 32px;width: 177px;text-align: center;line-height: 28px;margin-left: 34px;padding: 0px 6px;font-family: 'Stolzl';font-style: normal;font-weight: 400;font-size: 14px;color: #FADE45;border: #FADE45 2px solid;border-radius: 3px;} @media screen and (max-width: 1510px) { .header_email {position: relative;width: 50px;height: 32px;margin-left: 10px;display: block;line-height: 32px;padding: 0px 4px;box-sizing: border-box;} .mailblk {width: 147px;font-size: 12px;line-height: 28px;padding: 0px 2px;} } @media (min-width: 1440px) and (max-width: 1919px) { .mailblk {margin-left: calc(26px + 8 * ((100vw - 1440px) / (480)));} } @media screen and (max-width: 480px) { .sliderimgstore {max-width: 480px;} } .feedback__items-container {margin-left: -35px !important;max-width: unset;} .review_blk {float: left;margin: 0px 35px 100px 35px;display: block;width: 572px;min-height: 282px;background: #fffde9;border-top: 1px solid #f3f2f0;border-left: 1px solid #f3f2f0;border-right: 1px solid #f3f2f0;border-bottom: 1px solid #f3f2f0;position: relative;z-index: 1;} .review_blk:after {content: "";position: absolute;bottom: -45px;left: 55px;z-index: 10;width: 63px;height: 45px;background: url('/bitrix/templates/new_gala/assets/css/images/revbot.png') no-repeat;} .date_rev {position: absolute;left: 130px;bottom: -50px;color: #999999;font-size: 14px;} .user_rev {position: absolute;left: 17px;top: 5px;z-index: 10;width: 380px;height: 64px;} .user_rev .avatar_u {border-radius: 64px;position: absolute;width: 64px;height: 64px;display: block;overflow: hidden;left: 0px;top: 0px;z-index: 10;background: #0c0c0c;text-decoration: none;} .user_rev .user_rev_name {position: absolute;left: 75px;top: 20px;z-index: 10;font-size: 20px;font-weight: 800;color: #090909;text-decoration: none;transition: 0.3s;} .user_rev .user_rev_name:hover {color: #676767;transition: 0.3s;} .user_rev .user_rev_rating {position: absolute;left: 75px;top: 47px;z-index: 10;} .user_rev .user_rev_rating .star {margin: 0px 2px;display: inline-block;} .review_text {position: relative;margin-top: 82px;padding: 0px 17px 17px 17px;box-sizing: border-box;} .avatar_u img {width: 64px;height: 64px;} .rev_photo {position: relative;padding: 0px 17px 17px 17px;} .business-review-photos__item {width: 64px;height: 64px;cursor: pointer;display: inline-block;margin-right: 4px;} .business-review-photos__item-img {width: 100%;height: 100%;border-radius: 12px;margin-top: 4px;background-size: cover;background-repeat: no-repeat;background-position: 50%;display: inline-block;} @media screen and (max-width: 700px) { .review_blk {float: left;margin: 0px 35px 100px 35px;display: block;max-width: 572px;width: calc(100% - 32px);min-height: 282px;background: #fffde9;border-top: 1px solid #f3f2f0;border-left: 1px solid #f3f2f0;border-right: 1px solid #f3f2f0;border-bottom: 1px solid #f3f2f0;position: relative;z-index: 1;} .user_rev {position: absolute;left: 17px;top: 5px;z-index: 10;width: 320px;height: 45px;} .user_rev .user_rev_name {position: absolute;left: 55px;top: 2px;z-index: 10;font-size: 16px;font-weight: 800;color: #090909;text-decoration: none;transition: 0.3s;} .user_rev .avatar_u {border-radius: 64px;position: absolute;width: 45px;height: 45px;display: block;overflow: hidden;left: 0px;top: 0px;z-index: 10;background: #0c0c0c;text-decoration: none;text-align: center;font-size: 20px !important;font-weight: 500;color: #ffffff;line-height: 45px !important;} .user_rev .user_rev_rating {position: absolute;left: 55px;top: 24px;z-index: 10;} .review_text {position: relative;margin-top: 62px;padding: 0px 17px 17px 17px;box-sizing: border-box;} } .desctoplent {display: block;} .mobilelent {display: none;} .marquee {width: 100%;height: 40px;line-height: 45px;background: #fade45;} .marquee2 {width: 100%;height: 25px;line-height: 29px;background: #fade45;} .marquee a {position: relative;top: 0px;font-size: 25px;height: 25px;line-height: 25px;font-weight: bold;color: #000000;text-decoration: none;margin: 0 20px;transition: 0.1s linear;font-family: Stolzl;font-weight: bold;} a.outlinetext {font-size: 23px;line-height: 25px;letter-spacing: 2px;color: #fade45;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1);font-family: Stolzl;font-weight: bold;} .marquee a.normaltext:hover {position: relative;top: -3px;transform: scale(1.1);transition: 0.1s linear;color: #000000 !important;font-family: Stolzl;font-weight: bold;} .marquee2 div.normaltext {position: relative;top: 0px;font-size: 17px;height: 17px;line-height: 17px;font-weight: bold;color: #000000;text-decoration: none;margin: 0 20px;display: inline-block;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: Stolzl;} .marquee2 div.outlinetext {position: relative;top: -1px;font-size: 14px;line-height: 17px;letter-spacing: 2px;color: #fade45;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1);text-decoration: none;margin: 0 20px;display: inline-block;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: Stolzl;} .marquee a.outlinetext:hover {position: relative;top: -3px;transform: scale(1.1);transition: 0.1s linear;color: #fade45 !important;} @media screen and (max-width: 480px) { .mobilelent {display: block;} .desctoplent {display: none;} .hero__container.container {background: url('/bitrix/templates/new_gala/assets/images/blocks/main/mobi.jpg') center center no-repeat;} } .b1m1 {max-width: 681px;width: 100%;text-align: right;} h1.advantages-section__title.b1m1 {font-size: 53px !important;} .slogannw {text-align: center;font-weight: bold;font-size: 35px;margin-bottom: 30px;font-family: Stolzl;white-space: nowrap;} @media (max-width: 1649px) { .hero__left-section {margin-left: 0px;} .b1m1 {max-width: 681px;width: 100%;text-align: right;} h1.advantages-section__title.b1m1 {font-size: 53px !important;} } @media (max-width: 1052px) { .hero__left-section {margin-left: 0px;} .b1m1 {max-width: 681px;width: 100%;text-align: right;} h1.advantages-section__title.b1m1 {font-size: 45px !important;} } @media (max-width: 1020px) { .hero__left-section {margin-left: 0px;} .b1m1 {width: 578px;text-align: right;} h1.advantages-section__title.b1m1 {font-size: 45px !important;} } @media (max-width: 835px) { .hero__left-section {margin-left: 0px;} .b1m1 {width: 526px;text-align: right;} h1.advantages-section__title.b1m1 {font-size: 40px !important;} } @media (max-width: 709px) { .hero__left-section {margin-left: 0px;} .b1m1 {width: 474px;text-align: right;} h1.advantages-section__title.b1m1 {font-size: 35px !important;} } @media (max-width: 520px) { .hero__left-section {margin-left: 0px;} .b1m1 {width: calc(100% - 100px);text-align: right;} h1.advantages-section__title.b1m1 {font-size: calc(23px + 10 * ((100vw - 320px) / (520))) !important;} } @media (max-width: 485px) { .hero__left-section {margin-left: 0px;} .b1m1 {width: 100%;text-align: right;} h1.advantages-section__title.b1m1 {font-size: calc(22px + 30 * ((100vw - 320px) / (450))) !important;} .slogannw {text-align: center;font-size: calc(17px + 10 * ((100vw - 320px) / (450))) !important;} } /* End */ /* Start:/bitrix/templates/new_gala/styles.css?17581100247825*/ ::-webkit-scrollbar { width: 6px; height: 6px; } .breadcrumbs-container { padding-top: 3.3333vw; margin-top: 96px; margin-bottom: 44px; } .news-page .products-page__item { display: block; } .news-page .products-page__image { float: right; margin: 0 0 20px 20px; max-width: 50%; } .header__phone-wrap + .header__phone-wrap { margin-top: 0; } .imagestory, .feedback { margin: 150px 0; } .imagestory__tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; gap: 20px; } .imagestory .news-item:hover { cursor: pointer; } .imagestory__tag { flex-grow: 1; } .imagestory__tag:hover { background-color: #f8da34; } .tags { margin-top: 20px; } @media screen and (max-width: 425px) { .catalog__bottom, .feedback__bottom { flex-direction: column; } } .page__search-input { color: #000; } .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { left: -10px; top: 10px; width: 70%; height: auto; } .staff__gallery-item.comands { height: 350px; } .staff__gallery-item.comands .staff__gallery-image-wrap { left: -25px; top: -20px; width: 80%; height: auto; } @media only screen and (min-width: 800px) and (max-width: 1023px){ .staff__gallery-right-section { margin-left: 21vw; } .staff__gallery-item.comands .staff__gallery-image-wrap { left: -25px; top: 0; width: 75%; height: auto; } } @media only screen and (min-width: 600px) and (max-width: 800px){ .staff__gallery-right-section { margin-left: 24vw; } .staff__gallery-item.comands .staff__gallery-image-wrap { left: -25px; top: 10px; width: 72%; height: auto; } } @media only screen and (max-width: 600px) { .staff__gallery-right-section { margin-left: 48.8281vw; } } @media (min-width: 490px) { .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { left: 0; top: -10px; width: 50%; height: auto; } } @media (min-width: 700px) { .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { left: -30px; top: -10px; width: 40%; height: auto; } } @media (min-width: 890px) { .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { left: -20px; top: -10px; width: 30%; height: auto; } } @media (min-width: 1024px) { .staff__gallery-image-wrap, .staff__gallery-item.comands .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { left: -20px; top: -10px; width: 70%; height: auto; } } @media (min-width: 1150px) { .staff__gallery-image-wrap, .staff__gallery-item.comands .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { left: -10px; top: -10px; width: 60%; height: auto; } } @media (min-width: 1440px) { .staff__gallery-image-wrap, .staff__gallery-item.comands .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { left: -30px; top: 5px; width: 65%; height: auto; } } @media (min-width: 1530px) { .staff__gallery-image-wrap, .staff__gallery-item.comands .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { width: 65%; height: auto; } } @media (min-width: 1860px) { .staff__gallery-image-wrap, .staff__gallery-item.comands .staff__gallery-image-wrap, .staff div.staff__gallery-image-wrap { left: -5px; width: 60%; height: auto; } } .staff__gallery-image-wrap._litvinovich { top: -28px; left: -40px; } .staff__gallery-image-wrap._litvinovich img { width: 73%; height: 80%; } .staff__gallery-image-wrap._litvinovich.company, .staff__gallery-image-wrap._litvinovich.contact_p { top: -28px; left: -40px; } .staff__gallery-image-wrap._litvinovich.company img, .staff__gallery-image-wrap._litvinovich.contact_p img { width: 73%; height: 80%; } @media only screen and (max-width: 567px) { .staff__gallery-image-wrap._nosko.company img { width: 90%; height: 90% } .staff__gallery-image-wrap._nosko.company { top: -74px; left: -134px; } .staff__gallery-image-wrap._domracheva.company { top: -60px; left: -90px; } .staff__gallery-image-wrap._domracheva.company img { width: 90%; height: 90% } .staff__gallery-image-wrap._floryanovich.company { top: -37px; left: -116px; } .staff__gallery-image-wrap._floryanovich.company img { width: 90%; height: 90% } .staff__gallery-image-wrap._litvinovich.company { top: -7px; left: -55px; } .staff__gallery-image-wrap._litvinovich.company img { width: 70%; height: 70% } .staff__gallery-image-wrap._nosko.contact_p img { width: 90%; height: 90% } .staff__gallery-image-wrap._nosko.contact_p { top: -74px; left: -190px; } .staff__gallery-image-wrap._domracheva.contact_p { top: -60px; left: -90px; } .staff__gallery-image-wrap._domracheva.contact_p img { width: 90%; height: 90% } .staff__gallery-image-wrap._floryanovich.contact_p { top: -37px; left: -116px; } .staff__gallery-image-wrap._floryanovich.contact_p img { width: 90%; height: 90% } .staff__gallery-image-wrap._litvinovich.contact_p { top: -7px; left: -55px; } .staff__gallery-image-wrap._litvinovich.contact_p img { width: 70%; height: 70% } } .about-page .hero__container { background: transparent; } .video.video-page { position: relative; background: url(/bitrix/templates/new_gala/assets/css/../images/blocks/main/hero/video2.jpg) center no-repeat; background-size: cover; } .video.video-page .video__link { z-index: 1; } .video.video-page:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #3d4144, #3d4144); mix-blend-mode: multiply; } .hero__video-bg._mobile { display: none; } @media (max-width: 480px) { .video.video-page { background: url(/bitrix/templates/new_gala/assets/css/../images/blocks/main/hero/video2_mobi.jpg) center no-repeat; background-size: cover; } .hero__video-bg._desktop { display: none; } .hero__video-bg._mobile { display: block; } .product-page-video.video.video-page{ padding-left: 20px; padding-right: 20px; } .video.video-page:after { background: transparent } } @media only screen and (max-width: 374px) { .video.video-page { height: calc(257px + 0*((100vw - 320px) /(320))); } } .products-page__promo._logo { margin-top: 10px; } .products-page__promo._logo svg { height: 70px; width: auto; } @media (min-width: 1750px) { .products-page__promo._logo svg { height: 90px; } } @media (max-width: 1024px) { .products-page__promo._logo svg { height: 50px; } } @media (max-width: 768px) { .products-page__promo._logo._gamma { display: none; } h1.products-page__title { font-size: calc(34px + 22*((100vw - 375px) /(393))); margin-bottom: 20px; } } @media (max-width: 485px) { .slogannw { text-align: center; font-size: calc(14px + 10*((100vw - 320px) /(450))) !important; } } @media only screen and (max-width: 567px) { .category-hero .hero__video-bg { height: 210px; } .category-hero h1 { font-size: calc(21px + 12*((100vw - 375px) /(393))); } .category-hero { padding-top: 40px; padding-bottom: 0; } .hero__mobile-buttons { margin: 35px -30px 0px -30px; } } @media only screen and (max-width: 567px) { .gc_item{ max-height: none; overflow: hidden; cursor: pointer; max-width: none; width: 100%; } .gc_item img{ display: block; height: auto; border-radius: 8px; width: 100%; max-width: 100%; object-fit: contain; } } /* End */ /* /bitrix/templates/new_gala/assets/css/styles.css?1736526185252303 */ /* /bitrix/templates/new_gala/styles.css?17581100247825 */