/* Start:/local/templates/.default/components/bitrix/menu/horizontal_multilevel/style.css?1713340574984*/ .header__logow { width: unset!important; flex: 1 0; text-align: center; justify-content: center; } .header__logo {width: 127px;} nav .header__menu { list-style: none; overflow: visible; -ms-flex: 0 0 862px; flex: 0 0 862px; height: 39px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } header .container nav.header__menu { margin-left: 30px;} .header_inner .container nav .header__menu { margin-top: 0; padding: 0; } .header__menu .menu__item > .item__link { font-size: 18px!important; white-space: nowrap; } @media (max-width: 1279px) { nav.header__menu {max-width: 695px!important;} nav .header__menu {flex: 0 0 695px} .header__menu .menu__item > .item__link {font-size: 16px!important} } @media (max-width: 600px) { .header-content .header__logow {margin-right: 0!important;} } /* End */ /* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/.default/style.min.css?16251582003712*/ .bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/assets/form.css?16251582053341*/ #sendcart { max-width: 944px; font-family: "MyriadProRegular", sans-serif; } #sendcart .container.send { padding: 0; } #sendcart .container.send .send__title { font-weight: 600; font-size: 36px; line-height: 43px; color: #000000; text-align: left; font-family: "MyriadProRegular", sans-serif; margin-bottom: 50px; } #sendcart .dr__popup.fancybox-content { padding-left: 0; padding-right: 0; } .form__req { display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 980px) { .form__req { justify-content: center; } } .form__req .form__column { display: flex; flex-wrap: wrap; flex: 0 0 380px } @media (max-width: 980px) { .form__req .form__column { flex: 0 0 455px; } } @media (max-width: 600px) { .form__req .form__column { flex: 0 0 100%; } } .form__req .form__column:nth-child(3) { flex: 0 0 455px; justify-content: space-between; } @media (max-width: 600px) { .form__req .form__column:nth-child(3) { flex: 0 0 100%; margin-top: 30px; } } .form__req .form__column .form__fio, .form__req .form__column .form__company, .form__req .form__column .form__town { flex: 0 0 100%; display: flex; flex-direction: column; text-align: left; margin-top: 27px; } .form__req .form__column .form__fio { margin-top: 0; } .form__req .form__column .form__tel { display: flex; flex-direction: column; flex: 0 0 187px; text-align: left; } @media (max-width: 600px) { .form__req .form__column .form__tel { flex: 0 0 100%; } } .form__req .form__column .form__mail { display: flex; flex-direction: column; flex: 0 0 258px; text-align: left; } @media (max-width: 600px) { .form__req .form__column .form__mail { flex: 0 0 100%; margin-top: 30px; } } .form__req .form__column .form__text { display: flex; flex-direction: column; flex: 0 0 100%; text-align: left; margin-top: 29px; } .form__req .form__column .form__text .form__inp-text { height: 129px; width: 100%; border-radius: 6px; border: 1px solid #4C3870; } .form__req .form__adv { flex: 0 0 100%; justify-content: flex-start; text-align: left; font-size: 12px; line-height: 14px; font-family: 'Roboto'; } @media (max-width: 980px) { .form__req .form__adv { text-align: center; } } .form__req .form__submit { flex: 0 0 100%; justify-content: center; margin-top: 30px; } .form__req .form__submit .submit__btn { width: 298px; height: 40px; background-color: #F47F3E; background-image: url("/assets/img/send-icon.svg"); background-position: 15px center; background-repeat: no-repeat; border-radius: 6px; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; border: none; font-family: "MyriadProRegular", sans-serif; } .requared { color: #F47F3E; } .form__req input { border: 1px solid #4C3870; box-sizing: border-box; border-radius: 6px; padding-left: 5px; } /* End */ /* Start:/assets/main.css?1769523244230399*/ @charset "UTF-8"; @import url(/assets/../../bower_components/fancybox/dist/jquery.fancybox.css); *, *::before, *::after { box-sizing: border-box; scroll-behavior: auto; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; background-attachment: initial; transition-delay: 0s; transition-duration: 0s; } } html { font: 400 1rem/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background: inherit; vertical-align: baseline; word-break: normal; color: inherit; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; overflow: visible; } hr:not([size]) { height: 1px; } h1, h2, h3, h4, h5, h6 { margin: 0 initial 0.5rem; font: inherit inherit 500 unset/1.2 inherit; } h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1 { font-size: 2.5rem; } } h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2 { font-size: 2rem; } } h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3 { font-size: 1.75rem; } } h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4 { font-size: 1.5rem; } } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } p { margin: 0 0 1rem; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { font: normal inherit inherit/inherit inherit; margin: 0 0 1rem; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin: 0 0 1rem; } ol ol, ul ul, ol ul, ul ol { margin: 0; } nav li { list-style: none; padding: 0; } nav li::before { content: "​"; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: 700; } small { font-size: 0.875em; } mark { padding: 0.2em; background-color: currentColor; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { cursor: pointer; color: #3333e1; background-color: transparent; text-decoration: none; word-break: break-word; } a:hover { color: #3434e0; text-decoration: underline; } a:focus { outline: thin none; } a:not([href]):not(class), a:not([href]):not([class]):hover { cursor: default; color: inherit; text-decoration: none; } a, area, button, input, label, select, summary, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; } pre, code, kbd, samp { font: 1.05em "Fira Code", "Cascadia Code", Consolas, "Inconsolata", Monaco, Menlo, "Noto Mono", "Roboto Mono", "Droid Sans Mono", "Ubuntu Mono", "Ubuntu Monospace", "Source Code Pro", "Oxygen Mono", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 0.875em; overflow: auto; -ms-overflow-style: scrollbar; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: inherit; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: inherit; background-color: inherit; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } iframe, img, input, select, textarea { height: auto; max-width: 100%; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } svg:not([fill]) { fill: currentColor; } svg:not(:root) { overflow: hidden; } img { border: 0; -ms-interpolation-mode: bicubic; } table { caption-side: bottom; border-collapse: collapse; text-indent: 0; border-color: currentColor; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: inherit; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; text-transform: none; } button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px; } input, button { overflow: visible; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input, select, textarea { background-color: transparent; border: 1px solid WindowFrame; color: inherit; font: inherit; letter-spacing: inherit; padding: 0.25em 0.375em; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { -moz-appearance: none; -webkit-appearance: none; text-transform: none; word-wrap: normal; } select:not([multiple]):not([size]) { background-image: "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E"; } ::-ms-expand { display: none; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(disabled), [type="button"]:not(disabled), [type="reset"]:not(disabled), [type="submit"]:not(disabled) { cursor: pointer; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } textarea { overflow: auto; -ms-overflow-style: scrollbar; resize: vertical; vertical-align: top; } fieldset { min-width: 0; padding: 0.35em 0.75em 0.625em; margin: 0; border: 1px solid inherit; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; max-width: 100%; white-space: normal; } @media (max-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } dialog { background-color: inherit; border: solid; color: inherit; display: block; height: -moz-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: fit-content; } dialog:not([open]) { display: none; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } input::-moz-placeholder { opacity: 1; } input:-ms-input-placeholder { opacity: 1; } input::placeholder { opacity: 1; } .mainpage-title { text-align: left !important; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; -moz-appearance: none; box-sizing: content-box; } 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 { -webkit-appearance: none; -moz-appearance: none; } [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-moz-focus-inner { padding: 0; border-style: none; } ::-moz-ui-invalid { box-shadow: none; } ::-moz-focusring { outline: 1px dotted ButtonText; } output { display: inline-block; } iframe { border: none; } audio, canvas, video { display: inline; display: inline-block; zoom: 1; max-width: 100%; } audio:not([controls]) { display: none; height: 0; } summary { display: list-item; cursor: pointer; } progress { display: inline-block; vertical-align: baseline; } template { display: none; } [hidden] { display: none; } [aria-busy="true"] { cursor: progress; } [aria-controls] { cursor: pointer; } [aria-disabled="true"], [disabled] { cursor: not-allowed; } [aria-hidden="false"][hidden="false"] { display: initial; } [aria-hidden="false"][hidden="false"]:not(:focus) { clip: rect(0, 0, 0, 0); position: absolute; } /* font-family: "MyriadProBold"; */ @font-face { font-family: "MyriadProBold"; src: url("/assets/fonts/MyriadPro/Bold/MyriadProBold.eot"); src: url("/assets/fonts/MyriadPro/Bold/MyriadProBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MyriadPro/Bold/MyriadProBold.woff") format("woff"), url("/assets/fonts/MyriadPro/Bold/MyriadProBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProBoldItalic"; */ @font-face { font-family: "MyriadProBoldItalic"; src: url("/assets/fonts/MyriadPro/BoldItalic/MyriadProBoldItalic.eot"); src: url("/assets/fonts/MyriadPro/BoldItalic/MyriadProBoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MyriadPro/BoldItalic/MyriadProBoldItalic.woff") format("woff"), url("/assets/fonts/MyriadPro/BoldItalic/MyriadProBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProItalic"; */ @font-face { font-family: "MyriadProItalic"; src: url("/assets/fonts/MyriadPro/Italic/MyriadProItalic.eot"); src: url("/assets/fonts/MyriadPro/Italic/MyriadProItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MyriadPro/Italic/MyriadProItalic.woff") format("woff"), url("/assets/fonts/MyriadPro/Italic/MyriadProItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProRegular"; */ @font-face { font-family: "MyriadProRegular"; src: url("/assets/fonts/MyriadPro/Regular/MyriadProRegular.woff2") format("woff2"); src: url("/assets/fonts/MyriadPro/Regular/MyriadProRegular.eot"); src: url("/assets/fonts/MyriadPro/Regular/MyriadProRegular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MyriadPro/Regular/MyriadProRegular.woff") format("woff"), url("/assets/fonts/MyriadPro/Regular/MyriadProRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProSemiBold"; */ @font-face { font-family: "MyriadProSemiBold"; src: url("/assets/fonts/MyriadPro/SemiBold/MyriadProSemiBold.eot"); src: url("/assets/fonts/MyriadPro/SemiBold/MyriadProSemiBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MyriadPro/SemiBold/MyriadProSemiBold.woff") format("woff"), url("/assets/fonts/MyriadPro/SemiBold/MyriadProSemiBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* font-family: "MyriadProSemiBoldItalic"; */ @font-face { font-family: "MyriadProSemiBoldItalic"; src: url("/assets/fonts/MyriadPro/SemiBoldItalic/MyriadProSemiBoldItalic.eot"); src: url("/assets/fonts/MyriadPro/SemiBoldItalic/MyriadProSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MyriadPro/SemiBoldItalic/MyriadProSemiBoldItalic.woff") format("woff"), url("/assets/fonts/MyriadPro/SemiBoldItalic/MyriadProSemiBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } /*media query*/ /* %sprite-svg { display: inline-block; background-image: url(/assets/map-get($spriteSvg, svgPath)); background-size: px2em(map-get($spriteSvg, width)) px2em(map-get($spriteSvg, height)); } %ie-sprite-svg { background-image: url(/assets/map-get($spriteSvg, pngPath)); } @mixin ie-spriteSvg($icon, $type: all) { $iconMap: icon-attr($icon); @if $ieSprite { .bx-ie9 & { @if $type == all { // Shares the PNG background @extend %ie-sprite-svg; } // Outputs dimensions of icon // @if $type == all or $type == size { // width: map-get($iconMap, width); // height: map-get($iconMap, height); // } // // Outputs background position // @if $type == all or $type == bg { // background-position: (map-get($iconMap, x)) (map-get($iconMap, y)); // } } } } // For use with the gulp sprite plugin @mixin spriteSvg($icon, $type: all) { @if $type == all { // Shares the backgrounds @extend %sprite-svg; } $iconMap: icon-attr($icon); // Outputs dimensions in em @if $type == all or $type == width { width: px2em(map-get($iconMap, width) + 1); } // Outputs dimensions in em @if $type == all or $type == height { height: px2em(map-get($iconMap, height) + 1); } // Outputs background position in em | -5px because spacing:5 @if $type == all or $type == bg { background-position: px2em(map-get($iconMap, x) - 5) px2em(map-get($iconMap, y) - 5); } // Add ie fallback @include ie-spriteSvg($icon, $type); } */ html, body { font-family: "MyriadProRegular", sans-serif; color: #000; font-size: 14px; line-height: 24px; margin: 0; } .container { margin: 0 auto; max-width: 1140px; position: relative; padding-left: 0; padding-right: 0; width: auto; } @media only screen and (min-width: 1280px) { .container { max-width: 1140px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .container { padding-left: 30px; padding-right: 30px; max-width: 1000px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .container { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .container { padding-left: 15px; padding-right: 15px; } } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } ::-webkit-input-placeholder { color: #A69CB8; font-size: 16px; line-height: 19px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { ::-webkit-input-placeholder { font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { ::-webkit-input-placeholder { font-size: 12px; line-height: 14px; } } @media only screen and (max-width: 767px) { ::-webkit-input-placeholder { color: #4C3870; } } ::-moz-placeholder { font-size: 16px; line-height: 19px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { ::-moz-placeholder { font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { ::-moz-placeholder { font-size: 12px; line-height: 14px; } } @media only screen and (max-width: 767px) { ::-moz-placeholder { color: #4C3870; } } :-ms-input-placeholder { font-size: 16px; line-height: 19px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { :-ms-input-placeholder { font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { :-ms-input-placeholder { font-size: 12px; line-height: 14px; } } @media only screen and (max-width: 767px) { :-ms-input-placeholder { color: #4C3870; } } input:-moz-placeholder { font-size: 16px; line-height: 19px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { input:-moz-placeholder { font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { input:-moz-placeholder { font-size: 12px; line-height: 14px; } } @media only screen and (max-width: 767px) { input:-moz-placeholder { color: #4C3870; } } .header { height: 556px; font-family: "MyriadProRegular", sans-serif; overflow: hidden; position: relative; background: url("/assets/img/header-bg3.jpg") no-repeat center center fixed; background-position: center center; background-size: "cover"; background-repeat: no-repeat; -webkit-background-size: "cover"; -moz-background-size: "cover"; -o-background-size: "cover"; } .header .header__row .header__logo { width: 127px; height: 59px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header { height: 481px; margin-bottom: 30px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header { height: 374px; overflow: visible; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .header { height: 274px; margin-bottom: 9px; } } .header.hide { position: fixed; width: 100%; z-index: 100; height: 207px; overflow: visible; background: #4C3870; } .header.hide:after { transform: translatex(200%); transition: 1.3s ease; } .header.hide:before { -webkit-clip-path: polygon(100% 100%, 100% 100%, 100% 100%); clip-path: polygon(100% 100%, 100% 100%, 100% 100%); } .header:after { content: ""; position: absolute; right: 0; bottom: 11%; width: 779px; height: 290px; background: url("/assets/img/header-bgw.png"); background-repeat: no-repeat; background-size: contain; z-index: 2; transition: 1.3s; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header:after { width: 557px; height: 202px; bottom: 4%; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header.hide { height: 123px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header.hide { height: 136px; } .header:after { width: 371px; height: 134px; bottom: 12%; right: -2px; bottom: 5%; } } @media only screen and (max-width: 767px) { .header.hide { height: 120px; } .header:after { width: 203px; height: 73px; bottom: 0; } } .header:before { content: ""; width: 101%; height: 100%; position: absolute; bottom: 0; left: 0; right: 0; -webkit-clip-path: polygon(100% 64%, -1% 100%, 100% 100%); clip-path: polygon(100% 64%, -1% 100%, 100% 100%); background: #fff; z-index: 1; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header:before { -webkit-clip-path: polygon(100% 78%, -2% 100%, 100% 100%); clip-path: polygon(100% 78%, -2% 100%, 100% 100%); } } @media only screen and (max-width: 767px) { .header:before { -webkit-clip-path: polygon(100% 88%, -2% 100%, 100% 100%); clip-path: polygon(100% 88%, -2% 100%, 100% 100%); } } .header__burger { display: none; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__burger { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; margin-bottom: 5px; } .header__burger .buger__title { font-size: 14px; line-height: 17px; text-transform: uppercase; color: #A69CB8; margin-left: 8px; } .header__burger span { display: block; width: 18px; height: 3px; position: relative; background: #fff; border-radius: 2px; } .header__burger span:before, .header__burger span:after { content: ""; display: block; position: absolute; width: 18px; height: 3px; background: #fff; bottom: -14px; border-radius: 2px; } .header__burger span:after { bottom: -7px; } } .header__row { margin: 0 auto; max-width: 1140px; position: relative; width: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; height: 85px; z-index: 2; padding: 0; } @media only screen and (min-width: 1280px) { .header__row { max-width: 1140px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__row { padding-left: 30px; padding-right: 30px; max-width: 1000px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__row { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .header__row { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__row { height: 84px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__row { height: 64px; } } @media only screen and (max-width: 767px) { .header__row { height: 50px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__logo { width: 135px; height: 62px; } } @media only screen and (max-width: 1280px) { .header .header__row .header__logo { margin-bottom: -11px;} } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header .header__row .header__logo { width: 110px; height: 51px; margin-bottom: 0; margin-right: 55px; } } @media only screen and (max-width: 767px) { .header__logo { width: 71px; height: 33px; margin-right: 35px; } } nav.header__menu { list-style: none; overflow: visible; -ms-flex: 0 0 862px; flex: 0 0 862px; height: 39px; padding-top: 24px; padding-left: 11px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .header__menu, .header__menu ul, .header__menu li { margin: 0; padding: 0; } .header__menu li:before { display: none; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { nav.header__menu { max-width: 775px; height: 22px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { nav.header__menu { -ms-flex: 0 0 auto; flex: 0 0 auto; } } .header__menu .menu__item { z-index: 1; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__menu .menu__item { display: none; } } .header__menu .menu__item:hover .item__submenu { display: block; } .header__menu .menu__item .item__submenu { list-style: none; overflow: visible; position: absolute; display: none; width: 223px; } .header__menu .menu__item .item__submenu, .header__menu .menu__item .item__submenu ul, .header__menu .menu__item .item__submenu li { margin: 0; padding: 0; } .header__menu .menu__item .item__submenu li:before { display: none; } .header__menu .menu__item .item__submenu:hover .item__link:after { width: 100%; } .header__menu .menu__item .item__submenu .submenu__item { background: #4C3870; padding: 22px 26px 0 17px; } .header__menu .menu__item .item__submenu .submenu__item:first-child { margin-top: 3px; } .header__menu .menu__item .item__submenu .submenu__item:last-child { padding-bottom: 28px; } .header__menu .menu__item .item__submenu .submenu__item:hover:after { content: ""; display: block; position: absolute; left: 0; width: 0; height: 3px; background-color: #F47F3E; } .header__menu .menu__item .item__submenu .submenu__item.about:hover:after { width: 85px; } .header__menu .menu__item .item__submenu .submenu__item .item__link { color: #fff; font-size: 14px; line-height: 16px; text-transform: inherit; } .header__menu .menu__item .item__submenu .submenu__item .item__link:after { content: none; } .header__menu .menu__item .item__submenu .submenu__item .item__link:hover { color: #F47F3E; } .header__menu .menu__item .item__link { color: #fff; text-decoration: none; font-size: 20px; line-height: 24px; font-weight: 400; text-transform: uppercase; position: relative; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__menu .menu__item .item__link { font-size: 18px; line-height: 22px; } } .header__menu .menu__item .item__link.root-item-selected:after { content: ""; display: block; position: absolute; left: 0; width: 0; height: 3px; background-color: #F47F3E; width: 100%; } .header__menu .menu__item .item__link:after { content: ""; display: block; position: absolute; left: 0; width: 0; height: 3px; background-color: #F47F3E; transition: width 0.3s ease-out; } .header__menu .menu__item .item__link:hover:after { width: 100%; } .header__menu .menu__item-basket { margin-right: 12px; margin-bottom: 2px; } .header__menu .menu__item-basket .item__link { background-image: url("/assets/img/basketList.svg"); background-repeat: no-repeat; display: block; width: 39px; height: 39px; background-size: contain; position: relative; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__menu .menu__item-basket .item__link { width: 31px; height: 32px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__menu .menu__item-basket .item__link { width: 25px; height: 27px; } } .header__menu .menu__item-basket .item__link .item__count { font-family: "PT Sans", sans-serif; position: absolute; bottom: -4px; right: -4px; width: 20px; height: 20px; background: #F47F3E; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #4C3870; font-size: 14px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__menu .menu__item-basket .item__link .item__count { width: 18px; height: 18px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__menu .menu__item-basket .item__link .item__count { width: 16px; height: 16px; font-size: 11px; } } .header__control { margin-top: 33px; z-index: 1; } @media only screen and (max-width: 767px) { .header__control { display: none; } } .header__control.white { z-index: 1; position: absolute; min-width: 100%; top: 84px; background: #fff; margin-top: 36px; bottom: 0; padding: 24px 0; } .header__control.white .container { padding: 0; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__control.white .container { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__control.white { margin-top: 0; padding: 15px 0; } } @media only screen and (max-width: 767px) { .header__control.white { top: 20px; display: block; padding: 14px 0; } .header__control.white .header__search .header__form .form__input { height: 28px; } .header__control.white .header__search { margin-left: 10px; margin-right: 10px; height: 28px; }} .header__control.white .header__catalog .catalog__title { border-color: #4C3870; color: #4C3870; } .header__control.white .header__catalog .catalog__title:before { background: url("/assets/img/arrow-downBlue.svg"); background-repeat: no-repeat; } .header__control.white .header__catalog .catalog__title:after { background: url("/assets/img/catalog-iconBlue.svg"); background-repeat: no-repeat; background-size: contain; } .header__control.white .header__search .header__form .form__input { background: transparent; border-color: #4C3870; color: #A69CB8; } .header__control.white .header__search .header__form .form__input:focus { outline: none; } .header__control.white .header__search .header__form .form__input:focus::-webkit-input-placeholder { color: #4C3870; } .header__control.white .header__search .header__form .form__input::-webkit-input-placeholder { color: #A69CB8; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__control { margin-top: 22px; } } @media only screen and (max-width: 767px) { .header__control { position: absolute; } } .header__control .container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; } .header__control .header-svg { position: absolute; bottom: 0; width: 100%; height: 6vw; } .header__control .header__catalog { -ms-flex: 0 0 245px; flex: 0 0 245px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__control .header__catalog { -ms-flex: 0 0 219px; flex: 0 0 219px; } } @media only screen and (max-width: 767px) { .header__control .header__catalog { display: none; } } .header__control .header__catalog .catalog__menu { display: none; position: absolute; width: 209px; box-sizing: content-box; background: #4C3870; padding: 0 18px 27px 18px; box-shadow: 0px 3px 8px 0px #4C3870; -moz-border-radius-bottomright: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__control .header__catalog .catalog__menu { width: 183px; } } .header__control .header__catalog .catalog__menu.active { display: block; } .header__control .header__catalog .catalog__menu .catalog__subtitle { font-weight: 600; font-size: 16px; line-height: 19px; color: #A69CB8; margin-top: 29px; } .header__control .header__catalog .catalog__menu .menu__item { list-style: none; overflow: visible; } .header__control .header__catalog .catalog__menu .menu__item, .header__control .header__catalog .catalog__menu .menu__item ul, .header__control .header__catalog .catalog__menu .menu__item li { margin: 0; padding: 0; } .header__control .header__catalog .catalog__menu .menu__item li:before { display: none; } .header__control .header__catalog .catalog__menu .menu__item:before { content: none; } .header__control .header__catalog .catalog__menu .menu__item .item__link { font-family: "PT Sans", sans-serif; font-size: 14px; line-height: 16px; color: #fff; text-decoration: none; margin: 12px 0 0 10px; display: block; } .header__control .header__catalog .catalog__menu .menu__item .item__link:hover { color: #F47F3E; } .header__control .header__catalog .catalog__title { color: #A69CB8; font-size: 20px; line-height: 24px; text-transform: uppercase; height: 35.5px; padding-top: 2px; border: 1px solid #A69CB8; border-radius: 6px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; box-sizing: content-box; } .header__control .header__catalog .catalog__title.active { color: #A69CB8; background: #4C3870; border-radius: 0; border: none; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0px -3px 8px 0px #4C3870; } .header__control .header__catalog .catalog__title.active:before { background: url("/assets/img/close.svg"); width: 12px; height: 12px; } .header__control .header__catalog .catalog__title.active:after { background: url("/assets/img/catalog_icon.svg"); } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__control .header__catalog .catalog__title { height: 30px; padding-top: 2px; font-size: 18px; line-height: 22px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__control .header__catalog .catalog__title { height: 26px; font-size: 14px; line-height: 17px; } } @media only screen and (max-width: 767px) { .header__control .header__catalog .catalog__title { display: none; } } .header__control .header__catalog .catalog__title:after { content: ""; position: absolute; top: 0; left: 17px; bottom: 0; margin: auto; width: 18px; height: 18px; background: url("/assets/img/catalog_icon.svg"); background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__control .header__catalog .catalog__title:after { width: 16px; height: 16px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__control .header__catalog .catalog__title:after { width: 14px; height: 14px; } } .header__control .header__catalog .catalog__title:before { content: ""; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 12px; height: 7px; background: url("/assets/img/arrow_down.svg"); } .header__control .header__search { -ms-flex: 0 0 864px; flex: 0 0 864px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__control .header__search { -ms-flex: 0 0 718px; flex: 0 0 718px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__control .header__search { -ms-flex: 0 0 473px; flex: 0 0 473px; } } @media only screen and (max-width: 767px) { .header__control .header__search { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .header__control .header__search .header__form { position: relative; } .header__control .header__search .header__form .form__input { width: 100%; height: 40px; background: #4C3870; border: 1px solid #A69CB8; box-sizing: border-box; border-radius: 6px; padding: 0 11px 0 18px; color: #A69CB8; } .header__control .header__search .header__form .form__input:focus { outline: none; } .header__control .header__search .header__form .form__input:focus::-webkit-input-placeholder { color: #4C3870; } .header__control .header__search .header__form .form__input::-webkit-input-placeholder { color: #A69CB8; } .header__control .header__search .header__form .form__input::-moz-placeholder {color: #A69CB8;line-height: 34px;}/* Firefox 19+ */ .header__control .header__search .header__form .form__input:-moz-placeholder {color: #A69CB8;line-height: 34px;}/* Firefox 18- */ @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__control .header__search .header__form .form__input { height: 34px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__control .header__search .header__form .form__input::-moz-placeholder {color: #A69CB8;line-height: 28px;}/* Firefox 19+ */ .header__control .header__search .header__form .form__input:-moz-placeholder {color: #A69CB8;line-height: 28px;}/* Firefox 18- */ .header__control .header__search .header__form .form__input { height: 30px; padding: 0 11px 2px 18px; } } @media only screen and (max-width: 767px) { .header__control .header__search .header__form .form__input { background: transparent; padding: 0 11px 3px 10px; } } .header__control .header__search .header__form .form__submit { position: absolute; margin: auto; right: 11px; top: 0; bottom: 0; background: transparent; background-image: url("/assets/img/search-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 20px; height: 20px; border: none; } .header__control .header__search .header__form .form__submit:hover { cursor: pointer; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header__control .header__search .header__form .form__submit { height: 18px; width: 18px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header__control .header__search .header__form .form__submit { height: 16px; width: 16px; } } .header .header__slider { position: absolute; top: -1px; bottom: 0; right: 0; left: 0px; width: 100%; height: 100%; overflow: hidden; transition: 1.3s; /* .slider__dots { width: 100%; display: flex; justify-content: flex-start; right: 0; left: 0; height: 20px; &.hide { transform: translateX(-100%); transition: 1s ease; } @include container; position: absolute; bottom: 86px; @include media(med-res-desktops) { bottom: 81px; } @include media(hi-res-tablet-portrait) { bottom: 31px; } @include media(smartphone-portrait) { bottom: 21px; } .slider__indicators { right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style-type: none; margin-top: 20px; margin-bottom: 0; } .slider__indicators li { box-sizing: content-box; flex: 0 1 auto; width: 20px; height: 20px; margin-right: 8px; margin-left: 8px; text-indent: -999px; cursor: pointer; background: color(third-color); border-radius: 3px; @include media(hi-res-tablet-portrait) { margin-right: 6px; margin-left: 6px; width: 16px; height: 16px; } .dots__item { width: 20px; height: 20px; margin-right: 17px; border-radius: 3px; background: color(third-color); cursor: pointer; &.active { background: color(second-color); } @include media(hi-res-tablet-portrait) { width: 16px; height: 16px; } } } .slider__indicators li.active { background: color(color-text); } }*/ } .header .header__slider.hide { animation-name: zIn; transform: translateY(-150%); transition: all .3s ease-in-out; background-color: #4C3870; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header .header__slider.hide { transform: translateY(-150%); } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header .header__slider.hide { transform: translateY(-150%); } } @media only screen and (max-width: 767px) { .header .header__slider.hide { transform: translateY(-150%); } } .header .header__slider .main_slider { width: 100%; height: 100%; /* .dots__item { width: 20px; height: 20px; margin-right: 17px; border-radius: 3px; background: color(third-color); cursor: pointer; &.active { background: color(second-color); } @include media(hi-res-tablet-portrait) { width: 16px; height: 16px; } } */ } .header .header__slider .main_slider .slick-list { height: 100%; margin: 0 auto; } .header .header__slider .main_slider .slick-list .slider__item { min-width: 100%; /*display: flex;*/ height: 117vh; -ms-flex-align: left; align-items: left; -ms-flex-pack: start; justify-content: flex-start; position: absolute; padding-top: 4.7%; transition: 0.6s ease; background-size: fixed; background-repeat: no-repeat; -webkit-background-size: fixed; -moz-background-size: fixed; -o-background-size: fixed; background-position: center center; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header .header__slider .main_slider .slick-list .slider__item { padding-top: 0; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header .header__slider .main_slider .slick-list .slider__item { padding-top: 0; } } @media only screen and (max-width: 767px) { .header .header__slider .main_slider .slick-list .slider__item { padding-top: 0; } } .header .header__slider .main_slider .slick-list .slider__item.hide { background-color: #4C3870; } .header .header__slider .main_slider .slick-list .slider__item.active { transform: translate(0, 0); } .header .header__slider .main_slider .slick-list .slider__item.active ~ .slide { transform: translate(100%, 0); } @media only screen and (max-width: 767px) { .header .header__slider .main_slider .slick-list .slider__item { -ms-flex-align: start; align-items: flex-start; } } .header .header__slider .main_slider .slick-list .slider__item .item__info { -ms-flex: 0 0 1000px; flex: 0 0 1000px; padding-left: 4.8%; } .header .header__slider .main_slider .slick-list .slider__item .item__info.hide { transform: translatex(-100%); transition: .1s ease; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header .header__slider .main_slider .slick-list .slider__item .item__info { margin-top: 67px; padding-top: 105px; padding-left: 1%; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header .header__slider .main_slider .slick-list .slider__item .item__info { margin-top: 61px; } } @media only screen and (max-width: 767px) { .header .header__slider .main_slider .slick-list .slider__item .item__info { margin-top: 82px; } } .header .header__slider .main_slider .slick-list .slider__item .item__title { font-weight: bold; font-size: 58px; line-height: 70px; text-transform: uppercase; color: #EFEBE7; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin: 0 0 15px 0; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header .header__slider .main_slider .slick-list .slider__item .item__title { font-size: 50px; line-height: 60px; margin-bottom: 7px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header .header__slider .main_slider .slick-list .slider__item .item__title { font-size: 40px; line-height: 48px; } } @media only screen and (max-width: 767px) { .header .header__slider .main_slider .slick-list .slider__item .item__title { font-size: 24px; line-height: 29px; } } .header .header__slider .main_slider .slick-list .slider__item .item__text { font-family: "PT Sans", sans-serif; font-size: 20px; line-height: 23px; color: #fff; max-width: 780px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header .header__slider .main_slider .slick-list .slider__item .item__text { font-size: 18px; line-height: 21px; max-width: 609px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header .header__slider .main_slider .slick-list .slider__item .item__text { font-size: 14px; line-height: 16px; max-width: 481px; } } @media only screen and (max-width: 767px) { .header .header__slider .main_slider .slick-list .slider__item .item__text { font-size: 12px; line-height: 14px; max-width: 320px; } } @media only screen and (max-width: 340px) { .header .header__slider .main_slider .slick-list .slider__item .item__text { max-width: 290px; } } @media only screen and (max-width: 639px) and (min-width: 480px) { .header .header__slider .main_slider .slick-list .slider__item .item__text { max-width: 303px; } } .header .header__slider .main_slider .slick-list .slider__item .item__btn { width: 148px; height: 40px; border-radius: 6px; background: #F47F3E; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; line-height: 24px; color: #4C3870; text-transform: uppercase; margin-top: 34px; z-index: 300; cursor: pointer; } .header .header__slider .main_slider .slick-list .slider__item .item__btn:hover { color: #fff; text-decoration: none;} @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header .header__slider .main_slider .slick-list .slider__item .item__btn { width: 118px; height: 30px; padding-top: 2px; font-size: 18px; line-height: 22px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header .header__slider .main_slider .slick-list .slider__item .item__btn { width: 89px; height: 22px; font-size: 14px; line-height: 17px; margin-top: 18px; } } .header .header__slider .main_slider .slider__dots { position: absolute; width: 100%; list-style-type: none; text-align: left; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; bottom: 36px; padding-left: 14%; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header .header__slider .main_slider .slider__dots { bottom: 50px; padding-left: 2.5%; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header .header__slider .main_slider .slider__dots { bottom: 31px; } } @media only screen and (max-width: 767px) { .header .header__slider .main_slider .slider__dots { bottom: 21px; } } .header .header__slider .main_slider .slider__dots.hide { transform: translateX(-100%); transition: 1s ease; } .header .header__slider .main_slider .slider__dots li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 20px; height: 20px; margin-right: 8px; margin-left: 8px; text-indent: -999px; cursor: pointer; background: #EFEBE7; border-radius: 3px; position: relative; } .header .header__slider .main_slider .slider__dots li.slick-active { background: #F47F3E; box-shadow: inset 0 0 0 2px #F47F3E; } .header .header__slider .main_slider .slider__dots li a { position: absolute; bottom: 100%; left: 50%; width: 120px; height: 75px; display: block; visibility: hidden; border: 4px solid rgba(0, 0, 0, 0.5); margin-left: -60px; margin-bottom: 15px; transition: visibility 0.5s linear 0.5s; animation: fadeOut 0.5s both; } .header .header__slider .main_slider .slider__dots li a:after { content: ''; position: absolute; left: 50%; margin-left: -8px; top: 100%; width: 0; height: 0; border: 8px solid Transparent; border-top-color: rgba(0, 0, 0, 0.5); margin-top: 4px; } .header .header__slider .main_slider .slider__dots li a img { width: 100%; height: 100%; } .header .header__slider .main_slider .slider__dots li:hover a { visibility: visible; transition-delay: 0s; animation: fadeIn 0.5s both; } .maincontent { font-family: "MyriadProRegular", sans-serif; } @media only screen and (max-width: 1280px) { .maincontent { overflow: hidden; } } .maincontent .container { display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .maincontent .container .catalog { -ms-flex: 0 1 100%; flex: 0 1 100%; padding-bottom: 55px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .catalog { padding-bottom: 34px; } } .maincontent .container .catalog .catalog__title { font-family: "MyriadProRegular", sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000; margin: 0; padding: 0; position: relative; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .catalog .catalog__title { font-size: 32px; line-height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .catalog .catalog__title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .maincontent .container .catalog .catalog__title { font-size: 24px; line-height: 29px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .catalog .catalog__title { margin-bottom: 5px; margin-top: 10px; } } .maincontent .container .catalog .catalog__title:before { content: " "; top: 0; bottom: 0; margin: auto auto; left: 0; margin-right: 12px; width: 25px; height: 25px; background: url("/assets/img/catalog-title-icon.svg"); background-repeat: no-repeat; background-size: contain; display: inline-block; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .catalog .catalog__title:before { width: 22px; height: 22px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .catalog .catalog__title:before { width: 20px; height: 20px; } } @media only screen and (max-width: 767px) { .maincontent .container .catalog .catalog__title:before { width: 18px; height: 18px; } } .maincontent .container .catalog .catalog__row { margin-top: 27px; padding-right: 40px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .catalog .catalog__row { padding: 0; } } @media only screen and (max-width: 767px) { .maincontent .container .catalog .catalog__row { margin-top: 18px; } } .maincontent .container .catalog .catalog__row .catalog__subtitle { -ms-flex: 0 0 100%; flex: 0 0 100%; font-weight: 600; font-size: 24px; line-height: 29px; color: #4C3870; margin: 0; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .catalog .catalog__row .catalog__subtitle { font-size: 22px; line-height: 26px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .catalog .catalog__row .catalog__subtitle { font-size: 20px; line-height: 24px; } } @media only screen and (max-width: 767px) { .maincontent .container .catalog .catalog__row .catalog__subtitle { font-size: 18px; line-height: 22px; } } .maincontent .container .catalog .catalog__row .catalog__category { margin-top: 22px; -ms-flex: 0 0 260px; flex: 0 0 260px; height: 260px; border-radius: 6px; text-decoration: none; transition: .9s ease; position: relative;} .maincontent .container .catalog .catalog__row .catalog__category:hover { -webkit-filter: brightness(70%); filter: brightness(70%); } .maincontent .container .catalog .catalog__row .catalog__category:hover .maincontent .container .catalog .catalog__row .catalog__category:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.1); z-index: 2; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .catalog .catalog__row .catalog__category { margin-top: 20px; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; height: 200px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .catalog .catalog__row .catalog__category { margin-top: 23px; height: 219px; -ms-flex: 0 0 219px; flex: 0 0 219px; } } @media only screen and (max-width: 767px) { .maincontent .container .catalog .catalog__row .catalog__category { margin-top: 19px; height: 180px; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .maincontent .container .catalog .catalog__row .catalog__category a { cursor: pointer; background-color: transparent; text-decoration: none; word-break: keep-all; } .maincontent .container .catalog .catalog__row .catalog__category a:hover { text-decoration: none; } .maincontent .container .catalog .catalog__row .catalog__category .category__title { font-weight: 600; font-size: 24px; line-height: 29px; color: #fff; word-break: keep-all; margin: 38px 66px 0 21px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .catalog .catalog__row .catalog__category .category__title { font-size: 22px; line-height: 26px; margin: 32px 66px 0 17px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .catalog .catalog__row .catalog__category .category__title { font-size: 20px; line-height: 24px; } } @media only screen and (max-width: 767px) { .maincontent .container .catalog .catalog__row .catalog__category .category__title { font-size: 18px; line-height: 22px; max-width: 132px; } } .maincontent .container .promo.tablet { display: none; } @media (max-width: 1023px) and (min-width: 768px) { .maincontent .container .promo.tablet { display: flex; width: 100%; padding-top: 0; } .maincontent .container .promo.tablet .slider__wrapper { width: 100%; } } .maincontent .container .promo { -ms-flex: 0 0 260px; flex: 0 0 260px; padding-top: 122px; /* стили для обёртки, в которой заключены слайды */ /* стили для контейнера слайдов */ /* стили для слайдов */ } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .promo { -ms-flex: 0 0 219px; flex: 0 0 219px; padding-top: 116px; } .maincontent .container .promo.no-content {display: none} } @media only screen and (max-width: 1023px) and (min-width: 768px) { .maincontent .container .promo { display: none; } } .maincontent .container .promo .slider { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; padding-bottom: 20px; border-bottom: 2px solid #EFEBE7; } .maincontent .container .promo.no-content .slider { border: none; } .maincontent .container .promo .slider__wrapper { position: relative; width: 260px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .promo .slider__wrapper { width: 200px; } } @media only screen and (max-width: 767px) and (min-width: 320px) { .maincontent .container .promo .slider__wrapper { width: 100%; } .maincontent .container .promo .slider__wrapper .slick-slide{ margin: 0 10px; } .maincontent .container .catalog .catalog__row { padding-right: 0; } } .maincontent .container .promo .slider__items { display: -ms-flexbox; display: flex; transition: transform 0.6s ease; } .maincontent .container .promo .slider__item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .maincontent .container .promo .slider__item div { height: 350px; border-radius: 6px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .promo .slider__item div { height: 295px; } .maincontent .container .promo .slider__item img { height: 295px; width: 200px; }} @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .promo .slider__item div { height: 78px; } } @media only screen and (max-width: 767px) { .maincontent .container .promo.promo.no-content { display: none; } .maincontent .container .promo .slider__item div { height: 295px; } } .maincontent .container .promo .slider__indicators { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: absolute; list-style-type: none; text-align: center; bottom: -10px; margin: 0 auto; padding: 0px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .container .promo .slider__indicators { bottom: 10px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .container .promo .slider__indicators { bottom: 31px; } } @media only screen and (max-width: 767px) { .maincontent .container .promo .slider__indicators { bottom: 21px; } } .maincontent .container .promo .slider__indicators.hide { transform: translateX(-100%); transition: 1s ease; } .maincontent .container .promo .slider__indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 20px; height: 20px; margin-right: 8px; margin-left: 8px; cursor: pointer; background: transparent; position: relative; -ms-flex: 0 1 auto; } .maincontent .container .promo .slider__indicators li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #A69CB8; border-radius: 3px; } .maincontent .container .promo .slider__indicators li button:hover, .maincontent .container .promo .slider__indicators li button:focus { background: #A69CB8; } .maincontent .container .promo .slider__indicators li button:hover:before, .maincontent .container .promo .slider__indicators li button:focus:before { opacity: 1; } .maincontent .container .promo .slider__indicators li button:before { font-size: 0px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .maincontent .container .promo .slider__indicators li.slick-active button { background: #A69CB8; } .maincontent .container .promo .slider__indicators li.slick-active button:before { opacity: 1; } .maincontent .news { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news { padding-top: 26px; padding-bottom: 67px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .news { padding-bottom: 56px; padding-top: 26px; } } @media only screen and (max-width: 767px) { .maincontent .news { padding-top: 36px; padding-bottom: 50px; } } .maincontent .news .news__title { font-family: "MyriadProRegular", sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000; margin: 0; padding: 0; padding-left: 37px; position: relative; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__title { font-size: 32px; line-height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .news .news__title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .maincontent .news .news__title { font-size: 24px; line-height: 29px; } .maincontent .news .news__title.pleft { margin-left: 20px; }} .maincontent .news .news__title:before { content: " "; position: absolute; top: 0px; bottom: 0px; margin: auto auto; left: 0px; width: 25px; height: 100%; background: url("/assets/img/news-title-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: 0 10px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__title:before { width: 22px; background-position: 0 8px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .news .news__title:before { width: 20px; background-position: 0 8px; } } @media only screen and (max-width: 767px) { .maincontent .news .news__title:before { width: 18px; background-position: 0 6px; } } .maincontent .news .news__link { font-size: 16px; line-height: 25px; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; color: #4C3870; position: absolute; right: 20px; top: 0.65em; padding-left: 23px; } .maincontent .news .news__link:before { content: " "; position: absolute; top: 7px; left: 0; background: url("/assets/img/icon-newslist.svg"); background-size: contain; width: 17px; height: 14px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__link { top: 2.65em; right: 3em; font-size: 14px; line-height: 16px; } } .maincontent .news .news__wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; margin: 22px 0 44px 0; width: 100%; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .news .news__wrapper { margin-bottom: 56px; } } @media only screen and (max-width: 767px) { .maincontent .news .news__wrapper { margin: 28px 0 38px 0; overflow: hidden; -ms-flex-pack: center; justify-content: center; } .maincontent .news .news__wrapper.slider-inner.slick-initialized.slick-slider.slick-dotted { margin-bottom: 91px; } .maincontent .news .news__wrapper.slider-inner.slick-initialized.slick-slider.slick-dotted .slider__row { bottom: -45px; } .maincontent .news .news__wrapper .slick-slide { height: auto; }} .maincontent .news .news__wrapper .news__item { display: flex!important; flex-direction: column; align-items: center; text-align: center; } .maincontent .news .news__wrapper .slick-slide { width: 260px; margin-right: 26px; } @media only screen and (max-width: 1279px) and (min-width: 768px) { .maincontent .news .news__wrapper .news__item { width: 219px; } .maincontent .news .news__wrapper .slick-slide { width: 219px; } } .maincontent .news .news__wrapper .news__item:nth-child(4n) { margin-right: 0; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__wrapper .news__item:nth-child(4n) { margin-right: 17px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__wrapper .news__item { margin-right: 17px; width: 219px; } .maincontent .news .news__wrapper .news__item:nth-child(3n) { margin-right: 17px; } } @media only screen and (max-width: 767px) { .maincontent .news .news__wrapper .news__item { margin-right: 28px !important; } } .maincontent .news .news__wrapper .news__item .item__img { margin-bottom: 6px; border-radius: 6px; width: 260px; transition: .8s; } .maincontent .news .news__wrapper .news__item a:hover { text-decoration: none; } .maincontent .news .news__wrapper .news__item .item__img:hover { -webkit-filter: brightness(70%); filter: brightness(70%); } .maincontent .news .news__wrapper .news__item .item__info .info__title { color: #4C3870; position: relative; margin-bottom: 7px; } /* .maincontent .news .news__wrapper .news__item .item__info .info__title:after { display: block; position: absolute; left: 0; width: 0; height: 2px; background-color: #4C3870; content: ""; transition: width 0.3s ease-out; } .maincontent .news .news__wrapper .news__item .item__info .info__title:hover:after, .maincontent .news .news__wrapper .news__item .item__info .info__title:focus:after { width: 80%; } */ @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__wrapper .news__item .item__img { width: 219px; } } .maincontent .news .news__wrapper .news__item .item__info { text-align: left; padding-left: 5px; width: 100%;} @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__wrapper .news__item .item__info { padding-left: 0; } } .maincontent .news .news__wrapper .news__item .item__info .info__date { text-align: left; font-family: "PT Sans", sans-serif; color: #A69CB8; font-size: 10px; line-height: 12px; } .maincontent .news .news__wrapper .news__item .item__info .info__title a{ text-align: left; font-weight: 600; font-size: 24px; line-height: 29px; color: #4C3870; margin-bottom: 8px; } /* .maincontent .news .news__wrapper .news__item .item__info .info__title a:hover { text-decoration: underline; } */ @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__wrapper .news__item .item__info .info__title a{ font-size: 22px; line-height: 26px; } } .maincontent .news .news__wrapper .news__item .item__info .info__text { text-align: left; font-family: "PT Sans", sans-serif; font-size: 16px; line-height: 19px; margin-bottom: 17px; max-width: 274px; color: #000; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__wrapper .news__item .item__info .info__text { width: 220px; font-size: 14px; line-height: 16px; } } .maincontent .news .news__wrapper .news__item .item__info .info__more { text-align: left; font-size: 16px; line-height: 19px; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; color: #4C3870; position: relative; padding-left: 18px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .news__wrapper .news__item .item__info .info__more { font-size: 14px; line-height: 16px; } } .maincontent .news .news__wrapper .news__item .item__info .info__more:before { content: " "; position: absolute; top: 5px; left: 0; background: url("/assets/img/more-icon.svg"); background-size: contain; width: 13px; height: 13px; } .maincontent .news .slider__row { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: absolute; list-style-type: none; text-align: center; bottom: 20px; margin: 0 auto; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent .news .slider__row { bottom: 50px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent .news .slider__row { bottom: 31px; } } @media only screen and (max-width: 767px) { .maincontent .news .slider__row { bottom: 21px; } } .maincontent .news .slider__row.hide { transform: translateX(-100%); transition: 1s ease; } .maincontent .news .slider__row li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 20px; height: 20px; margin-right: 8px; margin-left: 8px; cursor: pointer; background: transparent; position: relative; -ms-flex: 0 1 auto; } .mobile__search { display: none;} @media only screen and (max-width: 767px) and (min-width: 320px) { .mobile__search { display: block; margin-top: 6px; margin-bottom: 26px; } .header__search { position: relative; } .mobile__search .form__input { width: 100%; border: 1px solid #A69CB8; height: 28px; border-radius: 6px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 12px; font-weight: 300; padding-left: 6px; font-family: "Roboto"; } ::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; padding-left: 6px; font-weight: 300; font-family: "Roboto"; } :-ms-input-placeholder { /* IE 10+ */ font-size: 12px; padding-left: 6px; font-weight: 300; font-family: "Roboto"; } :-moz-placeholder { /* Firefox 18- */ font-size: 12px; padding-left: 6px; font-weight: 300; font-family: "Roboto"; } .form__submit { position: absolute; margin: auto; right: 11px; top: 0; bottom: 0; background: transparent; background-image: url(/assets/img/search-icon.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 20px; height: 20px; border: none; }} .maincontent .news .slider__row li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #EFEBE7; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5); } .maincontent .news .slider__row li button:hover, .maincontent .news .slider__row li button:focus { background: #F47F3E; box-shadow: inset 0 0 0 2px #F47F3E; } .maincontent .news .slider__row li button:hover:before, .maincontent .news .slider__row li button:focus:before { opacity: 1; } .maincontent .news .slider__row li button:before { font-size: 0px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .maincontent .news .slider__row li.slick-active button { background: #F47F3E; box-shadow: inset 0 0 0 2px #F47F3E; } .maincontent .news .slider__row li.slick-active button:before { opacity: 1; } .footer { background: #EFEBE7; font-family: "MyriadProRegular", sans-serif; right: 0; left: 0; bottom: 0; width: 100%; } .footer .footer__row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; height: 140px; padding-top: 30px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .footer .footer__row { padding-top: 20px; height: 105px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .footer .footer__row { padding-top: 19px; height: 95px; } } @media only screen and (max-width: 767px) { .footer .footer__row { height: auto; padding-bottom: 35px; } } .footer .footer__row .footer__logo { width: 115px; height: 53px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .footer .footer__row .footer__logo { width: 99px; height: 46px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .footer .footer__row .footer__logo { width: 82px; height: 38px; } } .footer .footer__row .footer__menu { list-style: none; overflow: visible; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 0 0 731px; flex: 0 0 731px; height: 70px; } .footer .footer__row .footer__menu, .footer .footer__row .footer__menu ul, .footer .footer__row .footer__menu li { margin: 0; padding: 0; } .footer .footer__row .footer__menu li:before { display: none; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .footer .footer__row .footer__menu { -ms-flex: 0 0 700px; flex: 0 0 700px; height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .footer .footer__row .footer__menu { -ms-flex: 0 0 553px; flex: 0 0 553px; } } @media only screen and (max-width: 767px) { .footer .footer__row .footer__menu { -ms-flex: 0 0 60%; flex: 0 0 60%; height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 639px) and (min-width: 480px) { .footer .footer__row .footer__menu { -ms-flex: 0 0 54%; flex: 0 0 54%; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 767px) { .footer .footer__row .footer__menu .menu__item { margin-right: 11px; } } @media only screen and (max-width: 639px) and (min-width: 480px) { .footer .footer__row .footer__menu .menu__item { margin-right: 0; } } .footer .footer__row .footer__menu .menu__item .item__link { font-weight: 600; font-size: 20px; line-height: 24px; color: #4C3870; text-transform: uppercase; text-decoration: none; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .footer .footer__row .footer__menu .menu__item .item__link { font-size: 18px; line-height: 22px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .footer .footer__row .footer__menu .menu__item .item__link { font-size: 14px; line-height: 17px; } } @media only screen and (max-width: 767px) { .footer .footer__row .footer__menu .menu__item .item__link { line-height: 32px; } } .footer .footer__bottom { background: #4C3870; width: 100%; height: 44px; color: #A69CB8; font-family: "Roboto", sans-serif; font-size: 12px; line-height: 14px; } @media only screen and (max-width: 767px) { .footer .footer__bottom { height: 82px; } } .footer .footer__bottom .container { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; height: 100%; } @media only screen and (max-width: 767px) { .footer .footer__bottom .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer .footer__bottom .container .footer__privacy { margin-left: 43px; text-decoration: underline; color: #A69CB8; } @media only screen and (max-width: 767px) { .footer .footer__bottom .container .footer__privacy { -ms-flex-order: 1; order: 1; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; margin: 0 0 6px 0; } } .footer .footer__bottom .container .footer__social { margin-left: auto; -ms-flex: 0 0 119px; flex: 0 0 119px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } /*menu mobile*/ .mobilePop { background: rgba(0, 0, 0, 0.5); position: fixed; float: left; top: 0; left: -100%; width: 100%; height: 100%; font-family: "MyriadProRegular", sans-serif; z-index: 189; } .mobilePop__content { width: 85%; height: 100%; padding: 23px 20px 0 30px; background: #4C3870; overflow: scroll; z-index: 5; } .mobilePop__content::-webkit-scrollbar { width: 0; } .mobilePop__content { -ms-overflow-style: none; } .mobilePop__content { overflow: -moz-scrollbars-none; } .mobilePop__content .mobilePop__close { display: block; width: 18px; height: 2px; background: #F47F3E; transform: rotate(45deg); position: relative; float: right; } .mobilePop__content .mobilePop__close:before { content: ""; position: absolute; top: 0; right: 0; width: 18px; height: 18px; } .mobilePop__content .mobilePop__close:after { content: ""; position: absolute; top: 0; right: 0; transform: rotate(90deg); width: 18px; height: 2px; background: #F47F3E; } .mobilePop__content .mobilePop__menu { list-style: none; overflow: visible; } .mobilePop__content .mobilePop__menu, .mobilePop__content .mobilePop__menu ul, .mobilePop__content .mobilePop__menu li { margin: 0; padding: 0; } .mobilePop__content .mobilePop__menu li:before { display: none; } .mobilePop__content .mobilePop__menu .menu__item { margin-top: 23px; } .mobilePop__content .mobilePop__menu .menu__item .item__link { font-size: 16px; line-height: 19px; text-transform: uppercase; color: #fff; text-decoration: none; } .mobilePop__content .mobilePop__menu .menu__item .item__link:hover { color: #F47F3E; } .mobilePop__content .mobilePop__catalog { margin-top: 35px; } .mobilePop__content .mobilePop__catalog .catalog__title { font-size: 16px; line-height: 19px; text-transform: uppercase; color: #fff; position: relative; padding-left: 28px; } .mobilePop__content .mobilePop__catalog .catalog__title:before { content: ""; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; background: url(/assets/img/catalog_icon.svg); background-size: contain; background-repeat: no-repeat; } .mobilePop__content .mobilePop__catalog .catalog__menu { list-style: none; overflow: visible; } .mobilePop__content .mobilePop__catalog .catalog__menu, .mobilePop__content .mobilePop__catalog .catalog__menu ul, .mobilePop__content .mobilePop__catalog .catalog__menu li { margin: 0; padding: 0; } .mobilePop__content .mobilePop__catalog .catalog__menu li:before { display: none; } .mobilePop__content .mobilePop__catalog .catalog__menu .catalog__subtitle { font-weight: 600; font-size: 16px; line-height: 19px; color: #A69CB8; margin: 12px 0; } .mobilePop__content .mobilePop__catalog .catalog__menu div:nth-of-type(2) { margin-top: 25px; } .mobilePop__content .mobilePop__catalog .catalog__menu .menu__item { padding-left: 10px; margin-bottom: 14px; } .mobilePop__content .mobilePop__catalog .catalog__menu .menu__item .item__link { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 16px; color: #fff; text-decoration: none; } /*fixed menu*/ /*content*/ .header-content { position: fixed; width: 100%; height: 113px; z-index: 3; left: 0; right: 0; top: 0; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header-content { height: 85px; } } @media only screen and (max-width: 767px) { .header-content { height: 60px; } } .header-content:after { content: ""; height: 208px; width: 100%; } .header-content .fixed-menu { min-width: 100%; background: #4C3870; padding-bottom: 20px; z-index: 20; height: 100%; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header-content .fixed-menu { padding-bottom: 0; } } .header-content .fixed-menu .header__row { margin: 0 auto; max-width: 1140px; position: relative; width: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; height: 113px; z-index: 2; padding-top: 13px; } @media only screen and (min-width: 1280px) { .header-content .fixed-menu .header__row { max-width: 1140px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header-content .fixed-menu .header__row { padding-left: 30px; padding-right: 30px; max-width: 1000px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header-content .fixed-menu .header__row { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .header-content .fixed-menu .header__row { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header-content .fixed-menu .header__row { height: 84px; padding-top: 42px; max-width: 1000px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header-content .fixed-menu .header__row { height: 64px; } } @media only screen and (max-width: 767px) { .header-content .fixed-menu .header__row { height: 21px; } } .header-content .fixed-menu .header__logo { width: 127px; height: 59px; margin-bottom: 39px; margin-top: 2em; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header-content .fixed-menu .header__logo { width: 127px; height: 59px; margin-bottom: 42px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header-content .fixed-menu .header__logo { width: 110px; height: 51px; margin-right: 46px; margin-bottom: 33px; } } @media only screen and (max-width: 767px) { .header-content .fixed-menu .header__logo { width: 71px; height: 33px; margin-right: 28px; margin-bottom: 10px; } } .header-margin { margin-bottom: 142px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header-margin { margin-bottom: 205px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header-margin { margin-bottom: 161px; } } @media only screen and (max-width: 767px) { .header-margin { margin-bottom: 116px; } } /*slider*/ .slick-list { overflow: hidden; } .slick-track { display: -ms-flexbox; display: flex; min-width: 0; } .slick-slide { margin-right: 15px; } .slick-slide:last-child .separator { margin-right: 0px; } @media only screen and (max-width: 767px) { .slick-slide { max-width: 249px; margin-right: 0; } } /*contact*/ .contact__title { font-family: "MyriadProRegular", sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000; margin: 0; padding: 0; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .contact__title { font-size: 32px; line-height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .contact__title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .contact__title { font-size: 24px; line-height: 29px; } } /* Standart modal pop-up */ .dr__popup { display: block; text-decoration: none; text-align: center; background-image: linear-gradient(to left, transparent, transparent 50%, #4C3870 50%, #4C3870); background-position: 100% 0; background-size: 200% 100%; transition: all .25s ease-in; border-radius: 18px; } .dr__popup.fancybox-content { padding: 25px 44px; } .dr__popup.fancybox-content .fancybox-button { z-index: 2; cursor: pointer; background: transparent; position: absolute; top: 16px; right: 10px; margin: 10px; } /* .maincontent.inner { .fancybox-container { .fancybox-stage { .fancybox-slider { height: auto; } } } } */ /* .modal.active { display: flex; pointer-events: auto; } */ .Modal_Body { position: relative; z-index: 2; display: block; margin: auto; padding: 22px 20px 11px 20px; background: #fff; } .modalbuy .modalbuy__wrapper { border-radius: 10px; font-weight: 300; font-size: 14px; line-height: 16px; width: 960px; } .modalbuy .modalbuy__wrapper .modalbuy__row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; } .modalbuy .modalbuy__wrapper .modalbuy__row .modalbuy__title { font-weight: 600; font-size: 36px; line-height: 43px; color: #000; } .modalbuy .modalbuy__wrapper .modalbuy__dist { margin-top: 38px; text-align: left; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item { height: 95px; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #EFEBE7; font-family: "PT Sans", sans-serif; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item:last-child { border-bottom: 0; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__img { width: 225px; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item div.item__img { height: 60px; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__img img { max-width: 100%; max-height: 100%; display: block; object-fit: contain;} .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__name { width: 200px; font-weight: 300; font-size: 14px; line-height: 16px; font-family: "PT Sans", sans-serif; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__adr {width: 200px} .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__site { width: 150px; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__site a { color: #4C3870; text-decoration: underline; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__tel { width: 160px; font-weight: 300; font-size: 14px; line-height: 16px; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__tel a { color: #000; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__send { width: 160px; font-weight: 300; font-size: 14px; line-height: 16px; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__send .send__img { background-color: transparent; border-radius: 6px; color: #4C3870; padding: .5em; padding-left: 0px; text-decoration: none; width: 219px; display: inline-block; height: 32px; } .modalbuy .modalbuy__wrapper .modalbuy__dist .dist__item .item__send .send__img:before { content: ""; position: relative; background: url(/assets/img/icon_basket_send.svg) no-repeat scroll 0px 26px; background-repeat: no-repeat; background-size: auto; padding: 27px 22px 10px 0px; } /* .map { width: 100%; position: relative; img { width: 100%; } .pop-upBuy { background: rgba(0, 0, 0, .3); position: absolute; float: left; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 4; .whereBuy { width: 960px; height: 568px; border-radius: 18px; background: color(white); padding: 22px 46px 31px 30px; .whereBuy__title { margin: 0 0 38px 10px; font-weight: 600; font-size: 36px; line-height: 43px; } .whereBuy__container { display: flex; flex-direction: column; font-family: font(second-font); .container__item { display: flex; align-items: center; padding: 11px 0; border-bottom: 2px solid color(third-color); .item__img { width: 151px; flex: 0 0 151px; display: flex; justify-content: center; margin-right: 69px; } .item__name { flex: 0 0 205px; width: 205px; font-size: 14px; line-height: 16px } .item__site { flex: 0 0 200px; width: 200px; font-size: 14px; line-height: 16px; text-decoration-line: underline; color: color(main-color); } .item__tel { flex: 0 0 145px; width: 145px; font-size: 14px; line-height: 16px; } .item__send { font-family: font(main-font); width: 190px; height: 24px; font-size: 14px; line-height: 17px; color: color(main-color); background: color(third-color); border-radius: 3px; display: flex; align-items: center; .send__img { width: 15px; height: 20px; margin-right: 5px; } } } } } } } */ .header_margin_inner { margin-bottom: 211px; /* @include media(med-res-desktops) { margin-bottom: 205px; } @include media(hi-res-tablet-portrait) { margin-bottom: 161px; } @include media(smartphone-portrait) { margin-bottom: 116px; } */ } .header_inner { min-width: 100%; background: #4C3870; padding-bottom: 20px; position: fixed; height: 113px; z-index: 3; left: 0; right: 0; top: 0; } @media (max-width: 1023px) { .header_inner { height: 85px; } } .header_inner__burger { display: none; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__burger { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; margin-bottom: 5px; } .header_inner__burger .buger__title { font-size: 14px; line-height: 17px; text-transform: uppercase; color: #A69CB8; margin-left: 8px; } .header_inner__burger span { display: block; width: 18px; height: 3px; position: relative; background: #fff; border-radius: 2px; } .header_inner__burger span:before, .header_inner__burger span:after { content: ""; display: block; position: absolute; width: 18px; height: 3px; background: #fff; bottom: -14px; border-radius: 2px; } .header_inner__burger span:after { bottom: -7px; } } .header_inner__row { margin: 0 auto; max-width: 1140px; position: relative; width: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; height: 103px; z-index: 2; padding: 0; } @media only screen and (min-width: 1280px) { .header_inner__row { max-width: 1140px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__row { padding-left: 30px; padding-right: 30px; max-width: 1000px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__row { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .header_inner__row { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__row { height: 84px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__row { height: 64px; } } @media only screen and (max-width: 767px) { .header_inner__row { height: 50px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__logo { width: 135px; height: 62px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__logo { width: 110px; height: 51px; margin-right: 55px; } } @media only screen and (max-width: 767px) { .header_inner__logo { width: 71px; height: 33px; margin-right: 35px; } } .header_inner__menu { list-style: none; overflow: visible; -ms-flex: 0 0 862px; flex: 0 0 862px; height: 39px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .header_inner__menu, .header_inner__menu ul, .header_inner__menu li { margin: 0; padding: 0; } .header_inner__menu li:before { display: none; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__menu { max-width: 775px; height: 22px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__menu { -ms-flex: 0 0 auto; flex: 0 0 auto; } } .header_inner__menu .menu__item { z-index: 1; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__menu .menu__item { display: none; } } .header_inner__menu .menu__item:hover .item__submenu { display: block; } .header_inner__menu .menu__item .item__submenu { list-style: none; overflow: visible; position: absolute; display: none; width: 223px; } .header_inner__menu .menu__item .item__submenu, .header_inner__menu .menu__item .item__submenu ul, .header_inner__menu .menu__item .item__submenu li { margin: 0; padding: 0; } .header_inner__menu .menu__item .item__submenu li:before { display: none; } .header_inner__menu .menu__item .item__submenu:hover .item__link:after { width: 100%; } .header_inner__menu .menu__item .item__submenu .submenu__item { background: #4C3870; padding: 22px 26px 0 17px; } .header_inner__menu .menu__item .item__submenu .submenu__item:first-child { margin-top: 3px; } .header_inner__menu .menu__item .item__submenu .submenu__item:last-child { padding-bottom: 28px; } .header_inner__menu .menu__item .item__submenu .submenu__item:hover:after { content: ""; display: block; position: absolute; left: 0; width: 0; height: 3px; background-color: #F47F3E; } .header_inner__menu .menu__item .item__submenu .submenu__item.about:hover:after { width: 85px; } .header_inner__menu .menu__item .item__submenu .submenu__item .item__link { color: #fff; font-size: 14px; line-height: 16px; text-transform: inherit; } .header_inner__menu .menu__item .item__submenu .submenu__item .item__link:after { content: none; } .header_inner__menu .menu__item .item__submenu .submenu__item .item__link:hover { color: #F47F3E; } .header_inner__menu .menu__item .item__link { color: #fff; text-decoration: none; font-size: 20px; line-height: 24px; font-weight: 400; text-transform: uppercase; position: relative; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__menu .menu__item .item__link { font-size: 18px; line-height: 22px; } } .header_inner__menu .menu__item .item__link.root-item-selected:after { content: ""; display: block; position: absolute; left: 0; width: 0; height: 3px; background-color: #F47F3E; width: 100%; } .header_inner__menu .menu__item .item__link:after { content: ""; display: block; position: absolute; left: 0; width: 0; height: 3px; background-color: #F47F3E; transition: width 0.4s ease-out; } .header_inner__menu .menu__item .item__link:hover:after { width: 100%; } .header_inner__menu .menu__item-basket { margin-right: 12px; margin-bottom: 2px; } .header_inner__menu .menu__item-basket .item__link { background-image: url("/assets/img/basketList.svg"); background-repeat: no-repeat; display: block; width: 39px; height: 39px; background-size: contain; position: relative; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__menu .menu__item-basket .item__link { width: 31px; height: 32px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__menu .menu__item-basket .item__link { width: 25px; height: 27px; } } .header_inner__menu .menu__item-basket .item__link .item__count { font-family: "PT Sans", sans-serif; position: absolute; bottom: -4px; right: -4px; width: 20px; height: 20px; background: #F47F3E; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #4C3870; font-size: 14px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__menu .menu__item-basket .item__link .item__count { width: 18px; height: 18px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__menu .menu__item-basket .item__link .item__count { width: 16px; height: 16px; font-size: 11px; } } .header_inner__control { margin-top: 0px; z-index: 1; /* .header__catalog { flex: 0 0 245px; @include media(med-res-desktops) { flex: 0 0 219px; } @include media(smartphone-portrait) { display: none; } .catalog__menu { display: none; position: absolute; width: 209px; box-sizing: content-box; background: color(main-color); padding: 0 18px 27px 18px; -webkit-box-shadow: 0px 3px 8px 0px color(main-color); -moz-box-shadow: 0px 3px 8px 0px color(main-color); box-shadow: 0px 3px 8px 0px color(main-color); //box-shadow: 1px 2px 8px -1px #1F0C43; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; @include media(med-res-desktops) { width: 183px; } &.active { display: block; } .catalog__subtitle { font-weight: 600; font-size: 16px; line-height: 19px; color: color(color-text); margin-top: 29px; } .menu__item { @include clearList; .item__link { font-family: font(second-font); font-size: 14px; line-height: 16px; color: color(white); text-decoration: none; margin: 12px 0 0 10px; display: block; } } } .catalog__title { color: color(color-text); font-size: 20px; line-height: 24px; text-transform: uppercase; height: 35.5px; padding-top: 2px; border: 1px solid color(color-text); border-radius: 6px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; box-sizing: content-box; &.active { color: color(color-text); background: color(main-color); border-radius: 0; border: none; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-box-shadow: 0px -3px 8px 0px color(main-color); -moz-box-shadow: 0px -3px 8px 0px color(main-color); box-shadow: 0px -3px 8px 0px color(main-color); &:before { background: url("/assets/img/close.svg"); width: 12px; height: 12px; } &:after { background: url("/assets/img/catalog_icon.svg"); } } @include media(med-res-desktops) { height: 30px; padding-top: 2px; font-size: 18px; line-height: 22px; } @include media(hi-res-tablet-portrait) { height: 26px; font-size: 14px; line-height: 17px; } @include media(smartphone-portrait) { display: none; } &:after { content: ""; position: absolute; top: 0; left: 17px; bottom: 0; margin: auto; width: 18px; height: 18px; background: url("/assets/img/catalog_icon.svg"); background-size: contain; background-repeat: no-repeat; @include media(med-res-desktops) { width: 16px; height: 16px; } @include media(hi-res-tablet-portrait) { width: 14px; height: 14px; } } &:before { content: ""; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 12px; height: 7px; background: url("/assets/img/arrow_down.svg"); } } } */ } @media only screen and (max-width: 767px) { .header_inner__control { display: none; } } .header_inner__control.white { z-index: -1; position: relative; min-width: 100%; top: 0px; padding-top: 24px; background: #fff; } @media only screen and (max-width: 767px) { .header_inner__control.white { top: 37px; display: block; } } .header_inner__control.white .header__catalog { -ms-flex: 0 0 245px; flex: 0 0 245px; /* .header__catalog .catalog__title { border-color: color(main-color); color: color(main-color); &:before { background: url("/assets/img/arrow-downBlue.svg"); background-repeat: no-repeat; } &:after { background: url("/assets/img/catalog-iconBlue.svg"); background-repeat: no-repeat; background-size: contain; } } */ } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__control.white .header__catalog { -ms-flex: 0 0 219px; flex: 0 0 219px; } } @media only screen and (max-width: 767px) { .header_inner__control.white .header__catalog { display: none; } } .header_inner__control.white .header__catalog .catalog__title { color: #A69CB8; font-size: 20px; line-height: 24px; text-transform: uppercase; height: 35.5px; width: 245px; padding-top: 2px; margin-right: 30px; border: 1px solid #4C3870; border-radius: 6px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; box-sizing: content-box; } .header_inner__control.white .header__catalog .catalog__title:before { content: ""; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 12px; height: 7px; background: url("/assets/img/arrow_down.svg"); } .header_inner__control.white .header__catalog .catalog__title:after { content: ""; position: absolute; top: 0; left: 17px; bottom: 0; margin: auto; width: 18px; height: 18px; background: url("/assets/img/catalog_icon_blue.svg"); background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__control.white .header__catalog .catalog__title:after { width: 16px; height: 16px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__control.white .header__catalog .catalog__title:after { width: 14px; height: 14px; } } .header_inner__control.white .header__catalog .catalog__title.active { color: #A69CB8; background: #fff; border-radius: 0; border: 1px solid #4C3870; border-bottom: none; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: none; } .header_inner__control.white .header__catalog .catalog__title.active:before { background: url("/assets/img/icon_close.svg") 50%; width: 12px; height: 12px; } .header_inner__control.white .header__catalog .catalog__title.active:after { content: ""; position: absolute; top: 0; left: 17px; bottom: 0; margin: auto; width: 18px; height: 18px; background: url("/assets/img/catalog_icon_blue.svg"); background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__control.white .header__catalog .catalog__title { height: 30px; padding-top: 2px; font-size: 18px; line-height: 22px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__control.white .header__catalog .catalog__title { height: 26px; font-size: 14px; line-height: 17px; } } @media only screen and (max-width: 767px) { .header_inner__control.white .header__catalog .catalog__title { display: none; } } .header_inner__control.white .header__catalog .catalog__menu { display: none; position: absolute; width: 209px; box-sizing: content-box; background: #fff; padding: 0 18px 27px 18px; -moz-border-radius-bottomright: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid #1F0C43; border-top: none; box-shadow: none; } @media only screen and (max-width: 1023px) and (min-width: 960px) { .header_inner__control.white .header__catalog .catalog__menu { width: 183px; } } .header_inner__control.white .header__catalog .catalog__menu.active { display: block; border-top: none; width: 209px; } .header_inner__control.white .header__catalog .catalog__menu .catalog__subtitle { font-weight: 600; font-size: 16px; line-height: 19px; color: #82749B; margin-top: 29px; } .header_inner__control.white .header__catalog .catalog__menu .menu__item { list-style: none; overflow: visible; } .mobilePop__content .mobilePop__menu .menu__item ul.item__submenu .submenu__item { padding-left: 10px; margin-bottom: 14px; list-style: none; } .mobilePop__content .mobilePop__menu .menu__item ul.item__submenu .submenu__item:first-child { margin-top: 12px; } .mobilePop__content .mobilePop__menu .menu__item .item__submenu .item__link { font-family: "PT Sans", sans-serif; font-size: 14px; line-height: 16px; color: #fff; text-decoration: none; text-transform: capitalize; } .header_inner__control.white .header__catalog .catalog__menu .menu__item, .header_inner__control.white .header__catalog .catalog__menu .menu__item ul, .header_inner__control.white .header__catalog .catalog__menu .menu__item li { margin: 0; padding: 0; } .header_inner__control.white .header__catalog .catalog__menu .menu__item li:before { display: none; } .header_inner__control.white .header__catalog .catalog__menu .menu__item:before { content: none; } .header_inner__control.white .header__catalog .catalog__menu .menu__item .item__link { font-family: "PT Sans", sans-serif; font-size: 14px; line-height: 16px; color: #4C3870; text-decoration: none; margin: 12px 0 0 10px; display: block; } .header_inner__control.white .header__catalog .catalog__menu .menu__item .item__link:hover { color: #F47F3E; } .header_inner__control.white .header__search .header__form .form__input { background: transparent; border-color: #4C3870; color: #A69CB8; } .header_inner__control.white .header__search .header__form .form__input:focus { outline: none; } .header_inner__control.white .header__search .header__form .form__input:focus::-webkit-input-placeholder { color: #4C3870; } .header_inner__control.white .header__search .header__form .form__input::-webkit-input-placeholder { color: #A69CB8; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__control { margin-top: 22px; } } @media only screen and (max-width: 767px) { .header_inner__control { position: absolute; } } .header_inner__control .container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; } .header_inner__control .header-svg { position: absolute; bottom: 0; width: 100%; height: 6vw; } .header_inner__control .header__search { -ms-flex: 0 0 864px; flex: 0 0 864px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__control .header__search { -ms-flex: 0 0 670px; flex: 0 0 670px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__control .header__search { -ms-flex: 0 0 473px; flex: 0 0 473px; } } @media only screen and (max-width: 767px) { .header_inner__control .header__search { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .header_inner__control .header__search .header__form { position: relative; } .header_inner__control .header__search .header__form .form__input { width: 100%; height: 40px; background: #4C3870; border: 1px solid #A69CB8; box-sizing: border-box; border-radius: 6px; padding: 0 11px 0 18px; color: #A69CB8; } .header_inner__control .header__search .header__form .form__input::placeholder { line-height: 38px; } .header_inner__control .header__search .header__form .form__input:focus { outline: none; } .header_inner__control .header__search .header__form .form__input:focus::-webkit-input-placeholder { color: #4C3870; } .header_inner__control .header__search .header__form .form__input::-webkit-input-placeholder { color: #A69CB8; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__control .header__search .header__form .form__input { height: 34px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__control .header__search .header__form .form__input { height: 30px; padding: 0 11px 2px 18px; } } @media only screen and (max-width: 767px) { .header_inner__control .header__search .header__form .form__input { background: transparent; padding: 0 11px 3px 10px; } } .header_inner__control .header__search .header__form .form__submit { position: absolute; margin: auto; right: 11px; top: 0; bottom: 0; background: transparent; background-image: url("/assets/img/search-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 20px; height: 20px; border: none; } .header_inner__control .header__search .header__form .form__submit:hover { cursor: pointer; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .header_inner__control .header__search .header__form .form__submit { height: 18px; width: 18px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .header_inner__control .header__search .header__form .form__submit { height: 16px; width: 16px; } } .maincontent.inner { margin: 113px auto 0px auto; } .maincontent.inner__search { -ms-flex: 0 0 864px; flex: 0 0 864px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner__search { -ms-flex: 0 0 718px; flex: 0 0 718px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner__search { -ms-flex: 0 0 473px; flex: 0 0 473px; } } @media only screen and (max-width: 767px) { .maincontent.inner__search { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .maincontent.inner__search .header__form { position: relative; } .maincontent.inner__search .header__form .form__input { width: 100%; height: 40px; background: #4C3870; border: 1px solid #A69CB8; box-sizing: border-box; border-radius: 6px; padding: 0 11px 0 18px; color: #A69CB8; } .maincontent.inner__search .header__form .form__input:focus { outline: none; } .maincontent.inner__search .header__form .form__input:focus::-webkit-input-placeholder { color: #4C3870; } .maincontent.inner__search .header__form .form__input::-webkit-input-placeholder { color: #A69CB8; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner__search .header__form .form__input { height: 34px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner__search .header__form .form__input { height: 30px; padding: 0 11px 2px 18px; } } @media only screen and (max-width: 767px) { .maincontent.inner__search .header__form .form__input { background: transparent; padding: 0 11px 3px 10px; } } .maincontent.inner__search .header__form .form__submit { position: absolute; margin: auto; right: 11px; top: 0; bottom: 0; background: transparent; background-image: url("/assets/img/search-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 20px; height: 20px; border: none; } .maincontent.inner__search .header__form .form__submit:hover { cursor: pointer; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner__search .header__form .form__submit { height: 18px; width: 18px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner__search .header__form .form__submit { height: 16px; width: 16px; } } .maincontent.inner .container.news.about { font-size: 16px; } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about { padding: 0 10px; } } .maincontent.inner .container.news.about h2 { font-size: 24px; color: #4C3870; padding: 1em 0 1em 0; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news.about h2 { font-size: 16px; } } .maincontent.inner .container.news.about .about__title { font-family: "MyriadProRegular", sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000; margin: 0; padding: 0; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news.about .about__title { font-size: 32px; line-height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news.about .about__title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about .about__title { font-size: 24px; line-height: 29px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about .about__title { margin-bottom: 13px; } } .maincontent.inner .container.news.about .about__wrapper { margin-top: 28px; } .maincontent.inner .container.news.about .about__img { float: right; margin-top: -33px; margin-left: 30px; display: block; border: 1px solid #A69CB8; } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about .about__img { margin-top: 0; margin-right: 0; float: none; width: 100%; margin: 0 auto; } } .maincontent.inner .container.news.about .about__logos { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin: 2em auto 3em; } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about .about__logos { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about .about__logos div { -ms-flex: 0 0 40%; flex: 0 0 40%; margin-bottom: 13px; } } .maincontent.inner .container.news.about .about__logos img { display: block; max-width: 100%; } .maincontent.inner .container.news.about .about__plus { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; margin-top: 3em; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news.about .about__plus { -ms-flex-direction: column; flex-direction: column; } } .maincontent.inner .container.news.about .about__plus .plus__column { -ms-flex: 0 0 30%; flex: 0 0 30%; font-size: 16px; line-height: 19px; font-family: "PT Sans", sans-serif; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news.about .about__plus .plus__column { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 14px; margin-bottom: 17px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about .about__plus .plus__column { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } .maincontent.inner .container.news.about .about__plus .plus__column img { margin-bottom: 13px; width: 100%; -o-object-fit: contain; object-fit: contain; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news.about .about__plus .plus__column img { margin: 0 20px 0 0; width: 300px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about .about__plus .plus__column img { width: 100%; margin: 0 0 13px 0; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news.about .about__plus .plus__column span { margin-top: 30px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news.about .about__plus .plus__column span { margin: 0; } } /*сертификаты*/ .maincontent.inner .container.cert { font-size: 16px; display: block; } .maincontent.inner .container.cert .cert__title { font-family: "MyriadProRegular", sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000; margin: 0; padding: 0; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.cert .cert__title { font-size: 32px; line-height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.cert .cert__title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.cert .cert__title { font-size: 24px; line-height: 29px; } } .maincontent.inner .container.cert .cert__text__wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 28px; } .maincontent.inner .container.cert .cert__tabs__wrapper { margin-top: 1em; } .tabs { font-size: 0; } .tabs > .tab_btn { display: none; } .tabs .tab_container > .tab_content { display: none; font-size: 16px; } .tabs > label { display: inline-block; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 2px 27px 0px 27px; font: normal normal 600 24px/29px "MyriadProRegular", sans-serif; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 0px; color: #82749B; cursor: pointer; } .tabs > label:hover { color: #4C3870; } .tabs > label:first-of-type { margin-left: 0; } .tabs > label:not(:first-of-type) { border-left: none; margin-left: 0; } .tabs > input[type="radio"]:checked + label { color: #4C3870; } .tabs > input[type="radio"]:checked + label:before { border-bottom: 1px solid #F47F3E; color: #000; } .tabs .tab_btn:nth-child(1):checked ~ .tab_container .tab_content:nth-child(1), .tabs .tab_btn:nth-child(3):checked ~ .tab_container .tab_content:nth-child(2), .tabs #tab_btn-3:checked ~ .tab_container .tab_content:nth-child(3) { display: block; } /* .tab_btn:nth-child(1):checked~.tab_container .tab_content:nth-child(1), .tab_btn:nth-child(3):checked~.tab_container .tab_content:nth-child(2), .tab_btn:nth-child(5):checked~.tab_container .tab_content:nth-child(3) { display: block; } */ .maincontent.inner .container.cert .cert__part { padding-bottom: 3em; } .maincontent.inner .container.cert .cert__part .part__title { font-weight: 600; font-size: 24px; line-height: 29px; color: #4C3870; position: relative; margin-top: 24px; } .maincontent.inner .container.cert .cert__part .part__title.first { max-width: fit-content; } .maincontent.inner .container.cert .cert__part .part__title:before { content: ""; position: absolute; top: 0; right: -35px; bottom: 0; margin: auto; width: 19px; height: 13px; background: url("/assets/img/arrow_down.svg"); background-repeat: no-repeat; background-size: contain; transition: .7s; } .maincontent.inner .container.cert .cert__part .part__title.first.out:before { transform: rotate(180deg); } .maincontent.inner .container.cert .cert__part .cert-in { display: none; } .maincontent.inner .container.cert .cert__part .cert__wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item { margin: 20px 0; height: 34px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 50%; flex: 0 0 50%; position: relative; } @media only screen and (max-width: 1023px) { .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item:before { content: ""; top: 0; position: absolute; background-repeat: no-repeat; background-size: contain; background: url("/assets/img/format/fetch.svg"); left: 0; width: 27px; height: 33px; } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item[data-type='application/pdf']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/pdf.svg"); } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item[data-type='image/png']:before, .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item[data-type='image/jpg']:before, .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item[data-type='image/jpeg']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/jpg.svg"); } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item[data-type='application/vnd.ms-powerpoint']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/ppt.svg"); } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item[data-type='application/vnd.ms-excel']:before { background-size: contain; background-repeat: no-repeat; height: 33px; width: 33px; background: url("/assets/img/format/xls.svg"); } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item[data-type='application/x-zip-compressed']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/zip.svg"); } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item[data-type='application/msword']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/doc.svg"); } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item .item__name { font-size: 16px; line-height: 20px; color: #4C3870; padding-left: 37px; } .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item .item__name:hover { color: #F47F3E; } /*content*/ .maincontent.inner .container.news { display: block; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news { padding: 0 0 30px 0; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news { padding: 0 15px 60px 15px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.cert .cert__part .cert__wrapper .cert__item .item__name { font-size: 12px; line-height: 14px; } .maincontent.inner .container.news { padding: 0; } } .maincontent.inner .breadcrumbs { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .breadcrumbs { display: none; } } .maincontent.inner .breadcrumbs__item { margin-left: 1px; font-size: 14px; line-height: 16px; font-family: "PT Sans", sans-serif; color: #A69CB8; text-decoration: underline; } .maincontent.inner .breadcrumbs__item .point { text-decoration: none; color: #A69CB8; font-size: 14px; line-height: 16px; } .maincontent.inner .breadcrumbs__item .point:nth-child(2) { display: none; } .maincontent.inner .breadcrumbs__item:last-child { text-decoration: none; } .maincontent.inner .point { text-decoration: none; color: #A69CB8; font-size: 16px; line-height: 16px; margin-left: 4px; } .maincontent.inner .point:nth-child(2) { display: none; } .maincontent.inner .news__row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 767px) { .maincontent.inner .news__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 767px) { .maincontent.inner .news__row .news__title { -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 42px; } .maincontent.inner .news__row .news__title:before { margin-left: 15px; } } .maincontent.inner .news__row .news__filter { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; padding-right: 14px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .news__row .news__filter { padding-right: 0; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .news__row .news__filter { margin-bottom: 0; } } @media only screen and (max-width: 767px) { .maincontent.inner .news__row .news__filter { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-pack: start; justify-content: flex-start; margin-top: 10px; background: #EFEBE7; height: 40px; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } } .maincontent.inner .news__row .news__filter .filter__years { margin-right: 15px; } .maincontent.inner .news__row .news__filter .filter__title { font-size: 18px; line-height: 22px; color: #A69CB8; margin-right: 5px; margin-left: 15px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .news__row .news__filter .filter__title { font-size: 16px; line-height: 19px; } } .maincontent.inner .news__row .news__filter select { border: none; outline: none; position: relative; background: url(/assets/img/arrow-downBlue.svg); background-position: right; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 18px; padding-right: 18px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .news__row .news__filter select { font-size: 16px; line-height: 19px; } } .maincontent.inner .news__row .news__filter select:before { content: ""; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 12px; height: 7px; background: url(/assets/img/arrow-downBlue.svg); } .maincontent.inner .news__row .news__filter select:focus { outline: none; } .maincontent.inner .news__wrapper.all { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .news__wrapper.all { margin-bottom: -5px; } } @media only screen and (max-width: 767px) { .maincontent.inner .news__wrapper.all { margin: 0 auto; max-width: 1140px; position: relative; width: auto; } } @media only screen and (max-width: 767px) and (min-width: 1280px) { .maincontent.inner .news__wrapper.all { max-width: 1140px; } } @media only screen and (max-width: 767px) and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .news__wrapper.all { padding-left: 30px; padding-right: 30px; max-width: 1000px; } } @media only screen and (max-width: 767px) and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .news__wrapper.all { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .maincontent.inner .news__wrapper.all { padding-left: 15px; padding-right: 15px; } } .maincontent.inner .news__wrapper.all .news__item { margin-bottom: 49px; max-width: 260px; margin-right: 23px;} @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .news__wrapper.all .news__item { margin-bottom: 37px; } } @media only screen and (max-width: 959px) and (min-width: 640px) { .maincontent.inner .news__wrapper.all .news__item { margin-bottom: 44px; flex: 0 0 220px } .maincontent.inner .news__wrapper.all .news__item .item__info .info__text { margin-bottom: 14px; } .maincontent .news .news__wrapper .news__item:nth-child(4n) { margin-right: 33px; } .maincontent .news .news__wrapper .news__item:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 767px) { .maincontent.inner .news__wrapper.all .news__item { max-width: 100%; margin-right: 0!important; } } @media only screen and (max-width: 767px) { .maincontent.inner .news__wrapper.all .news__item:nth-child(n+ 11) { display: none; } } @media only screen and (max-width: 767px) { .maincontent.inner .news__wrapper.all .news__item:nth-child(n+ 6) { display: none; } } @media only screen and (max-width: 767px) { .maincontent.inner .news__wrapper.all .news__item .item__img { width: 291px; height: 291px; } } @media only screen and (max-width: 767px) { .maincontent.inner .news__wrapper.all .news__item .item__info .info__text { max-width: 291px; width: 291px; } } .maincontent.inner .news__pagenav .pagenav__indicators { list-style: none; overflow: visible; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .maincontent.inner .news__pagenav .pagenav__indicators, .maincontent.inner .news__pagenav .pagenav__indicators ul, .maincontent.inner .news__pagenav .pagenav__indicators li { margin: 0; padding: 0; } .maincontent.inner .news__pagenav .pagenav__indicators li:before { display: none; } .maincontent.inner .news__pagenav .pagenav__indicators .indicators__item { width: 24px; height: 24px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #D3D0D0; border-radius: 4px; margin: 0 5px; color: #fff; } .maincontent.inner .news__pagenav .pagenav__indicators .indicators__item.nav { background: transparent; color: #000; margin: 0 -1px; } .maincontent.inner .news__pagenav .pagenav__indicators .indicators__item.active { background: #4C3870; } /*news details*/ .maincontent.inner { /*сотрудничество*/ /*где купить*/ } .maincontent.inner .container.news-details { display: block; margin-bottom: 40px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news-details { margin-bottom: 52px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news-details { margin-bottom: 42px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news-details { margin-bottom: 32px; } } .maincontent.inner .container.news-details .news__title { font-family: "MyriadProRegular", sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000; margin: 0; padding: 0; margin-bottom: 2px; padding: 0 0 0 37px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news-details .news__title { font-size: 32px; line-height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news-details .news__title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news-details .news__title { font-size: 24px; line-height: 29px; } } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news-details .news__title { margin-bottom: 1px; } } .maincontent.inner .container.news-details .news__date { font-family: "PT Sans", sans-serif; font-size: 10px; line-height: 12px; color: #A69CB8; } .maincontent.inner .container.news-details .news__wrapper { margin: 12px 0 21px; display: block; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news-details .news__wrapper { margin: 12px 0 13px 0; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news-details .news__wrapper { margin: 8px 0 13px 0; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.news-details .news__wrapper { margin: 8px 0 9px 0; } } /* @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news-details .news__wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } } */ .maincontent.inner .container.news-details .news__wrapper .news__img { height: 360px; width: 360px; display: block; float: left; border-radius: 20px; margin: 0 26px 10px 0; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news-details .news__wrapper .news__img { width: 290px; height: 290px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .container.news-details .news__wrapper .news__img { margin: 0 20px 17px 0; } } @media only screen and (max-width: 374px) and (min-width: 319px) { .maincontent.inner .container.news-details .news__wrapper .news__img { width: 100%; height: 100%; margin: 0 0 10px 0; } } .maincontent.inner .container.news-details .news__back { font-size: 16px; line-height: 19px; -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; color: #4C3870; position: relative; padding-left: 18px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .container.news-details .news__back { font-size: 14px; line-height: 16px; } } .maincontent.inner .container.news-details .news__back:before { content: " "; position: absolute; top: 1px; left: 0; background: url("/assets/img/back-tonews.svg"); background-size: contain; width: 13px; height: 13px; } @media only screen and (max-width: 767px) { .maincontent.inner .container.other-news { margin-bottom: 60px; } } @media only screen and (max-width: 767px) { .maincontent.inner .container.other-news .news__title { padding-left: 52px; } .maincontent.inner .container.other-news .news__title:before { margin-left: 15px; } } .maincontent.inner .coop { display: block; margin-bottom: 61px; } .maincontent.inner .coop .coop__title { font-family: "MyriadProRegular", sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000; margin: 0; padding: 0; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .coop .coop__title { font-size: 32px; line-height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .maincontent.inner .coop .coop__title { font-size: 24px; line-height: 29px; } } .maincontent.inner .coop .coop__wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 28px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .maincontent.inner .coop .coop__wrapper .coop__info { -ms-flex: 0 0 560px; flex: 0 0 560px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .coop .coop__wrapper .coop__info { -ms-flex: 0 0 440px; flex: 0 0 440px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper .coop__info { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .maincontent.inner .coop .coop__wrapper .coop__info .coop__img { margin-bottom: 14px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .coop .coop__wrapper .coop__info .coop__img { width: 440px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper .coop__info .coop__img { width: 728px; } } @media only screen and (max-width: 767px) { .maincontent.inner .coop .coop__wrapper .coop__info .coop__img { width: auto; max-width: 100%; display: block; } } .maincontent.inner .coop .coop__wrapper .coop__info .coop__text { font-family: "PT Sans", sans-serif; font-size: 16px; line-height: 19px; color: #000; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .coop .coop__wrapper .coop__info .coop__text { font-size: 14px; line-height: 16px; } } .maincontent.inner .coop .coop__wrapper .coop___form { -ms-flex: 0 0 500px; flex: 0 0 500px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .coop .coop__wrapper .coop___form { -ms-flex: 0 0 482px; flex: 0 0 482px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper .coop___form { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 45px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__title { font-weight: 600; font-size: 24px; line-height: 29px; color: #4C3870; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__title { font-size: 20px; line-height: 24px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__title { text-align: center; } } @media only screen and (max-width: 767px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__title { font-size: 18px; line-height: 22px; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__req { margin-top: 19px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req { width: 482px; } } @media only screen and (max-width: 767px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req { width: auto; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__fio, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__company, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__town, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__text { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 17px; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__fio input, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__fio textarea, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__company input, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__company textarea, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__town input, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__town textarea, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__text input, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__text textarea { width: 100%; border: 1px solid #4C3870; box-sizing: border-box; border-radius: 6px; height: 40px; margin-top: 2px; padding-left: 10px; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__fio input:focus-visible, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__fio textarea:focus-visible, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__company input:focus-visible, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__company textarea:focus-visible, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__town input:focus-visible, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__town textarea:focus-visible, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__text input:focus-visible, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__text textarea:focus-visible { outline: none; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__fio textarea, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__company textarea, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__town textarea, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__text textarea { height: 80px; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__text { margin-bottom: 0; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__tel, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__mail { -ms-flex: 0 0 40%; flex: 0 0 40%; margin-bottom: 17px; } @media only screen and (max-width: 767px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__tel, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__mail { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__tel input, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__mail input { width: 100%; border: 1px solid #4C3870; box-sizing: border-box; border-radius: 6px; height: 40px; margin-top: 2px; padding-left: 10px; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__tel input:placeholder, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__mail input:placeholder { color: #A8A8A8; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__tel input:focus-visible, .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__mail input:focus-visible { outline: none; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__mail { -ms-flex: 0 0 50%; flex: 0 0 50%; } @media only screen and (max-width: 767px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__mail { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__label { font-family: "PT Sans", sans-serif; font-size: 16px; line-height: 19px; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__label { font-size: 14px; line-height: 16px; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__label .required { color: #F47F3E; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .noRobot { margin-top: 27px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req .noRobot { margin: 27px auto 30px; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .noRobot input { border: 1px solid #4C3870; border-radius: 6px; height: 40px; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .noRobot input:focus-visible { outline: none; } @media only screen and (max-width: 767px) { } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__submit { -ms-flex: 0 0 100%; flex: 0 0 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin-top: 30px; position: relative;} @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__submit { -ms-flex-pack: center; justify-content: center; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__submit:hover { cursor: pointer; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__submit:before { content: ""; position: absolute; top: 0; bottom: 0; width: 17px; height: 16px; margin: auto 11px; z-index: 2; background: url("/assets/img/send-icon.svg"); left: 0; background-repeat: no-repeat; background-size: contain; display: inline-block; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__submit:before { right: 182px; margin: auto; right: 182px;} } @media only screen and (max-width: 639px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__submit:before { right: 179px; margin: auto; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__submit { justify-content: center; display: flex; } .maincontent.inner .container.cert .cert__tabs__wrapper .tabs > label { width: 100%; text-align: left; margin-left: 0; margin-right: 0; } } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__submit input[type=submit] { -ms-flex: 0 0 223px; flex: 0 0 223px; font-family: "MyriadProRegular", sans-serif !important; background: #F47F3E; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 24px; border: none; border-radius: 6px; height: 40px; width: 223px; padding-left: 33px; letter-spacing: 0.3px; position: relative; -webkit-appearance: none; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__adv { font-size: 12px; line-height: 14px; } .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__adv .requared { color: #F47F3E; } @media only screen and (max-width: 767px) { .maincontent.inner .coop .coop__wrapper .coop___form .form__req .form__adv { font-size: 10px; line-height: 12px; } } .maincontent.inner .buy { -ms-flex-wrap: wrap; flex-wrap: wrap; } .maincontent.inner .buy .buy__title { font-family: "MyriadProRegular", sans-serif; font-style: normal; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000; margin: 0; padding: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 28px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner .buy .buy__title { font-size: 32px; line-height: 38px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner .buy .buy__title { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 767px) { .maincontent.inner .buy .buy__title { font-size: 24px; line-height: 29px; } } .maincontent.inner .buy .buy__filter { width: 100%; margin-bottom: 31px; /* .bx-ui-combobox-container, .filter__city { border: 1px solid color(color-text); box-sizing: border-box; border-radius: 6px; padding: 10px 31px 8px 10px; position: relative; height: 40px; width: 245px; background: url(/assets/img/arrow-downBlue.svg); background-position: 90% center; background-repeat: no-repeat; appearance: none; margin-right: 20px; } .filter__city { width: 275px; } */ } .maincontent.inner .buy .buy__filter .bx-slst { display: -ms-flexbox; display: flex; } .maincontent.inner .buy .buy__filter .bx-slst .bx-ui-slst-pool { display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .maincontent.inner .buy .buy__filter .bx-slst .bx-ui-slst-pool { flex-direction: column; } } .maincontent.inner .buy .buy__filter .bx-slst .bx-ui-slst-pool .bx-ui-slst-input-block { -ms-flex: 0 0 270px; flex: 0 0 270px; margin-right: 20px; height: 35px; } @media only screen and (max-width: 1023px) { .maincontent.inner .buy .buy__filter .bx-slst .bx-ui-slst-pool .bx-ui-slst-input-block { flex: 0 0 auto; }} .maincontent.inner .buy .buy__filter .bx-slst .bx-ui-slst-pool .bx-ui-slst-input-block:last-child { margin-right: 0px; } .maincontent.inner .buy .buy__filter .bx-slst .bx-ui-combobox-toggle { background: url(/assets/img/arrow-downBlue.svg); background-position: 90% center; background-repeat: no-repeat; width: 30px; height: 30px; cursor: pointer; cursor: hand; margin-top: 2px; margin-right: 12px; position: absolute; top: 0; right: 2px; display: block; } .maincontent.inner .buy .buy__filter .bx-slst .dropdown-block { padding: 0 30px 0 18px; border: 1px solid #A69CB8; border-radius: 6px; } .maincontent.inner .buy .buy__filter .bx-slst .dropdown-block .dropdown-icon { display: none; } .maincontent.inner .buy .buy__filter .bx-slst .dropdown-fade2white { height: 28px; } .header-margin-catalog { margin-bottom: 100px; } .maincontent.inner.catalog { margin: 0px auto 0px auto; /* @supports not (display: grid) { .maincontent__header { max-width: 100%; margin: auto; } } @supports (display: grid) { //* two-column layout .maincontent__header { display: grid; grid-template-columns: 403px auto; } } */ /* .container.catalog { display: flex; justify-content: flex-start; align-items: flex-start; font-family: font(main-font); } */ /* width: 100%; height: 100vh; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; margin: 0 auto; position: relative; */ } .maincontent.inner.catalog .header__search { -ms-flex: 0 0 835px; flex: 0 0 835px; margin-left: 28px; } .maincontent.inner.catalog .header__search .header__form { position: relative; } .maincontent.inner.catalog .header__search .header__form .form__input { width: 100%; height: 40px; background: #4C3870; border: 1px solid #A69CB8; box-sizing: border-box; border-radius: 6px; padding: 0 11px 0 18px; color: #A69CB8; background: transparent; border-color: #4C3870; color: #A69CB8; } .maincontent.inner.catalog .header__search .header__form .form__input:focus { outline: none; } .maincontent.inner.catalog .header__search .header__form .form__input:focus::-webkit-input-placeholder { color: #4C3870; } .maincontent.inner.catalog .header__search .header__form .form__input::-webkit-input-placeholder { color: #A69CB8; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner.catalog .header__search .header__form .form__input { height: 34px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner.catalog .header__search .header__form .form__input { height: 30px; padding: 0 11px 2px 18px; } } @media only screen and (max-width: 767px) { .maincontent.inner.catalog .header__search .header__form .form__input { background: transparent; padding: 0 11px 3px 10px; } } .maincontent.inner.catalog .header__search .header__form .form__input:focus { outline: none; } .maincontent.inner.catalog .header__search .header__form .form__input:focus::-webkit-input-placeholder { color: #4C3870; } .maincontent.inner.catalog .header__search .header__form .form__input::-webkit-input-placeholder { color: #A69CB8; } .maincontent.inner.catalog .header__search .header__form .form__submit { position: absolute; margin: auto; right: 11px; top: 0; bottom: 0; background: transparent; background-image: url("/assets/img/search-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 20px; height: 20px; border: none; } .maincontent.inner.catalog .header__search .header__form .form__submit:hover { cursor: pointer; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner.catalog .header__search .header__form .form__submit { height: 18px; width: 18px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner.catalog .header__search .header__form .form__submit { height: 16px; width: 16px; } } @media only screen and (max-width: 767px) { .maincontent.inner.catalog .header__search { width: 100%; display: block; } .maincontent.inner.catalog .header__search .header__form { position: relative; } .maincontent.inner.catalog .header__search .header__form .form__input { width: 100%; border: 1px solid #A69CB8; box-sizing: border-box; border-radius: 6px; height: 30px; padding: 0 11px 3px 10px; color: #A69CB8; } .maincontent.inner.catalog .header__search .header__form .form__input:focus { outline: none; } .maincontent.inner.catalog .header__search .header__form .form__input:focus::-webkit-input-placeholder { color: #4C3870; } .maincontent.inner.catalog .header__search .header__form .form__input::-webkit-input-placeholder { color: #A69CB8; } .maincontent.inner.catalog .header__search .header__form .form__submit { position: absolute; margin: auto; right: 11px; top: 0; bottom: 0; background: transparent; background-image: url("/assets/img/search-icon.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; border: none; height: 16px; width: 16px; } .maincontent.inner.catalog .header__search .header__form .form__submit:hover { cursor: pointer; } } .maincontent.inner.catalog .inner__control { -ms-flex: 0 0 245px; flex: 0 0 245px; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .maincontent.inner.catalog .inner__control { display: none; } } .maincontent.inner.catalog .inner__control.white { z-index: 1; min-width: 100%; background: #fff; } @media only screen and (max-width: 767px) { .maincontent.inner.catalog .inner__control.white { top: 37px; display: block; } } .maincontent.inner.catalog .inner__control.white .header__catalog .catalog__title { border-color: #4C3870; color: #4C3870; } .maincontent.inner.catalog .inner__control.white .header__catalog .catalog__title:before { background: url("/assets/img/arrow-downBlue.svg"); background-repeat: no-repeat; } .maincontent.inner.catalog .inner__control.white .header__catalog .catalog__title:after { background: url("/assets/img/catalog-iconBlue.svg"); background-repeat: no-repeat; background-size: contain; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner.catalog .inner__control { margin-top: 22px; } } @media only screen and (max-width: 767px) { .maincontent.inner.catalog .inner__control { position: absolute; } } .maincontent.inner.catalog .inner__control .container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; } .maincontent.inner.catalog .inner__control .header-svg { position: absolute; bottom: 0; width: 100%; height: 6vw; } .maincontent.inner.catalog .inner__control__catalog { -ms-flex: 0 0 245px; flex: 0 0 245px; width: 100%; margin-bottom: 2.3em; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner.catalog .inner__control__catalog { -ms-flex: 0 0 219px; flex: 0 0 219px; } } .maincontent.inner.catalog .inner__control__catalog .catalog__title { color: #A69CB8; font-size: 20px; line-height: 24px; text-transform: uppercase; height: 35.5px; padding-top: 2px; border: 1px solid #1F0C43; border-radius: 6px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; cursor: pointer; box-sizing: content-box; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner.catalog .inner__control__catalog .catalog__title { height: 30px; padding-top: 2px; font-size: 18px; line-height: 22px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner.catalog .inner__control__catalog .catalog__title { height: 26px; font-size: 14px; line-height: 17px; } } @media only screen and (max-width: 767px) { .maincontent.inner.catalog .inner__control__catalog .catalog__title { display: none; } } .maincontent.inner.catalog .inner__control__catalog .catalog__title:after { content: ""; position: absolute; top: 0; left: 17px; bottom: 0; margin: auto; width: 18px; height: 18px; background: url("/assets/img/catalog_icon_blue.svg"); background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .maincontent.inner.catalog .inner__control__catalog .catalog__title:after { width: 16px; height: 16px; } } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner.catalog .inner__control__catalog .catalog__title:after { width: 14px; height: 14px; } } .maincontent.inner.catalog .inner__control__catalog .catalog__title:before { content: ""; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 12px; height: 7px; background: url("/assets/img/arrow_down.svg"); } .maincontent.inner.catalog .inner__control__catalog .catalog__title.active { color: #A69CB8; background: #fff; border-radius: 0px; border-style: solid; border-width: 1px; border-bottom: none; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .maincontent.inner.catalog .inner__control__catalog .catalog__title.active:before { background: url("/assets/img/icon_close.svg") 50%; width: 12px; height: 12px; } .maincontent.inner.catalog .inner__control__catalog .catalog__title.active:after { content: ""; position: absolute; top: 0; left: 17px; bottom: 0; margin: auto; width: 18px; height: 18px; background: url("/assets/img/catalog_icon_blue.svg"); background-size: contain; background-repeat: no-repeat; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu { display: none; box-sizing: content-box; background: #fff; padding: 30px 18px 27px 18px; border-radius: 6px; border: 1px solid #1F0C43; border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: -30px; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu.active { display: -ms-flexbox; display: flex; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item { list-style: none; overflow: visible; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item, .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item ul, .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item li { margin: 0; padding: 0; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item li:before { display: none; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item:before { content: none; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item .item__link { font-family: "PT Sans", sans-serif; font-size: 14px; line-height: 16px; color: #4C3870; text-decoration: none; margin: 12px 0 0 10px; display: block; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item .item__link:hover, .maincontent.inner.catalog .inner__control__catalog .catalog__menu .menu__item .item__link .active { color: #F47F3E; } .maincontent.inner.catalog .inner__control__catalog .catalog__menu .catalog__subtitle { font-weight: 600; font-size: 16px; line-height: 19px; color: #4C3870; margin-top: 29px; } @media only screen and (max-width: 1023px) and (min-width: 640px) { .maincontent.inner.catalog { margin-top: 22px; } } @media only screen and (max-width: 767px) { .maincontent.inner.catalog { position: absolute; } } @media only screen and (max-width: 767px) { .maincontent.inner.catalog { display: none; } } .maincontent.inner.catalog:after { display: contents; } .maincontent.inner.catalog .catalog__filter { -ms-flex: 0 0 245px; flex: 0 0 245px; margin-right: 30px; width: 245px; } .maincontent.inner.catalog .catalog__filter .bx-filter-section { background: #fff; border-radius: 6px; border: 1px solid #4C3870; padding-top: 20px; } .maincontent.inner.catalog .catalog__filter .bx-filter-title { font-weight: 600; font-size: 16px; line-height: 16px; color: #4C3870; font-family: "MyriadProRegular", sans-serif; text-align: center; position: relative; padding-left: 30px; } .maincontent.inner.catalog .catalog__filter .bx-filter-title:before { content: " "; width: 19px; height: 24px; background: url("/assets/img/filters.svg"); background-position: center center; background-size: "cover"; background-repeat: no-repeat; -webkit-background-size: "cover"; -moz-background-size: "cover"; -o-background-size: "cover"; position: absolute; top: -7px; left: 10px; } .maincontent.inner.catalog .catalog__filter .bx-filter-title:after { content: " "; width: 217px; margin: 0 auto; height: 1px; background: #4C3870; bottom: -10px; position: absolute; left: 0; right: 0; } .maincontent.inner.catalog .catalog__filter .bx-filter-parameters-box-title span { color: #4C3870; font-weight: bold; font-size: 14px; line-height: 16px; font-family: "PT Sans", sans-serif; } .maincontent.inner.catalog .catalog__filter .bx-ui-slider-part { background: none; } .maincontent.inner.catalog .catalog__filter .bx-ui-slider-pricebar-vn { background: #F3F1F6 !important; } .maincontent.inner.catalog .catalog__filter .bx-ui-slider-pricebar-v { background: #4C3870 !important; } .maincontent.inner.catalog .catalog__filter .bx-retina .bx-filter .bx-filter-input-container input { border-radius: 4px; border: 1px solid #A69CB8; } .maincontent.inner.catalog .catalog__filter .bx-ui-slider-handle.right, .maincontent.inner.catalog .catalog__filter .bx-ui-slider-handle.left { width: 5px; height: 18px; margin-right: 0; background: #4C3870; } .maincontent.inner.catalog .catalog__filter .bx-ui-slider-handle.left { margin-left: 0; } .maincontent.inner.catalog .catalog__filter .bx-filter .bx-ui-slider-range { z-index: 150; } .maincontent.inner.catalog .catalog__filter .bx-filter-input-container input, .maincontent.inner.catalog .catalog__filter .bx-filter-select-container { border-radius: 4px; border: 1px solid #A69CB8; -o-border-image: none; border-image: none; } .maincontent.inner.catalog .catalog__filter .bx-filter .bx-filter-select-container { border-radius: 3px; border: 1px solid #A69CB8; -o-border-image: none; border-image: none; } .maincontent.inner.catalog .catalog__filter .btn-themes { background: #82749B; border-radius: 6px; width: 100%; border: none; font-size: 14px; line-height: 17px; text-transform: uppercase; margin-bottom: 10px; color: #fff !important; } .maincontent.inner.catalog .catalog__filter input[type="submit"] { font-size: 14px; line-height: 17px; text-transform: uppercase; color: #A69CB8; border: 1px solid #A69CB8; box-sizing: border-box; border-radius: 6px; width: 100%; } .maincontent.inner.catalog .catalog__filter .bx-filter-container-modef { width: 100%; height: 1px; background: #A69CB8; display: block; margin-bottom: 16px; } .maincontent.inner.catalog .catalog__header1 { /*flex: 0 0 100px;*/ -ms-flex: 0 0 834px; flex: 0 0 834px; -ms-flex-flow: wrap; flex-flow: wrap; /* flex-direction: column; */ /* width: 100%; */ } .maincontent.inner.catalog .catalog__header1 .breadcrumbs1 { -ms-flex: 0 0 834px; flex: 0 0 834px; margin-bottom: 10px; margin-top: 28px; } .maincontent.inner.catalog .catalog__header1 .catalog__title1 { border-color: #4C3870; color: #4C3870; } .maincontent.inner.catalog .catalog__header1 .catalog__title1:before { background: url("/assets/img/arrow-downBlue.svg"); background-repeat: no-repeat; } .maincontent.inner.catalog .catalog__header1 .catalog__title1:after { background: url("/assets/img/catalog-iconBlue.svg"); background-repeat: no-repeat; background-size: contain; } .maincontent.inner.catalog .breadcrumbs { -ms-flex: 0 0 820px; flex: 0 0 820px; height: 30px; -ms-flex-pack: start; justify-content: start; } .maincontent.inner.catalog .catalog__wrapper { position: absolute; top: 70px; left: 290px; z-index: 2; /* flex: auto; width: 100%; display: contents; */ } .maincontent.inner.catalog .catalog__wrapper .catalog__content { width: calc(100% - 30px); } .maincontent.inner.catalog .catalog__wrapper .catalog__content h1 { font-style: normal; font-weight: 600; font-size: 32px; line-height: 38px; text-transform: uppercase; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card { /* position: relative; justify-content: start; margin-bottom: 60px; flex: 0 0 639px; flex-direction: column; overflow: hidden; */ position: relative; border: 1px solid #4C3870; box-sizing: border-box; border-radius: 6px; margin-bottom: 2em; /*width: width(innerCatalogItemCardHiResDesktop);*/ /*table*/ } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__wrapper { padding: 21px 19px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header { display: -ms-flexbox; display: flex; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__title { font-family: "MyriadProRegular", sans-serif; font-weight: 600; display: -ms-flexbox; display: flex; -ms-flex: 0 0 100%; flex: 0 0 100%; font-size: 24px; line-height: 29px; text-transform: uppercase; color: #000; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper { position: relative; width: 256px; text-align: center; /* .card__slider { flex: 0 0 470px; //flex: 0 0 30%; &__item { flex: 0 0 100%; max-width: 100%; } &__smallview { a { text-decoration: none; img { width: 110px; height: 110px; } } } } */ } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .card__slider .slick-slide { margin: 0 auto; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .card__slider .slick-arrow { z-index: 2; position: absolute; top: 105px; margin-top: -15px; border: none; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .card__slider .slick-prev { background: url(/assets/img/slider_arrow_left.svg); background-position: center center; background-repeat: no-repeat; left: -10px; width: 20px; height: 20px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .card__slider .slick-next { background: url(/assets/img/slider_arrow_right.svg); background-position: center center; background-repeat: no-repeat; right: -10px; width: 20px; height: 20px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .slick-list { overflow: hidden; max-width: 256px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .slick-track { display: -ms-flexbox; display: flex; min-width: 0; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .slick-slide { max-width: 256px; margin-right: 15px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .slick-slide:last-child .separator { margin-right: 0px; } @media only screen and (max-width: 767px) { .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__header .card__slider__wrapper .slick-slide { max-width: 249px; margin-right: 0; } } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__info { padding: 0px 0px 10px 28px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card__info h2 { padding-top: 0px; margin-top: 0px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row { -ms-flex: 0 0 100%; flex: 0 0 100%; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy { margin-top: 28px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row { display: -ms-flexbox; display: flex; padding-left: 10px; font-size: 14px; line-height: 17px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row:nth-child(2) { border-top: 1px solid #A69CB8; background: #F3F1F6; height: 80px; margin-top: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__title { font-size: 14px; line-height: 17px; color: #82749B; -ms-flex: 0 0 120px; flex: 0 0 120px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__title:nth-child(2) { -ms-flex: 0 0 280px; flex: 0 0 280px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__title:nth-child(3) { -ms-flex: 0 0 110px; flex: 0 0 110px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__title:nth-child(4) { -ms-flex: 0 0 130px; flex: 0 0 130px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row form { margin: 0; padding: 0; display: -ms-flexbox; display: flex; width: 100%; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__vcode, .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__name, .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__count, .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__price { font-family: "PT Sans", sans-serif; color: #4C3870; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__vcode { -ms-flex: 0 0 120px; flex: 0 0 120px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__name { -ms-flex: 0 0 280px; flex: 0 0 280px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__count { -ms-flex: 0 0 110px; flex: 0 0 110px; text-align: center; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__count .number { max-width: 80px; border-radius: 6px; height: 28px; border: 1px solid #4C3870; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__count .number .minus, .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__count .number .plus { width: 20px; height: 20px; color: #82749B; font-weight: 400; font-size: 24px; text-decoration: none; display: inline-block; vertical-align: middle; text-align: center; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__count .number .plus { font-size: 22px; line-height: 22px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__count .number input { height: 28px; width: 28px; color: #000; text-align: center; font-size: 14px; border: none; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__price { color: #000; font-size: 18px; line-height: 22px; -ms-flex: 0 0 130px; flex: 0 0 130px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__add { -ms-flex: 0 0 120px; flex: 0 0 120px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__add .buy__basket { background: #4C3870; font-size: 14px; line-height: 14px; border: none; border-radius: 6px; font-weight: 400; color: #fff; font-family: "MyriadProRegular", sans-serif; padding-left: 10px; display: inline-block; position: relative; height: 28px; width: 100%; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__add .buy__basket:before { content: ""; position: absolute; top: 0; bottom: 0; width: 28px; background: url(/assets/img/icon_catalog_add.svg) no-repeat scroll 10px 3px; left: 0; background-repeat: no-repeat; background-size: auto; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__add .buy__basket:hover:before { background: url(/assets/img/icon_catalog_add_hover.svg) no-repeat scroll 10px 3px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .card_row__buy .buy__row .buy__add .buy__basket input[type=submit] { border: none; font-size: 14px; font-weight: 200; line-height: 28px; width: 90px; padding: 0px 0px 0px 28px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text { margin-top: 25px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tabs { font-size: 0; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tabs > .tab_btn { display: none; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tabs .tab_container .tab_content { display: none; padding: 10px 15px; font-size: 14px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tab_btn:nth-child(1):checked ~ .tab_container .tab_content:nth-child(1), .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tab_btn:nth-child(3):checked ~ .tab_container .tab_content:nth-child(2), .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tab_btn:nth-child(5):checked ~ .tab_container .tab_content:nth-child(3) { display: block; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tabs > label { display: inline-block; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 2px 27px 27px 27px; font-size: 18px; line-height: 22px; text-transform: uppercase; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; color: #818181; cursor: pointer; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tabs > label:before { content: ""; position: absolute; bottom: 0; width: 100%; height: 2px; border-bottom: 1px dashed #818181; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tabs > label:first-of-type { margin-left: 0; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tabs > label:not(:first-of-type) { border-left: none; margin-left: 0; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .tabs > input[type="radio"]:checked + label:before { border-bottom: 1px solid #F47F3E; color: #000; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item { display: block; font-family: "PT Sans", sans-serif; font-size: 14px; line-height: 16px; color: #4C3870; margin-left: 30px; margin-bottom: 40px; position: relative; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item:before { content: ""; background: url("/assets/img/format/fetch.svg"); width: 27px; height: 33px; bottom: 3px; position: absolute; left: -35px; top: -7px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item[data-type='application/pdf']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/pdf.svg"); } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item[data-type='image/png']:before, .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item[data-type='image/jpg']:before, .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item[data-type='image/jpeg']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/jpg.svg"); } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item[data-type='application/vnd.ms-powerpoint']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/ppt.svg"); } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item[data-type='application/vnd.ms-excel']:before { background-size: contain; background-repeat: no-repeat; height: 33px; width: 33px; background: url("/assets/img/format/xls.svg"); } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item[data-type='application/x-zip-compressed']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/zip.svg"); } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .catalog__text .catalog__documents .documents__item[data-type='application/msword']:before { background-size: contain; background-repeat: no-repeat; background: url("/assets/img/format/doc.svg"); } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .element_logis { margin-top: 40px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card .element_logis .logis__title { font-weight: 600; font-size: 18px; line-height: 22px; color: #4C3870; margin-bottom: 19px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card table { width: 100%; text-align: center; font-size: 12px; line-height: 12px; font-family: "PT Sans", sans-serif; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card table tr:first-of-type { font-size: 11px; line-height: 13px; font-family: "PT Sans", sans-serif; color: #82749B; background: none; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card table tr:not(:first-of-type) { height: 36px; } .maincontent.inner.catalog .catalog__wrapper .catalog__content .element__card table tr:nth-of-type(even) { background: #F3F1F6; } .maincontent.inner.catalog .container { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; z-index: 1; } .maincontent.inner.catalog .container.bread { padding-left: 0px; } .maincontent.inner.catalog .header-svg { position: absolute; bottom: 0; width: 100%; height: 6vw; } .cart { display: contents; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; -ms-flex: auto; flex: auto; -ms-flex-direction: column; flex-direction: column; overflow: hidden; /* .cart__header { display: flex; padding-left: 10px; .buy__title { flex: 0 0 180px; font-size: 14px; line-height: 17px; color: #82749B; &:nth-child(2) { flex: 0 0 145px; } &:nth-child(3) { flex: 0 0 172px; } } .element__buy { .buy__row { display: flex; padding-left: 10px; &:nth-child(2) { border-top: 1px solid color(color-text); background: #F3F1F6; height: 80px; margin-top: 5px; display: flex; align-items: center; } .buy__title { flex: 0 0 180px; font-size: 14px; line-height: 17px; color: #82749B; &:nth-child(2) { flex: 0 0 145px; } &:nth-child(3) { flex: 0 0 172px; } } .buy__vcode { font-size: 20px; line-height: 23px; font-family: font(second-font); color: color(main-color); flex: 0 0 180px; } .buy__count { font-size: 20px; line-height: 23px; font-family: font(second-font); color: color(main-color); flex: 0 0 180px; } .buy__price { font-size: 32px; line-height: 38px; font-family: font(second-font); color: color(main-color); flex: 0 0 180px; } .buy__add { display: flex; form { margin: 0; padding: 0; } .buy__basket { background: color(main-color); font-size: 20px; line-height: 14px; border: none; border-radius: 6px; width: 130px; height: 38px; font-weight: 400; color: color(white); font-family: font(main-font); margin-left: 60px; padding-left: 10px; position: relative; } } } } } .catalog__text { margin-top: 45px; .tabs { font-size: 0; } .tabs > .tab_btn { display: none; } .tabs .tab_container .tab_content { display: none; padding: 10px 15px; font-size: 16px; } .tab_btn:nth-child(1):checked ~ .tab_container .tab_content:nth-child(1), .tab_btn:nth-child(3):checked ~ .tab_container .tab_content:nth-child(2), .tab_btn:nth-child(5):checked ~ .tab_container .tab_content:nth-child(3) { display: block; } .tabs > label { display: inline-block; text-align: center; vertical-align: middle; user-select: none; margin: 2px 27px 27px 27px; font-size: 18px; line-height: 22px; text-transform: uppercase; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; color: #818181; cursor: pointer; &:before { content: ""; position: absolute; bottom: 0; width: 100%; height: 2px; border-bottom: 1px dashed #818181; } &:first-of-type { margin-left: 0; } } .tabs > label:not(:first-of-type) { border-left: none; margin-left: 0; } .tabs > input[type="radio"]:checked+label { &:before { border-bottom: 1px solid color(second-color); color: color(black); } } .catalog__documents { .documents__item { display: block; font-family: font(second-font); font-size: 14px; line-height: 16px; color: color(main-color); margin-left: 30px; margin-bottom: 40px; position: relative; &:before { content: ""; background: url("/assets/img/format/fetch.svg"); width: 27px; height: 33px; bottom: 3px; position: absolute; left: -35px; top: -7px; } @include filetypes_icons; } } } .element_logis { margin-top: 40px; .logis__title { font-weight: 600; font-size: 18px; line-height: 22px; color: color(main-color); margin-bottom: 19px; } } table { width: 100%; text-align: center; font-size: 12px; line-height: 12px; font-family: font(second-font); tr:first-of-type { font-size: 11px; line-height: 13px; font-family: font(second-font); color: #82749B; background: none; } tr:not(:first-of-type) { height: 36px; } tr:nth-of-type(even) { background: #F3F1F6; } } */ } .cart h1 { font: normal normal 600 32px/38px "MyriadProRegular", sans-serif; text-transform: uppercase; padding: 1em 0; } .cart__header { display: -ms-flexbox; display: flex; } .cart__title { -ms-flex: 0 0 180px; flex: 0 0 180px; font-size: 14px; font-weight: 400; line-height: 17px; color: #82749B; } .cart__title span { display: inline-block; } .cart__row { display: -ms-flexbox; display: flex; } .cart__item { -ms-flex: 0 0 180px; flex: 0 0 180px; font-size: 14px; font-weight: 400; line-height: 17px; color: #82749B; } .cart__content__total { display: -ms-flexbox; display: flex; } .cart__content .warning { color: red; } .cart__content .warning .asterix { color: green; } .cart__total { -ms-flex: 0 0 180px; flex: 0 0 180px; font: normal normal 600 18px/22px "MyriadProRegular", sans-serif; color: #000; } .cart__weight { -ms-flex: 0 0 180px; flex: 0 0 180px; font-size: 14px; font-weight: 400; line-height: 17px; color: #000; } .cart__volume { -ms-flex: 0 0 180px; flex: 0 0 180px; font-size: 14px; font-weight: 400; line-height: 17px; color: #000; } .cart__price { -ms-flex: 0 0 180px; flex: 0 0 180px; font-size: 14px; font-weight: 400; line-height: 17px; color: #000; } .cart__buttons { display: -ms-flexbox; display: flex; } .cart__buttons .cart_clean { background: transparent; font-size: 14px; line-height: 14px; border: none; border-radius: 6px; font-weight: 400; color: #4C3870; font-family: "MyriadProRegular", sans-serif; display: inline-block; position: relative; height: 38px; width: 220px; } .cart__buttons .cart_clean:before { content: ""; position: absolute; top: 0; bottom: 0; width: 38px; background: url(/assets/img/icon_basket_clean.svg) no-repeat scroll 12px 8px; left: 0; background-repeat: no-repeat; background-size: auto; } .cart__buttons .cart_clean input[type=submit] { border: none; font-size: 14px; font-weight: 200; line-height: 38px; width: 226px; padding: 0px; } .cart__buttons .cart_seek { -ms-flex: 0 0 259px; flex: 0 0 259px; background-color: #A69CB8; border-radius: 6px; color: #fff; padding: .5em; padding-left: 10px; text-decoration: none; width: 159px; display: inline-block; } .cart__buttons .cart_seek:before { content: ""; position: relative; background: url(/assets/img/icon_geo_point.svg) no-repeat scroll 0px 23px; background-repeat: no-repeat; background-size: auto; padding: 27px 27px 10px 0px; } .cart__buttons .cart_download { -ms-flex: 0 0 259px; flex: 0 0 259px; background-color: #F47F3E; border-radius: 6px; color: #fff; padding: .5em; padding-left: 16px; text-decoration: none; width: 219px; display: inline-block; } .cart__buttons .cart_download:before { content: ""; position: relative; background: url(/assets/img/icon_basket_download.svg) no-repeat scroll 0px 26px; background-repeat: no-repeat; background-size: auto; padding: 27px 27px 10px 0px; } font.text { flex: 0 0 50%; } /*404*/ .notf { flex-wrap: wrap; } .notf__wrapper { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .notf__title { flex: 0 0 100%; font-weight: 600; font-size: 36px; line-height: 43px; text-transform: uppercase; color: #000000; margin-bottom: 90px; } .notf__text { max-width: 442px; text-align: center; font-family: Roboto; font-size: 16px; line-height: 19px; color: #000; margin-bottom: 14px; } .notf__text:nth-of-type(2) { max-width: 295px; text-align: center; margin-top: 36px; } .notf__text .text__link { text-decoration: underline; color: #4C3870; } /*search*/ .maincontent .container.search { flex-direction: column; } .maincontent .container.search form { position: relative; height: 40px; } .maincontent .container.search input[type="text"]{ width: 100%; height: 40px; border: 1px solid #4C3870; box-sizing: border-box; border-radius: 6px; background-color: #ffffff; padding: 0 11px 0 18px; } .maincontent .container.search input[type="submit"] { position: absolute; margin: auto; right: 11px; top: 0; bottom: 0; background: transparent; background-image: url(/assets/img/search-icon.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 20px; height: 20px; border: none; } .maincontent .container.search .serach-nothing { font-size: 24px; line-height: 28px; color: #4C3870; text-align: center; font-family: 'Roboto'; } .maincontent .container.search a { color: #4C3870; text-decoration: underline; } /*pagenav*/ .system-nav { flex: 0 0 100%; justify-content: center; display: flex; } .system-nav .nav-pages { max-width: 288px; display: flex; } .system-nav .nav-pages .nav-current-page { background: #4C3870; border-radius: 4px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-right: 11px; color: #fff; } .system-nav .nav-pages a { border-radius: 4px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background: #D3D0D0; text-decoration: none; margin-right: 11px; color: #fff; } .system-nav .nav-pages a.arrow { background: transparent; color: #4C3870; } @media only screen and (max-width: 659px) { .system-nav { margin-bottom: 60px; } } /* End */ /* Start:/assets/lindex.css?1744049767330*/ .social-list { list-style: none; } .social-list li { display: inline-block; vertical-align: middle; margin-right: 4px; } .social-list a { background: none; margin: 0 10px; opacity:1 } .social-list .icon { width: 30px; height: 30px; fill: #fff; } .social-list a:hover .icon { fill: #F47F3E;} /* End */ /* Start:/assets/jquery.fancybox.min.css?162515820512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/datarex-inner/template_styles.css?1707930970619*/ .footer .footer__row .footer__menu .menu__item a.item__link:hover, .footer .footer__bottom .container a:hover, .maincontent .news .news__link:hover, .maincontent .news .news__wrapper .news__item .item__info .info__more:hover, .header__menu .menu__item .item__link:hover, .maincontent.inner .breadcrumbs__item:hover, .maincontent .news .news__wrapper .news__item .item__info .info__title:hover{color:#F47F3E} .maincontent.inner .container.news.about .about__plus .plus__column {font-family: "MyriadProRegular", sans-serif;} .tabs #tab_btn-4:checked ~ .tab_container .tab_content:nth-child(4) {display: block} /* End */ /* /local/templates/.default/components/bitrix/menu/horizontal_multilevel/style.css?1713340574984 */ /* /local/templates/.default/components/bitrix/sale.basket.basket.line/.default/style.min.css?16251582003712 */ /* /assets/form.css?16251582053341 */ /* /assets/main.css?1769523244230399 */ /* /assets/lindex.css?1744049767330 */ /* /assets/jquery.fancybox.min.css?162515820512795 */ /* /local/templates/datarex-inner/template_styles.css?1707930970619 */