/
lr-ru_gitVerse
/
front
Обзор
Документация
Войти
/
lr-ru_gitVerse
/
front
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
build/css/style.css
42 377 строк
1004 KB
Artem Naumov
init
28 окт 2024, 01:39
28 окт 2024, 01:39
9aa6803
Код
Авторство
О чём код?
@charset "UTF-8"; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { background: #fff; color: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: "Open Sans"; scroll-behavior: smooth; } body { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: "Open Sans", "Arial", sans-serif; overflow-x: hidden !important; } a { background: transparent; } a:focus { outline: none; } a:hover, a:active { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "“" "”" "‘" "’"; } q:before, q:after { content: ""; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } @font-face { font-family: "Open Sans"; font-weight: normal; font-style: normal; font-display: swap; src: url("../font/opensans.woff2") format("woff2"), url("../font/opensans.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: bold; font-style: normal; font-display: swap; src: url("../font/opensansbold.woff2") format("woff2"), url("../font/opensansbold.woff") format("woff"); } .visually-hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; } .header-mobile { min-width: 300px; margin: 7px 1%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 99; } .header-mobile__logo img { width: 52px; height: 67px; } .search-panel-mobile { height: 65px; min-width: 120px; margin-left: 3px; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 5px; } .search-panel-mobile__user-location { position: relative; font-size: 12px; font-weight: 600; color: #3D4856; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .search-panel-mobile__user-location span { cursor: pointer; color: #F67B1E; font-weight: bold; } .search-panel-mobile__user-location-modal { display: none; } @media (min-width: 370px) { .search-panel-mobile { height: 65px; min-width: 120px; margin-left: 3px; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 5px; } .search-panel-mobile__user-location { position: relative; font-size: 14px; font-weight: 600; color: #3D4856; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .search-panel-mobile__user-location span { cursor: pointer; color: #F67B1E; font-weight: bold; } .search-panel-mobile__user-location-modal { display: none; } } .search-mobile { display: none; position: absolute; top: 80px; z-index: 99; left: 0; width: 100%; height: 220px; background-color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-top: 2px solid #077F8F; border-bottom: 2px solid #077F8F; -webkit-box-shadow: -4px 13px 21px -6px rgba(82, 82, 82, 0.5019607843); box-shadow: -4px 13px 21px -6px rgba(82, 82, 82, 0.5019607843); /* Firefox 19+ */ /* Firefox 18- */ } .search-mobile--on { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .search-mobile:before { content: ""; position: absolute; right: 135px; top: -20px; border: 10px solid transparent; border-bottom: 10px solid #077F8F; } .search-mobile input::-webkit-input-placeholder { color: #A09A9A; } .search-mobile input::-moz-placeholder { color: #A09A9A; } .search-mobile input:-moz-placeholder { color: #A09A9A; } .search-mobile input:-ms-input-placeholder { color: #A09A9A; } .search-mobile__input { width: 80%; height: 40px; padding: 1px 0 0 10px; font-size: 13px; font-weight: 700; color: #3D4856; background-color: #ffffff; outline: none; border: 1.5px solid #077F8F; border-radius: 5px; max-width: 500px; } .search-mobile__submit { position: relative; max-width: 500px; width: 80%; height: 40px; background-color: #077F8F; background-image: url(../img/search-icon.svg); background-size: 17px; background-repeat: no-repeat; background-position: 67% 50%; border-radius: 5px; border: none; outline: none; text-transform: uppercase; color: #fff; } .search__input-name_mobile { width: 80%; padding-left: 35px; font-size: 14px; max-width: 500px; } .search__input-name_mobile::before { width: 23px !important; height: 23px !important; left: 4px !important; top: -3px !important; } .search__input-name_mobile::after { width: 14px !important; height: 12px !important; top: 5px !important; left: 9px !important; } .search__input-article_mobile { width: 80%; padding-left: 35px; font-size: 14px; max-width: 500px; } .search__input-article_mobile::before { width: 23px !important; height: 23px !important; left: 4px !important; top: -3px !important; } .search__input-article_mobile::after { width: 14px !important; height: 12px !important; top: 5px !important; left: 9px !important; } @media (min-width: 425px) { .search-mobile__submit { background-position: 63% 50%; } .search-mobile:before { content: ""; position: absolute; right: 140px; top: -24px; border: 12px solid transparent; border-bottom: 12px solid #077F8F; } } @media (min-width: 550px) { .search-mobile__submit { background-position: 60% 50%; } } @media (min-width: 768px) { .search-mobile { top: 105px; } .search-mobile:before { content: ""; position: absolute; right: 195px; top: -24px; border: 12px solid transparent; border-bottom: 12px solid #077F8F; } } .search__input-article_mobile { width: 80%; padding-left: 35px; } .right-panel { height: 65px; padding-right: 3px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .right-panel__info { -ms-flex-item-align: end; align-self: flex-end; font-size: 12px; font-weight: 600; color: #3D4856 !important; } .user-mobile { width: 150px; margin-left: -20px; height: 35px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .user-mobile span { position: absolute; bottom: 27px; right: -10px; height: 18px; min-width: 18px; max-width: 30px; padding: 1px 3px; font-size: 11px; text-align: center; color: #ffffff; background-color: #EE7203; border-radius: 30px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); cursor: pointer; } .user-mobile__favorites { width: 30px; height: 29px; position: relative; } .user-mobile__favorites img { width: inherit; height: inherit; } .user-mobile__shopping-cart { width: 34px; height: 30px; position: relative; } .user-mobile__shopping-cart img { width: inherit; height: inherit; } .user-mobile__search-btn { height: 29px; width: 32px; position: relative; } .user-mobile__search-btn img { width: inherit; height: inherit; } .user-mobile__wrapper { height: 25px; margin-left: 3px; position: relative; } .user-wrapper__hidden-btn { /* vertical centering - not necessary*/ position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-bottom: 4px; } .hidden-btn__icon { width: 30px; height: 20px; position: relative; display: block; margin: 0 auto; } .hidden-btn__icon span { -webkit-box-shadow: none; box-shadow: none; } .hidden-btn__icon .hb-line { display: block; background: #077F8F; width: 30px; height: 3px; position: absolute; left: 0; border-radius: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .hidden-btn__icon .hb-line.line-1 { top: 0; } .hidden-btn__icon .hb-line.line-2 { top: 50%; } .hidden-btn__icon .hb-line.line-3 { top: 100%; } .hidden-btn__icon.active .line-1 { -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .hidden-btn__icon.active .line-2 { opacity: 0; } .hidden-btn__icon.active .line-3 { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } @media (min-width: 375px) { .hidden-btn__icon { width: 30px; height: 20px; position: relative; display: block; margin: 0 auto; } .hidden-btn__icon .hb-line { display: block; background: #077F8F; width: 30px; height: 3px; position: absolute; left: 0; border-radius: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .hidden-btn__icon .hb-line.line-1 { top: 0; } .hidden-btn__icon .hb-line.line-2 { top: 50%; } .hidden-btn__icon .hb-line.line-3 { top: 100%; } .hidden-btn__icon.active .line-1 { -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .hidden-btn__icon.active .line-2 { opacity: 0; } .hidden-btn__icon.active .line-3 { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } } @media (min-width: 768px) { .hidden-btn__icon { width: 34px; height: 24px; position: relative; display: block; margin: 0 auto; } .hidden-btn__icon .hb-line { display: block; background: #077F8F; width: 34px; height: 4px; position: absolute; left: 0; border-radius: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .hidden-btn__icon .hb-line.line-1 { top: 0; } .hidden-btn__icon .hb-line.line-2 { top: 50%; } .hidden-btn__icon .hb-line.line-3 { top: 100%; } .hidden-btn__icon.active .line-1 { -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .hidden-btn__icon.active .line-2 { opacity: 0; } .hidden-btn__icon.active .line-3 { -webkit-transform: translateY(-14px) rotate(-45deg); -moz-transform: translateY(-14px) rotate(-45deg); -ms-transform: translateY(-14px) rotate(-45deg); transform: translateY(-14px) rotate(-45deg); } } .hidden-menu { position: absolute; z-index: 99; width: 255px; height: 281px; right: -400px; top: 54px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; -webkit-filter: drop-shadow(-5px 10px 5px rgba(0, 0, 0, 0.25)); filter: drop-shadow(-5px 10px 5px rgba(0, 0, 0, 0.25)); } .hidden-menu--on { position: absolute; z-index: 99; width: 256px; height: 281px; right: -13px; top: 53px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .hidden-menu__links { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; font-size: 12px; } .hidden-menu__link { height: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #3D4856; list-style: none; } .hidden-menu__link a { width: 100%; height: 100%; padding-top: 14px; padding-left: 40px; font-size: inherit; font-weight: 600; text-transform: uppercase; color: inherit; text-decoration: none; } .hidden-menu__link--enter { height: 50px; background-color: #F0FDFF; background-image: url(../img/enter-icon.svg); background-repeat: no-repeat; background-position: 17% 45%; } .hidden-menu__link--enter a { font-size: 16px; padding-left: 70px; } .hidden-menu__call-btn { width: 177px; height: 47px; margin: 0 0 20px 40px; padding: 10px 0 0 54px; font-size: 16px; text-transform: uppercase; font-weight: 600; color: #EE7203; background-image: url("../img/call-hidden.svg"); background-repeat: no-repeat; background-position: 11% 50%; border-radius: 7px; border: 2px solid #EE7203; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-shadow: 10px 13px 23px -10px rgba(34, 60, 80, 0.19); box-shadow: 10px 13px 23px -10px rgba(34, 60, 80, 0.19); text-decoration: none; } .hidden-menu--on { -webkit-transform: translateX(2px); -moz-transform: translateX(2px); -ms-transform: translateX(2px); transform: translateX(2px); } .header-blur-wrap { display: none; position: absolute; width: 100vw; height: 86vh; margin-top: 85px; top: 0px; left: 0px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); z-index: 9; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .header-blur-wrap--on { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; width: 100vw; height: 86vh; margin-top: 85px; top: 0px; left: 0px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); z-index: 7; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } @media (min-width: 375px) { .header-mobile { margin: 7px 10px; } .right-panel { margin-left: 15px; } .hidden-menu { top: 53px; margin-right: -255px; } .hidden-menu--on { -webkit-transform: translateX(-248px); -moz-transform: translateX(-248px); -ms-transform: translateX(-248px); transform: translateX(-248px); } } @media (min-width: 425px) { .header-mobile { margin: 7px 15px; } .search-panel-mobile { margin-left: 3px; } .search-panel-mobile__user-location { font-size: 14px; } .search-panel-mobile__user-location span { font-weight: bold; } .right-panel__info { font-size: 12px; } .hidden-menu--on { -webkit-transform: translateX(-248px); -moz-transform: translateX(-248px); -ms-transform: translateX(-248px); transform: translateX(-248px); } } @media (min-width: 768px) { .header-mobile { margin: 7px 24px; } .header-mobile__logo img { width: 71px; height: 90px; } .search-panel-mobile { height: 88px; margin-left: 10px; } .search-panel-mobile__user-location { font-size: 16px; } .right-panel { height: 88px; margin-left: 35px; } .right-panel__info { font-size: 16px; } .user-mobile { width: 200px; height: 45px; } .user-mobile span { right: -10px; bottom: 35px; padding: 0; height: 15px; min-width: 15px; font-size: 10px; } .user-mobile__favorites { height: 38px; width: 40px; } .user-mobile__favorites img { width: 40px; height: 38px; } .user-mobile__shopping-cart { height: 38px; width: 42px; } .user-mobile__shopping-cart img { width: 42px; height: 38px; } .user-mobile__search-btn { height: 38px; width: 42px; position: relative; text-decoration: none; } .user-mobile__search-btn img { width: 42px; height: 38px; } .user-mobile__wrapper { margin-left: 15px; height: 37px; } .user-mobile__wrapper img { width: 37px; height: 37px; } .hidden-menu { width: 320px; height: 395px; top: 70px; margin-right: -340px; } .hidden-menu--on { -webkit-transform: translateX(-310px); -moz-transform: translateX(-310px); -ms-transform: translateX(-310px); transform: translateX(-310px); } .hidden-menu__links { font-size: 14px; } .hidden-menu__link { height: 60px; } .hidden-menu__link a { padding-top: 19px; padding-left: 25px; font-weight: bold; } .hidden-menu__link--enter { height: 85px; background-size: 34px; background-position: 9% 45%; } .hidden-menu__link--enter a { padding-top: 32px; padding-left: 80px; font-size: 18px; font-weight: bold; } .hidden-menu__call-btn { width: 230px; height: 60px; margin: 0 0 25px 25px; padding: 16px 0 0 80px; font-size: 18px; font-weight: bold; background-size: 34px; background-position: 14% 50%; } .header-blur-wrap { margin-top: 108px; } } .header-desktop { display: none; } @media (min-width: 1140px) { .header-mobile { display: none; } .header-blur-wrap { display: none; } .hidden-menu { display: none; } .header-desktop { min-width: 1095px; margin: 12px 2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-desktop__logo img { width: 79px; height: 98px; } } .search-panel { height: 97px; min-width: 489px; margin-left: 5px; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search-panel__user-location { position: relative; padding-top: 5px; font-size: 16px; font-weight: 600; color: #3D4856; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .search-panel__user-location span { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 342px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; font-weight: bold; color: #F67B1E; } .search-panel__user-location--ask-fadeInOut-span { display: inline; position: relative; padding-left: 15px; } .search-panel__user-location--ask-fadeInOut-span:after { content: ""; position: absolute; top: 2px; left: 0; background: url(../img/navigation/dadataModalQuestion.svg) no-repeat; background-size: 13px; width: 13px; height: 13px; float: left; margin: 0 6px 0 0; -webkit-animation: fadeInLocation 2.7s linear infinite; -moz-animation: fadeInLocation 2.7s linear infinite; animation: fadeInLocation 2.7s linear infinite; } .search-panel__user-location--confirm-location { display: inline; position: relative; padding-left: 15px; } .search-panel__user-location--confirm-location:after { content: ""; position: absolute; top: 2px; left: 0; background: url(../img/navigation/dadataModalSuccessOrange.png) no-repeat; background-size: 13px; width: 13px; height: 13px; float: left; margin: 0 6px 0 0; } .search-panel__user-location--dadataModalSuccess { position: absolute; display: none; padding: 6px 10px; top: 45px; width: 240px; height: auto; z-index: 99; border-radius: 4px; background: #fff; -webkit-box-shadow: 4px 4px 17px 1px rgba(56, 56, 56, 0.431372549); box-shadow: 4px 4px 17px 1px rgba(56, 56, 56, 0.431372549); } .search-panel__user-location--dadataModalSuccess:after { content: " "; position: absolute; width: 0; height: 0; left: 50px; bottom: 84%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; } .search-panel__user-location--dadataModalSuccess-question { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 13px; color: #000; margin: 3px 0 13px 0; } .search-panel__user-location--dadataModalSuccess-question:before { content: ""; opacity: 1; display: inline-block; background: url("../img/navigation/dadataModalSuccessBlack.png") no-repeat; background-size: 20px; width: 20px; height: 20px; margin: 0 6px 0 0; } .search-panel__user-location--dadataModalSuccess-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .search-panel__user-location--dadataModalSuccess-confirmBtn { z-index: 9999; width: 80px; height: 25px; font-size: 12px; line-height: 24px; padding-left: 5px; color: #fff; border-radius: 5px; background-color: #EE7203; cursor: pointer; } .search-panel__user-location--dadataModalSuccess-anotherCity { font-size: 13px; line-height: 24px; font-weight: 700; padding-left: 20px; color: #0A51A5; cursor: pointer; } .search-panel__user-location--dadataModalSuccess-on { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .search-panel__user-location--dadataModalFind { position: absolute; display: none; padding: 10px 10px; width: 250px; height: 125px; z-index: 99; border-radius: 4px; background: #fff; -webkit-box-shadow: 4px 4px 17px 1px rgba(56, 56, 56, 0.431372549); box-shadow: 4px 4px 17px 1px rgba(56, 56, 56, 0.431372549); } .search-panel__user-location--dadataModalFind span { font-size: 13px; color: #9FADC0; } .search-panel__user-location--dadataModalFind span:hover { color: #c4d3e9; } .search-panel__user-location--dadataModalFind:before { content: " "; position: absolute; width: 0; height: 0; left: 50px; bottom: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; } .search-panel__user-location--dadataModalFind-wrapper { position: relative; } .search-panel__user-location--dadataModalFind a { cursor: pointer; font-size: 13px; color: #7f99e7; } .search-panel__user-location--dadataModalFind-confirmBtn { position: absolute; z-index: 99999; display: none; width: 22px; height: 22px; right: 6px; top: 4%; opacity: 0.7; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; padding: 4px 1px; color: #fff; border-radius: 5px; background-color: #EE7203; cursor: pointer; } .search-panel__user-location--dadataModalFind-confirmBtn:after { content: ""; opacity: 1; display: block; background: url("../img/navigation/findConfirmIcon.svg") no-repeat; background-size: 18px; width: 20px; height: 20px; } .search-panel__user-location--dadataModalFind img { position: absolute; width: 18px; height: 18px; right: 15px; top: 13%; opacity: 0.7; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .search-panel__user-location--dadataModalFind input { position: relative; z-index: 9999; height: 30px; width: 100%; border: 1px solid #E0E5FF; border-radius: 5px; font-size: 12px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; margin-bottom: 10px; } .search-panel__user-location--dadataModalFind input:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .search-panel__user-location--dadataModalFind input:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .search-panel__user-location--dadataModalFind-quickPickList { position: relative; padding-left: 0; margin: 0 0 20px 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: scroll; white-space: nowrap; list-style: none; } .search-panel__user-location--dadataModalFind-quickPickList::-webkit-scrollbar { display: none; } .search-panel__user-location--dadataModalFind-quickPickItem { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 23px; padding: 5px 12px; margin-right: 10px; font-size: 10px; font-weight: 600; color: #8fa3c2; text-transform: uppercase; background-color: #eaf1fa; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .search-panel__user-location--dadataModalFind-quickPickItem:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; color: #6c81a0; background-color: #e8eaff; } @media (min-width: 768px) { .search-panel__user-location--ask-fadeInOut-span { display: inline; position: relative; padding-left: 23px; } .search-panel__user-location--ask-fadeInOut-span:after { content: ""; position: absolute; top: 2px; left: 0; background: url(../img/navigation/dadataModalQuestion.svg) no-repeat; background-size: 18px; width: 18px; height: 18px; float: left; margin: 0 6px 0 0; -webkit-animation: fadeInLocation 2.7s linear infinite; -moz-animation: fadeInLocation 2.7s linear infinite; animation: fadeInLocation 2.7s linear infinite; } .search-panel__user-location--confirm-location { display: inline; position: relative; padding-left: 23px; } .search-panel__user-location--confirm-location:after { content: ""; position: absolute; top: 4px; left: 0; background: url(../img/navigation/dadataModalSuccessOrange.png) no-repeat; background-size: 18px; width: 18px; height: 18px; float: left; margin: 0 6px 0 0; } .search-panel__user-location--dadataModalSuccess { position: absolute; display: none; top: 32px; left: 115px; padding: 6px 10px; width: 250px; height: auto; z-index: 99; border-radius: 4px; background: #fff; -webkit-box-shadow: 4px 4px 17px 1px rgba(56, 56, 56, 0.431372549); box-shadow: 4px 4px 17px 1px rgba(56, 56, 56, 0.431372549); } .search-panel__user-location--dadataModalSuccess:after { content: " "; position: absolute; width: 0; height: 0; left: 50px; bottom: 84%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; } .search-panel__user-location--dadataModalSuccess-question { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 14px; color: #000; margin: 3px 0 13px 0; } .search-panel__user-location--dadataModalSuccess-question:before { content: ""; opacity: 1; display: inline-block; background: url("../img/navigation/dadataModalSuccessBlack.png") no-repeat; background-size: 20px; width: 20px; height: 20px; margin: 0 6px 0 0; } .search-panel__user-location--dadataModalSuccess-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .search-panel__user-location--dadataModalSuccess-confirmBtn { width: 80px; height: 25px; font-size: 12px; line-height: 24px; padding-left: 5px; color: #fff; border-radius: 5px; background-color: #EE7203; cursor: pointer; } .search-panel__user-location--dadataModalSuccess-anotherCity { font-size: 14px; line-height: 24px; font-weight: 700; padding-left: 20px; color: #0A51A5; cursor: pointer; } .search-panel__user-location--dadataModalFind { position: absolute; display: none; top: 32px; left: 115px; padding: 10px 10px; width: 250px; height: 125px; z-index: 99; border-radius: 4px; background: #fff; -webkit-box-shadow: 4px 4px 17px 1px rgba(56, 56, 56, 0.431372549); box-shadow: 4px 4px 17px 1px rgba(56, 56, 56, 0.431372549); } .search-panel__user-location--dadataModalFind span { font-size: 13px; color: #9FADC0; } .search-panel__user-location--dadataModalFind span:hover { color: #c4d3e9; } .search-panel__user-location--dadataModalFind:before { content: " "; position: absolute; width: 0; height: 0; left: 50px; bottom: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; } .search-panel__user-location--dadataModalFind-wapper { position: relative; } .search-panel__user-location--dadataModalFind a { cursor: pointer; font-size: 13px; color: #7f99e7; } .search-panel__user-location--dadataModalFind-confirmBtn { position: absolute; display: none; width: 22px; height: 22px; right: 6px; top: 4%; opacity: 0.7; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; padding: 4px 1px; color: #fff; border-radius: 5px; background-color: #EE7203; cursor: pointer; } .search-panel__user-location--dadataModalFind-confirmBtn:after { content: ""; opacity: 1; display: block; background: url("../img/navigation/findConfirmIcon.svg") no-repeat; background-size: 18px; width: 20px; height: 20px; } .search-panel__user-location--dadataModalFind img { position: absolute; width: 18px; height: 18px; right: 15px; top: 13%; opacity: 0.7; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .search-panel__user-location--dadataModalFind input { height: 30px; width: 100%; border: 1px solid #E0E5FF; border-radius: 5px; font-size: 12px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; margin-bottom: 10px; } .search-panel__user-location--dadataModalFind input:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .search-panel__user-location--dadataModalFind input:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .search-panel__user-location--dadataModalFind-quickPickList { position: relative; padding-left: 0; margin: 0 0 20px 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: scroll; white-space: nowrap; list-style: none; } .search-panel__user-location--dadataModalFind-quickPickList::-webkit-scrollbar { display: none; } .search-panel__user-location--dadataModalFind-quickPickItem { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 23px; padding: 5px 12px; margin-right: 10px; font-size: 10px; font-weight: 600; color: #8fa3c2; text-transform: uppercase; background-color: #eaf1fa; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .search-panel__user-location--dadataModalFind-quickPickItem:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; color: #6c81a0; background-color: #e8eaff; } } @-webkit-keyframes fadeInLocation { 50% { opacity: 0; } } @-moz-keyframes fadeInLocation { 50% { opacity: 0; } } @keyframes fadeInLocation { 50% { opacity: 0; } } .search { position: relative; width: 100%; /* Firefox 19+ */ /* Firefox 18- */ } .search input::-webkit-input-placeholder { color: #A09A9A; } .search input::-moz-placeholder { color: #A09A9A; } .search input:-moz-placeholder { color: #A09A9A; } .search input:-ms-input-placeholder { color: #A09A9A; } .search__input { width: 100%; height: 45px; padding-left: 15px; font-size: 16px; color: #3D4856; background-color: #ffffff; outline: none; border: 2px solid #077F8F; border-radius: 3px; } .search__setting { position: absolute; top: 3px; right: 90px; width: 48px; height: 39px; background-color: transparent; background-image: url(../img/setting-icon.svg); background-size: 32px; background-repeat: no-repeat; background-position: center; border: none; outline: none; } .search__submit { position: absolute; top: 0; right: 0; width: 90px; height: 45px; background-color: #077F8F; background-image: url(../img/search-icon.svg); background-size: 25px; background-repeat: no-repeat; background-position: center; border-radius: 0 3px 3px 0; border: none; outline: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .search__submit:hover { background-color: #187581; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .search__submit:active { background-color: #187581; -webkit-box-shadow: inset 3px 3px 8px rgba(34, 40, 48, 0.4509803922); box-shadow: inset 3px 3px 8px rgba(34, 40, 48, 0.4509803922); -webkit-transition: 0.15s; -moz-transition: 0.15s; transition: 0.15s; } .user { width: 220px; height: 65px; margin: 0 20px; padding-bottom: 2px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .user a { text-decoration: none; } .user p { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; font-size: 14px; font-weight: 600; color: #096B78; } .user span { position: absolute; bottom: 45px; right: 10px; height: 18px; min-width: 18px; max-width: 30px; padding: 1px 3px; font-size: 11px; text-align: center; color: #ffffff; background-color: #EE7203; border-radius: 30px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); cursor: pointer; } .user__favorites { width: 80px; margin-right: 5px; position: relative; text-align: center; cursor: pointer; } .user__shopping-cart { width: 80px; position: relative; text-align: center; cursor: pointer; text-decoration: none; } .user__enter { width: 55px; position: relative; text-align: center; cursor: pointer; } .contacts { height: 102px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .contacts__links { padding-top: 5px; } .contacts__links a:not(:last-child) { margin-right: 50px; } .contacts__link { height: 25px; font-size: 16px; font-weight: 600; color: #3D4856; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .contacts__link a { width: 100%; height: 100%; } .contacts__link:hover { color: #828589; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .contacts__numbers { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__number { font-weight: bold; font-size: 20px; color: #0A51A5; text-decoration: none; } .contacts__number:hover { color: #3A8993; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } @media (min-width: 1380px) { .header-desktop { margin: 12px 45px; } .search-panel { margin-left: 20px; } .user { width: 253px; margin: 0 35px; } .user__favorites { margin-right: 0; } .contacts__numbers { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .contacts__numbers a:not(:last-child) { padding-right: 25px; } } @media (min-width: 1800px) { .search-panel { margin-left: 40px; } .search-panel__user-location { font-size: 18px; } .user { margin: 0 45px; } .contacts__link { font-size: 18px; } .contacts__numbers a:not(:last-child) { padding-right: 30px; } .contacts__number { font-size: 25px; } } .main-navigation--desktop { display: none; } .main-nav-dropdown { display: inline-block; position: relative; margin: 0; margin-top: 20px; font-size: 16px; width: 100%; } .main-nav-dropdown-button { background: #096B78; min-width: 320px; min-height: 40px; max-height: 40px; width: 100%; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; font-size: 18px; padding: 7px 0; text-align: center; font-weight: bold; text-transform: uppercase; position: relative; cursor: pointer; background-image: url("../img/main-nav-btn-open.svg"); background-repeat: no-repeat; background-position: 85% 50%; } .main-nav-dropdown-button a { text-decoration: none; color: #fff; } .main-nav-dropdown-button-active { background: #3A8993; background-image: url("../img/main-nav-btn-close.svg"); background-repeat: no-repeat; background-position: 85% 55%; } .main-nav-dropdown ul { visibility: hidden; overflow: hidden; color: #fff; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; padding: 0; list-style: none; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.2); position: absolute; left: 0; margin-top: 2px; top: 100%; min-width: 90%; } .main-nav-dropdown ul.active { z-index: 9999; visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); background-color: #fff; width: 100%; text-align: center; } .main-nav-dropdown li { min-width: 320px; min-height: 40px; max-height: 40px; cursor: pointer; padding-top: 7px; background-color: #3A8993; margin-bottom: 3px; } .main-nav-dropdown li a { display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; transition: background 0.2s ease; position: relative; font-size: 18px; text-transform: uppercase; } @media (min-width: 1074px) { .main-nav-dropdown-button { background-position: 75% 55%; } } @media (min-width: 1140px) { .main-navigation--mobile { display: none; } .main-navigation--desktop { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; min-width: 1140px; width: 100%; max-width: 2000px; background-color: #096B78; min-height: 40px; max-height: 40px; } .main-navigation--desktop__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 100%; max-width: 1140px; margin: 0 auto; padding-left: 0; list-style: none; } .main-navigation--desktop__list li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 16px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .main-navigation--desktop__list li:hover { background-color: #3A8993; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .main-navigation--desktop__list li:active { background-color: #59ADB8; } .main-navigation--desktop__list li a { padding: 9px; display: block; color: #fff; text-decoration: none; width: 100%; height: 100%; } .main-nav__item--active { background-color: #004C56; } } .tags-navigation--desktop { display: none; } .tags-nav-dropdown { display: inline-block; position: relative; margin: 0; margin-top: 5px; font-size: 16px; width: 100%; } .tags-nav-dropdown-button { background: #fff; min-width: 320px; min-height: 40px; max-height: 40px; width: 100%; color: #222830; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #096B78; border-radius: 0px; font-size: 18px; padding: 7px 0; text-align: center; text-transform: uppercase; position: relative; cursor: pointer; background-image: url("../img/tags-nav-btn-open.svg"); background-repeat: no-repeat; background-position: 85% 50%; } .tags-nav-dropdown-button a { text-decoration: none; color: #222830; } .tags-nav-dropdown-button-active { background: #3A8993; color: #fff; background-image: url("../img/tags-nav-btn-close.svg"); background-repeat: no-repeat; background-position: 85% 55%; } .tags-nav-dropdown-button-active a { color: #fff; } .tags-nav-dropdown ul { visibility: hidden; overflow: hidden; color: #222830; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; padding: 0; list-style: none; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); background-color: #fff; position: absolute; left: 0; margin-top: 2px; top: 100%; min-width: 90%; } .tags-nav-dropdown ul.active { visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); background-color: #3A8993; width: 100%; text-align: center; background-color: #fff; } .tags-nav-dropdown li { min-width: 320px; min-height: 40px; max-height: 40px; cursor: pointer; padding-top: 6px; border: 2px solid #096B78; margin-bottom: 3px; } .tags-nav-dropdown li a { display: block; width: 100%; height: 100%; color: #222830; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; cursor: pointer; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; transition: background 0.2s ease; position: relative; font-size: 18px; } @media (min-width: 1074px) { .tags-nav-dropdown-button { background-position: 75% 55%; } } @media (min-width: 1440px) { .tags-navigation--mobile { display: none; } .tags-navigation--desktop { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; margin-top: 5px; margin-bottom: 5px; min-width: 1440px; width: 100%; max-width: 2000px; background-color: #fff; } .tags-navigation--desktop__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1140px; margin: 0 auto; padding-left: 0; list-style: none; } .tags-navigation--desktop__list li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 14px; } .tags-navigation--desktop__list li:hover { background-color: #3A8993; border-radius: 5px; } .tags-navigation--desktop__list li:active { background-color: #59ADB8; } .tags-navigation--desktop__list li a { padding: 5px; display: block; color: #222830; text-decoration: none; width: 100%; height: 100%; } .tags-navigation--desktop__list li a:hover { color: #fff; } .tags-nav__item--active { background-color: #004C56; border-radius: 5px; } .tags-nav__item--active a { color: #fff !important; } } .header-contact-us { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999999; } .header-contact-us__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .header-contact-us__wrapper { position: absolute; top: 333px; left: 50%; -webkit-transform: translate(-50%, -20px); -moz-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); width: 300px; background-color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); } .header-contact-us__wrapper--opening { -webkit-animation: new-animate-open 0.3s ease-in-out forwards; -moz-animation: new-animate-open 0.3s ease-in-out forwards; animation: new-animate-open 0.3s ease-in-out forwards; } .header-contact-us__wrapper--closing { -webkit-animation: new-animate-close 0.25s ease-in-out forwards; -moz-animation: new-animate-close 0.25s ease-in-out forwards; animation: new-animate-close 0.25s ease-in-out forwards; } .header-contact-us__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 10px; width: 25px; height: 25px; background-image: url(../img/offers/fast-buy-form-close.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; opacity: 1; cursor: pointer; } .header-contact-us__title { margin-top: 35px; font-size: 21px; font-weight: bold; text-transform: uppercase; color: #3D4856; cursor: default; } .header-contact-us__subtitle { margin-top: 30px; font-size: 15px; font-weight: 700; color: #3D4856; cursor: default; } .header-contact-us__numbers { margin: 20px 0 0 0; padding: 0; } .header-contact-us__numbers li { list-style: none; } .header-contact-us__numbers li a { text-decoration: none; font-size: 18px; font-weight: 700; color: #034FA8; } .header-contact-us__numbers li:not(:first-child) { margin-top: 15px; } .header-contact-us__app-links { margin: 25px 0 35px 0; padding: 0; width: 165px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-contact-us__app-links li { list-style: none; } .header-contact-us__app-link { width: 55px; height: 55px; border-radius: 100%; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1882352941); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1882352941); } .header-contact-us__app-link a { display: block; width: 100%; height: 100%; border-radius: 100%; } .header-contact-us__app-link--whatsapp { background-color: #25D366; background: -webkit-gradient(linear, left bottom, left top, from(rgb(37, 211, 102)), to(rgb(205, 253, 223))); background: -moz-linear-gradient(bottom, rgb(37, 211, 102) 0%, rgb(205, 253, 223) 100%); background: linear-gradient(0deg, rgb(37, 211, 102) 0%, rgb(205, 253, 223) 100%); } .header-contact-us__app-link--whatsapp a { background-image: url("../img/whatsapp-link.svg"); background-repeat: no-repeat; background-position: 54% 49%; } .header-contact-us__app-link--telegram { background-color: #0088CC; background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 136, 204)), to(rgb(151, 214, 245))); background: -moz-linear-gradient(bottom, rgb(0, 136, 204) 0%, rgb(151, 214, 245) 100%); background: linear-gradient(0deg, rgb(0, 136, 204) 0%, rgb(151, 214, 245) 100%); } .header-contact-us__app-link--telegram a { background-image: url("../img/telegram-link.svg"); background-repeat: no-repeat; background-position: 45% 50%; } @media (min-width: 425px) { .header-contact-us__wrapper { width: 325px; } .header-contact-us__numbers li a { font-size: 20px; } } @media (min-width: 768px) { .header-contact-us__wrapper { top: 444px; width: 495px; } .header-contact-us__title { font-size: 23px; } .header-contact-us__subtitle { font-size: 18px; } .header-contact-us__numbers { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 375px; } .header-contact-us__numbers li:not(:first-child) { margin-top: 0; } .header-contact-us__numbers li a { font-size: 22px; } .header-contact-us__app-links { margin: 35px 0 35px 0; width: 175px; } .header-contact-us__app-link { width: 65px; height: 65px; } .header-contact-us__app-link--whatsapp a { background-size: 40px; background-position: 55% 51%; } .header-contact-us__app-link--telegram a { background-size: 41px; background-position: 46% 54%; } } @media (min-width: 1140px) { .header-contact-us__close { opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .header-contact-us__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .header-contact-us__wrapper { width: 600px; top: 222px; } .header-contact-us__wrapper--opening { -webkit-animation: new-animate-open-desktop 0.3s ease-in-out forwards; -moz-animation: new-animate-open-desktop 0.3s ease-in-out forwards; animation: new-animate-open-desktop 0.3s ease-in-out forwards; } .header-contact-us__wrapper--closing { -webkit-animation: new-animate-close-desktop 0.25s ease-in-out forwards; -moz-animation: new-animate-close-desktop 0.25s ease-in-out forwards; animation: new-animate-close-desktop 0.25s ease-in-out forwards; } .header-contact-us__title { font-size: 28px; } .header-contact-us__numbers { width: 450px; } .header-contact-us__numbers li a { font-size: 25px; } .header-contact-us__app-links { margin: 25px 0 35px 0; } } .search__setting--active { background-color: #f67b1e; -webkit-mask: url(../img/setting-icon.svg); mask: url(../img/setting-icon.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-image: none; } .search__modal-wrapper { display: none; position: fixed; z-index: 100; width: 100%; max-width: 100%; height: 100%; right: 0; top: 0; -ms-flex-pack: center; -webkit-box-pack: center; -moz-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; -moz-box-align: center; align-items: center; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .search__modal-wrapper--visible { display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; } .search__modal { background: #fff; border-radius: 3px; padding: 16px; font-size: 13px; -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); width: 90%; } .search__modal b { display: block; font-size: 16px; margin-bottom: 10px; } .search__modal input[type=checkbox] + label { display: block; left: 0; padding-left: 35px; } .search__modal input[type=checkbox] + label:before { left: 0px; top: 0px; width: 20px; height: 20px; } .search__modal input[type=checkbox] + label:after { left: 4px; width: 12px; top: 6px; } .search__modal input[type=checkbox]:checked:disabled + label { cursor: default; } .search__modal input[type=checkbox]:checked:disabled + label::after { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.4; } .search__modal label:nth-of-type(1) { margin-bottom: 16px; } .search__modal label:nth-of-type(2) { padding-right: 66px; } .search__modal-header { margin-bottom: 16px; } .search__modal-body { position: relative; } .search__modal-close { border: 2px solid #f67b1e; padding: 5px 10px; color: #f67b1e; background: #fff; position: absolute; right: 0; bottom: 0; border-radius: 5px; font-weight: 700; text-transform: uppercase; } @media (min-width: 1140px) { .search__modal-wrapper { position: absolute; top: -moz-calc(100% + 13px); top: calc(100% + 13px); right: 0; height: auto; max-width: 400px; } .search__modal { border-top: 2px solid #f67b1e; -webkit-box-shadow: 0 5px 8px 0 rgba(34, 60, 80, 0.06); box-shadow: 0 5px 8px 0 rgba(34, 60, 80, 0.06); width: 100%; } .search__modal::before { position: absolute; right: 108px; top: -8px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px; border-color: transparent transparent #f67b1e; } } @media (max-width: 1139px) { .search__setting--active { width: 300px; left: 0; right: 0; top: -200px; bottom: 0; margin: auto; -webkit-mask-size: contain; mask-size: contain; position: fixed; z-index: 1000; } } .search-panel__user-location--dadataModalFind-wrapper .suggestions-wrapper { width: 84%; max-width: 230px; top: 27px; left: 0; z-index: 99; border-radius: 7px; background-color: transparent; } .search-panel__user-location--dadataModalFind-wrapper .suggestions-wrapper .suggestions-suggestions { background-color: #fff; } @media (min-width: 768px) { .search-panel__user-location--dadataModalFind-wrapper .suggestions-wrapper { width: 100%; max-width: 100%; top: 24px; left: 0; z-index: 99; border-radius: 7px; background-color: transparent; } .search-panel__user-location--dadataModalFind-wrapper .suggestions-wrapper .suggestions-suggestions { background-color: #fff; } } .search-panel__user-location--dadataModalFind-wrapper span { color: #777 !important; } .search-panel__user-location--dadataModalFind-wrapper strong { font-weight: normal; color: #3399ff; } .search-panel__user-location--dadataModalFind-wrapper a { text-decoration: none; } .navigation { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-overflow-style: none; scrollbar-width: none; } .navigation__catalog-links { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 90px; } .navigation__catalog-link--groups { text-align: center; list-style: none; width: 100%; height: 45px; text-decoration: none; background-color: #0B4769; margin-bottom: 1px; } .navigation__catalog-link--groups-active { width: 100%; height: 45px; text-align: center; list-style: none; text-decoration: none; background-color: #0B4769; -webkit-box-shadow: inset 6px 6px 8px rgba(34, 40, 48, 0.45); box-shadow: inset 6px 6px 8px rgba(34, 40, 48, 0.45); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 1px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__catalog-link--groups-active:hover { cursor: pointer; background-color: #0E5983; -webkit-box-shadow: inset 1px 1px 12px rgba(24, 30, 37, 0.4); box-shadow: inset 1px 1px 12px rgba(24, 30, 37, 0.4); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__catalog-link--groups-active:active { cursor: pointer; background-color: #09405F; -webkit-box-shadow: inset 4px 4px 8px rgba(34, 40, 48, 0.45); box-shadow: inset 4px 4px 8px rgba(34, 40, 48, 0.45); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__catalog-link--groups-active a { padding-top: 12px; display: block; width: 100%; height: 45px; text-decoration: none; font-weight: 600; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #fff; background: url("../img/navigation/groups-icon.svg") no-repeat; background-position: 22% 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation__catalog-link--groups a { padding-top: 12px; display: block; width: 100%; height: 45px; text-decoration: none; font-weight: 600; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #fff; background: url("../img/navigation/groups-icon.svg") no-repeat; background-position: 21% 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation__catalog-link--groups a:visited { color: #fff; } .navigation__catalog-link--car { text-align: center; list-style: none; width: 100%; height: 45px; text-decoration: none; background-color: #1C558D; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation__catalog-link--car-active { width: 100%; height: 45px; text-align: center; list-style: none; text-decoration: none; background-color: #1C558D; -webkit-box-shadow: inset 6px 6px 8px rgba(34, 40, 48, 0.45); box-shadow: inset 6px 6px 8px rgba(34, 40, 48, 0.45); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__catalog-link--car-active:hover { cursor: pointer; background-color: #1f5fa0; -webkit-box-shadow: inset 1px 1px 12px rgba(24, 30, 37, 0.4); box-shadow: inset 1px 1px 12px rgba(24, 30, 37, 0.4); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__catalog-link--car-active:active { cursor: pointer; background-color: #184b7e; -webkit-box-shadow: inset 4px 4px 8px rgba(34, 40, 48, 0.45); box-shadow: inset 4px 4px 8px rgba(34, 40, 48, 0.45); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__catalog-link--car-active a { padding-top: 12px; display: block; width: 100%; height: 45px; text-decoration: none; font-weight: 600; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #fff; background: url("../img/navigation/car-icon.svg") no-repeat; background-position: 21% 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation__catalog-link--car a { padding-top: 12px; display: block; width: 100%; height: 45px; text-decoration: none; font-weight: 600; font-size: 14px; line-height: 19px; text-transform: uppercase; color: #fff; background: url("../img/navigation/car-icon.svg") no-repeat; background-position: 22% 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation__catalog-link--car a:visited { color: #fff; } .navigation__nav-list { position: relative; width: 100%; margin: 0; padding: 0; height: 30px; background-color: #096B78; padding-left: 10px; margin-bottom: 1px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow-y: hidden; white-space: nowrap; overflow-x: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 10px; } .navigation__nav-list::-webkit-scrollbar { display: none; } .navigation__nav-item { display: inline-block; position: relative; list-style: none; height: 30px; white-space: nowrap; } .navigation__nav-item a { display: inline-block; height: 30px; text-decoration: none; color: #fff; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; padding-top: 7px; padding-left: 5px; padding-right: 5px; } .navigation__nav-item span { display: inline-block; cursor: default; position: relative; top: -22%; right: 5%; height: 12px; font-size: 9px; background-color: #003ee7; border-radius: 40px; padding-right: 3px; padding-left: 3px; padding-bottom: 1px; font-weight: 600; text-transform: uppercase; color: #fff; } .navigation__arrow-left { display: none; } .navigation__arrow-right { display: none; } @media (min-width: 375px) { .navigation { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .navigation__catalog-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 45px; } .navigation__catalog-link--groups { width: 50%; } .navigation__catalog-link--groups-active { width: 50%; } .navigation__catalog-link--groups-active a { background-position: 7% 50%; padding-left: 25px; } .navigation__catalog-link--groups a { background-position: 7% 50%; padding-left: 25px; } .navigation__catalog-link--car { width: 50%; } .navigation__catalog-link--car-active { width: 50%; } .navigation__catalog-link--car-active a { background-position: 10% 50%; padding-left: 30px; } .navigation__catalog-link--car a { background-position: 8% 50%; padding-left: 25px; } .navigation__nav-list { padding-left: 7px; } } @media (min-width: 425px) { .navigation { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .navigation__catalog-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 45px; } .navigation__catalog-link--groups { width: 50%; } .navigation__catalog-link--groups-active { width: 50%; } .navigation__catalog-link--groups-active a { background-position: 13% 50%; padding-left: 25px; } .navigation__catalog-link--groups a { background-position: 13% 50%; padding-left: 25px; } .navigation__catalog-link--car { width: 50%; } .navigation__catalog-link--car-active { width: 50%; } .navigation__catalog-link--car-active a { background-position: 15% 50%; padding-left: 27px; } .navigation__catalog-link--car a { background-position: 14% 50%; padding-left: 25px; } .navigation__nav-list { padding-left: 20px; } } @media (min-width: 768px) { .navigation { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .navigation__catalog-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 60px; } .navigation__catalog-link--groups { width: 50%; height: 60px; } .navigation__catalog-link--groups-active { width: 50%; height: 60px; } .navigation__catalog-link--groups-active a { padding-top: 17px; display: block; height: 60px; font-weight: 600; font-size: 19px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/groups-icon.svg") no-repeat; background-size: 25px; background-position: 23% 50%; } .navigation__catalog-link--groups a { padding-top: 17px; display: block; height: 60px; font-weight: 600; font-size: 19px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/groups-icon.svg") no-repeat; background-size: 25px; background-position: 24% 50%; } .navigation__catalog-link--groups a:visited { color: #fff; } .navigation__catalog-link--car { width: 50%; height: 60px; } .navigation__catalog-link--car-active { width: 50%; height: 60px; } .navigation__catalog-link--car-active a { padding-top: 17px; display: block; width: 100%; height: 60px; text-decoration: none; font-weight: 600; font-size: 19px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/car-icon.svg") no-repeat; background-position: 23% 50%; background-size: 43px; } .navigation__catalog-link--car a { padding-top: 17px; display: block; width: 100%; height: 60px; text-decoration: none; font-weight: 600; font-size: 19px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/car-icon.svg") no-repeat; background-position: 22% 50%; background-size: 44px; } .navigation__catalog-link--car a:visited { color: #fff; } .navigation__nav-list { height: 40px; background-color: #096B78; padding-left: 25px; } .navigation__nav-item { height: 40px; margin-right: 5px; } .navigation__nav-item a { display: inline-block; height: 40px; text-decoration: none; color: #fff; font-style: normal; font-weight: bold; font-size: 14px; line-height: 19px; padding-top: 11px; padding-left: 7px; padding-right: 7px; } .navigation__nav-item span { top: -27%; right: 6%; } } @media (min-width: 1140px) { .navigation { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; } .navigation__catalog-links { position: absolute; top: -10%; left: 26px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 60px; width: 524px; z-index: 1; } .navigation__catalog-link--groups { width: 262px; height: 60px; position: relative; display: block; overflow: hidden; -webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; background-color: #0B4769; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .navigation__catalog-link--groups-active { width: 262px; height: 60px; position: relative; display: block; overflow: hidden; background-color: #0B4769; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .navigation__catalog-link--groups-active a { padding-top: 17px; display: block; height: 60px; font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/groups-icon.svg") no-repeat; background-size: 20px; background-position: 13% 50%; } .navigation__catalog-link--groups:hover { background-color: #1b5d83; -webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; } .navigation__catalog-link--groups a { padding-top: 17px; display: block; height: 60px; font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/groups-icon.svg") no-repeat; background-size: 20px; background-position: 12% 50%; } .navigation__catalog-link--groups a:after { background: #fff; content: ""; height: 155px; left: -75px; opacity: 0.2; position: absolute; top: -50px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); -webkit-transition: all 350ms cubic-bezier(0.5, 1, 0.5, 1); -moz-transition: all 350ms cubic-bezier(0.5, 1, 0.5, 1); transition: all 350ms cubic-bezier(0.5, 1, 0.5, 1); width: 50px; z-index: 3; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .navigation__catalog-link--groups a:hover:after { left: 120%; -webkit-transition: all 300ms cubic-bezier(0.5, 1, 0.5, 1); -moz-transition: all 300ms cubic-bezier(0.5, 1, 0.5, 1); transition: all 300ms cubic-bezier(0.5, 1, 0.5, 1); } .navigation__catalog-link--groups a:visited { color: #fff; } .navigation__catalog-link--car { width: 262px; height: 60px; position: relative; display: block; overflow: hidden; -webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .navigation__catalog-link--car-active { width: 262px; height: 60px; position: relative; display: block; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: default; } .navigation__catalog-link--car-active a { padding-top: 17px; display: block; width: 100%; height: 60px; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/car-icon.svg") no-repeat; background-position: 16% 50%; background-size: 35px; } .navigation__catalog-link--car:hover { -webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; background-color: #2666a5; } .navigation__catalog-link--car a { padding-top: 17px; display: block; width: 100%; height: 60px; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/car-icon.svg") no-repeat; background-position: 15% 50%; background-size: 34px; } .navigation__catalog-link--car a:after { background: #fff; content: ""; height: 155px; left: -75px; opacity: 0.2; position: absolute; top: -50px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); -webkit-transition: all 350ms cubic-bezier(0.5, 1, 0.5, 1); -moz-transition: all 350ms cubic-bezier(0.5, 1, 0.5, 1); transition: all 350ms cubic-bezier(0.5, 1, 0.5, 1); width: 50px; z-index: 3; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .navigation__catalog-link--car a:hover:after { left: 120%; -webkit-transition: all 300ms cubic-bezier(0.5, 1, 0.5, 1); -moz-transition: all 300ms cubic-bezier(0.5, 1, 0.5, 1); transition: all 300ms cubic-bezier(0.5, 1, 0.5, 1); } .navigation__catalog-link--car a:visited { color: #fff; } .navigation__nav-list { height: 50px; background-color: #096B78; padding-right: 40px; } .navigation__nav-item { height: 50px; padding-top: 0; margin-right: 5px; background-color: transparent; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; z-index: 0; } .navigation__nav-item:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; background-color: #0F7F8D; } .navigation__nav-item a { position: relative; display: inline-block; width: 100%; height: 50px; text-decoration: none; color: #fff; font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; padding-left: 7px; padding-right: 7px; padding-top: 14px; z-index: 2; } .navigation__nav-item span { display: inline-block; cursor: pointer; position: relative; top: -28%; left: -35px; height: 16px; font-size: 12px; background-color: #003ee7; border-radius: 40px; padding-right: 5px; padding-left: 5px; padding-bottom: 1px; font-weight: 600; text-transform: uppercase; color: #fff; z-index: 1; } .navigation__arrow-left { display: none; position: absolute; height: 50px; width: 25px; top: 0; left: 550px; background-image: url(../img/special/special_arrow-left--hover.svg); background-size: 19px; background-repeat: no-repeat; background-position: 50% 50%; background-color: #096B78; z-index: 1; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__arrow-left:hover { background-color: rgba(9, 107, 120, 0.3960784314); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__arrow-right { display: none; position: absolute; height: 50px; width: 25px; top: 0; right: 0; background-image: url(../img/special/special_arrow-right--hover.svg); background-size: 20px; background-repeat: no-repeat; background-position: 50% 49%; background-color: #096B78; z-index: 1; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .navigation__arrow-right:hover { background-color: rgba(9, 107, 120, 0.3764705882); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } } @media (min-width: 1380px) { .navigation__catalog-links { position: absolute; top: -10%; left: 45px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 60px; width: 524px; z-index: 1; } .navigation__arrow-left { left: 569px; } } @media (min-width: 1480px) { .navigation__catalog-links { position: absolute; top: -10%; left: 45px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 60px; width: 524px; z-index: 1; } .navigation__catalog-link--groups { width: 262px; height: 60px; } .navigation__catalog-link--groups-active { width: 262px; height: 60px; } .navigation__catalog-link--groups-active a { padding-top: 17px; display: block; width: 100%; height: 60px; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/groups-icon.svg") no-repeat; background-position: 13% 50%; background-size: 20px; } .navigation__catalog-link--groups a { padding-top: 17px; display: block; height: 60px; font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/groups-icon.svg") no-repeat; background-size: 20px; background-position: 12% 50%; } .navigation__catalog-link--groups a:visited { color: #fff; } .navigation__catalog-link--car { width: 262px; height: 60px; } .navigation__catalog-link--car-active { width: 262px; height: 60px; } .navigation__catalog-link--car-active a { padding-top: 17px; display: block; width: 100%; height: 60px; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/car-icon.svg") no-repeat; background-position: 16% 50%; background-size: 35px; } .navigation__catalog-link--car a { padding-top: 17px; display: block; width: 100%; height: 60px; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #fff; background: url("../img/navigation/car-icon.svg") no-repeat; background-position: 16% 50%; background-size: 34px; } .navigation__catalog-link--car a:visited { color: #fff; } .navigation__nav-list { height: 50px; background-color: #096B78; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .navigation__nav-item { height: 50px; margin-right: 5px; } .navigation__nav-item a { display: inline-block; height: 100%; text-decoration: none; color: #fff; font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; } } .page-body__main { max-width: 2000px; min-width: 320px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .page-body { background-color: #4A4E54; } .page-body__container { max-width: 2000px; margin: 0 auto; background-color: #fff; overflow-x: hidden; } .page-body__no-scroll { overflow: hidden; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px grey; box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: rgba(153, 153, 153, 0.8274509804); border-radius: 12px; } ::-webkit-scrollbar-thumb:hover { background: rgba(110, 110, 110, 0.8431372549); } .promotion { height: auto; padding: 20px 0; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2px; background: rgb(1, 138, 45); background: -webkit-gradient(linear, left top, right top, color-stop(14%, rgb(1, 138, 45)), color-stop(49%, rgb(21, 143, 129)), to(rgba(20, 83, 157, 0.955152923))); background: -moz-linear-gradient(left, rgb(1, 138, 45) 14%, rgb(21, 143, 129) 49%, rgba(20, 83, 157, 0.955152923) 100%); background: linear-gradient(90deg, rgb(1, 138, 45) 14%, rgb(21, 143, 129) 49%, rgba(20, 83, 157, 0.955152923) 100%); } .promotion__title { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; } .promotion__text { color: #fff; margin-top: 7px; padding-right: 5px; padding-left: 5px; font-size: 12px; text-align: center; font-weight: bold; } .promotion a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; text-align: center; text-decoration: none; color: #fff; } .promotion a:visited { color: #fff; } @media (min-width: 425px) { .promotion__title { font-size: 16px; } .promotion__text { font-size: 14px; } } @media (min-width: 768px) { .promotion__title { font-size: 18px; } .promotion__text { font-size: 16px; } } @media (min-width: 1140px) { .promotion a { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .promotion__title { font-size: 20px; } .promotion__text { font-size: 16px; margin-top: 10px; } } .departaments { max-width: 2000px; min-width: 320px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 100%; padding-top: 2px; } .main-departament { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-departament__content { max-width: 1625px; } .main-departament__content picture { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 320px; width: 100%; height: 100%; } .main-departament__content picture img { min-width: 320px; width: 100%; height: 250px; max-height: 250px; -o-object-fit: none; object-fit: none; } .main-departament__info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .main-dep-info__title { text-transform: uppercase; font-weight: bold; font-size: 22px; text-align: center; max-width: 310px; margin-top: 20px; margin-bottom: 10px; max-width: 300px; overflow-x: hidden; white-space: normal; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } .main-dep-info__title::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .main-dep-info__text { font-size: 15px; max-width: 310px; text-align: center; margin-top: 10px; max-height: 220px; max-width: 300px; overflow-x: hidden; overflow-y: hidden; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } .main-dep-info__watch-all-btn { width: 200px; background-color: #F67B1E; background-image: url("../img/dep/db-arrow-right-icon.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 85% 50%; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; text-decoration: none; text-align: center; padding-top: 11px; padding-bottom: 11px; padding-right: 11px; border: none; border-radius: 3px; margin-top: 15px; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; margin-bottom: 25px; } @media (min-width: 768px) { .main-departament { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: auto; margin-bottom: 0; } .main-departament__content picture img { min-width: 320px; width: 100%; height: 300px; max-height: 300px; -o-object-fit: cover; object-fit: cover; } .main-departament__info { position: relative; width: 100%; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; padding-left: 6%; padding-bottom: 10px; background-color: #054EA5; } .main-dep-info__title { text-transform: uppercase; font-weight: bold; font-size: 16px; text-align: left; max-width: 768px; padding-top: 5px; color: #fff; } .main-dep-info__text { font-size: 13px; max-width: 300px; text-align: left; margin-top: 10px; padding-bottom: 10px; color: #fff; } .main-dep-info__watch-all-btn { position: absolute; top: 200%; right: 50px; background-color: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/dep/db-arrow-right-icon.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 85% 50%; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; text-decoration: none; text-align: center; padding-top: 11px; padding-bottom: 11px; padding-right: 11px; border: 1px solid #fff; border-radius: 3px; } } @media (min-width: 1140px) { .main-departament { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; height: 335px; margin-bottom: 1px; } .main-departament__content { -webkit-box-flex: 6; -moz-box-flex: 6; -ms-flex: 6; flex: 6; } .main-departament__content picture img { width: 100%; min-height: 335px; max-height: 335px; -o-object-fit: cover; object-fit: cover; } .main-departament__info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding-left: 30px; padding-bottom: 10px; background-color: #054EA5; } .main-dep-info__title { text-transform: uppercase; font-weight: bold; font-size: 20px; text-align: left; max-width: 250px; margin-top: 10px; color: #fff; overflow-x: hidden; white-space: normal; overflow-y: hidden; cursor: default; } .main-dep-info__text { font-size: 13px; text-align: left; margin-top: 20px; color: #fff; max-height: 110px; max-width: 265px; overflow-x: hidden; white-space: normal; overflow-y: hidden; cursor: default; } .main-dep-info__text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .main-dep-info__watch-all-btn { position: relative; background-color: transparent; background-image: url("../img/dep/db-arrow-right-icon.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 85% 50%; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; text-decoration: none; text-align: center; padding-top: 11px; padding-bottom: 11px; padding-right: 11px; border: 1px solid #fff; border-radius: 3px; top: 0; margin-left: 50px; margin-bottom: 10px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .main-dep-info__watch-all-btn:hover { background-color: rgba(255, 255, 255, 0.1254901961); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .main-dep-info__watch-all-btn:active { background-color: rgba(255, 255, 255, 0.2509803922); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 1380px) { .main-departament__content picture img { width: 100%; min-height: 335px; max-height: 335px; -o-object-fit: cover; object-fit: cover; } .main-departament__info { width: 490px; max-width: 490px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding-left: 45px; padding-bottom: 10px; background-color: #054EA5; } } .second-departaments { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1px; } .second-departaments__content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 320px; width: 100%; height: 100%; max-height: 250px; } .second-departaments__content img { min-width: 320px; width: 505px; max-width: 505px; height: 250px; max-height: 250px; -o-object-fit: fill; object-fit: fill; } .second-departaments__info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .sec-dep-info__title { text-transform: uppercase; font-weight: bold; font-size: 22px; text-align: center; max-width: 310px; margin-top: 15px; max-height: 90px; overflow-x: hidden; overflow-y: hidden; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } .sec-dep-info__text { font-size: 15px; max-width: 310px; text-align: center; margin-top: 10px; overflow-x: hidden; overflow-y: hidden; white-space: normal; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } .sec-dep-info__text:before { content: ""; display: block; height: 24px; position: relative; top: 202px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 75%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%); } .sec-dep-info__watch-all-btn { width: 200px; background-color: #F67B1E; background-image: url("../img/dep/db-arrow-right-icon.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 85% 50%; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; text-decoration: none; text-align: center; padding-top: 11px; padding-bottom: 11px; padding-right: 11px; border: none; border-radius: 3px; margin-top: 30px; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; margin-bottom: 20px; } @media (min-width: 768px) { .sec-dep-info { height: 100%; } .second-departaments__block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 50%; position: relative; margin-bottom: 0; } .second-departaments__block:nth-child(2) { margin-left: 3px; } .second-departaments { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .second-departaments__info { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; background-color: #942719; padding-top: 10px; } .second-departaments__info--green { background-color: #115211; } .second-departaments__info:nth-child(2) { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; } .second-departaments__content img { min-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; max-height: 410px; } .sec-dep-info__title { font-size: 16px; color: #fff; margin-top: 15px; padding-left: 15px; min-height: 40px; max-height: 40px; text-align: left; overflow-x: hidden; overflow-y: hidden; cursor: default; } .sec-dep-info__text { font-size: 13px; text-align: left; color: #fff; padding-left: 15px; margin-bottom: 15px; overflow-x: hidden; overflow-y: hidden; white-space: normal; cursor: default; } .sec-dep-info__text:before { content: ""; display: none; } .sec-dep-info__watch-all-btn { position: absolute; bottom: 5%; right: 50px; background-color: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/dep/db-arrow-right-icon.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 85% 50%; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; text-decoration: none; text-align: center; padding-top: 11px; padding-bottom: 11px; padding-right: 11px; border: 1px solid #fff; border-radius: 3px; } } @media (min-width: 1200px) { .sec-dep-info { min-width: 320px; padding-bottom: 0; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .second-departaments__content { max-height: 351px; } .second-departaments__block { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sec-dep-info a { vertical-align: bottom; bottom: 10px; } .sec-dep-info__title { padding-left: 30px; min-height: 50px; max-height: 50px; margin-top: 10px; text-align: left; overflow-x: hidden; overflow-y: hidden; } .sec-dep-info__text { padding-left: 30px; overflow-x: hidden; white-space: normal; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .sec-dep-info__text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .sec-dep-info__watch-all-btn { position: inherit; background: transparent; margin-left: 30px; margin-top: 25px; background-image: url("../img/dep/db-arrow-right-icon.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 85% 50%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .sec-dep-info__watch-all-btn:hover { background-color: rgba(255, 255, 255, 0.1254901961); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .sec-dep-info__watch-all-btn:active { background-color: rgba(255, 255, 255, 0.2509803922); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 1440px) { .second-departaments__content { max-height: 351px; } .second-departaments__block { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sec-dep-info { min-width: 350px; padding-bottom: 0; } .sec-dep-info a { vertical-align: bottom; bottom: 10px; } .sec-dep-info__title { padding-left: 30px; min-height: 50px; max-height: 50px; margin-top: 10px; text-align: left; overflow-x: hidden; overflow-y: hidden; } .sec-dep-info__text { padding-left: 30px; overflow-x: hidden; white-space: normal; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .sec-dep-info__text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .sec-dep-info__watch-all-btn { position: inherit; background: transparent; margin-left: 30px; margin-top: 25px; background-image: url("../img/dep/db-arrow-right-icon.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 85% 50%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .sec-dep-info__watch-all-btn:hover { background-color: rgba(255, 255, 255, 0.1254901961); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .sec-dep-info__watch-all-btn:active { background-color: rgba(255, 255, 255, 0.2509803922); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } .third-departaments { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 320px; } .third-departaments__block { position: relative; background-color: attr(data-hcolor color, red); } .third-departaments__block a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-height: 200px; text-decoration: none; } .third-departaments__info { width: 45%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0 auto; padding-right: 15px; padding-left: 15px; z-index: 200; position: relative; } .third-departaments__info::before { content: ""; top: 0; left: 0; position: absolute; background: transparent; width: 100%; height: 100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; z-index: 1; } .third-departaments__content { width: 55%; z-index: 200; } .third-departaments img { width: 100%; min-width: 123px; -o-object-fit: cover; object-fit: cover; height: 200px; max-height: 200px; } .th-dep-info__title { font-size: 12px; color: #fff; font-weight: bold; text-transform: uppercase; max-height: 35px; max-width: 250px; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; } .th-dep-info__text { font-size: 11px; color: #fff; padding-bottom: 10px; max-width: 250px; max-height: 130px; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; } @media (min-width: 375px) { .th-dep-info__title { font-size: 14px; } .th-dep-info__text { font-size: 13px; } } @media (min-width: 768px) { .third-departaments { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-bottom: 1px; } .third-departaments__content { width: 100%; min-height: 190px; } .third-departaments img { width: 100%; } .third-departaments__block { width: 34%; margin-left: 3px; } .third-departaments__block:first-child { margin-left: 0; } .third-departaments__block a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 300px; max-height: 300px; } .third-departaments__info { min-height: 110px; max-height: 110px; min-width: 225px; overflow: hidden; width: 100%; } .th-dep-info__title { min-width: 225px; max-width: 245px; max-height: 25px; padding-top: 5px; } .th-dep-info__text { min-width: 225px; max-width: 245px; } } @media (min-width: 1440px) { .third-departaments__block a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 250px; max-height: 250px; } .third-departaments__info { width: 50%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .third-departaments__content { width: 50%; } .third-departaments__content img { min-height: 250px; min-width: 240px; } .th-dep-info { -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 15px; min-height: 250px; max-height: 250px; } .th-dep-info__title { font-size: 20px; padding-left: 0; margin-top: 15px; min-height: 70px; max-height: 70px; } .th-dep-info__text { padding-left: 0; font-size: 14px; min-height: 75px; max-height: 85px; overflow: hidden; } } .third-departaments__info--hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; background-color: #3D4856 !important; } .optional-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; list-style: none; margin: 0; } .optional-list__item a { padding-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3D4856), to(rgba(13, 103, 114, 0))); background: -moz-linear-gradient(top, #3D4856 25%, rgba(13, 103, 114, 0) 100%); background: linear-gradient(180deg, #3D4856 25%, rgba(13, 103, 114, 0) 100%); height: 100%; width: 100%; text-transform: uppercase; font-size: 15px; font-weight: bold; color: #000; } .optional-list__item a:visited { color: #000; } .optional-list__item { width: 30%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 200px; margin-left: 3px; margin-top: 3px; } .optional-list-item__picture img { width: 130px; height: 107px; } .optional-list-item__text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 18px; width: 120px; height: 90px; max-width: 125px; max-height: 90px; overflow-x: hidden; white-space: normal; font-size: 11px; } .optional-list__item:first-child { margin-left: 0; } .optional-list__item:nth-child(4) { margin-left: 0; } @media (min-width: 768px) { .optional-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .optional-list-item__text { width: 110px; font-size: 11px; max-width: 130px; } .optional-list__item:nth-child(4) { margin-left: 3px; } } @media (min-width: 1095px) { .optional-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .optional-list__item { height: 200px; } .optional-list-item__picture img { width: 110px; height: 70px; } .optional-list__item:nth-child(4) { margin-left: 3px; } .optional-list-item__text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 18px; width: 180px; height: 90px; max-width: 180px; max-height: 90px; overflow-x: hidden; white-space: normal; font-size: 16px; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .optional-list-item__text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } } @media (min-width: 1140px) { .optional-list__item { height: 280px; } .optional-list__item--image { width: 170px; height: auto; } .optional-list__item a { font-size: 22px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .optional-list-item__picture img { width: 170px; height: 110px; -o-object-fit: cover; object-fit: cover; } .optional-list-item__text { font-size: 17px; } } @media (min-width: 1440px) { .optional-list-item__picture img { width: 230px; height: 160px; } } .optional-list__item a:hover { color: #fff !important; /* Цвет текста активного пункта */ background-color: #3D4856 !important; /* Цвет фона активного пункта */ -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .slider { position: relative; max-height: 510px; width: 100%; overflow: hidden; } .slider__wrap { position: relative; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 320px; width: 100%; } .slider__item { position: relative; } .slider__item-info { position: absolute; width: 96%; height: 80%; background-color: blue; top: 5%; right: 2%; padding-right: 10px; background-color: rgba(0, 0, 0, 0.1254901961); } .slider__item-info a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; text-decoration: none; height: 100%; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .slider__item-info a:visited { color: #fff; } .slider__item-video { position: relative; width: 100%; height: 100%; cursor: pointer; } .slider__item-video:hover .slider__item-video-button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .slider__item-video iframe { width: 100%; height: 254px; } .slider__item-video-media { width: 100%; max-height: 510px; -o-object-fit: contain !important; object-fit: contain !important; background-color: #000; } .slider__item-video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slider__item picture img { position: relative; width: 100%; min-height: 250px; max-height: 250px; -o-object-fit: cover; object-fit: cover; padding-top: 5px; overflow: hidden; } .slider__dots { position: absolute; top: 82%; width: 100%; margin: 0 auto; margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider__dots .dot { cursor: pointer; height: 16px; width: 16px; margin: 0 10px; background-color: #F67B1E; border-radius: 50%; display: inline-block; -webkit-transition: background-color 0.6s ease; -moz-transition: background-color 0.6s ease; transition: background-color 0.6s ease; } .slider__dots .dot-active { background-color: #DEDEDE; border: 2px solid #F67B1E; height: 16px; width: 16px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .slider__dots .dot-active:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .dot { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .dot:active { -webkit-transform: scale(0.99) !important; -moz-transform: scale(0.99) !important; -ms-transform: scale(0.99) !important; transform: scale(0.99) !important; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .slider-title { text-transform: uppercase; font-weight: 700; text-align: right; font-size: 15px; width: 95%; margin: 0; max-height: 65px; margin-top: 20px; overflow-x: hidden; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .slider-title::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .slider-text { font-size: 13px; width: 95%; max-height: 120px; margin-top: 15px; text-align: right; overflow-x: hidden; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .slider-text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .slider__item-video-button-shape { fill: #212121; fill-opacity: 0.85; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .slider__item-video-button-icon { fill: #fff; } @media (min-width: 768px) { .slider-title { font-size: 18px; margin-top: 40px; max-height: 100px; } .slider-text { font-size: 16px; max-height: 150px; } .slider__dots { top: 86%; } .slider__item-info { padding-right: 20px; } .slider__item-video-media { max-height: 420px; } .slider__item-video iframe { width: 100%; height: 420px; } .slider__item picture img { min-height: 420px; max-height: 420px; } } @media (min-width: 1024px) { .slider-title { font-size: 20px; } .slider-text { font-size: 15px; } .slider__item-video-media { min-height: 500px; } .slider__item-video iframe { width: 100%; height: 500px; } .slider__item picture img { position: relative; width: 100%; min-height: 500px; max-height: 500px; -o-object-fit: cover; object-fit: cover; overflow: hidden; } .slider__dots { top: 85%; } } @media (min-width: 1140px) { .slider__item-info { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; border-radius: 5px; width: 75%; height: 80%; top: 5%; right: 3%; background: rgba(0, 0, 0, 0.5529411765); border-radius: 5px; padding-right: 30px; margin-bottom: 30px; } .slider__item-info:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .slider__item-info:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .slider__item-info--close { display: none; cursor: pointer; position: absolute; background: no-repeat center/50% rgba(0, 0, 0, 0.5882352941) url("../img/arrow-up.svg"); width: 50px; height: 50px; top: 50%; border-radius: 5px; } .slider__item-info--close:hover { background: no-repeat center/50% rgba(24, 24, 24, 0.6117647059) url("../img/arrow-up.svg"); } .slider-title { width: 90%; font-size: 30px; max-height: 185px; margin-bottom: 30px; } .slider-text { font-size: 18px; } .slider__dots { width: 100%; top: 88%; } } .fade { -moz-animation-name: fade; animation-name: fade; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: fade; -webkit-animation-duration: 0.5s; } @-webkit-keyframes fade { from { opacity: 0.2; } to { opacity: 1; } } @-moz-keyframes fade { from { opacity: 0.2; } to { opacity: 1; } } @keyframes fade { from { opacity: 0.2; } to { opacity: 1; } } .footer { background-color: #004C56; margin-top: 66px; } .footer__preambula { min-height: 90px; padding: 26px 0 26px; background-color: #0C6773; color: #ffffff; font-size: 14px; cursor: default; -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3137254902); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3137254902); } .footer__preambula p { margin: 0 auto; width: 290px; } .footer__copyright { margin-top: 20px; min-height: 70px; padding: 26px 0 26px; background-color: #04373D; color: #ffffff; font-size: 14px; cursor: default; } .footer__copyright p { margin: 0 auto; width: 290px; } .footer__social-list { padding: 50px 0 0; margin: 0 auto; width: 290px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__social-item { list-style: none; } .footer__social-item a { width: 50px; height: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .footer__social-item--utube { background-image: url("../img/footer/utube.svg"); background-size: 100%; background-repeat: no-repeat; } .footer__social-item--vk { background-image: url("../img/footer/vk.svg"); background-size: 100%; background-repeat: no-repeat; } .footer__social-item--fbook { background-image: url("../img/footer/fbook.svg"); background-size: 100%; background-repeat: no-repeat; } .footer__social-item--insta { background-image: url("../img/footer/insta.svg"); background-size: 100%; background-repeat: no-repeat; } .footer__contacts { padding-top: 50px; } .footer__panel { padding: 50px 0 5px; } .footer__information { padding: 45px 0 45px; margin: auto; width: 290px; } .footer__information ul:not(:first-child) { margin-top: 45px; } .footer__information-list { padding: 0; margin: 0; color: #ffffff; } .footer__information-list li::before { padding-right: 3px; content: "•"; } .footer__information-item { padding-top: 10px; list-style: none; } .footer__information-item a { text-decoration: none; font-size: 12px; color: #ffffff; } .footer__information-title { padding-bottom: 10px; font-size: 14px; line-height: 23px; font-weight: 700; text-transform: uppercase; cursor: default; } .footer__information-separator { margin: 0 auto; width: 290px; height: 1px; background-color: #0C6773; } .footer-contacts { margin: 0 auto; width: 290px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-contacts__logo { height: 74px; } .footer-contacts__tel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .footer-contacts__tel a { height: 25px; text-decoration: none; color: #ffffff; font-size: 20px; } .footer-contacts__tel--icon-number { margin-bottom: 10px; padding-left: 27px; background-image: url("../img/footer/footer-tel.svg"); background-size: 23px; background-repeat: no-repeat; background-position-y: 50%; } .footer-panel { margin: 0 auto; width: 290px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .footer-panel__list { width: 150px; padding: 0; margin: 0; } .footer-panel__list li:not(:first-child) { margin-top: 15px; } .footer-panel__item { list-style: none; } .footer-panel__item a { padding-left: 30px; text-decoration: none; color: #ffffff; font-size: 14px; font-weight: 700; } .footer-panel__item--contact { background-image: url("../img/footer/footer-contact.svg"); background-repeat: no-repeat; background-position: 0 30%; } .footer-panel__item--map { background-image: url("../img/footer/footer-map.svg"); background-repeat: no-repeat; background-position: 1.5% 39%; } .footer-panel__item--clock { background-image: url("../img/footer/footer-clock.svg"); background-repeat: no-repeat; background-position: 3% 30%; } .footer-panel__button { display: block; width: 145px; height: 35px; padding-left: 18px; border-radius: 3px; color: #ffffff; font-size: 11px; text-align: center; line-height: 33px; text-decoration: none; } .footer-panel__button:not(:first-child) { margin-top: 10px; } .footer-panel__button--call { background-color: #F67B1E; background-image: url("../img/footer/footer-call.svg"); background-repeat: no-repeat; background-position: 32% 50%; } .footer-panel__button--chat { background-color: #222830; background-image: url("../img/footer/footer-chat.svg"); background-repeat: no-repeat; background-position: 22% 50%; } .footer-panel__button--review { background-color: #0E3E6A; background-image: url("../img/footer/footer-review.svg"); background-repeat: no-repeat; background-position: 1% 50%; } @media (min-width: 375px) { .footer__preambula { padding: 25px 0 25px; min-height: 100px; font-size: 16px; } .footer__preambula p { width: 350px; } .footer__copyright { padding: 30px 0 30px; min-height: 80px; font-size: 16px; } .footer__copyright p { width: 350px; } .footer-contacts { width: 350px; } .footer-contacts__logo { height: 95px; } .footer-contacts__tel a { height: 27px; font-size: 22px; } .footer-contacts__tel--icon-number { padding-left: 35px; margin-bottom: 15px; background-size: 28px; } .footer-panel { width: 350px; } .footer-panel__list { width: 177px; } .footer-panel__item a { padding-left: 35px; font-size: 18px; } .footer-panel__item--contact { background-position: 0 45%; } .footer-panel__button { padding-left: 25px; width: 160px; } .footer-panel__button--review { background-position: 5% 50%; } .footer__information { width: 350px; } .footer__information-title { padding-bottom: 5px; font-size: 16px; line-height: 26px; } .footer__information-item { padding-top: 15px; } .footer__information-item a { font-size: 14px; } .footer__information-separator { width: 350px; } } @media (min-width: 425px) { .footer__preambula p { width: 375px; } .footer__copyright p { width: 375px; } .footer-contacts { width: 375px; } .footer-panel { width: 375px; } .footer__information { width: 375px; } .footer__information-separator { width: 375px; } } @media (min-width: 768px) { .footer__preambula { padding: 35px 0 35px; font-size: 19px; } .footer__preambula p { width: 720px; } .footer__copyright { font-size: 19px; } .footer__copyright p { width: 720px; } .footer-contain { padding-bottom: 15px; width: 720px; margin: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__social-list { padding: 60px 0 0; width: 330px; } .footer__social-item a { width: 60px; height: 60px; } .footer__contacts { padding-top: 60px; } .footer-contacts { width: 310px; margin: 0; } .footer-contacts__tel--icon-number { padding-left: 25px; background-size: 21px; } .footer__panel { padding: 60px 0 0; margin: 0; } .footer-panel { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer-panel__list { margin-top: 1px; height: 97px; width: 310px; padding-left: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-panel__list li:not(:first-child) { margin-top: 0; } .footer__information { padding: 65px 0 65px; width: 720px; margin: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: start; align-content: flex-start; } .footer__information ul:not(:first-child) { margin-top: 0; } .footer__information-list { width: 340px; } .footer__information-separator { width: 720px; } } @media (min-width: 1140px) { .footer__preambula { font-size: 21px; } .footer__preambula p { width: 1140px; } .footer__copyright { margin-top: 35px; font-size: 21px; } .footer__copyright p { width: 1140px; } .footer__social-list { width: 1140px; padding: 55px 0 0; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer__social-item { margin-right: 30px; -webkit-transform: translate(0%, 0%) scale(1); -moz-transform: translate(0%, 0%) scale(1); -ms-transform: translate(0%, 0%) scale(1); transform: translate(0%, 0%) scale(1); -webkit-transition: all 0.33s cubic-bezier(0.3, 0.99, 0.46, 1.7); -moz-transition: all 0.33s cubic-bezier(0.3, 0.99, 0.46, 1.7); transition: all 0.33s cubic-bezier(0.3, 0.99, 0.46, 1.7); } .footer__social-item:hover { border-radius: 100%; -webkit-transform: translate(0%, 0%) scale(1.2); -moz-transform: translate(0%, 0%) scale(1.2); -ms-transform: translate(0%, 0%) scale(1.2); transform: translate(0%, 0%) scale(1.2); } .footer-contain { width: 1140px; } .footer__contacts { padding-top: 55px; } .footer-contacts__tel a { height: 29px; } .footer__panel { padding-top: 55px; } .footer-panel { width: 795px; } .footer-panel__list { margin-top: 7px; height: 112px; width: 575px; padding-left: 245px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-panel__list li:not(:first-child) { margin-top: 0; } .footer-panel__item a { padding-left: 40px; font-size: 20px; } .footer-panel__item--contact { background-position: 0 50%; background-size: 28px; } .footer-panel__item--map { background-size: 25px; } .footer-panel__item--clock { background-size: 21px; } .footer-panel__button { width: 190px; height: 40px; font-size: 13px; line-height: 39px; } .footer__information { width: 1140px; } .footer__information-list { width: 540px; } .footer__information-item a { font-size: 17px; } .footer__information-title { font-size: 18px; } .footer__information-separator { width: 1140px; } } .special-container { width: 100%; max-width: 1199px; margin: 50px auto 0; height: 520px; } .special-container__title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; padding-left: 10px; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; margin: 0; padding-bottom: 15px; } .special-container__title h2 { margin: 0; height: 29px; -ms-flex-item-align: end; align-self: flex-end; } .special-slider { position: relative; } .special-slider__items { overflow: hidden; white-space: nowrap; padding: 20px 20px 20px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .special-slider__items::-webkit-scrollbar { display: none; } .special-slider__item { padding-left: 10px; } .special-slider__item:last-child { padding-right: 10px; } .card--narrow { border-radius: 4px; height: 360px; width: 270px; background: #0C6773; margin-right: 40px; } .special-slider__control { display: none; } @media (min-width: 768px) { .special-slider__control { display: block; position: absolute; top: 20px; height: 405px; width: 90px; border: #fafafa; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transition-property: opacity, visibility, background-color; -moz-transition-property: opacity, visibility, background-color; transition-property: opacity, visibility, background-color; } .special-slider__control--active { opacity: 1; visibility: visible; } .special-slider__control--next { right: 5px; background: rgba(0, 0, 0, 0.3137254902); background-image: url("../img/special/special_arrow-right.svg"); background-repeat: no-repeat; background-position: 50% 50%; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .special-slider__control--next:hover { background: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/special/special_arrow-right--hover.svg"); background-repeat: no-repeat; background-position: 50% 50%; } .special-slider__control--next:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .special-slider__control--previous { left: 10px; background: rgba(0, 0, 0, 0.3137254902); background-image: url("../img/special/special_arrow-left.svg"); background-repeat: no-repeat; background-position: 50% 50%; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .special-slider__control--previous:hover { background: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/special/special_arrow-left--hover.svg"); background-repeat: no-repeat; background-position: 50% 50%; } .special-slider__control--previous:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 1140px) { .special-slider__items { overflow-x: hidden; } .special-slider__control--next { background: rgba(0, 0, 0, 0.0039215686); background-image: url("../img/special/special_arrow-right.svg"); background-repeat: no-repeat; background-position: 25% 50%; } .special-slider__control--next:hover { background: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/special/special_arrow-right--hover.svg"); background-repeat: no-repeat; background-position: 25% 50%; } .special-slider__control--previous { left: -80px; background: rgba(0, 0, 0, 0.0039215686); background-image: url("../img/special/special_arrow-left.svg"); background-repeat: no-repeat; background-position: 85% 50%; } .special-slider__control--previous:hover { background: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/special/special_arrow-left--hover.svg"); background-repeat: no-repeat; background-position: 85% 50%; } .special-offer__card { -webkit-box-shadow: 0 3px 4px 0 rgba(53, 53, 53, 0.7); box-shadow: 0 3px 4px 0 rgba(53, 53, 53, 0.7); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .special-offer__card:hover { -webkit-box-shadow: 0 0 1px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; box-shadow: 0 0 1px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } } @media (min-width: 1340px) { .special-slider__control--next { background-position: 50% 50%; right: -90px; } .special-slider__control--next:hover { background-position: 50% 50%; } .special-slider__control--previous { background-position: 50% 50%; left: -90px; } .special-slider__control--previous:hover { background-position: 50% 50%; } } .special-offer__card { position: relative; width: 270px; height: 405px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #DEDEDE; border-radius: 5px; margin-right: 20px; -webkit-box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .special-offer__card:hover { -webkit-box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; } .special-offer__card-link { position: absolute; width: 100%; height: 100%; z-index: 1; } .special-offer__card-photo { margin-top: 40px; margin-bottom: 5px; min-height: 175px; max-height: 175px; } .special-offer__card-photo img { width: 100%; height: 100%; max-height: 175px; } .special-offer__card-departament { width: 240px; height: 45px; max-height: 45px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .special-offer__card-departament::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .special-offer__card-departament p { margin: 0; color: #004C56; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .special-offer__card-descr { position: relative; width: 240px; text-decoration: none; color: #222830; font-size: 13px; font-weight: bold; margin-top: -1px; overflow: hidden; white-space: normal; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .special-offer__card-descr:before { content: ""; display: block; width: 240px; height: 24px; position: absolute; top: 57px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 75%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%); } .special-offer__card-descr::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .special-offer__card-descr p { max-height: 55px; min-height: 55px; margin-top: 8px; margin-bottom: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .special-offer__card-bottom { width: 240px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 10px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .special-offer__card-price { width: 110px; margin-right: 3px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: default; padding-top: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .special-offer__card-price span { font-size: 14px; color: #F67B1E; } .special-offer__card-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .special-offer__stock { position: absolute; background-color: #3D4856; height: 30px; padding-left: 10px; padding-right: 10px; max-width: 240px; overflow-x: hidden; right: 0; text-transform: uppercase; color: white; font-size: 12px; text-align: center; padding-top: 8px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-top-right-radius: 5px; } .special-offer-card__favorite-wrapper { width: 38px; height: 38px; position: relative; z-index: 2; } .special-offer-card__favorite--default { position: absolute; height: 38px; width: 38px; background: url("../img/special/fav-btn--default.svg"), -moz-linear-gradient(315deg, #ffffff 40%, #FFF9FE 100%); background: url("../img/special/fav-btn--default.svg"), linear-gradient(135deg, #ffffff 40%, #FFF9FE 100%); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 6px; -webkit-box-shadow: 0px 1px 2px 0px #DEDEDE; box-shadow: 0px 1px 2px 0px #DEDEDE; cursor: pointer; } .special-offer-card__favorite--default:active { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .special-offer-card__favorite-default-tip { visibility: hidden; opacity: 0; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 48px; left: -28px; height: 20px; padding: 4px; font-size: 8px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); pointer-events: none; } .special-offer-card__favorite-default-tip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 41%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .special-offer-card__favorite--active-on { position: absolute; height: 38px; width: 38px; background: url("../img/special/fav-btn--active.svg"), -moz-linear-gradient(315deg, #ffffff 40%, #f9edf7 100%); background: url("../img/special/fav-btn--active.svg"), linear-gradient(135deg, #ffffff 40%, #f9edf7 100%); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 6px; -webkit-box-shadow: 0px 1px 2px 0px #DEDEDE; box-shadow: 0px 1px 2px 0px #DEDEDE; cursor: pointer; } .special-offer-card__favorite--active-on:active { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .special-offer-card__favorite-active-tip { visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 48px; left: -28px; height: 20px; padding: 4px; font-size: 8px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; cursor: default; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; pointer-events: none; } .special-offer-card__favorite-active-tip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 41%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .special-offer-card__buy-btn-wrapper { margin-left: 15px; width: 38px; height: 38px; position: relative; } .special-offer-card__buy-btn--default { position: absolute; height: 38px; width: 38px; background: url("../img/special/buy-btn--default.svg"), -moz-linear-gradient(315deg, #FDAA6B 0%, #EC6608 100%); background: url("../img/special/buy-btn--default.svg"), linear-gradient(135deg, #FDAA6B 0%, #EC6608 100%); border-radius: 6px; -webkit-box-shadow: 0px 1px 2px 0px #C0BFBF; box-shadow: 0px 1px 2px 0px #C0BFBF; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; } .special-offer-card__buy-btn-default-tip { visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 48px; left: -23px; height: 20px; padding: 4px; font-size: 8px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); pointer-events: none; } .special-offer-card__buy-btn-default-tip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 41%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .special-offer-card__buy-btn--active-on { position: absolute; height: 38px; width: 38px; background: url("../img/special/buy-btn--active.svg"), -moz-linear-gradient(315deg, #EC6608 0%, #FDAA6B 100%); background: url("../img/special/buy-btn--active.svg"), linear-gradient(135deg, #EC6608 0%, #FDAA6B 100%); border-radius: 6px; -webkit-box-shadow: 0px 1px 2px 0px #C0BFBF; box-shadow: 0px 1px 2px 0px #C0BFBF; background-repeat: no-repeat; background-position: 50% 50%; cursor: help; } .special-offer-card__buy-btn-active-tip { visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 48px; left: -17px; height: 20px; padding: 4px; font-size: 8px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); cursor: default; } .special-offer-card__buy-btn-active-tip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .special-offer-card__buy-btn-active-tip a { font-size: 8px; text-decoration: none; color: #000000; } .rub { font-weight: 700; font-size: 16px; background-image: url("../img/special/rub.svg"); background-repeat: no-repeat; background-position: 100% 59%; background-size: 11px; padding-right: 13px; text-align: right; } .rub--no-price { font-weight: 700; font-size: 16px; padding-right: 13px; text-align: right; } @media (min-width: 375px) { .rub { background-position: 100% 50%; font-size: 16px; background-size: 11px; padding-right: 13px; } } @media (min-width: 400px) { .rub { font-size: 16px; background-size: 11px; padding-right: 13px; } } @media (min-width: 1440px) { .rub { font-size: 18px; background-size: 11px; padding-right: 13px; } } .special-catalog { height: auto; margin: 0 auto; min-width: 320px; } .special-catalog__title { margin: auto; margin-top: 30px; margin-bottom: 30px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 15px; } .special-offer-catalog { width: 100%; max-width: 1199px; margin: auto; width: 300px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .special-offer-catalog__card { margin-bottom: 25px; position: relative; margin-right: 20px; width: 140px; height: 290px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #DEDEDE; border-radius: 5px; -webkit-box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .special-offer-catalog__card:nth-child(2n) { margin-right: 0; } .special-offer-catalog__card:hover { -webkit-box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .special-offer-catalog__card-link { position: absolute; width: 100%; height: 100%; z-index: 1; } .special-offer-catalog__card-photo { margin-top: 25px; min-height: 125px; max-height: 125px; } .special-offer-catalog__card-photo img { max-width: 125px; height: 100%; max-height: 125px; } .special-offer-catalog__card-departament { width: 130px; height: 35px; max-height: 45px; margin-bottom: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; cursor: default; } .special-offer-catalog__card-departament::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .special-offer-catalog__card-departament p { margin: 0; color: #004C56; font-size: 10px; } .special-offer-catalog__card-descr { width: 125px; text-decoration: none; color: #222830; font-size: 9px; font-weight: bold; margin-top: -1px; overflow: hidden; white-space: normal; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .special-offer-catalog__card-descr:before { content: ""; display: block; width: 125px; height: 11px; position: absolute; bottom: 38px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 75%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%); } .special-offer-catalog__card-descr::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .special-offer-catalog__card-descr p { max-height: 45px; min-height: 45px; } .special-offer-catalog__card-bottom { width: 125px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .special-offer-catalog__card-price { width: 62px; margin-right: 3px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: end; align-self: flex-end; cursor: default; } .special-offer-catalog__card-price span { font-size: 9px; color: #F67B1E; } @media (min-width: 375px) { .special-offer-catalog { width: 350px; } .special-offer-catalog__card { width: 170px; height: 320px; margin-right: 10px; } .special-offer-catalog__card-photo { min-height: 140px; max-height: 140px; } .special-offer-catalog__card-photo img { max-width: 140px; height: 100%; max-height: 140px; } .special-offer-catalog__card-departament { width: 145px; } .special-offer-catalog__card-departament p { font-size: 11px; } .special-offer-catalog__card-descr { width: 145px; } .special-offer-catalog__card-descr:before { width: 145px; bottom: 48px; } .special-offer-catalog__card-descr p { font-size: 10px; } .special-offer-catalog__card-bottom { margin-top: 7px; width: 145px; } .special-offer-catalog__card-price { width: 65px; } .special-offer-catalog__card-price span { font-size: 10px; } } @media (min-width: 400px) { .special-offer-catalog { width: 380px; } .special-offer-catalog__card { width: 180px; height: 345px; margin-right: 20px; } .special-offer-catalog__card-photo { margin-bottom: 5px; min-height: 150px; max-height: 150px; } .special-offer-catalog__card-photo img { max-width: 150px; height: 100%; max-height: 150px; } .special-offer-catalog__card-departament { width: 160px; } .special-offer-catalog__card-departament p { font-size: 12px; } .special-offer-catalog__card-descr { width: 160px; } .special-offer-catalog__card-descr:before { width: 160px; bottom: 53px; } .special-offer-catalog__card-descr p { font-size: 11px; } .special-offer-catalog__card-bottom { margin-top: 10px; width: 160px; } .special-offer-catalog__card-price { width: 75px; margin-right: 7px; } .special-offer-catalog__card-price span { font-size: 13px; } } @media (min-width: 768px) { .special-catalog__title { max-width: 768px; text-align: left; } .special-offer-catalog { width: 760px; } .special-offer-catalog__card { margin-right: 13px; } .special-offer-catalog__card:nth-child(2n) { margin-right: 13px; } .special-offer-catalog__card:nth-child(4n) { margin-right: 0; } } @media (min-width: 1140px) { .special-catalog__title { max-width: 1199px; text-align: left; margin-top: 10px; margin-bottom: 20px; padding-left: 10px; } .special-offer-catalog { width: 1199px; margin: 0; } .special-offer-catalog__card { width: 270px; height: 400px; margin-right: 20px; margin-left: 10px; } .special-offer-catalog__card:nth-child(2n) { margin-right: 20px; } .special-offer-catalog__card:nth-child(4n) { margin-right: 0; } .special-offer-catalog__card-photo { margin-top: 35px; min-height: 180px; max-height: 180px; } .special-offer-catalog__card-photo img { max-width: 180px; height: 100%; max-height: 180px; } .special-offer-catalog__card-departament { width: 240px; height: 45px; max-height: 45px; margin-bottom: 0; } .special-offer-catalog__card-departament p { font-size: 14px; } .special-offer-catalog__card-descr { width: 240px; font-weight: bold; } .special-offer-catalog__card-descr:before { width: 240px; height: 20px; } .special-offer-catalog__card-descr p { max-height: 55px; min-height: 55px; margin-top: 8px; margin-bottom: 10px; font-size: 13px; } .special-offer-catalog__card-bottom { width: 240px; margin-top: 10px; } .special-offer-catalog__card-price { width: 110px; margin-right: 38px; } .special-offer-catalog__card-price span { font-size: 14px; } } .special-offer-catalog__stock { position: absolute; background-color: #3D4856; height: 18px; padding-left: 2px; padding-right: 2px; max-width: 140px; overflow-x: hidden; right: 0; text-transform: uppercase; color: white; font-weight: 500; font-size: 8px; text-align: center; padding-top: 3px; border-top-right-radius: 5px; cursor: default; } .special-offer-catalog__card-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .special-offer-catalog__card-favorite-wrapper { width: 26px; height: 26px; position: relative; z-index: 2; } .special-offer-catalog__card-favorite--default { position: absolute; left: -7px; bottom: -6px; height: 38px; width: 38px; background: url("../img/special/fav-btn--default.svg"), -moz-linear-gradient(315deg, #ffffff 40%, #FFF9FE 100%); background: url("../img/special/fav-btn--default.svg"), linear-gradient(135deg, #ffffff 40%, #FFF9FE 100%); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 6px; -webkit-box-shadow: 0px 1px 2px 0px #DEDEDE; box-shadow: 0px 1px 2px 0px #DEDEDE; cursor: pointer; -webkit-transform: scale(0.68); -moz-transform: scale(0.68); -ms-transform: scale(0.68); transform: scale(0.68); } .special-offer-catalog__card-favorite--default:active { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0.66); -moz-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .special-offer-catalog__card-favorite-default-tip { visibility: hidden; opacity: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 48px; left: -28px; height: 20px; padding: 4px; font-size: 8px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); pointer-events: none; } .special-offer-catalog__card-favorite-default-tip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 41%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .special-offer-catalog__card-favorite--active-on { position: absolute; left: -7px; bottom: -6px; height: 38px; width: 38px; background: url("../img/special/fav-btn--active.svg"), -moz-linear-gradient(315deg, #ffffff 40%, #f9edf7 100%); background: url("../img/special/fav-btn--active.svg"), linear-gradient(135deg, #ffffff 40%, #f9edf7 100%); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 6px; -webkit-box-shadow: 0px 1px 2px 0px #DEDEDE; box-shadow: 0px 1px 2px 0px #DEDEDE; cursor: pointer; -webkit-transform: scale(0.68); -moz-transform: scale(0.68); -ms-transform: scale(0.68); transform: scale(0.68); } .special-offer-catalog__card-favorite--active-on:active { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0.66); -moz-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .special-offer-catalog__card-favorite-active-tip { visibility: hidden; opacity: 0; position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 48px; left: -29px; height: 20px; padding: 4px; font-size: 8px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; cursor: default; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; pointer-events: none; } .special-offer-catalog__card-favorite-active-tip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 41%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .special-offer-catalog__card-buy-btn-wrapper { margin-left: 8px; width: 26px; height: 26px; position: relative; } .special-offer-catalog__card-buy-btn--default { position: absolute; left: -7px; bottom: -6px; height: 38px; width: 38px; background: url("../img/special/buy-btn--default.svg"), -moz-linear-gradient(315deg, #FDAA6B 0%, #EC6608 100%); background: url("../img/special/buy-btn--default.svg"), linear-gradient(135deg, #FDAA6B 0%, #EC6608 100%); border-radius: 6px; -webkit-box-shadow: 0px 1px 2px 0px #C0BFBF; box-shadow: 0px 1px 2px 0px #C0BFBF; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; -webkit-transform: scale(0.68); -moz-transform: scale(0.68); -ms-transform: scale(0.68); transform: scale(0.68); } .special-offer-catalog__card-buy-btn-default-tip { visibility: hidden; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 48px; left: -23px; height: 20px; padding: 4px; font-size: 8px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); pointer-events: none; } .special-offer-catalog__card-buy-btn-default-tip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 41%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .special-offer-catalog__card-buy-btn--active-on { position: absolute; left: -7px; bottom: -6px; height: 38px; width: 38px; background: url("../img/special/buy-btn--active.svg"), -moz-linear-gradient(315deg, #EC6608 0%, #FDAA6B 100%); background: url("../img/special/buy-btn--active.svg"), linear-gradient(135deg, #EC6608 0%, #FDAA6B 100%); border-radius: 6px; -webkit-box-shadow: 0px 1px 2px 0px #C0BFBF; box-shadow: 0px 1px 2px 0px #C0BFBF; background-repeat: no-repeat; background-position: 50% 50%; cursor: help; -webkit-transform: scale(0.68); -moz-transform: scale(0.68); -ms-transform: scale(0.68); transform: scale(0.68); } .special-offer-catalog__card-buy-btn-active-tip { visibility: hidden; opacity: 0; position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 48px; left: -17px; height: 20px; padding: 4px; font-size: 8px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); cursor: default; } .special-offer-catalog__card-buy-btn-active-tip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .special-offer-catalog__card-buy-btn-active-tip a { font-size: 8px; text-decoration: none; color: #000000; } .catalog-rub { font-weight: 700; font-size: 10px; background-image: url("../img/special/rub.svg"); background-repeat: no-repeat; background-position: 100% 59%; background-size: 7px; padding-right: 9px; text-align: right; } .catalog-rub--no-price { font-weight: bold; font-size: 10px; padding-right: 9px; text-align: right; } @media (min-width: 375px) { .catalog-product__stock { max-width: 100%; font-size: 9px; padding-left: 4px; padding-right: 4px; } .catalog-rub { background-position: 100% 50%; font-size: 12px; padding-right: 10px; background-size: 8px; } .special-offer-catalog__card-favorite-wrapper { width: 33px; height: 33px; } .special-offer-catalog__card-favorite--default { left: -3px; bottom: -3px; -webkit-transform: scale(0.86); -moz-transform: scale(0.86); -ms-transform: scale(0.86); transform: scale(0.86); } .special-offer-catalog__card-favorite--default:active { -webkit-transform: scale(0.84); -moz-transform: scale(0.84); -ms-transform: scale(0.84); transform: scale(0.84); } .special-offer-catalog__card-favorite--active-on { left: -3px; bottom: -3px; -webkit-transform: scale(0.86); -moz-transform: scale(0.86); -ms-transform: scale(0.86); transform: scale(0.86); } .special-offer-catalog__card-favorite--active-on:active { -webkit-transform: scale(0.84); -moz-transform: scale(0.84); -ms-transform: scale(0.84); transform: scale(0.84); } .special-offer-catalog__card-buy-btn-wrapper { margin-left: 11px; width: 33px; height: 33px; } .special-offer-catalog__card-buy-btn--default { left: -3px; bottom: -3px; -webkit-transform: scale(0.86); -moz-transform: scale(0.86); -ms-transform: scale(0.86); transform: scale(0.86); } .special-offer-catalog__card-buy-btn--active-on { left: -3px; bottom: -3px; -webkit-transform: scale(0.86); -moz-transform: scale(0.86); -ms-transform: scale(0.86); transform: scale(0.86); } } @media (min-width: 400px) { .special-offer-catalog__stock { font-size: 10px; height: 20px; padding-left: 6px; padding-right: 6px; } .catalog-rub { font-size: 14px; background-size: 9px; padding-right: 11px; } } @media (min-width: 1140px) { .catalog-rub--no-price { font-size: 16px; } .special-offer-catalog__stock { height: 30px; padding-left: 10px; padding-right: 10px; max-width: 240px; font-size: 12px; padding-top: 8px; } .catalog-rub { font-size: 18px; background-size: 11px; padding-right: 15px; } .special-offer-catalog__card { font-weight: bold; } .special-offer-catalog__card-departament { font-weight: normal; } .special-offer-catalog__card-favorite-wrapper { width: 38px; height: 38px; } .special-offer-catalog__card-favorite--default { left: 0; bottom: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .special-offer-catalog__card-favorite--default:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .special-offer-catalog__card-favorite--active-on { left: 0; bottom: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .special-offer-catalog__card-favorite--active-on:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .special-offer-catalog__card-buy-btn-wrapper { margin-left: 15px; width: 38px; height: 38px; } .special-offer-catalog__card-buy-btn--default { left: 0; bottom: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .special-offer-catalog__card-buy-btn--active-on { left: 0; bottom: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .special-offer-catalog__card span { font-weight: normal; } } .watch-all-btn { position: relative; display: block; width: 122px; background-image: url("../img/buttons/btn-arrow--orange.svg"); background-repeat: no-repeat; background-size: 9px; background-position: 100% 65%; color: #F67B1E; font-size: 16px; text-decoration: none; text-align: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -ms-flex-item-align: end; align-self: flex-end; } .watch-all-btn:hover { background-image: url("../img/buttons/btn-arrow--orange.svg"); background-repeat: no-repeat; background-size: 9px; background-position: 100% 65%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } @media (min-width: 375px) { .watch-all-btn { position: relative; display: block; width: 155px; background-image: url("../img/buttons/btn-arrow--orange.svg"); background-repeat: no-repeat; background-size: 9px; background-position: 96% 65%; color: #F67B1E; font-size: 16px; text-decoration: none; text-align: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -ms-flex-item-align: end; align-self: flex-end; padding-left: 15px; } .watch-all-btn:hover { background-image: url("../img/buttons/btn-arrow--orange.svg"); background-repeat: no-repeat; background-size: 9px; background-position: 98% 65%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } .news-container { width: 100%; max-width: 1199px; margin: 50px auto 0; } .news-container__title { padding-left: 10px; font-size: 12px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; } .news-container__title h2 { margin: 0; } .news-slider { position: relative; } .news-slider__items { overflow: hidden; white-space: nowrap; padding: 20px 20px 20px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .news-slider__items::-webkit-scrollbar { display: none; } .news-slider__item { padding-left: 10px; } .news-slider__news-card { margin-right: 20px; } .news-slider__news-card a { text-decoration: none; } .news-slider__news-card a:visited { color: #504F4F; } .news-card { border-radius: 5px; overflow: hidden; height: 400px; width: 270px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; border: 1px solid #DEDEDE; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-card:hover { -webkit-box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-card__content { position: relative; height: 200px; max-height: 200px; max-width: 268px; } .news-card__content img { position: absolute; height: 200px; max-height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; } .news-card__info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 200px; max-height: 200px; max-width: 270px; } .news-card__title { width: 230px; height: 70px; max-width: 230px; max-height: 70px; color: #3D4856; white-space: normal; font-weight: bold; font-size: 15px; overflow-x: hidden; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .news-card__title::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .news-card__text { position: relative; display: block; font-size: 10px; width: 230px; height: 90px; max-width: 230px; max-height: 90px; overflow: hidden; white-space: normal; color: #504F4F; font-size: 12px; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .news-card__text:before { content: ""; display: block; width: 240px; height: 24px; position: absolute; top: 74px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 75%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%); } .news-card__text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .news-slider__control { display: none; } @media (min-width: 768px) { .news-slider__control { display: block; position: absolute; top: 20px; height: 401px; width: 90px; border: #fafafa; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; -webkit-transition-property: opacity, visibility, background-color; -moz-transition-property: opacity, visibility, background-color; transition-property: opacity, visibility, background-color; } .news-slider__control--active { opacity: 1; visibility: visible; } .news-slider__control--next { right: 5px; background: rgba(0, 0, 0, 0.3137254902); background-image: url("../img/special/special_arrow-right.svg"); background-repeat: no-repeat; background-position: 50% 50%; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-slider__control--next:hover { background: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/special/special_arrow-right--hover.svg"); background-repeat: no-repeat; background-position: 50% 50%; } .news-slider__control--next:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-slider__control--previous { left: 10px; background: rgba(0, 0, 0, 0.3137254902); background-image: url("../img/special/special_arrow-left.svg"); background-repeat: no-repeat; background-position: 50% 50%; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-slider__control--previous:hover { background: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/special/special_arrow-left--hover.svg"); background-repeat: no-repeat; background-position: 50% 50%; } .news-slider__control--previous:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 1140px) { .news-slider__items { overflow-x: hidden; } .news-slider__control--next { right: -70px; background: rgba(0, 0, 0, 0.0039215686); background-image: url("../img/special/special_arrow-right.svg"); background-repeat: no-repeat; background-position: 25% 50%; } .news-slider__control--next:hover { background: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/special/special_arrow-right--hover.svg"); background-repeat: no-repeat; background-position: 25% 50%; } .news-slider__control--previous { left: -80px; background: rgba(0, 0, 0, 0.0039215686); background-image: url("../img/special/special_arrow-left.svg"); background-repeat: no-repeat; background-position: 85% 50%; } .news-slider__control--previous:hover { background: rgba(0, 0, 0, 0.4392156863); background-image: url("../img/special/special_arrow-left--hover.svg"); background-repeat: no-repeat; background-position: 85% 50%; } } @media (min-width: 1340px) { .news-slider__control--next { background-position: 50% 50%; right: -90px; } .news-slider__control--next:hover { background-position: 50% 50%; } .news-slider__control--previous { background-position: 50% 50%; left: -90px; } .news-slider__control--previous:hover { background-position: 50% 50%; } } .news-post { margin-top: 0; } .news-post__short { margin: 5px 0; } .news-post__short-picture img { width: 100%; min-height: 250px; -o-object-fit: contain; object-fit: contain; } .news-post__short-container { padding: 0 15px; } .news-post__short-title { margin-top: 15px; } .news-post__short-title a { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #222830; text-decoration: none; } .news-post__short-text { margin-top: 8px; text-align: justify; font-size: 14px; color: #222830; cursor: default; } .news-post__short-panel { margin-top: 25px; } .news-post__short-bar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .news-post__short-date { padding-left: 22px; font-size: 14px; font-weight: 600; color: #476988; background-image: url("../img/news/news-post/news-date-icon.svg"); background-repeat: no-repeat; cursor: default; } .news-post__short-btns { width: 95px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-post__short-btn { display: block; width: 35px; height: 35px; border-radius: 100%; } .news-post__short-btn--ask { background: url("../img/news/news-post/news-ask-icon.svg"), -moz-linear-gradient(295deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background: url("../img/news/news-post/news-ask-icon.svg"), linear-gradient(155deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background-repeat: no-repeat; background-position: 50% 50%; } .news-post__short-btn--ask-tip { display: none; cursor: default; } .news-post__short-btn--share { background: url("../img/news/news-post/news-share-icon.svg"), -moz-linear-gradient(295deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background: url("../img/news/news-post/news-share-icon.svg"), linear-gradient(155deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background-repeat: no-repeat; background-position: 50% 50%; } .news-post__short-btn--share-tip { display: none; cursor: default; } .news-post__short-btn--buy { background: #1c6dbe; border-radius: 5px; border: 0; color: #fff; text-decoration: none; font-size: 0.9em; display: inline-block; padding: 10px 15px; text-align: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 25px auto 0; font-weight: 600; } .news-post__short-open { margin: 15px auto 10px; display: block; width: 128px; height: 35px; padding-top: 6px; padding-left: 14px; font-size: 14px; font-weight: 600; color: #404852; background-image: url("../img/news/news-post/news-arrow-icon.svg"); background-repeat: no-repeat; background-position: 89% 49%; border: 1px solid #404852; border-radius: 7px; text-decoration: none; } @media (min-width: 425px) { .news-post__short { margin: 5px 0; } } .news-post h1 { font-size: 25px; margin-left: 15px; } @media (min-width: 425px) { .news-post h1 { font-size: 25px; margin-left: 20px; } } @media (min-width: 768px) { .news-post h1 { font-size: 25px; margin-left: 0; } } @media (min-width: 1140px) { .news-post h1 { font-size: 28px; margin-left: 0; } } @media (min-width: 768px) { .news-post { margin: 5px auto 0; max-width: 768px; } .news-post__short { margin: 0 5px; } .news-post__short-picture img { height: 500px; } .news-post__short-container { padding: 0; } .news-post__short-title { margin-top: 20px; } .news-post__short-title a { font-size: 24px; } .news-post__short-text { margin-top: 10px; font-size: 16px; } .news-post__short-panel { margin-top: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .news-post__short-date { width: 150px; } .news-post__short-btns { margin-left: 55px; } .news-post__short-open { margin: 0; } } @media (min-width: 1140px) { .news-post { margin: 0 auto; max-width: 1140px; margin-bottom: 30px; width: 100%; } .news-post:first-child { margin: 0 auto; max-width: 1140px; margin-top: 25px; margin-bottom: 30px; } .news-post__short { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0; margin-bottom: 5px; } .news-post__short-picture { max-height: 305px; } .news-post__short-picture img { width: 405px; height: 305px; } .news-post__short-container { margin-left: 50px; min-width: 685px; } .news-post__short-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; overflow: hidden; } .news-post__short-title a { color: #222830; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .news-post__short-title a:hover { color: #2f5b99; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .news-post__short-text { margin-top: 15px; overflow: hidden; } .news-post__short-btns { width: 90px; } .news-post__short-btn { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .news-post__short-btn--ask { position: relative; } .news-post__short-btn--ask-tip { display: block; visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -25px; bottom: 43px; width: 88px; height: 20px; padding: 3px 8px; font-size: 10px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .news-post__short-btn--ask-tip::after { content: ""; position: absolute; width: 0; height: 0; left: 36px; top: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .news-post__short-btn--ask:active { background: url("../img/news/news-post/news-ask-icon.svg"), -moz-linear-gradient(295deg, rgb(6, 47, 88) 0%, rgb(76, 119, 160) 100%); background: url("../img/news/news-post/news-ask-icon.svg"), linear-gradient(155deg, rgb(6, 47, 88) 0%, rgb(76, 119, 160) 100%); background-repeat: no-repeat; background-position: 50% 50%; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .news-post__short-btn--share { position: relative; } .news-post__short-btn--share-tip { display: block; visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -20px; bottom: 43px; width: 75px; height: 20px; padding: 3px 8px; font-size: 10px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .news-post__short-btn--share-tip::after { content: ""; position: absolute; width: 0; height: 0; left: 30px; top: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .news-post__short-btn--share:active { background: url("../img/news/news-post/news-share-icon.svg"), -moz-linear-gradient(295deg, rgb(6, 47, 88) 0%, rgb(76, 119, 160) 100%); background: url("../img/news/news-post/news-share-icon.svg"), linear-gradient(155deg, rgb(6, 47, 88) 0%, rgb(76, 119, 160) 100%); background-repeat: no-repeat; background-position: 51% 49%; -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); transform: scale(0.89); } .news-post__short-btn--buy { background: #1c6dbe; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__short-btn--buy:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .news-post__short-open { border: 1px solid #ffffff; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__short-open:hover { border: 1px solid #404852; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } } @media (min-width: 1440px) { .news-post__short { margin-bottom: 10px; } .news-post__short-container { margin-left: 50px; } .news-post__short-panel { margin-top: 23px; } } .news-post__full { margin: 5px 0; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-post__full-block { margin-top: 20px; } .news-post__full-block img { width: 100%; min-height: 250px; -o-object-fit: cover; object-fit: cover; } .news-post__full-announce-text { text-align: justify; font-size: 14px; font-weight: bold; color: #40394A; cursor: default; padding: 0 15px; } .news-post__full-announce-text span { text-transform: uppercase; font-size: 17px; font-weight: bold; color: #CE1212; letter-spacing: 1px; } .news-post__full-block-minimized-wrapper { margin-top: 20px; } .news-post__full-block-minimized { margin-top: 20px; position: relative; } .news-post__full-block-minimized img { width: 100%; min-height: 250px; -o-object-fit: cover; object-fit: cover; } .news-post__full-regullar-text { text-align: justify; font-size: 14px; color: #222830; cursor: default; padding: 0 15px; } .news-post__full-regullar-text p { margin: 8px 0 0; } .news-post__full-regullar-text p:first-child { margin: 0; } .news-post__full-panel { margin-top: 25px; padding: 0 15px; } .news-post__full-bar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .news-post__full-date { padding-left: 22px; font-size: 14px; font-weight: 600; color: #476988; background-image: url("../img/news/news-post/news-date-icon.svg"); background-repeat: no-repeat; cursor: default; } .news-post__full-btns { width: 95px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-post__full-btn { display: block; width: 35px; height: 35px; border-radius: 100%; } .news-post__full-btn--ask { background: url("../img/news/news-post/news-ask-icon.svg"), -moz-linear-gradient(295deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background: url("../img/news/news-post/news-ask-icon.svg"), linear-gradient(155deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background-repeat: no-repeat; background-position: 50% 50%; } .news-post__full-btn--ask-tip { display: none; cursor: default; } .news-post__full-btn--share { background: url("../img/news/news-post/news-share-icon.svg"), -moz-linear-gradient(295deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background: url("../img/news/news-post/news-share-icon.svg"), linear-gradient(155deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background-repeat: no-repeat; background-position: 50% 50%; } .news-post__full-btn--share-tip { display: none; cursor: default; } .news-post__full-close { margin: 25px auto 10px; display: block; width: 110px; height: 35px; padding-top: 6px; padding-left: 14px; font-size: 14px; font-weight: 600; color: #404852; background-image: url("../img/news/news-post/news-arrow-icon.svg"); background-repeat: no-repeat; background-position: 89% 49%; border: 1px solid #404852; border-radius: 7px; text-decoration: none; } @media (min-width: 425px) { .news-post__full { margin: 5px 0; } } @media (min-width: 768px) { .news-post__full { margin: 5px auto 0; max-width: 768px; } .news-post__full-block { margin-top: 30px; padding: 0 5px; } .news-post__full-block img { height: 500px; -o-object-fit: contain; object-fit: contain; } .news-post__full-announce-text { font-size: 16px; } .news-post__full-announce-text span { font-size: 19px; } .news-post__full-block-minimized-wrapper { margin-top: 30px; } .news-post__full-block-minimized { margin-top: 30px; padding: 0 5px; } .news-post__full-block-minimized img { height: auto; } .news-post__full-regullar-text { font-size: 16px; padding: 0; } .news-post__full-regullar-text p { margin: 10px 0 0; } .news-post__full-panel { margin: 30px 25px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .news-post__full-date { width: 150px; } .news-post__full-btns { margin-left: 55px; } .news-post__full-close { margin: 0; } } @media (min-width: 1140px) { .news-post__full { margin: 0 auto 0; max-width: 1140px; } .news-post__full-block { margin: 15px 0 5px 0; min-height: 450px; } .news-post__full-block img { height: 480px; -o-object-fit: cover; object-fit: cover; } .news-post__full-announce-text { font-size: 28px; } .news-post__full-announce-text span { font-size: 32px; letter-spacing: 1px; } .news-post__full-block-minimized-wrapper { margin-top: 0; margin-bottom: 10px; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 1140px; } .news-post__full-block-minimized { padding: 0; margin: 0; width: 530px; overflow: hidden; } .news-post__full-block-minimized img { height: auto; } .news-post__full-regullar-text { padding: 0; } .news-post__full-regullar-text p { margin: 25px 0 0; } .news-post__full-panel { margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .news-post__full-btn { -webkit-transform: scale(0.94); -moz-transform: scale(0.94); -ms-transform: scale(0.94); transform: scale(0.94); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .news-post__full-btn--ask { position: relative; } .news-post__full-btn--ask-tip { display: block; visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -25px; bottom: 43px; width: 88px; height: 20px; padding: 3px 8px; font-size: 10px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .news-post__full-btn--ask-tip::after { content: ""; position: absolute; width: 0; height: 0; left: 36px; top: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .news-post__full-btn--ask:active { background: url("../img/news/news-post/news-ask-icon.svg"), -moz-linear-gradient(295deg, rgb(6, 47, 88) 0%, rgb(76, 119, 160) 100%); background: url("../img/news/news-post/news-ask-icon.svg"), linear-gradient(155deg, rgb(6, 47, 88) 0%, rgb(76, 119, 160) 100%); background-repeat: no-repeat; background-position: 50% 50%; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .news-post__full-btn--share { position: relative; } .news-post__full-btn--share-tip { display: block; visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -20px; bottom: 43px; width: 75px; height: 20px; padding: 3px 8px; font-size: 10px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .news-post__full-btn--share-tip::after { content: ""; position: absolute; width: 0; height: 0; left: 30px; top: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .news-post__full-btn--share:active { background: url("../img/news/news-post/news-share-icon.svg"), -moz-linear-gradient(295deg, rgb(6, 47, 88) 0%, rgb(76, 119, 160) 100%); background: url("../img/news/news-post/news-share-icon.svg"), linear-gradient(155deg, rgb(6, 47, 88) 0%, rgb(76, 119, 160) 100%); background-repeat: no-repeat; background-position: 51% 49%; -webkit-transform: scale(0.89); -moz-transform: scale(0.89); -ms-transform: scale(0.89); transform: scale(0.89); } .news-post__full-close { border: 1px solid #ffffff; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-close:hover { border: 1px solid #404852; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } } @media (min-width: 1440px) { .news-post__full-block { padding: 0; } .news-post__full-block-minimized-wrapper { padding: 0; } .news-post__full-block-minimized { width: 547px; } .news-post__full-panel { margin-top: 10px; } } .news-post__full-slider { position: relative; width: 100%; height: auto; min-height: 175px; max-height: 370px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; padding-bottom: 60px; overflow: hidden; } .news-post__full-slider--closed { position: relative; width: 100%; height: auto; min-height: 175px; max-height: 370px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; padding-bottom: 60px; overflow: hidden; } .news-post__full-slider--universal { position: relative; width: 100%; height: auto; min-height: 175px; max-height: 370px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; padding-bottom: 60px; overflow: hidden; } .news-post__full-slider-wrapper { overflow: hidden; position: relative; width: 100%; min-height: 250px; max-height: 250px; z-index: 1; -ms-flex-item-align: center; align-self: center; } .news-post__full-slides { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; min-height: 250px; max-height: 250px; top: 0; width: 10000px; } .news-post__full-slide { display: block; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; position: relative; border-radius: 2px; text-align: center; cursor: default; } .news-post__full-slide img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .news-post__full-slide picture { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .news-post__full-slider-control { position: absolute; bottom: -5px; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); height: 40px; width: 100px; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-post__full-slider-control-prev { display: block; width: 35px; height: 35px; border-radius: 25px; cursor: pointer; background-image: url(../img/news/news-post/slider/post-news-left-arrow.svg); background-size: 35px; } .news-post__full-slider-control-prev:active { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .news-post__full-slider-control-next { display: block; width: 35px; height: 35px; border-radius: 25px; cursor: pointer; background-image: url(../img/news/news-post/slider/post-news-right-arrow.svg); background-size: 35px; } .news-post__full-slider-control-next:active { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } @media (min-width: 567px) { .news-post__full-slider { position: relative; width: 100%; height: auto; min-height: 350px; max-height: 350px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; } .news-post__full-slider--closed { position: relative; width: 100%; height: auto; min-height: 350px; max-height: 350px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; } .news-post__full-slider--universal { position: relative; width: 100%; height: auto; min-height: 350px; max-height: 350px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; } .news-post__full-slider-wrapper { overflow: hidden; position: relative; width: 100%; min-height: 350px; max-height: 350px; z-index: 1; -ms-flex-item-align: center; align-self: center; } .news-post__full-slides { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; min-height: 350px; max-height: 350px; top: 0; width: 10000px; } } @media (min-width: 768px) { .news-post__full-slider { position: relative; width: 100%; height: auto; min-height: 420px; max-height: 480px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; } .news-post__full-slider--closed { position: relative; width: 100%; height: auto; min-height: 420px; max-height: 480px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; } .news-post__full-slider--universal { position: relative; width: 100%; height: auto; min-height: 420px; max-height: 480px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; } .news-post__full-slider-wrapper { overflow: hidden; position: relative; width: 100%; min-height: 420px; max-height: 480px; z-index: 1; -ms-flex-item-align: center; align-self: center; } .news-post__full-slides { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; min-height: 420px; max-height: 480px; top: 0; width: 10000px; } } @media (min-width: 1140px) { .news-post__full-slider { position: relative; width: 100%; height: auto; min-height: 390px; max-height: 420px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; padding-bottom: 45px; } .news-post__full-slider--closed { position: relative; width: 100%; height: auto; min-height: 390px; max-height: 420px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; padding-bottom: 45px; } .news-post__full-slider--universal { position: relative; width: 100%; height: auto; min-height: 390px; max-height: 420px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; padding-bottom: 45px; } .news-post__full-slider-wrapper { overflow: hidden; position: relative; width: 100%; min-height: 390px; max-height: 420px; z-index: 1; -ms-flex-item-align: center; align-self: center; } .news-post__full-slides { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; min-height: 390px; max-height: 420px; top: 0; width: 10000px; } .news-post__full-slide img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } } .single-universal-slider .news-post__full-slider-wrapper { padding-bottom: 0; } .single-universal-slider .news-post__full-slider { overflow: visible; padding-bottom: 0; } .single-universal-slider .news-post__full-slider--universal { overflow: visible; padding-bottom: 0; } .single-universal-slider .news-post__full-slider-control { bottom: -45px; } .shifting { -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } .news-post__full-video { position: relative; width: 100%; height: 100%; cursor: pointer; } .news-post__full-video:hover .news-post__full-button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-video iframe { width: 100%; height: 100%; } .news-post__full-video--universal { position: relative; width: 100%; height: 100%; cursor: pointer; } .news-post__full-video--universal:hover .news-post__full-button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-video--universal iframe { width: 100%; height: 100%; } .news-post__full-video-media { width: 100%; height: 100%; -o-object-fit: contain !important; object-fit: contain !important; background-color: #000; } .news-post__full-video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .news-post__full-button-shape { fill: #212121; fill-opacity: 0.8; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-button-icon { fill: #fff; } @media (min-width: 768px) { .news-post__full-video { position: relative; width: 100%; height: 100%; cursor: pointer; } .news-post__full-video:hover .news-post__full-button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-video iframe { width: 100%; height: 89%; } .news-post__full-video--universal { position: relative; width: 100%; height: 100%; cursor: pointer; } .news-post__full-video--universal:hover .news-post__full-button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-video--universal iframe { width: 100%; height: 89%; } .news-post__full-video-media { width: 100%; height: 100%; -o-object-fit: contain !important; object-fit: contain !important; background-color: #000; } .news-post__full-video-button { position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .news-post__full-button-shape { fill: #212121; fill-opacity: 0.8; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-button-icon { fill: #fff; } } @media (min-width: 1140px) { .news-post__full-video { position: relative; width: 100%; height: 100%; cursor: pointer; } .news-post__full-video:hover .news-post__full-button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-video iframe { width: 100%; height: 100%; } .news-post__full-video--universal { position: relative; width: 100%; height: 100%; cursor: pointer; } .news-post__full-video--universal:hover .news-post__full-button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-video--universal iframe { width: 100%; height: 100%; } .news-post__full-video-media { width: 100%; height: 100%; -o-object-fit: contain !important; object-fit: contain !important; background-color: #000; } .news-post__full-video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .news-post__full-button-shape { fill: #212121; fill-opacity: 0.8; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .news-post__full-button-icon { fill: #fff; } } .show-more { width: 170px; height: 40px; -ms-flex-item-align: center; align-self: center; background-color: #ffffff; color: #004C56; font-size: 15px; text-transform: uppercase; font-weight: 700; border: none; margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 16px; -ms-flex-pack: distribute; justify-content: space-around; margin: 40px auto; margin-bottom: 20px; border: 1px solid #ffffff; } .show-more :hover { border: 1px solid gold; } @media (min-width: 1440px) { .show-more { background-color: #fff; border-bottom: 1px solid transparent; } .show-more:hover { border-bottom: 1px solid #004c56; } .show-more:active { border: 1px solid #004C56; } .show-more__icon--rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .show-more__icon--click { -webkit-transform: rotate(520deg); -moz-transform: rotate(520deg); -ms-transform: rotate(520deg); transform: rotate(520deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } } .single-universal-slider { max-width: 2000px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 0; } .universal-slider__block { max-width: 2000px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 20px; } .universal-slider__slider { position: relative; width: 100%; height: auto; max-height: 250px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; } .universal-slider__slider-wrapper { overflow: hidden; position: relative; width: 100%; min-height: 250px; max-height: 250px; z-index: 1; -ms-flex-item-align: center; align-self: center; } .universal-slider__slides { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; height: 100%; max-height: inherit; top: 0; width: 10000px; } .universal-slider__slide { display: block; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; position: relative; border-radius: 2px; text-align: center; cursor: default; } .universal-slider__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .universal-slider__slider-control { position: absolute; top: 105%; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); height: 40px; width: 100px; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .universal-slider__slider-control-prev { display: block; width: 35px; height: 35px; border-radius: 25px; cursor: pointer; background-image: url(../img/news/news-post/slider/post-news-left-arrow.svg); background-size: 35px; } .universal-slider__slider-control-prev:active { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .universal-slider__slider-control-next { display: block; width: 35px; height: 35px; border-radius: 25px; cursor: pointer; background-image: url(../img/news/news-post/slider/post-news-right-arrow.svg); background-size: 35px; } .universal-slider__slider-control-next:active { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .universal-slider__video { position: relative; width: 100%; height: 100%; cursor: pointer; } .universal-slider__video:hover .universal-slider__button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .universal-slider__video iframe { width: 100%; height: 100%; } .universal-slider__video-media { width: 100%; height: 100%; -o-object-fit: contain !important; object-fit: contain !important; background-color: #000; } .universal-slider__video-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .universal-slider__button-shape { fill: #212121; fill-opacity: 0.8; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .universal-slider__button-icon { fill: #fff; } .single-news-post { height: auto; margin: 10px 0; } .single-offer-vendor-page { margin: 0; } .single-offer-vendor-page__title { max-width: 625px; margin: 10px 15px; margin-bottom: 5px; font-size: 16px; font-weight: 700; color: #000000; text-align: left; text-transform: uppercase; } .single-offer-vendor-page__inner { margin: auto; max-width: 625px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .activeSlide { position: relative; } .activeSlide__slider { width: 100%; max-width: 768px; height: 250px; overflow: hidden; } .activeSlide__slider-item { width: 100%; height: 250px; max-width: 768px; -webkit-animation-name: fadeSingleSlider; -moz-animation-name: fadeSingleSlider; animation-name: fadeSingleSlider; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; animation-duration: 0.6s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .activeSlide__slider-item img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @-webkit-keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } @-moz-keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } @keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } .activeSlide__prev-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; z-index: 9; height: 220px; width: 44px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-image: url("../img/special/special_arrow-left--hover.svg"); background-repeat: no-repeat; background-position: 25% 50%; background-size: 20px; opacity: 0.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .activeSlide__prev-slide:hover { background-color: rgba(206, 206, 206, 0.1254901961); opacity: 1; } .activeSlide__next-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 9; position: absolute; right: 0; height: 220px; width: 44px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-image: url("../img/special/special_arrow-right--hover.svg"); background-repeat: no-repeat; background-position: 26% 50%; background-size: 20px; opacity: 0.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .activeSlide__next-slide:hover { background-color: rgba(206, 206, 206, 0.1254901961); opacity: 1; } .activeSlide__active-thumbnail { display: none; position: absolute; z-index: 7; width: 100%; height: 250px; max-width: 625px; background-color: #fff; } .activeSlide__active-thumbnail img { width: 100%; -o-object-fit: contain; object-fit: contain; } .activeSlide { position: relative; } .activeSlide:hover .video__button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .activeSlide__slider-video { width: 660px; height: 250px; max-width: 660px; max-height: 250px; overflow: hidden; cursor: pointer; } .activeSlide__slider-video iframe { width: 100%; height: 100%; } .activeSlide__slider-video a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 250px; -o-object-fit: contain; object-fit: contain; } .activeSlide__slider-video a img { width: 100%; } .activeSlide__button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .activeSlide__button--thumb { position: absolute; top: 50%; left: 50%; } @media (min-width: 350px) { .activeSlide { position: relative; } .activeSlide__slider { width: 100%; max-width: 768px; height: 320px; overflow: hidden; } .activeSlide__slider-item { width: 100%; height: 320px; max-width: 768px; -webkit-animation-name: fadeSingleSlider; -moz-animation-name: fadeSingleSlider; animation-name: fadeSingleSlider; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; animation-duration: 0.6s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .activeSlide__slider-item img { height: inherit; width: 100%; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @-webkit-keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } @-moz-keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } @keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } .activeSlide__prev-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; z-index: 9; height: 320px; width: 60px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-image: url("../img/special/special_arrow-left--hover.svg"); background-repeat: no-repeat; background-position: 50% 49%; background-size: 20px; opacity: 0.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .activeSlide__prev-slide:hover { background-color: rgba(206, 206, 206, 0.1254901961); opacity: 1; } .activeSlide__next-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 9; position: absolute; right: 0; height: 320px; width: 60px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-image: url("../img/special/special_arrow-right--hover.svg"); background-repeat: no-repeat; background-position: 50% 49%; background-size: 20px; opacity: 0.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .activeSlide__next-slide:hover { background-color: rgba(206, 206, 206, 0.1254901961); opacity: 1; } .activeSlide__active-thumbnail { display: none; position: absolute; z-index: 7; width: 100%; height: 320px; max-width: 625px; background-color: #fff; } .activeSlide__active-thumbnail img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .activeSlide { position: relative; } .activeSlide:hover .video__button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .activeSlide__slider-video { width: 660px; height: 250px; max-width: 660px; max-height: 320px; overflow: hidden; cursor: pointer; } .activeSlide__slider-video iframe { width: 100%; height: 100%; } .activeSlide__slider-video a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; -o-object-fit: contain; object-fit: contain; } .activeSlide__slider-video a img { width: 100%; } .activeSlide__button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .activeSlide__button--thumb { position: absolute; top: 50%; left: 50%; } } @media (min-width: 425px) { .activeSlide { position: relative; } .activeSlide__slider { height: 320px; } .activeSlide__slider-item { height: 320px; } .activeSlide__prev-slide { height: 320px; background-position: 40% 49%; } .activeSlide__next-slide { height: 320px; background-position: 60% 49%; } } @media (min-width: 500px) { .activeSlide { position: relative; } .activeSlide__slider { width: 100%; max-width: 768px; height: 400px; max-width: 625px; max-height: 400px; overflow: hidden; } .activeSlide__slider-item { width: 100%; height: 400px; max-width: 768px; max-height: 400px; -webkit-animation-name: fadeSingleSlider; -moz-animation-name: fadeSingleSlider; animation-name: fadeSingleSlider; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; animation-duration: 0.6s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .activeSlide__slider-item img { height: inherit; width: 100%; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @-webkit-keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } @-moz-keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } @keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } .activeSlide__prev-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; z-index: 9; height: 400px; width: 60px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-image: url("../img/special/special_arrow-left--hover.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px; opacity: 0.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .activeSlide__prev-slide:hover { background-color: rgba(206, 206, 206, 0.1254901961); opacity: 1; } .activeSlide__next-slide { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 9; position: absolute; right: 0; height: 400px; width: 60px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-image: url("../img/special/special_arrow-right--hover.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px; opacity: 0.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .activeSlide__next-slide:hover { background-color: rgba(206, 206, 206, 0.1254901961); opacity: 1; } .activeSlide__active-thumbnail { display: none; position: absolute; z-index: 7; width: 100%; height: 400px; max-width: 625px; max-height: 400px; background-color: #fff; } .activeSlide__active-thumbnail img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .activeSlide { position: relative; } .activeSlide:hover .video__button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .activeSlide__slider-video { width: 660px; height: 400px; max-width: 660px; max-height: 400px; overflow: hidden; cursor: pointer; } .activeSlide__slider-video iframe { width: 100%; height: 100%; } .activeSlide__slider-video a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 400px; -o-object-fit: contain; object-fit: contain; } .activeSlide__slider-video a img { width: 100%; } .activeSlide__button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .activeSlide__button--thumb { position: absolute; top: 50%; left: 50%; } } .video__button-shape { fill: #212121; fill-opacity: 0.8; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .video__button-icon { fill: #fff; } .vendor-slider { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .vendor-slider__active-slide { width: 100%; height: 250px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vendor-slider__thumbnails-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; overflow-x: scroll; margin: 10px 0 10px 10px; } .vendor-slider__thumbnails-inner::-webkit-scrollbar { display: none; } .vendor-slider__thumbnails-inner--active { margin-top: 5px; margin-left: 3px; right: 18px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0; } .vendor-slider__thumbnail { min-width: 155px; max-width: 155px; height: 110px; margin-right: 3px; border: 1px solid transparent; cursor: pointer; overflow: hidden; } .vendor-slider__thumbnail--video { position: relative; width: 90px; height: 90px; min-width: 90px; min-height: 90px; max-width: 90px; max-height: 90px; margin-right: 3px; border: 1px solid transparent; cursor: pointer; overflow: hidden; } .vendor-slider__thumbnail--video:hover { border: 1px solid #E5E5E5; } .vendor-slider__thumbnail--video:active { border: 1px solid #3D4856; } .vendor-slider__thumbnail--video img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; } .vendor-slider__thumbnail:hover { border: 1px solid #E5E5E5; } .vendor-slider__thumbnail:active { border: 1px solid #3D4856; } .vendor-slider__thumbnail img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } @media (min-width: 350px) { .vendor-slider { overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .vendor-slider__active-slide { width: 100%; height: 100%; min-width: 320px; min-height: 250px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vendor-slider__thumbnails-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 100%; } .vendor-slider__thumbnail { height: 110px; min-width: 155px; margin-right: 3px; border: 1px solid transparent; cursor: pointer; overflow: hidden; } .vendor-slider__thumbnail--video { width: 100px; height: 100px; min-width: 100px; min-height: 100px; max-width: 100px; max-height: 100px; margin-right: 3px; border: 1px solid transparent; cursor: pointer; overflow: hidden; } .vendor-slider__thumbnail--video:hover { border: 1px solid #E5E5E5; } .vendor-slider__thumbnail--video:active { border: 1px solid #3D4856; } .vendor-slider__thumbnail--video img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; } .vendor-slider__thumbnail:hover { border: 1px solid #E5E5E5; } .vendor-slider__thumbnail:active { border: 1px solid #3D4856; } .vendor-slider__thumbnail img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; } } @media (min-width: 420px) { .vendor-slider { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .vendor-slider__active-slide { width: 100%; height: 100%; min-width: 320px; min-height: 250px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vendor-slider__thumbnails-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 100%; padding-left: 0; margin: 10px 0; } .vendor-slider__thumbnail { height: 110px; min-width: 155px; margin-right: 3px; border: 1px solid transparent; cursor: pointer; overflow: hidden; } .vendor-slider__thumbnail--video { width: 110px; height: 110px; min-width: 110px; min-height: 110px; max-width: 110px; max-height: 110px; margin-right: 3px; border: 1px solid transparent; cursor: pointer; overflow: hidden; } .vendor-slider__thumbnail--video:hover { border: 1px solid #E5E5E5; } .vendor-slider__thumbnail--video:active { border: 1px solid #3D4856; } .vendor-slider__thumbnail--video img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; } .vendor-slider__thumbnail:hover { border: 1px solid #E5E5E5; } .vendor-slider__thumbnail:active { border: 1px solid #3D4856; } .vendor-slider__thumbnail img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; } } .single-vendor-description { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 0 15px; } .single-vendor-description__vendor { margin: 15px 0; font-size: 18px; font-weight: 700; color: #000000; } .single-vendor-description__vendor span { color: #0C6773; } .single-vendor-description__epc-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; color: #0A51A5; margin: 0 0 10px 0; text-decoration: none; width: 120px; } .single-vendor-description__epc-link a { color: #0A51A5; } .single-vendor-description__epc-link span { position: relative; display: block; margin: 0 1px 0 3px; width: 25px; height: 25px; background-image: url("../img/offers/epc-link__question-circle.svg"); background-size: 22px; background-repeat: no-repeat; background-position: 93% 65%; } .single-vendor-description__epc-link span div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; pointer-events: none; visibility: hidden; opacity: 0; position: absolute; top: -33px; left: -30px; width: 90px; padding: 0 4px 0 5px; height: 27px; border-radius: 4px; background-color: #000; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .single-vendor-description__epc-link span div::before { content: ""; width: 20px; margin: 3px 3px 0 1px; height: 20px; background-image: url("../img/offers/go-to-epc-arrow.svg"); background-size: 16px; background-repeat: no-repeat; background-position: 93% 75%; } .single-vendor-description__epc-link span div::after { content: ""; position: absolute; width: 0; height: 0; left: 37px; top: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: #000; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .single-vendor-description__text { padding-top: 15px; border-top: 1px solid #E5E5E5; color: #222830; font-size: 15px; text-align: justify; } .single-vendor-description__panel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 150px; margin-top: 22px; padding-right: 5px; -ms-flex-item-align: end; align-self: flex-end; } .single-vendor-description__panel--ask { position: relative; display: block; width: 35px; height: 35px; border-radius: 100%; background: url("../img/news/news-post/news-ask-icon.svg"), -moz-linear-gradient(295deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background: url("../img/news/news-post/news-ask-icon.svg"), linear-gradient(155deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background-repeat: no-repeat; background-position: 50% 50%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .single-vendor-description__panel--ask:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .single-vendor-description__panel--ask-tip { visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -25px; bottom: 43px; width: 88px; height: 20px; padding: 3px 8px; font-size: 10px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .single-vendor-description__panel--ask-tip::after { content: ""; position: absolute; width: 0; height: 0; left: 36px; top: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .single-vendor-description__panel--share { position: relative; width: 35px; height: 35px; border-radius: 99%; background: url("../img/news/news-post/news-share-icon.svg"), -moz-linear-gradient(295deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background: url("../img/news/news-post/news-share-icon.svg"), linear-gradient(155deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .single-vendor-description__panel--share:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .single-vendor-description__panel--share-tip { visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -25px; bottom: 43px; width: 75px; height: 20px; padding: 3px 8px; font-size: 10px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .single-vendor-description__panel--share-tip::after { content: ""; position: absolute; width: 0; height: 0; left: 36px; top: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .single-vendor-description__panel--favorite { position: relative; width: 35px; height: 35px; border-radius: 100%; background: url("../img/icon-favorite-new.svg"), -moz-linear-gradient(295deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background: url("../img/icon-favorite-new.svg"), linear-gradient(155deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .single-vendor-description__panel--favorite:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .single-vendor-description__panel--favorite-wrapper { width: 35px; height: 35px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .single-vendor-description__panel--favorite-tip { visibility: hidden; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -25px; bottom: 43px; width: 88px; height: 20px; padding: 3px 8px; font-size: 10px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .single-vendor-description__panel--favorite-tip::after { content: ""; position: absolute; width: 0; height: 0; left: 36px; top: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } .single-vendor-description__panel--favorite-active { display: none; position: relative; width: 35px; height: 35px; border-radius: 100%; background: url("../img/icon-favorite-new--active.svg"), -moz-linear-gradient(295deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background: url("../img/icon-favorite-new--active.svg"), linear-gradient(155deg, rgb(76, 119, 160) 0%, rgb(6, 47, 88) 100%); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } .single-vendor-description__panel--favorite-active:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .single-vendor-description__panel--favorite-active-tip { visibility: visible; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: -25px; bottom: 43px; width: 88px; height: 20px; padding: 3px 8px; font-size: 10px; color: #000000; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #DEDEDE; box-shadow: 0px 1px 1.5px 0px #DEDEDE; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; pointer-events: none; } .single-vendor-description__panel--favorite-active-tip::after { content: ""; position: absolute; width: 0; height: 0; left: 36px; top: 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #DEDEDE; box-shadow: -2px 2px 3px -1px #DEDEDE; } @media (max-width: 1140px) { .single-vendor-description__panel--favorite-tip { display: none; } .single-vendor-description__panel--ask-tip { display: none; } .single-vendor-description__panel--share-tip { display: none; } } @media (min-width: 768px) { .single-offer-vendor-page__title { padding-left: 15px; } .vendor-slider__thumbnails-inner { position: relative; } .vendor-slider__thumbnail { height: 110px; min-width: 155px; margin-right: 3px; } .vendor-slider__thumbnail--video { margin-right: 6px; width: 148px; height: 113px; min-width: 148px; min-height: 113px; max-width: 113px; max-height: 148px; } } @media (min-width: 1140px) { .single-offer-vendor-page__title { max-width: 1140px; padding-left: 15px; margin-bottom: 0; cursor: default; } .single-offer-vendor-page__inner { max-width: 1140px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .single-offer-vendor-page__slider { width: 660px; height: auto; } .vendor-slider { overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .vendor-slider__active-slide { margin-top: 15px; min-height: 455px; max-height: 455px; margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vendor-slider__full-img { width: 550px; height: 480px; max-width: 550px; max-height: 480px; } .vendor-slider__full-img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .vendor-slider__thumbnails-inner { top: 5px; right: 18px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 625px; margin: 10px 0; padding-left: 0; overflow-x: unset; } .vendor-slider__thumbnails-inner--active { margin: 15px 0; right: 18px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vendor-slider__thumbnail { position: relative; height: 135px; min-width: 162px; margin-right: 3px; margin-bottom: 3px; border: 1px solid transparent; cursor: pointer; overflow: hidden; border: 1px solid rgba(229, 229, 229, 0.5803921569); } .vendor-slider__thumbnail-counter { position: absolute; top: 0; left: 496px; width: 162px; height: 100%; background-color: rgba(12, 17, 25, 0.831372549); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .vendor-slider__thumbnail-counter span { width: 100%; text-align: center; font-size: 90px; color: rgba(255, 255, 255, 0.9490196078); font-weight: bold; } .vendor-slider__thumbnail--video { position: relative; width: 150px; height: 115px; min-width: 150px; min-height: 115px; max-width: 110px; margin-right: 5px; border: 1px solid transparent; cursor: pointer; overflow: hidden; border: 1px solid rgba(229, 229, 229, 0.5803921569); } .vendor-slider__thumbnail--video:hover { border: 1px solid #e5e5e5; } .vendor-slider__thumbnail--video:active { border: 1px solid #c5c5c5; } .vendor-slider__thumbnail--video img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; } .vendor-slider__thumbnail:hover { border: 1px solid #e5e5e5; } .vendor-slider__thumbnail:active { border: 1px solid #c5c5c5; } .vendor-slider__thumbnail img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -moz-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; } .activeSlide { position: relative; } .activeSlide__slider { width: 660px; height: 450px; max-width: 660px; max-height: 450px; overflow: hidden; } .activeSlide__slider-item { width: 660px; height: 450px; max-width: 660px; max-height: 450px; -webkit-animation-name: fadeSingleSlider; -moz-animation-name: fadeSingleSlider; animation-name: fadeSingleSlider; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; animation-duration: 0.6s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .activeSlide__slider-item img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } @-webkit-keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } @-moz-keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } @keyframes fadeSingleSlider { from { opacity: 0.7; } to { opacity: 1; } } .activeSlide__prev-slide { display: none; position: absolute; z-index: 9; height: 450px; width: 50px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-image: url("../img/special/special_arrow-left--hover.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px; opacity: 0.5; } .activeSlide__prev-slide:hover { background-color: rgba(206, 206, 206, 0.1254901961); opacity: 1; } .activeSlide__next-slide { display: none; z-index: 9; position: absolute; right: 0; height: 450px; width: 50px; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-image: url("../img/special/special_arrow-right--hover.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px; opacity: 0.5; } .activeSlide__next-slide:hover { background-color: rgba(206, 206, 206, 0.1254901961); opacity: 1; } .activeSlide__active-thumbnail { display: none; position: absolute; z-index: 7; width: 660px; height: 450px; max-width: 660px; max-height: 450px; background-color: #fff; } .activeSlide__active-thumbnail iframe { position: absolute; z-index: 9999; width: 100%; height: 100%; } .activeSlide { position: relative; } .activeSlide:hover .video__button-shape { background-color: #8b0000; fill: red; fill-opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .activeSlide__slider-video { width: 660px; height: 450px; max-width: 660px; max-height: 450px; overflow: hidden; cursor: pointer; } .activeSlide__slider-video iframe { width: 100%; height: 100%; } .activeSlide__slider-video a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 450px; -o-object-fit: contain; object-fit: contain; } .activeSlide__slider-video a img { width: 100%; } .activeSlide__button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .activeSlide__button--thumb { position: absolute; top: 50%; left: 50%; } .vendor-slider__prev { display: none; background-repeat: no-repeat; } .single-vendor-description { width: 460px; } .single-vendor-description__panel { -ms-flex-item-align: start; align-self: flex-start; } .single-vendor-description__vendor { cursor: default; } .single-vendor-description__text { cursor: default; overflow: hidden; } } @media (min-width: 1380px) { .single-offer-vendor-page__title { max-width: 1140px; padding-left: 35px; margin-bottom: 0; cursor: default; } } .single-vendor-pdf { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; max-width: 625px; margin-top: 20px; } .single-vendor-pdf__block { border: 1px solid transparent; -webkit-box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; height: 90px; max-height: 90px; width: 100%; max-width: 625px; margin-bottom: 20px; background: url(../img/offers/pdf-icon.svg); background-repeat: no-repeat; background-size: 45px; background-position: 5% 50%; } .single-vendor-pdf__block a { width: 100%; height: 100%; text-decoration: none; color: #000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .single-vendor-pdf__block a:visited { color: #000; } .vendor-pdf-block__text { -webkit-box-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; margin-left: 24%; font-size: 13px; padding-top: 10px; max-height: 110px; overflow: hidden; } @media (min-width: 425px) { .vendor-pdf-block__text { margin-left: 20%; font-size: 14px; } } @media (min-width: 545px) { .vendor-pdf-block__text { margin-left: 16%; font-size: 14px; } } @media (min-width: 768px) { .vendor-pdf-block__text { margin-left: 15%; font-size: 15px; } } @media (min-width: 1140px) { .single-vendor-pdf { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1140px; margin-top: 50px; } .single-vendor-pdf__block { min-width: 570px; max-width: 570px; background-size: 37px; background-position: 5% 40%; border: 1px solid transparent; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: none; box-shadow: none; } .single-vendor-pdf__block:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; border: 1px solid transparent; -webkit-box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; } .single-vendor-pdf__block:active { -webkit-box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -30px #ccdbe2, 0 22px 6px -38px #c0d3dc, 0 33px 10px -47px #c0d3dc; box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -30px #ccdbe2, 0 22px 6px -38px #c0d3dc, 0 33px 10px -47px #c0d3dc; } } .offers-vendor-catalog-mobile { margin: 0 15px; } .offers-vendor-catalog-mobile__title { max-width: 625px; margin: 35px auto; font-size: 20px; font-weight: 700; color: #000000; text-align: center; text-transform: uppercase; } .offers-vendor-catalog-mobile__offer { margin: auto; -ms-flex-item-align: center; align-self: center; max-width: 625px; } @media (min-width: 768px) { .offers-vendor-catalog-mobile__title { text-align: left; } } .offers-vendor-catalog-desktop { display: none; margin: 0 25px; } .offers-vendor-catalog-desktop__title { max-width: 1140px; margin: 10px auto 0; font-size: 20px; font-weight: 700; color: #000000; text-transform: uppercase; } .offers-vendor-catalog-desktop__offer { margin: auto; -ms-flex-item-align: center; align-self: center; max-width: 1140px; } @media (min-width: 1140px) { .offers-vendor-catalog-mobile { display: none; } .offers-vendor-catalog-desktop { display: block; } } .related-products { margin: 5px 0; } .related-products__title { max-width: 625px; margin: 35px auto; font-size: 20px; font-weight: 700; color: #000000; text-align: center; text-transform: uppercase; } .related-product { width: 100%; max-width: 1140px; margin: auto; width: 300px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .related-product__stock { position: absolute; background-color: #3D4856; height: 18px; padding-left: 2px; padding-right: 2px; max-width: 140px; overflow-x: hidden; right: 0; text-transform: uppercase; color: white; font-size: 8px; text-align: center; padding-top: 3px; border-top-right-radius: 5px; } .related-product__card { margin-bottom: 25px; position: relative; margin-right: 20px; width: 140px; height: 290px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #DEDEDE; border-radius: 5px; -webkit-box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .related-product__card:nth-child(2n) { margin-right: 0; } .related-product__card:hover { -webkit-box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .related-product__card-photo { margin-top: 25px; min-height: 125px; max-height: 125px; } .related-product__card-photo img { max-width: 125px; height: 100%; max-height: 125px; } .related-product__card-departament { width: 130px; height: 35px; max-height: 45px; margin-bottom: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .related-product__card-departament::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .related-product__card-departament p { margin: 0; color: #004C56; font-size: 10px; } .related-product__card-descr { width: 125px; text-decoration: none; color: #222830; font-size: 9px; font-weight: bold; margin-top: -1px; overflow-x: hidden; white-space: normal; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .related-product__card-descr::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .related-product__card-descr p { max-height: 45px; min-height: 45px; } .related-product__card-bottom { width: 125px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .related-product__card-price { width: 62px; margin-right: 3px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .related-product__card-price span { font-size: 9px; color: #F67B1E; } @media (min-width: 375px) { .related-product { width: 350px; } .related-product__stock { max-width: 100%; font-size: 9px; padding-left: 4px; padding-right: 4px; } .related-product__card { width: 170px; height: 320px; margin-right: 10px; } .related-product__card-photo { min-height: 140px; max-height: 140px; } .related-product__card-photo img { max-width: 140px; height: 100%; max-height: 140px; } .related-product__card-departament { width: 145px; } .related-product__card-departament p { font-size: 11px; } .related-product__card-descr { width: 145px; } .related-product__card-descr p { font-size: 10px; } .related-product__card-bottom { margin-top: 7px; width: 145px; } .related-product__card-price { width: 65px; } .related-product__card-price span { font-size: 10px; } } @media (min-width: 400px) { .related-product { width: 380px; } .related-product__stock { font-size: 10px; height: 20px; padding-left: 6px; padding-right: 6px; } .related-product__card { width: 180px; height: 345px; margin-right: 20px; } .related-product__card-photo { margin-bottom: 5px; min-height: 150px; max-height: 150px; } .related-product__card-photo img { max-width: 150px; height: 100%; max-height: 150px; } .related-product__card-departament { width: 160px; } .related-product__card-departament p { font-size: 12px; } .related-product__card-descr { width: 160px; } .related-product__card-descr p { font-size: 11px; } .related-product__card-bottom { margin-top: 10px; width: 160px; } .related-product__card-price { width: 75px; } .related-product__card-price span { font-size: 13px; } } @media (min-width: 768px) { .related-products__title { text-align: left; } .related-product { width: 760px; } .related-product__card { margin-right: 13px; } .related-product__card:nth-child(2n) { margin-right: 13px; } .related-product__card:nth-child(4n) { margin-right: 0; } } @media (min-width: 1140px) { .related-products__title { max-width: 1140px; } .related-product { width: 1140px; } .related-product__stock { height: 30px; padding-left: 10px; padding-right: 10px; max-width: 240px; font-size: 12px; padding-top: 8px; } .related-product__card { width: 270px; height: 400px; margin-right: 20px; } .related-product__card:nth-child(2n) { margin-right: 20px; } .related-product__card:nth-child(4n) { margin-right: 0; } .related-product__card-photo { margin-top: 35px; min-height: 180px; max-height: 180px; } .related-product__card-photo img { max-width: 180px; height: 100%; max-height: 180px; } .related-product__card-departament { width: 240px; height: 45px; max-height: 45px; margin-bottom: 0; } .related-product__card-departament p { font-size: 14px; } .related-product__card-descr { width: 240px; font-weight: bold; } .related-product__card-descr p { max-height: 55px; min-height: 55px; margin-top: 8px; margin-bottom: 10px; font-size: 13px; } .related-product__card-bottom { width: 240px; margin-top: 10px; } .related-product__card-price { width: 110px; margin-right: 30px; } .related-product__card-price span { font-size: 14px; } } .related-fav-btn { margin-top: 2px; margin-right: 4px; border: 2px solid #004C56; border-radius: 5px; width: 34px; height: 28px; background-image: url("../img/special/fav-btn.svg"); background-repeat: no-repeat; background-size: 14px; background-position: 50% 50%; } .related-fav-btn:hover { background-color: #004C56; background-image: url("../img/special/fav-btn-hover.svg"); background-repeat: no-repeat; background-size: 15px; background-position: 50% 50%; } .related-buy-btn { margin-top: 2px; border: 2px solid #F67B1E; border-radius: 5px; width: 34px; height: 28px; background-image: url("../img/special/buy-btn.svg"); background-repeat: no-repeat; background-size: 14px; background-position: 40% 50%; } .related-buy-btn:hover { background-color: #F67B1E; background-image: url("../img/special/buy-btn-hover.svg"); background-repeat: no-repeat; background-size: 15px; background-position: 40% 50%; } .related-rub { font-weight: 700; font-size: 10px; background-image: url("../img/special/rub.svg"); background-repeat: no-repeat; background-position: 100% 59%; background-size: 7px; padding-right: 9px; text-align: right; } @media (min-width: 375px) { .related-fav-btn { margin-right: 6px; width: 36px; height: 30px; background-size: 16px; } .related-fav-btn:hover { background-size: 17px; } .related-buy-btn { width: 36px; height: 30px; background-size: 16px; } .related-buy-btn:hover { background-size: 17px; } .related-rub { background-position: 100% 50%; font-size: 12px; padding-right: 10px; background-size: 8px; } } @media (min-width: 400px) { .related-fav-btn { margin-top: 5px; margin-right: 6px; width: 38px; height: 32px; background-size: 17px; } .related-fav-btn:hover { background-size: 18px; } .related-buy-btn { margin-top: 5px; width: 38px; height: 32px; background-size: 17px; } .related-buy-btn:hover { background-size: 18px; } .related-rub { font-size: 14px; background-size: 9px; padding-right: 11px; } } @media (min-width: 1140px) { .related-fav-btn { margin-top: 5px; margin-right: 11px; width: 47px; height: 38px; background-size: 25px; background-position: 50% 50%; } .related-fav-btn:hover { background-size: 22px; background-position: 50% 50%; } .related-buy-btn { width: 47px; height: 38px; background-size: 24px; background-position: 40% 50%; } .related-buy-btn:hover { background-size: 24px; background-position: 40% 50%; } .related-rub { font-size: 18px; background-size: 11px; padding-right: 15px; } } .categories__title { max-width: 625px; margin: 35px auto; font-size: 20px; font-weight: 700; color: #000000; text-align: center; text-transform: uppercase; } .categories-list { width: 100%; max-width: 1140px; margin: auto; width: 300px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; } .categories-list-item { width: 140px; margin-bottom: 25px; margin-right: 20px; height: 290px; list-style: none; border-radius: 3px; overflow: hidden; color: #000000; margin-right: 20px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .categories-list-item:nth-child(2n) { margin-right: 0; } .categories-list-item a { width: 100%; height: 100%; text-decoration: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; background-color: #BBE0E4; text-decoration: none; } .categories-list-item a:visited { color: #000; } .categories-list-item a:active { color: #ffffff; background-color: #37475C; } .categories-list-item__title { min-height: 34px; max-height: 34px; margin: 0 5px; font-weight: 700; font-size: 12px; text-align: center; text-transform: uppercase; } .categories-list-item__picture { width: 120px; height: 120px; -ms-flex-item-align: center; align-self: center; } .categories-list-item__picture img { width: 100%; height: 100%; } .categories-list-item__quantity { min-height: 17px; max-height: 17px; margin: 0 5px; color: #EE7203; font-weight: 700; font-size: 12px; text-align: center; } @media (min-width: 375px) { .categories-list { width: 350px; } .categories-list-item { width: 170px; height: 320px; margin-right: 10px; } } @media (min-width: 400px) { .categories-list { width: 380px; } .categories-list-item { width: 180px; height: 345px; margin-right: 20px; } } @media (min-width: 768px) { .categories__title { text-align: left; } .categories-list { width: 760px; } .categories-list-item { margin-right: 13px; } .categories-list-item:nth-child(2n) { margin-right: 13px; } .categories-list-item:nth-child(4n) { margin-right: 0; } } @media (min-width: 1140px) { .categories__title { max-width: 1140px; } .categories-list { width: 1140px; } .categories-list-item { width: 270px; height: 400px; margin-right: 20px; } .categories-list-item:nth-child(2n) { margin-right: 20px; } .categories-list-item:nth-child(4n) { margin-right: 0; } .categories-list-item a { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .categories-list-item a:hover { color: #ffffff; background-color: #37475C; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .categories-list-item__title { font-size: 18px; } .categories-list-item__picture { width: 180px; height: 180px; } .categories-list-item__quantity { min-height: 24px; max-height: 24px; font-size: 18px; } } .related-news { margin: 5px 0; } .related-news__title { max-width: 625px; margin: 35px auto; font-size: 20px; font-weight: 700; color: #000000; text-align: center; text-transform: uppercase; } .related-news__inner { width: 100%; max-width: 1140px; margin: auto; width: 300px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .related-news-card { margin-bottom: 25px; margin-right: 20px; width: 140px; height: 290px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #DEDEDE; border-radius: 5px; -webkit-box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); box-shadow: 0 5px 9px 0 rgba(145, 178, 201, 0.65); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; } .related-news-card:nth-child(2n) { margin-right: 0; } .related-news-card a { width: 100%; height: 100%; text-decoration: none; } .related-news-card a:visited { color: #504F4F; } .related-news-card:nth-child(2n) { margin-right: 0; } .related-news-card:hover { -webkit-box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; box-shadow: 0 0 2px #ccdce4, 0 1px 3px -1px #d9e5eb, 0 15px 5px -15px #ccdbe2, 0 22px 6px -25px #c0d3dc, 0 33px 10px -35px #c0d3dc; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .related-news-card__content { height: 120px; max-height: 120px; width: 100%; } .related-news-card__content img { width: 100%; height: 100%; } .related-news-card__info { width: 130px; height: 160px; margin: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .related-news-card__title { text-transform: uppercase; min-height: 50px; max-height: 50px; width: 100%; font-weight: 700; font-size: 11px; color: #3D4856; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .related-news-card__title::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .related-news-card__text { font-size: 9px; width: 100%; min-height: 85px; max-height: 85px; overflow-x: hidden; white-space: normal; color: #504F4F; font-size: 10px; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .related-news-card__text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } @media (min-width: 375px) { .related-news__inner { width: 350px; } .related-news-card { width: 170px; height: 320px; margin-right: 10px; } .related-news-card__content { height: 130px; max-height: 130px; } .related-news-card__info { margin-top: 10px; width: 150px; height: 170px; } .related-news-card__title { min-height: 55px; max-height: 55px; font-size: 12px; } .related-news-card__text { min-height: 105px; max-height: 105px; font-size: 11px; } } @media (min-width: 400px) { .related-news__inner { width: 380px; } .related-news-card { width: 180px; height: 345px; margin-right: 20px; } .related-news-card__content { height: 140px; max-height: 140px; } .related-news-card__info { width: 160px; height: 180px; } .related-news-card__title { min-height: 65px; max-height: 65px; font-size: 14px; } } @media (min-width: 768px) { .related-news__inner { width: 760px; } .related-news-card { margin-right: 13px; } .related-news-card:nth-child(2n) { margin-right: 13px; } .related-news-card:nth-child(4n) { margin-right: 0; } } @media (min-width: 1140px) { .related-news__title { text-align: left; max-width: 1140px; } .related-news__inner { width: 1140px; } .related-news-card { width: 270px; height: 400px; margin-right: 20px; } .related-news-card__content { height: 190px; max-height: 190px; } .related-news-card__info { margin-top: 20px; width: 230px; height: 180px; } .related-news-card__title { min-height: 50px; max-height: 50px; font-size: 14px; } .related-news-card__text { font-size: 12px; } } .no-offers-info-banner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; margin-top: 35px; margin-bottom: 45px; background-color: #F3F5FB; padding: 15px 0 20px 0; } .no-offers-info-banner__title { font-weight: 700; font-size: 17px; line-height: 28px; text-transform: uppercase; -ms-flex-item-align: end; align-self: flex-end; color: #222830; text-align: center; cursor: default; margin-bottom: 25px; padding-right: 25px; } .no-offers-info-banner__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .no-offers-info-banner__image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .no-offers-info-banner__image img { width: 90%; max-width: 512px; } .no-offers-info-banner__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 600px; text-align: center; } .no-offers-info-banner__info { font-weight: 600; font-size: 18px; line-height: 29px; color: #222830; cursor: default; margin-bottom: 45px; padding: 0 20px; } .no-offers-info-banner__btn { display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .no-offers-info-banner__btn:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .no-offers-info-banner__btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } @media (min-width: 425px) { .no-offers-info-banner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1440px; margin: 0 auto; margin-top: 35px; } .no-offers-info-banner__title { font-weight: 700; font-size: 19px; line-height: 28px; text-transform: uppercase; -ms-flex-item-align: center; align-self: center; color: #222830; text-align: center; cursor: default; max-width: 400px; margin-bottom: 25px; padding-right: 25px; } .no-offers-info-banner__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .no-offers-info-banner__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 600px; text-align: center; } .no-offers-info-banner__info { font-weight: 600; font-size: 18px; line-height: 29px; color: #222830; cursor: default; margin-bottom: 25px; } .no-offers-info-banner__btn { display: block; width: 320px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .no-offers-info-banner__btn:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .no-offers-info-banner__btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 768px) { .no-offers-info-banner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; margin-top: 35px; margin-bottom: 35px; max-width: 1140px; } .no-offers-info-banner__title { font-weight: 700; font-size: 22px; line-height: 54px; margin-top: 20px; text-transform: uppercase; -ms-flex-item-align: end; align-self: flex-end; color: #222830; padding-right: 7%; cursor: default; max-width: none; } .no-offers-info-banner__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; max-width: 1140px; } .no-offers-info-banner__image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .no-offers-info-banner__image img { width: 450px; } .no-offers-info-banner__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 350px; text-align: left; } .no-offers-info-banner__info { font-weight: 600; font-size: 20px; line-height: 30px; padding: 0; color: #222830; cursor: default; } .no-offers-info-banner__btn { display: block; width: 320px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .no-offers-info-banner__btn:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .no-offers-info-banner__btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 1140px) { .no-offers-info-banner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; margin-top: 77px; margin-bottom: 25px; border-radius: 7px; } .no-offers-info-banner__title { font-weight: 700; font-size: 22px; padding-right: 45px; line-height: 54px; text-transform: uppercase; -ms-flex-item-align: end; align-self: flex-end; color: #222830; cursor: default; } .no-offers-info-banner__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1440px; } .no-offers-info-banner__image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 35px; } .no-offers-info-banner__image img { width: 520px; } .no-offers-info-banner__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 600px; text-align: left; padding-right: 45px; } .no-offers-info-banner__info { width: 542px; text-align: center; font-weight: 600; font-size: 21px; line-height: 38px; color: #222830; cursor: default; } .no-offers-info-banner__btn { display: block; width: 320px; height: 50px; -ms-flex-item-align: center; align-self: center; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .no-offers-info-banner__btn:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .no-offers-info-banner__btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } .breadcrumbs { margin: 15px 15px 10px 0; padding: 0; position: relative; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: scroll; white-space: nowrap; list-style: none; } .breadcrumbs::-webkit-scrollbar { display: none; } .breadcrumbs li { display: inline-block; list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .breadcrumbs li:first-child { margin-left: 10px; } .breadcrumbs li:first-child a { display: inline-block; position: absolute; list-style: none; width: 30px; height: 22px; background-image: url("../img/home-icon.svg"); background-repeat: no-repeat; background-size: 24px; background-position: 50% 50%; } .breadcrumbs li:last-child a { cursor: default; pointer-events: none; padding-right: 5px; color: rgba(37, 37, 37, 0.6); } .breadcrumbs li:first-child::after { margin-left: 25px; } .breadcrumbs li::after { content: ""; padding: 0 15px; background-image: url("../img/bread-arrow.svg"); background-repeat: no-repeat; background-position: 50% 70%; } .breadcrumbs li:last-child::after { display: none; } .breadcrumbs li a { color: #0358AC; font-size: 13px; font-weight: 600; text-decoration: none; position: relative; } .breadcrumbs li a:active { opacity: 0.85; } .breadcrumbs li a::before { content: ""; position: absolute; bottom: 0%; left: 0; width: 100%; height: 1px; background: #0358AC; display: block; -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1); -moz-transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -moz-transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.4s cubic-bezier(1, 0, 0, 1), -moz-transform 0.4s cubic-bezier(1, 0, 0, 1); } .breadcrumbs li a:hover::before { -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } @media (min-width: 425px) { .breadcrumbs { margin: 15px 15px 10px 0; } .breadcrumbs li:first-child { margin-left: 15px; } .breadcrumbs li a { font-size: 14px; } } @media (min-width: 768px) { .breadcrumbs { margin: 15px 15px 0 0; } .breadcrumbs li:first-child { margin-left: 25px; } .breadcrumbs li a { font-size: 16px; } } @media (min-width: 1140px) { .breadcrumbs { margin: 20px 15px 0 25px; overflow-x: visible; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs li { margin-bottom: 0; } .breadcrumbs li:first-child { margin-left: 0; } } @media (min-width: 1380px) { .breadcrumbs { margin: 20px 15px 0 45px; overflow-x: visible; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .model-auto { margin: 0 10px; } .model-auto__brand { margin-bottom: 15px; padding: 20px 10px 0; background-color: #ffffff; border-radius: 5px; -webkit-box-shadow: 3px 3px 17px 0px rgb(206, 206, 206); box-shadow: 3px 3px 17px 0px rgb(206, 206, 206); } .model-auto__brand-title { font-size: 16px; font-weight: 600; color: #222830; cursor: default; } .model-auto__brand-tabbed input { display: none; } .model-auto__brand-tabbed input:checked + label { color: #ffffff; background-color: #0358AC; cursor: default; -webkit-box-shadow: 3px 3px 7px 0px rgba(14, 17, 23, 0.4) inset; box-shadow: 3px 3px 7px 0px rgba(14, 17, 23, 0.4) inset; } .model-auto__brand-tabbed label { position: relative; margin: 22px 10px 0 0; padding-top: 9px; display: inline-block; width: 125px; height: 36px; font-size: 12px; font-weight: 600; text-transform: uppercase; text-align: center; color: #222830; border-radius: 5px; -webkit-box-shadow: 0px 3px 7px 0px rgb(206, 206, 206); box-shadow: 0px 3px 7px 0px rgb(206, 206, 206); cursor: pointer; } .model-auto__brand-tabbed label span { position: absolute; top: -10px; right: -10px; width: 25px; height: 24px; padding-top: 3px; border-radius: 50%; background-color: #F67B1E; color: #fff; } .model-auto__brand-list { margin: 0; padding: 30px 0; list-style: none; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .model-auto__brand-item { position: relative; padding: 7px 5px; font-size: 12px; font-weight: 600; color: #222830; text-decoration: none; text-transform: uppercase; page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; cursor: pointer; border: 1.5px solid #f4f6fc; border-radius: 5px; margin-bottom: 3px; } .model-auto__brand-item--active { background-color: #0358AC; color: #ffffff; border: 1.5px solid transparent; border-radius: 5px; cursor: default; margin-bottom: 3px; } .model-auto__brand-item-counter { position: absolute; top: 2px; right: 2px; display: inline; width: auto; height: auto; background-color: #F67B1E; border-radius: 50%; padding-left: 5px; padding-right: 5px; color: #fff; text-align: center; } .model-auto__model { display: none; margin-bottom: 30px; padding: 20px 10px 0; background-color: #ffffff; border-radius: 5px; -webkit-box-shadow: 3px 3px 17px 0px rgb(206, 206, 206); box-shadow: 3px 3px 17px 0px rgb(206, 206, 206); } .model-auto__model-title { font-size: 16px; font-weight: 600; color: #222830; cursor: default; } .model-auto__model-list { margin: 0; padding: 30px 0; list-style: none; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .model-auto__model-item { position: relative; padding: 7px 5px; margin-bottom: 10px; min-height: 55px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; font-weight: 600; color: #222830; text-decoration: none; text-transform: uppercase; page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; cursor: pointer; border: 1.5px solid #f4f6fc; border-radius: 5px; } .model-auto__model-item--active { background-color: #0358AC; color: #ffffff; border-radius: 5px; cursor: default; border: 1.5px solid transparent; border-radius: 5px; } .model-auto__generation { display: none; margin-bottom: 30px; padding: 0; background-color: #ffffff; border-radius: 5px; } .model-auto__generation-title { font-size: 16px; font-weight: 600; color: #222830; cursor: default; } .model-auto__generation-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; padding-top: 10px; } .model-auto__generation-item { height: 125px; border-radius: 5px; border: 2px solid #efefef; overflow: hidden; width: 100%; margin-bottom: 5px; } .model-auto__generation-item a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; position: relative; } .model-auto__generation-item a:visited { color: #000; } .model-auto__generation-item-picture { position: relative; width: 45%; height: 125px; } .model-auto__generation-item-picture:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 100%; z-index: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(23.44%, #0C6773), color-stop(81.77%, #E3E3E3), to(rgba(255, 255, 255, 0))); background: -moz-linear-gradient(top, #0C6773 23.44%, #E3E3E3 81.77%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #0C6773 23.44%, #E3E3E3 81.77%, rgba(255, 255, 255, 0) 100%); } .model-auto__generation-item-picture img { position: relative; z-index: 1; width: 100%; -o-object-fit: cover; object-fit: cover; height: 125px; image-rendering: unset; } .model-auto__generation-item-text { width: 55%; height: 123px; z-index: 2; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 12px; overflow: hidden; padding: 0 3px 0 3px; color: #000; background-color: #EFEFEF; } .model-auto__generation-item-text--active { width: 57%; height: 123px; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 12px; overflow: hidden; padding: 0 3px 0 3px; color: #fff; background-color: rgba(0, 0, 0, 0.918); } .model-auto__brand-tabcontent > ul { display: none; } #model-tab-type-1:checked ~ .model-auto__brand-tabcontent > ul.model-auto__brand--cars, #model-tab-type-2:checked ~ .model-auto__brand-tabcontent > ul.model-auto__brand--trucks { display: block; } @media (min-width: 425px) { .model-auto { margin: 0 15px; } .model-auto__brand { padding: 20px 15px 0; } .model-auto__brand-tabbed label { margin: 22px 25px 0 0; width: 130px; } .model-auto__brand-item { font-size: 14px; } .model-auto__brand-item-counter { position: absolute; top: 3px; right: 5%; display: inline; width: auto; height: auto; background-color: #F67B1E; border-radius: 50%; padding-left: 5px; padding-right: 5px; color: #fff; text-align: center; } .model-auto__model { padding: 20px 15px 0; } .model-auto__model-item { font-size: 12px; } .model-auto__generation { padding: 0; } .model-auto__generation-item { height: 140px; margin-bottom: 5px; max-width: 385px; } .model-auto__generation-item a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; } .model-auto__generation-item a:visited { color: #000; } .model-auto__generation-item-picture { height: 140px; overflow: hidden; } .model-auto__generation-item-picture img { height: 137px; } .model-auto__generation-item-text { height: 136px; font-size: 15px; } .model-auto__generation-item-text--active { height: 136px; font-size: 15px; } } @media (min-width: 768px) { .model-auto { margin: 0 25px; } .model-auto__brand { margin-bottom: 25px; padding: 25px 25px 0; } .model-auto__brand-title { font-size: 17px; } .model-auto__brand-tabbed label { margin: 25px 40px 0 0; padding-top: 12px; width: 150px; height: 43px; font-size: 14px; } .model-auto__brand-list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .model-auto__brand-item { padding: 9px 33px; font-size: 18px; } .model-auto__brand-item-counter { font-size: 14px; } .model-auto__model { margin-bottom: 35px; padding: 25px 25px 0; } .model-auto__model-title { font-size: 17px; } .model-auto__model-list { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .model-auto__model-item { padding: 9px 7px; font-size: 18px; } .model-auto__generation { padding: 0; } .model-auto__generation-title { font-size: 17px; } .model-auto__generation-item { height: 205px; max-width: 625px; } .model-auto__generation-item-picture { width: 40%; height: 205px; } .model-auto__generation-item-picture img { height: 207px; -o-object-fit: cover; object-fit: cover; } .model-auto__generation-item-text { width: 60%; height: 207px; font-size: 19px; } .model-auto__generation-item-text--active { height: 207px; font-size: 19px; } } @media (min-width: 1180px) { .model-auto__brand-item { margin-bottom: 10px; } .model-auto__brand-item-counter { margin-left: 15px; top: 5px; right: 5px; display: inline; width: auto; height: auto; background-color: #F67B1E; border-radius: 50%; padding-left: 5px; padding-right: 5px; color: #fff; text-align: center; } .model-auto__brand-item:hover, .model-auto__model-item:hover { background-color: #0358AC; color: #ffffff; border-radius: 5px; } .model-auto__brand-tabbed label { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; position: relative; } .model-auto__brand-tabbed label span { position: absolute; top: -10px; right: -10px; width: 25px; height: 25px; padding-top: 3px; border-radius: 50%; background-color: #F67B1E; color: #fff; } .model-auto__brand-tabbed label:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #cecece, 0 1px 3px -1px #cecece, 0 15px 5px -15px #cecece, 0 22px 6px -25px #cecece, 0 33px 10px -35px #cecece; box-shadow: 0 0 2px #cecece, 0 1px 3px -1px #cecece, 0 15px 5px -15px #cecece, 0 22px 6px -25px #cecece, 0 33px 10px -35px #cecece; } .model-auto__generation { padding: 5px 0 0; } .model-auto__generation-title { font-size: 17px; } .model-auto__generation-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; padding-top: 10px; } .model-auto__generation-item { height: 235px; width: 24%; margin-right: 1.3%; margin-bottom: 10px; overflow: hidden; } .model-auto__generation-item:nth-child(4n) { margin-right: 0; } .model-auto__generation-item a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 25; } .model-auto__generation-item a:visited { color: #000000; } .model-auto__generation-item-picture { height: 235px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .model-auto__generation-item-picture:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 100%; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, color-stop(23.44%, #0C6773), color-stop(81.77%, #E3E3E3), to(rgba(255, 255, 255, 0))); background: -moz-linear-gradient(top, #0C6773 23.44%, #E3E3E3 81.77%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, #0C6773 23.44%, #E3E3E3 81.77%, rgba(255, 255, 255, 0) 100%); } .model-auto__generation-item-picture img { height: 235px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: center; align-self: center; width: 100%; } .model-auto__generation-item-text { position: absolute; bottom: 0; min-height: 56px; max-height: 56px; width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.6980392157); font-size: 14px; color: #000000; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: visible; } .model-auto__generation-item-text--hover { position: absolute; bottom: 0; min-height: 60px; max-height: 60px; width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.8470588235); font-size: 16px; color: #000000; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .model-auto__generation-item-text--active { position: absolute; bottom: 0; min-height: 70px; max-height: 70px; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.7411764706); font-size: 15px; color: #ffffff; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1380px) { .model-auto { margin: 0 45px; } .model-auto__brand { margin-bottom: 40px; padding: 30px 30px 0; } .model-auto__brand-tabbed label { margin: 35px 30px 0 0; padding-top: 13px; width: 180px; height: 45px; font-size: 15px; } .model-auto__brand-list { -webkit-column-count: 8; -moz-column-count: 8; column-count: 8; -webkit-column-gap: 11px; -moz-column-gap: 11px; column-gap: 11px; } .model-auto__brand-item { padding: 9px 9px; font-size: 18px; } .model-auto__model { margin-bottom: 40px; padding: 30px 30px 0; } .model-auto__model-list { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .model-auto__model-item { padding: 9px 9px; font-size: 16px; } .model-auto__generation { padding: 0 0 0; } .model-auto__generation-item { height: 235px; width: 19.46%; margin-right: 7px; } .model-auto__generation-item:nth-child(4n) { margin-right: 10px; } .model-auto__generation-item:nth-child(5n) { margin-right: 0; } .model-auto__generation-item-picture { height: 235px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .model-auto__generation-item-picture img { height: 235px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: center; align-self: center; width: 100%; } .model-auto__generation-item-text { font-size: 15px; } .model-auto__generation-item-text--hover { min-height: 65px; max-height: 65px; font-size: 16px; } .model-auto__generation-item-text--active { min-height: 65px; max-height: 65px; font-size: 16px; } } @media (min-width: 1850px) { .model-auto__generation { padding: 0 0 0; } .model-auto__generation-item { height: 275px; width: 19.58%; margin-right: 9px; } .model-auto__generation-item:nth-child(4n) { margin-right: 9px; } .model-auto__generation-item:nth-child(5n) { margin-right: 0; } .model-auto__generation-item-picture { height: 275px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .model-auto__generation-item-picture img { height: 275px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: center; align-self: center; width: 100%; } } @media (min-width: 2000px) { .model-auto__brand { padding: 40px 40px 0; } .model-auto__brand-title { font-size: 21px; } .model-auto__brand-tabbed label { margin: 40px 30px 0 0; padding-top: 14px; width: 215px; height: 52px; font-size: 17px; } .model-auto__brand-tabbed label span { font-size: 15px; } .model-auto__brand-list { padding: 45px 0; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .model-auto__brand-item { padding: 12px 9px; font-size: 24px; } .model-auto__brand-item-counter { position: absolute; top: 14px; margin-left: 15px; display: inline; width: auto; font-size: 17px; height: auto; background-color: #F67B1E; border-radius: 50%; padding-left: 7px; padding-right: 7px; color: #fff; text-align: center; } .model-auto__model { padding: 40px 40px 0; } .model-auto__model-title { font-size: 21px; } .model-auto__model-list { padding: 45px 0; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } .model-auto__model-item { padding: 12px 9px; font-size: 24px; } .model-auto__generation { padding: 0 0 0; } .model-auto__generation-item { height: 275px; width: 19.615%; margin-right: 9px; } .model-auto__generation-item:nth-child(4n) { margin-right: 9px; } .model-auto__generation-item:nth-child(5n) { margin-right: 0; } .model-auto__generation-item-picture { height: 275px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .model-auto__generation-item-picture img { height: 275px; -o-object-fit: unset; object-fit: unset; -ms-flex-item-align: center; align-self: center; width: 100%; } .model-auto__generation-title { font-size: 21px; } } .model-auto__generation-watched_earlier .model-auto__generation-item { min-width: 276px; width: 15%; margin-right: 1.3%; height: 217px; } .model-auto__generation-watched_earlier .model-auto__generation-item-picture { height: 217px; } .model-auto__generation-watched_earlier { background: #f6f6f6; padding: 10px 20px; border-radius: 4px; } .model-auto__generation-watched_earlier .model-auto__generation-item { width: 15%; height: auto; } .model-auto__generation-watched_earlier .model-auto__generation-item-picture { height: auto; } .model-auto__generation-watched_earlier .model-auto__generation-item-picture img { height: 210px; } @media (max-width: 1180px) { .model-auto__generation-watched_earlier .model-auto__generation-item { width: 100%; height: 75px; } .model-auto__generation-watched_earlier .model-auto__generation-item-picture { height: 75px; width: 35%; } .model-auto__generation-watched_earlier .model-auto__generation-item-picture img { height: 75px; width: 100%; -o-object-fit: contain; object-fit: contain; } .model-auto__generation-watched_earlier .model-auto__generation-item-text { width: 75%; height: 75px; } } .box-content { height: 600px; margin: 40px 25px 300px; background: -webkit-gradient(linear, left top, right top, from(#ff416c), to(#ff4b2b)); background: -moz-linear-gradient(left, #ff416c, #ff4b2b); background: linear-gradient(to right, #ff416c, #ff4b2b); } .catalog__departament { margin-bottom: 15px; } .catalog__departament-picture { display: none; } .catalog__departament-title { margin: 5px 15px 15px; font-size: 22px; font-weight: 600; color: #000000; } .catalog__departament-navigation-list { position: relative; padding: 0 15px; margin: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow-x: scroll; white-space: nowrap; list-style: none; } .catalog__departament-navigation-list::-webkit-scrollbar { display: none; } .catalog__departament-navigation-item { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 33px; margin-right: 10px; font-size: 12px; font-weight: 600; color: #222830; text-transform: uppercase; background-color: #E1E6EA; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog__departament-navigation-item a { display: block; width: 100%; padding: 8px 18px; height: 100%; font-size: 12px; font-weight: 600; color: #222830; text-transform: uppercase; background-color: #E1E6EA; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; } .catalog__departament-navigation-item--active { width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 33px; margin-right: 10px; font-size: 12px; font-weight: 600; color: #222830; text-transform: uppercase; background-color: #E1E6EA; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog__departament-navigation-item--active a { display: block; width: 100%; padding: 8px 18px; height: 100%; font-size: 12px; font-weight: 600; color: #222830; text-transform: uppercase; background-color: #A7B1B8; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; } .catalog__departament-subnavigation-list { min-width: 100%; position: absolute; z-index: 10; top: 0; left: 0; padding: 0; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; border-radius: 0 0 4px 4px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog__departament-subnavigation-list--active { min-width: 100%; position: absolute; z-index: 10; top: 100%; left: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; border-radius: 0 0 4px 4px; overflow: hidden; } .catalog__departament-subnavigation-list--active-mobile { min-width: 100%; position: absolute; z-index: 10; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; border-radius: 0 0 4px 4px; overflow: hidden; margin: 0; } .catalog__departament-subnavigation-item { min-width: inherit; height: 33px; padding: 8px 40px 8px 18px; background-color: #F3F5F7; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 600; color: #222830; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog__departament-subnavigation-item a { min-width: inherit; height: 33px; background-color: #F3F5F7; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 600; color: #222830; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog__departament-trick { position: fixed; display: block; } .catalogDepOpenSubnav { position: relative; padding: 8px 40px 8px 18px; } .catalogDepOpenSubnav::before { content: ""; position: absolute; top: 0; right: 0; width: 40px; height: 32px; background-image: url("../img/black-arrow-down.svg"); background-repeat: no-repeat; background-position: 50% 53%; background-size: 16px; } .catalogDepOpenSubnav--active { position: relative; padding-right: 40px; background-color: #A7B1B8; } .catalogDepOpenSubnav--active::before { content: ""; position: absolute; top: 0; right: 0; width: 40px; height: 32px; background-image: url("../img/black-arrow-up.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px; } @media (min-width: 425px) { .catalog__departament-title { margin: 5px 15px 15px 20px; font-size: 24px; font-weight: 600; color: #000000; } .catalog__departament-navigation-list { padding-left: 20px; } } @media (min-width: 768px) { .catalog__departament { margin-top: 15px; } .catalog__departament-title { margin: 0 25px 25px; font-size: 38px; } .catalog__departament-navigation-list { padding-left: 25px; } .catalog__departament-navigation-item { height: 43px; margin-right: 15px; font-size: 14px; } .catalog__departament-navigation-item a { padding: 14px 25px; } .catalog__departament-subnavigation-item { height: 43px; padding: 10px 19px; font-size: 14px; } .catalogDepOpenSubnav { padding: 15px 40px 8px 18px; font-size: 12px; } .catalogDepOpenSubnav::before { width: 54px; height: 43px; background-size: 18px; background-position: 50% 52%; } .catalogDepOpenSubnav--active { padding-right: 53px; } .catalogDepOpenSubnav--active::before { width: 54px; height: 43px; background-size: 18px; background-position: 50% 50%; } } @media (min-width: 1140px) { .catalog__departament { margin: 10px 25px 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .catalog__departament-picture { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 215px; height: 160px; } .catalog__departament-picture img { visibility: hidden; width: 215px; height: 160px; } .catalog__departament-wrapper { padding-left: 15px; } .catalog__departament-title { margin: 0; min-height: 74px; cursor: default; } .catalog__departament-navigation-list { padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__departament-navigation-item { height: 33px; margin-right: 10px; margin-top: 10px; font-size: 12px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .catalog__departament-navigation-item:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .catalog__departament-navigation-item a { padding: 8px 18px; } .catalog__departament-navigation-item a:hover { background-color: #A7B1B8; } .catalog__departament-navigation-item--active { height: 33px; margin-right: 10px; margin-top: 10px; font-size: 12px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .catalog__departament-navigation-item--active:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .catalog__departament-navigation-item--active a { padding: 8px 18px; } .catalog__departament-navigation-item--active a:hover { background-color: #c4cbcf; } .catalog__departament-subnavigation-item { height: 33px; padding: 0; font-size: 12px; } .catalog__departament-subnavigation-item:hover { background-color: #E1E6EA; } .catalog__departament-subnavigation-item:hover a { background-color: #E1E6EA; } .catalogDepOpenSubnav { padding: 8px 40px 8px 18px; cursor: pointer; } .catalogDepOpenSubnav::before { width: 40px; height: 32px; background-position: 50% 51%; background-size: 15px; } .catalogDepOpenSubnav--active { padding-right: 40px; cursor: pointer; } .catalogDepOpenSubnav--active::before { width: 40px; height: 32px; background-position: 50% 50%; background-size: 15px; } .catalogDepOpenSubnav:hover { background-color: #A7B1B8; } } @media (min-width: 1380px) { .catalog__departament { margin: 10px 45px 20px; } .catalog__departament-picture { width: 250px; height: 180px; } .catalog__departament-picture img { width: 250px; height: 180px; } .catalog__departament-title { min-height: 69px; font-size: 39px; } .catalog__departament-navigation-item { height: 43px; margin-right: 15px; margin-top: 13px; font-size: 14px; } .catalog__departament-navigation-item a { padding: 14px 25px; } .catalog__departament-subnavigation-item { height: 43px; padding: 0; font-size: 14px; } .catalogDepOpenSubnav { padding: 13px 40px 8px 18px; font-size: 12px; } .catalogDepOpenSubnav::before { width: 54px; height: 43px; background-size: 18px; background-position: 50% 52%; } .catalogDepOpenSubnav--active { padding: 13px 40px 8px 18px; } .catalogDepOpenSubnav--active::before { width: 54px; height: 43px; background-size: 18px; background-position: 50% 47%; } } @media (min-width: 2000px) { .catalog__departament { margin: 10px 45px 20px; } .catalog__departament-picture { width: 275px; height: 210px; } .catalog__departament-picture img { width: 275px; height: 210px; } .catalog__departament-wrapper { padding-left: 20px; } .catalog__departament-title { min-height: 97px; font-size: 50px; } .catalog__departament-navigation-item { margin-right: 20px; margin-top: 14px; font-size: 16px; } .catalog__departament-navigation-item a { padding: 14px 30px; } .catalog__departament-subnavigation-item { padding: 0; font-size: 16px; } .catalogDepOpenSubnav { padding: 13px 40px 8px 18px; font-size: 12px; } .catalogDepOpenSubnav::before { background-position: 50% 50%; } .catalogDepOpenSubnav--active { padding: 13px 40px 8px 18px; font-size: 12px; } .catalogDepOpenSubnav--active::before { background-position: 50% 50%; } } .modal-share { display: none; z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; } .modal-share--on { display: block; z-index: 9999999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .modal-share__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .modal-share__wrapper { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); width: 90%; min-width: 320px; max-width: 380px; height: 425px; background-color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; opacity: 0; } .modal-share__wrapper--opening { -webkit-animation: new-animate-open 0.3s ease-in-out forwards; -moz-animation: new-animate-open 0.3s ease-in-out forwards; animation: new-animate-open 0.3s ease-in-out forwards; } .modal-share__wrapper--closing { -webkit-animation: new-animate-close 0.3s ease-in-out forwards; -moz-animation: new-animate-close 0.3s ease-in-out forwards; animation: new-animate-close 0.3s ease-in-out forwards; } .modal-share__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 10px; width: 25px; height: 25px; background-image: url("../img/offers/fast-buy-form-close.svg"); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; cursor: pointer; opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-share__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-share__title { margin-top: 10px; margin-bottom: 43px; -ms-flex-item-align: center; align-self: center; text-transform: uppercase; font-size: 28px; font-weight: 700; color: #3D4856; cursor: default; } .modal-share__links { width: 95%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-item-align: center; align-self: center; list-style: none; } .modal-share__link { width: 65px; height: 65px; -webkit-transform: translate(0%, 0%) scale(1); -moz-transform: translate(0%, 0%) scale(1); -ms-transform: translate(0%, 0%) scale(1); transform: translate(0%, 0%) scale(1); -webkit-transition: all 0.33s cubic-bezier(0.24, 0.7, 0.41, 1.65); -moz-transition: all 0.33s cubic-bezier(0.24, 0.7, 0.41, 1.65); transition: all 0.33s cubic-bezier(0.24, 0.7, 0.41, 1.65); } .modal-share__link:hover { border-radius: 100%; -webkit-transform: translate(0%, 0%) scale(1.2); -moz-transform: translate(0%, 0%) scale(1.2); -ms-transform: translate(0%, 0%) scale(1.2); transform: translate(0%, 0%) scale(1.2); } .modal-share__link--vk { background-color: #4A76A8; background: -webkit-gradient(linear, left bottom, left top, from(#4A76A8), to(#A1C2E8)); background: -moz-linear-gradient(bottom, #4A76A8 0%, #A1C2E8 100%); background: linear-gradient(0deg, #4A76A8 0%, #A1C2E8 100%); border-radius: 100%; } .modal-share__link--vk a { background-image: url("../img/vk-link.svg"); background-size: 47px; background-position: 48% 53%; background-repeat: no-repeat; } .modal-share__link--facebook { background-color: #3A5997; background: -webkit-gradient(linear, left bottom, left top, from(#3A5997), to(#9FBCF6)); background: -moz-linear-gradient(bottom, #3A5997 0%, #9FBCF6 100%); background: linear-gradient(0deg, #3A5997 0%, #9FBCF6 100%); border-radius: 100%; } .modal-share__link--facebook a { background-image: url("../img/facebook-link.svg"); background-size: 25px; background-position: 48% 50%; background-repeat: no-repeat; } .modal-share__link--twitter { background-color: #08A0E9; background: -webkit-gradient(linear, left bottom, left top, from(#08A0E9), to(#AEDAEF)); background: -moz-linear-gradient(bottom, #08A0E9 0%, #AEDAEF 100%); background: linear-gradient(0deg, #08A0E9 0%, #AEDAEF 100%); border-radius: 100%; } .modal-share__link--twitter a { background-image: url("../img/twitter-link.svg"); background-size: 42px; background-position: 52% 55%; background-repeat: no-repeat; } .modal-share__link--ok { background-color: #FE7902; background: -webkit-gradient(linear, left bottom, left top, from(#FE7902), to(#f8c88d)); background: -moz-linear-gradient(bottom, #FE7902 0%, #f8c88d 100%); background: linear-gradient(0deg, #FE7902 0%, #f8c88d 100%); border-radius: 100%; } .modal-share__link--ok a { background-image: url("../img/ok-link.svg"); background-size: 27px; background-position: 50% 50%; background-repeat: no-repeat; } .modal-share__link--whatsapp { background-color: #25D366; background: -webkit-gradient(linear, left bottom, left top, from(#25D366), to(#cdfddf)); background: -moz-linear-gradient(bottom, #25D366 0%, #cdfddf 100%); background: linear-gradient(0deg, #25D366 0%, #cdfddf 100%); border-radius: 100%; } .modal-share__link--whatsapp a { background-image: url("../img/whatsapp-link.svg"); background-size: 41px; background-position: 55% 51%; background-repeat: no-repeat; } .modal-share__link--telegram { background-color: #0088CC; background: -webkit-gradient(linear, left bottom, left top, from(#0088CC), to(#97D6F5)); background: -moz-linear-gradient(bottom, #0088CC 0%, #97D6F5 100%); background: linear-gradient(0deg, #0088CC 0%, #97D6F5 100%); border-radius: 100%; } .modal-share__link--telegram a { background-image: url("../img/telegram-link.svg"); background-size: 40px; background-position: 48% 49%; background-repeat: no-repeat; } .modal-share__link a { display: block; width: 100%; height: 100%; border-radius: 100%; } .modal-share__id-field { margin-top: 70px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; align-self: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .modal-share__output { height: 55px; width: 315px; padding: 13px 12px 5px 12px; border: 1px solid #134D82; font-size: 18px; text-transform: uppercase; color: #616A74; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; white-space: nowrap; margin-bottom: 20px; } .modal-share__output input { width: 1000%; border: none; } .modal-share__output input:focus { border: none; outline: none; } .modal-share__btn { height: 55px; width: 197px; background-color: #134D82; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff; text-align: center; padding: 14px 0; border-radius: 5px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-share__btn:hover { background-color: #29669f; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .modal-share__copy-tip { font-size: 14px; color: #9FADC0; font-weight: 600; visibility: hidden; } .modal-share__copy-tip span { color: #01b047; } @media (min-width: 1140px) { .modal-share { display: none; z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; } .modal-share--on { display: block; z-index: 99999999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .modal-share__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .modal-share__wrapper { position: fixed; top: 21%; left: 50%; -webkit-transform: translate(-50%, -20px); -moz-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); max-width: 665px; height: 325px; opacity: 0; overflow-y: unset; } .modal-share__wrapper--opening { -webkit-animation: new-animate-open-desktop 0.3s ease-in-out forwards; -moz-animation: new-animate-open-desktop 0.3s ease-in-out forwards; animation: new-animate-open-desktop 0.3s ease-in-out forwards; } .modal-share__wrapper--closing { -webkit-animation: new-animate-close-desktop 0.3s ease-in-out forwards; -moz-animation: new-animate-close-desktop 0.3s ease-in-out forwards; animation: new-animate-close-desktop 0.3s ease-in-out forwards; } .modal-share__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 10px; width: 25px; height: 25px; background-image: url("../img/offers/fast-buy-form-close.svg"); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; cursor: pointer; opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-share__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-share__title { margin-top: 10px; margin-bottom: 43px; -ms-flex-item-align: center; align-self: center; text-transform: uppercase; font-size: 33px; font-weight: 700; color: #3D4856; cursor: default; } .modal-share__links { width: 565px; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-item-align: center; align-self: center; list-style: none; } .modal-share__link { width: 65px; height: 65px; -webkit-transform: translate(0%, 0%) scale(1); -moz-transform: translate(0%, 0%) scale(1); -ms-transform: translate(0%, 0%) scale(1); transform: translate(0%, 0%) scale(1); -webkit-transition: all 0.33s cubic-bezier(0.24, 0.7, 0.41, 1.65); -moz-transition: all 0.33s cubic-bezier(0.24, 0.7, 0.41, 1.65); transition: all 0.33s cubic-bezier(0.24, 0.7, 0.41, 1.65); } .modal-share__link:hover { border-radius: 100%; -webkit-transform: translate(0%, 0%) scale(1.2); -moz-transform: translate(0%, 0%) scale(1.2); -ms-transform: translate(0%, 0%) scale(1.2); transform: translate(0%, 0%) scale(1.2); } .modal-share__link--vk { background-color: #4A76A8; background: -webkit-gradient(linear, left bottom, left top, from(#4A76A8), to(#A1C2E8)); background: -moz-linear-gradient(bottom, #4A76A8 0%, #A1C2E8 100%); background: linear-gradient(0deg, #4A76A8 0%, #A1C2E8 100%); border-radius: 100%; } .modal-share__link--vk a { background-image: url("../img/vk-link.svg"); background-size: 47px; background-position: 48% 53%; background-repeat: no-repeat; } .modal-share__link--facebook { background-color: #3A5997; background: -webkit-gradient(linear, left bottom, left top, from(#3A5997), to(#9FBCF6)); background: -moz-linear-gradient(bottom, #3A5997 0%, #9FBCF6 100%); background: linear-gradient(0deg, #3A5997 0%, #9FBCF6 100%); border-radius: 100%; } .modal-share__link--facebook a { background-image: url("../img/facebook-link.svg"); background-size: 25px; background-position: 48% 50%; background-repeat: no-repeat; } .modal-share__link--twitter { background-color: #08A0E9; background: -webkit-gradient(linear, left bottom, left top, from(#08A0E9), to(#AEDAEF)); background: -moz-linear-gradient(bottom, #08A0E9 0%, #AEDAEF 100%); background: linear-gradient(0deg, #08A0E9 0%, #AEDAEF 100%); border-radius: 100%; } .modal-share__link--twitter a { background-image: url("../img/twitter-link.svg"); background-size: 42px; background-position: 52% 55%; background-repeat: no-repeat; } .modal-share__link--ok { background-color: #FE7902; background: -webkit-gradient(linear, left bottom, left top, from(#FE7902), to(#f8c88d)); background: -moz-linear-gradient(bottom, #FE7902 0%, #f8c88d 100%); background: linear-gradient(0deg, #FE7902 0%, #f8c88d 100%); border-radius: 100%; } .modal-share__link--ok a { background-image: url("../img/ok-link.svg"); background-size: 27px; background-position: 50% 50%; background-repeat: no-repeat; } .modal-share__link--whatsapp { background-color: #25D366; background: -webkit-gradient(linear, left bottom, left top, from(#25D366), to(#cdfddf)); background: -moz-linear-gradient(bottom, #25D366 0%, #cdfddf 100%); background: linear-gradient(0deg, #25D366 0%, #cdfddf 100%); border-radius: 100%; } .modal-share__link--whatsapp a { background-image: url("../img/whatsapp-link.svg"); background-size: 41px; background-position: 55% 51%; background-repeat: no-repeat; } .modal-share__link--telegram { background-color: #0088CC; background: -webkit-gradient(linear, left bottom, left top, from(#0088CC), to(#97D6F5)); background: -moz-linear-gradient(bottom, #0088CC 0%, #97D6F5 100%); background: linear-gradient(0deg, #0088CC 0%, #97D6F5 100%); border-radius: 100%; } .modal-share__link--telegram a { background-image: url("../img/telegram-link.svg"); background-size: 40px; background-position: 48% 49%; background-repeat: no-repeat; } .modal-share__link a { display: block; width: 100%; height: 100%; border-radius: 100%; } .modal-share__id-field { position: relative; margin-top: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .modal-share__output { height: 55px; width: 380px; padding: 13px 12px 5px 12px; border-top: 1px solid #134D82; border-left: 1px solid #134D82; border-bottom: 1px solid #134D82; font-size: 18px; text-transform: uppercase; color: #616A74; border-radius: 5px 0 0 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; white-space: nowrap; margin-bottom: 0; } .modal-share__output input { width: 1000%; border: none; } .modal-share__output input:focus { border: none; outline: none; } .modal-share__btn { height: 55px; width: 197px; background-color: #134D82; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff; text-align: center; padding: 14px 0; border-radius: 0 5px 5px 0; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-share__btn:hover { background-color: #29669f; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .modal-share__copy-tip { position: absolute; right: 0; bottom: -25px; font-size: 17px; color: #9FADC0; font-weight: 600; } } @-webkit-keyframes new-animate-open { 0% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale3d(0.4, 0.4, 0.4); transform: translate(-50%, -50%) scale3d(0.4, 0.4, 0.4); } 100% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); } } @-moz-keyframes new-animate-open { 0% { opacity: 0; -moz-transform: translate(-50%, -50%) scale3d(0.4, 0.4, 0.4); transform: translate(-50%, -50%) scale3d(0.4, 0.4, 0.4); } 100% { opacity: 1; -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); } } @keyframes new-animate-open { 0% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale3d(0.4, 0.4, 0.4); -moz-transform: translate(-50%, -50%) scale3d(0.4, 0.4, 0.4); transform: translate(-50%, -50%) scale3d(0.4, 0.4, 0.4); } 100% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); } } @-webkit-keyframes new-animate-close { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1); transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1); } } @-moz-keyframes new-animate-close { 0% { opacity: 1; -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); } 100% { opacity: 0; -moz-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1); transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1); } } @keyframes new-animate-close { 0% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); -moz-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1); -moz-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1); transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1); } } @-webkit-keyframes new-animate-open-desktop { 0% { opacity: 0; -webkit-transform: translate(-50%, -20px) scale3d(0.4, 0.4, 0.4); transform: translate(-50%, -20px) scale3d(0.4, 0.4, 0.4); } 100% { opacity: 1; -webkit-transform: translate(-50%, -20px) scale3d(1, 1, 1); transform: translate(-50%, -20px) scale3d(1, 1, 1); } } @-moz-keyframes new-animate-open-desktop { 0% { opacity: 0; -moz-transform: translate(-50%, -20px) scale3d(0.4, 0.4, 0.4); transform: translate(-50%, -20px) scale3d(0.4, 0.4, 0.4); } 100% { opacity: 1; -moz-transform: translate(-50%, -20px) scale3d(1, 1, 1); transform: translate(-50%, -20px) scale3d(1, 1, 1); } } @keyframes new-animate-open-desktop { 0% { opacity: 0; -webkit-transform: translate(-50%, -20px) scale3d(0.4, 0.4, 0.4); -moz-transform: translate(-50%, -20px) scale3d(0.4, 0.4, 0.4); transform: translate(-50%, -20px) scale3d(0.4, 0.4, 0.4); } 100% { opacity: 1; -webkit-transform: translate(-50%, -20px) scale3d(1, 1, 1); -moz-transform: translate(-50%, -20px) scale3d(1, 1, 1); transform: translate(-50%, -20px) scale3d(1, 1, 1); } } @-webkit-keyframes new-animate-close-desktop { 0% { opacity: 1; -webkit-transform: translate(-50%, -20px) scale3d(1, 1, 1); transform: translate(-50%, -20px) scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: translate(-50%, -20px) scale3d(1.4, 1.4, 1); transform: translate(-50%, -20px) scale3d(1.4, 1.4, 1); } } @-moz-keyframes new-animate-close-desktop { 0% { opacity: 1; -moz-transform: translate(-50%, -20px) scale3d(1, 1, 1); transform: translate(-50%, -20px) scale3d(1, 1, 1); } 100% { opacity: 0; -moz-transform: translate(-50%, -20px) scale3d(1.4, 1.4, 1); transform: translate(-50%, -20px) scale3d(1.4, 1.4, 1); } } @keyframes new-animate-close-desktop { 0% { opacity: 1; -webkit-transform: translate(-50%, -20px) scale3d(1, 1, 1); -moz-transform: translate(-50%, -20px) scale3d(1, 1, 1); transform: translate(-50%, -20px) scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: translate(-50%, -20px) scale3d(1.4, 1.4, 1); -moz-transform: translate(-50%, -20px) scale3d(1.4, 1.4, 1); transform: translate(-50%, -20px) scale3d(1.4, 1.4, 1); } } .modal-ask { display: none; z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; } .modal-ask--on { display: block; z-index: 9999999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .modal-ask__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .modal-ask__form-inner { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); width: 90%; max-width: 320px; height: auto; max-height: 90vh; background-color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; opacity: 0; overflow-y: auto; } .modal-ask__form-inner--opening { -webkit-animation: new-animate-open 0.3s ease-in-out forwards; -moz-animation: new-animate-open 0.3s ease-in-out forwards; animation: new-animate-open 0.3s ease-in-out forwards; } .modal-ask__form-inner--closing { -webkit-animation: new-animate-close 0.3s ease-in-out forwards; -moz-animation: new-animate-close 0.3s ease-in-out forwards; animation: new-animate-close 0.3s ease-in-out forwards; } .modal-ask__form-inner--done { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); width: 90%; max-width: 320px; height: auto; max-height: 90vh; background-color: #ffffff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; opacity: 0; -webkit-animation: new-animate-open 0.3s ease-in-out forwards; -moz-animation: new-animate-open 0.3s ease-in-out forwards; animation: new-animate-open 0.3s ease-in-out forwards; } .modal-ask__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 10px; width: 25px; height: 25px; background-image: url("../img/offers/fast-buy-form-close.svg"); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; opacity: 1; cursor: pointer; } .modal-ask__title { margin-top: 15px; margin-bottom: 30px; -ms-flex-item-align: center; align-self: center; text-transform: uppercase; text-align: center; padding: 0 25px; font-size: 20px; font-weight: 700; color: #3D4856; cursor: default; } .modal-ask__input-wrapper { -ms-flex-item-align: center; align-self: center; } .modal-ask__input { display: block; height: 50px; width: 270px; padding: 12px; margin-bottom: 22px; font-size: 18px; color: #222830; border: 1px solid #134D82; font-family: inherit; border-radius: 5px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__input:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .modal-ask__input:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .modal-ask__input::-webkit-input-placeholder { color: #616A74; } .modal-ask__input::-moz-placeholder { color: #616A74; } .modal-ask__input:-ms-input-placeholder { color: #616A74; } .modal-ask__input::-ms-input-placeholder { color: #616A74; } .modal-ask__input::placeholder { color: #616A74; } .modal-ask__field { -ms-flex-item-align: center; align-self: center; display: block; height: 150px; width: 270px; padding: 12px; font-size: 18px; border: 1px solid #134D82; font-family: inherit; border-radius: 5px; } .modal-ask__field:hover { outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .modal-ask__field:focus { outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .modal-ask__field::-webkit-input-placeholder { color: #616A74; } .modal-ask__field::-moz-placeholder { color: #616A74; } .modal-ask__field:-ms-input-placeholder { color: #616A74; } .modal-ask__field::-ms-input-placeholder { color: #616A74; } .modal-ask__field::placeholder { color: #616A74; } .modal-ask__id { margin: 8px 26px 12px 26px; font-size: 14px; text-transform: uppercase; color: #393F46; } .modal-ask__id:hover { cursor: default; } .modal-ask__btn { -ms-flex-item-align: center; align-self: center; height: 50px; width: 270px; margin: 18px 0 30px; background-color: #134D82; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff; text-align: center; padding: 12px 0; border-radius: 5px; border: 1px solid #29669f; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__pic { width: 170px; height: 170px; background-image: url(../img/ask-form-modal-success.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 143px; cursor: default; margin-bottom: 55px; } .modal-ask__text { text-align: center; font-size: 18px; font-weight: 700; color: #3D4856; cursor: default; margin-bottom: 45px; } .modal-ask__btn--done { -ms-flex-item-align: center; align-self: center; height: 50px; width: 270px; margin: 18px 0 30px; background-color: #134D82; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffffff; text-align: center; padding: 12px 0; border-radius: 5px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } @media (min-width: 375px) { .modal-ask__form-inner { width: 350px; } .modal-ask__form-inner--done { display: none; width: 350px; } .modal-ask__input { width: 290px; } .modal-ask__field { width: 290px; } .modal-ask__btn { width: 290px; } .modal-ask__id { margin: 8px 33px 12px 33px; } } @media (min-width: 425px) { .modal-ask__form-inner { -webkit-transform: translate(-50%, -100px); -moz-transform: translate(-50%, -100px); -ms-transform: translate(-50%, -100px); transform: translate(-50%, -100px); width: 380px; height: 600px; } .modal-ask__form-inner--done { display: none; -webkit-transform: translate(-50%, -100px); -moz-transform: translate(-50%, -100px); -ms-transform: translate(-50%, -100px); transform: translate(-50%, -100px); width: 380px; height: 600px; } .modal-ask__title { font-size: 25px; } .modal-ask__input { width: 294px; } .modal-ask__field { width: 294px; height: 200px; } .modal-ask__btn { width: 294px; } .modal-ask__id { margin: 8px 45px 12px 45px; } } @media (min-width: 768px) { .modal-ask__form-inner { -webkit-transform: translate(-50%, -100px); -moz-transform: translate(-50%, -100px); -ms-transform: translate(-50%, -100px); transform: translate(-50%, -100px); max-width: none; width: 680px; height: 495px; } .modal-ask__form-inner--done { display: none; -webkit-transform: translate(-50%, -100px); -moz-transform: translate(-50%, -100px); -ms-transform: translate(-50%, -100px); transform: translate(-50%, -100px); max-width: none; width: 680px; height: 495px; } .modal-ask__close { opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__title { margin-bottom: 40px; } .modal-ask__input-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 22px; } .modal-ask__input { margin: 0 11px; } .modal-ask__field { min-width: 610px; max-width: 610px; min-height: 150px; max-height: 150px; } .modal-ask__id { margin: 8px 37px 12px 37px; } .modal-ask__btn { width: 610px; margin: 18px 0 40px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__btn:hover { background-color: #29669f; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__btn:active { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__pic { width: 170px; height: 170px; background-image: url(../img/ask-form-modal-success.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 160px; margin-bottom: 30px; cursor: default; } .modal-ask__text { text-align: center; font-size: 18px; font-weight: 700; color: #3D4856; cursor: default; margin-bottom: 10px; } .modal-ask__btn--done { width: 610px; margin: 10px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__btn--done:hover { background-color: #29669f; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__btn--done:active { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 1140px) { .modal-ask__form-inner { position: fixed; top: 21%; left: 50%; -webkit-transform: translate(-50%, -20px); -moz-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); max-width: none; width: 680px; height: 495px; opacity: 0; overflow-y: unset; } .modal-ask__form-inner--opening { -webkit-animation: new-animate-open-desktop 0.3s ease-in-out forwards; -moz-animation: new-animate-open-desktop 0.3s ease-in-out forwards; animation: new-animate-open-desktop 0.3s ease-in-out forwards; } .modal-ask__form-inner--closing { -webkit-animation: new-animate-close-desktop 0.3s ease-in-out forwards; -moz-animation: new-animate-close-desktop 0.3s ease-in-out forwards; animation: new-animate-close-desktop 0.3s ease-in-out forwards; } .modal-ask__form-inner--done { display: none; position: fixed; top: 21%; left: 50%; -webkit-transform: translate(-50%, -20px); -moz-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); width: 680px; height: 495px; opacity: 0; -webkit-animation: new-animate-open-desktop 0.3s ease-in-out forwards; -moz-animation: new-animate-open-desktop 0.3s ease-in-out forwards; animation: new-animate-open-desktop 0.3s ease-in-out forwards; } .modal-ask__close { opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__title { margin-bottom: 40px; } .modal-ask__input-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 22px; } .modal-ask__input { margin: 0 11px; } .modal-ask__field { min-width: 610px; max-width: 610px; min-height: 150px; max-height: 150px; } .modal-ask__id { margin: 8px 37px 12px 37px; } .modal-ask__btn { width: 610px; margin: 18px 0 40px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__btn:hover { background-color: #29669f; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__btn:active { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__pic { width: 170px; height: 170px; background-image: url(../img/ask-form-modal-success.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 160px; margin-bottom: 30px; cursor: default; } .modal-ask__text { text-align: center; font-size: 18px; font-weight: 700; color: #3D4856; cursor: default; margin-bottom: 10px; } .modal-ask__btn--done { width: 610px; margin: 10px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__btn--done:hover { background-color: #29669f; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .modal-ask__btn--done:active { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } .cookie-info-modal { position: fixed; bottom: 11%; left: 2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 96%; padding: 15px 5px 15px 10px; border-radius: 7px; background-color: rgba(0, 0, 0, 0.88); max-width: 420px; z-index: 999999999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cookie-info-modal__title { font-size: 25px; color: #fff; font-weight: 600; margin-bottom: 15px; cursor: default; } .cookie-info-modal__text { font-size: 16px; color: #fff; max-width: 435px; margin-bottom: 15px; cursor: default; } .cookie-info-modal__text a { color: #0B72AB; text-decoration: none; } .cookie-info-modal__button { width: 120px; height: 40px; line-height: 42px; text-align: center; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cookie-info-modal__button:active { -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } @media (min-width: 468px) { .cookie-info-modal { position: fixed; bottom: 11%; left: auto; right: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 96%; padding: 15px 5px 15px 10px; border-radius: 7px; background-color: rgba(0, 0, 0, 0.88); max-width: 333px; } .cookie-info-modal__button { width: 99%; } } @media (min-width: 1140px) { .cookie-info-modal { bottom: 3%; right: 33px; padding: 15px 13px 15px 15px; } } .shop-catalog-mobile { z-index: 0; } .shop-catalog-mobile__meta-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .shop-catalog-mobile__meta-item { height: 55px; overflow: hidden; width: 92%; margin-bottom: 7px; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 12px; overflow: hidden; padding: 0 3px 0 3px; color: #096B78; background-color: #EFEFEF; background-image: url(../img/green-arrow-down.svg); background-repeat: no-repeat; background-position: 96% 87%; background-size: 17px; } .shop-catalog-mobile__inner--second { display: none; } .shop-catalog-mobile__inner--third { display: none; } .shop-catalog-mobile__inner--fourth { display: none; } .shop-catalog-mobile__inner--fifth { display: none; } .shop-catalog-mobile__inner--sixth { display: none; } .shop-catalog-mobile__inner--seventh { display: none; } .shop-catalog-mobile__title { font-weight: bold; color: #096B78; font-size: 16px; text-align: center; text-transform: uppercase; max-width: 625px; margin: 0 auto; margin-bottom: 10px; } .shop-catalog-mobile__item-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .shop-catalog-mobile-item { height: 125px; position: relative; overflow: hidden; border-radius: 5px; border: 2px solid #efefef; width: 92%; margin-bottom: 5px; } .shop-catalog-mobile-item a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; } .shop-catalog-mobile-item a:visited { color: #000; } .shop-catalog-mobile-item__picture { width: 43%; height: 125px; overflow: hidden; } .shop-catalog-mobile-item__picture img { width: 100%; -o-object-fit: contain; object-fit: contain; height: 125px; } .shop-catalog-mobile-item--second { height: 125px; position: relative; overflow: hidden; border-radius: 5px; border: 2px solid #efefef; width: 92%; margin-bottom: 5px; } .shop-catalog-mobile-item--second a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; } .shop-catalog-mobile-item--second a:visited { color: #000; } .shop-catalog-mobile-item--second__picture { width: 43%; height: 125px; overflow: hidden; } .shop-catalog-mobile-item--second__picture img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 125px; } .shop-catalog-mobile-item--third { height: 125px; position: relative; overflow: hidden; border-radius: 5px; border: 2px solid #efefef; width: 92%; margin-bottom: 5px; } .shop-catalog-mobile-item--third a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; } .shop-catalog-mobile-item--third a:visited { color: #000; } .shop-catalog-mobile-item--third__picture { width: 43%; height: 125px; overflow: hidden; } .shop-catalog-mobile-item--third__picture img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 125px; } .shop-catalog-mobile-item--fourth { height: 125px; overflow: hidden; position: relative; border-radius: 5px; border: 2px solid #efefef; width: 92%; margin-bottom: 5px; } .shop-catalog-mobile-item--fourth a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; } .shop-catalog-mobile-item--fourth a:visited { color: #000; } .shop-catalog-mobile-item--fourth__picture { width: 43%; height: 125px; overflow: hidden; } .shop-catalog-mobile-item--fourth__picture img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 125px; } .shop-catalog-mobile-item--fifth { height: 125px; overflow: hidden; position: relative; border-radius: 5px; border: 2px solid #efefef; width: 92%; margin-bottom: 5px; } .shop-catalog-mobile-item--fifth a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; } .shop-catalog-mobile-item--fifth a:visited { color: #000; } .shop-catalog-mobile-item--fifth__picture { width: 43%; height: 125px; overflow: hidden; } .shop-catalog-mobile-item--fifth__picture img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 125px; } .shop-catalog-mobile-item--sixth { height: 125px; overflow: hidden; position: relative; border-radius: 5px; border: 2px solid #efefef; width: 92%; margin-bottom: 5px; } .shop-catalog-mobile-item--sixth a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; } .shop-catalog-mobile-item--sixth a:visited { color: #000; } .shop-catalog-mobile-item--sixth__picture { width: 43%; height: 125px; overflow: hidden; } .shop-catalog-mobile-item--sixth__picture img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 125px; } .shop-catalog-mobile-item--seventh { height: 125px; overflow: hidden; position: relative; border-radius: 5px; border: 2px solid #efefef; width: 92%; margin-bottom: 5px; } .shop-catalog-mobile-item--seventh a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; text-decoration: none; } .shop-catalog-mobile-item--seventh a:visited { color: #000; } .shop-catalog-mobile-item--seventh__picture { width: 43%; height: 125px; overflow: hidden; } .shop-catalog-mobile-item--seventh__picture img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 125px; } .shop-catalog-mobile-item__text { width: 57%; height: 123px; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 12px; overflow: hidden; padding: 0 3px 0 3px; color: #000; background-color: #EFEFEF; } .shop-catalog-mobile-item__text--active { width: 57%; height: 123px; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 12px; overflow: hidden; padding: 0 3px 0 3px; color: #fff; background-color: rgba(0, 0, 0, 0.918); } .shop-catalog-mobile__tag-link-block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; height: 100%; width: 100%; text-align: center; } .shop-catalog-mobile__tag-link-allmodels { height: inherit; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; border-right: 1px solid #efefef; color: #000; font-size: 17px; min-width: 43%; max-width: 43%; text-transform: uppercase; font-weight: 600; padding: 36px 0; } .shop-catalog-mobile__tag-link-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; padding: 0 5px; color: #000; font-weight: 600; font-size: 15px; } .shop-catalog-mobile__tag-link--backward { position: absolute; top: -1px; right: -95px; min-width: 250px; width: 169px; max-width: 375px; min-height: 42px; background-color: rgba(3, 88, 172, 0.806); text-align: center; font-size: 10px; -webkit-transform: rotate(33deg); -moz-transform: rotate(33deg); -ms-transform: rotate(33deg); transform: rotate(33deg); color: #fff; padding: 7px 30px; font-weight: 700; } .shop-catalog-mobile__tag-link-item .item { width: auto; } .shop-catalog-mobile__tag-link-item .selected { font-size: 13px; font-weight: 400; } .shop-catalog-mobile__tag-link-item .model { font-size: 14px; width: auto; } .tag-link-allmodels--second-link { width: 100%; } .shop-catalog-desktop { display: none; } @media (min-width: 375px) { .shop-catalog-mobile-item__text { font-size: 13px; } .shop-catalog-mobile__meta-item { font-size: 13px; } } @media (min-width: 425px) { .shop-catalog-mobile-item { height: 140px; margin-bottom: 5px; max-width: 415px; } .shop-catalog-mobile-item__picture { width: 43%; height: 140px; overflow: hidden; } .shop-catalog-mobile-item__picture img { height: 137px; } .shop-catalog-mobile-item__text { height: 136px; font-size: 15px; } .shop-catalog-mobile-item--second { height: 140px; margin-bottom: 5px; max-width: 415px; } .shop-catalog-mobile-item--second__picture { width: 43%; height: 140px; overflow: hidden; } .shop-catalog-mobile-item--second__picture img { height: 137px; } .shop-catalog-mobile-item--second__text { height: 136px; font-size: 15px; } .shop-catalog-mobile-item--third { height: 140px; margin-bottom: 5px; max-width: 415px; } .shop-catalog-mobile-item--third__picture { width: 43%; height: 140px; overflow: hidden; } .shop-catalog-mobile-item--third__picture img { height: 137px; } .shop-catalog-mobile-item--third__text { height: 136px; font-size: 15px; } .shop-catalog-mobile-item--fourth { height: 140px; margin-bottom: 5px; max-width: 415px; } .shop-catalog-mobile-item--fourth__picture { width: 43%; height: 140px; overflow: hidden; } .shop-catalog-mobile-item--fourth__picture img { height: 137px; } .shop-catalog-mobile-item--fourth__text { height: 136px; font-size: 15px; } .shop-catalog-mobile-item--fifth { height: 140px; margin-bottom: 5px; max-width: 415px; } .shop-catalog-mobile-item--fifth__picture { width: 43%; height: 140px; overflow: hidden; } .shop-catalog-mobile-item--fifth__picture img { height: 137px; } .shop-catalog-mobile-item--fifth__text { height: 136px; font-size: 15px; } .shop-catalog-mobile-item--sixth { height: 140px; margin-bottom: 5px; max-width: 415px; } .shop-catalog-mobile-item--sixth__picture { width: 43%; height: 140px; overflow: hidden; } .shop-catalog-mobile-item--sixth__picture img { height: 137px; } .shop-catalog-mobile-item--sixth__text { height: 136px; font-size: 15px; } .shop-catalog-mobile-item--seventh { height: 140px; margin-bottom: 5px; max-width: 415px; } .shop-catalog-mobile-item--seventh__picture { width: 43%; height: 140px; overflow: hidden; } .shop-catalog-mobile-item--seventh__picture img { height: 137px; } .shop-catalog-mobile-item--seventh__text { height: 136px; font-size: 15px; } .shop-catalog-mobile__meta-item { height: 60px; margin-bottom: 10px; max-width: 415px; font-size: 15px; } } @media (min-width: 768px) { .shop-catalog-mobile__title { text-align: left; font-size: 18px; } .shop-catalog-mobile__meta-item { height: 70px; margin-bottom: 10px; max-width: 625px; font-size: 17px; } .shop-catalog-mobile-item { height: 205px; max-width: 625px; } .shop-catalog-mobile-item__picture { height: 205px; } .shop-catalog-mobile-item__picture img { height: 207px; } .shop-catalog-mobile-item__text { height: 207px; font-size: 19px; } .shop-catalog-mobile-item--second { height: 205px; max-width: 625px; } .shop-catalog-mobile-item--second__picture { height: 205px; } .shop-catalog-mobile-item--second__picture img { height: 207px; } .shop-catalog-mobile-item--second__text { height: 207px; font-size: 19px; } .shop-catalog-mobile-item--third { height: 205px; max-width: 625px; } .shop-catalog-mobile-item--third__picture { height: 205px; } .shop-catalog-mobile-item--third__picture img { height: 207px; } .shop-catalog-mobile-item--third__text { height: 207px; font-size: 19px; } .shop-catalog-mobile-item--fourth { height: 205px; max-width: 625px; } .shop-catalog-mobile-item--fourth__picture { height: 205px; } .shop-catalog-mobile-item--fourth__picture img { height: 207px; } .shop-catalog-mobile-item--fourth__text { height: 207px; font-size: 19px; } .shop-catalog-mobile-item--fifth { height: 205px; max-width: 625px; } .shop-catalog-mobile-item--fifth__picture { height: 205px; } .shop-catalog-mobile-item--fifth__picture img { height: 207px; } .shop-catalog-mobile-item--fifth__text { height: 207px; font-size: 19px; } .shop-catalog-mobile-item--sixth { height: 205px; max-width: 625px; } .shop-catalog-mobile-item--sixth__picture { height: 205px; } .shop-catalog-mobile-item--sixth__picture img { height: 207px; } .shop-catalog-mobile-item--sixth__text { height: 207px; font-size: 19px; } .shop-catalog-mobile-item--seventh { height: 205px; max-width: 625px; } .shop-catalog-mobile-item--seventh__picture { height: 205px; } .shop-catalog-mobile-item--seventh__picture img { height: 207px; } .shop-catalog-mobile-item--seventh__text { height: 207px; font-size: 19px; } .shop-catalog-mobile__tag-link-allmodels { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: inherit; text-decoration: none; border-right: 1px solid #efefef; color: #000; font-size: 17px; min-width: 43%; max-width: 43%; text-transform: uppercase; font-weight: 600; padding: 36px 0; } .shop-catalog-mobile__tag-link-item .item { font-size: 17px; width: auto; } .shop-catalog-mobile__tag-link-item .selected { font-size: 15px; font-weight: 400; } .shop-catalog-mobile__tag-link-item .model { font-size: 17px; width: auto; } } @media (min-width: 1140px) { .shop-catalog-mobile { display: none; } .shop-catalog-desktop { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 25px; z-index: 0; } .shop-catalog-desktop__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; } .shop-catalog-desktop__inner--meta { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 5px; } .shop-catalog-desktop__inner--second { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; } .shop-catalog-desktop__inner--third { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; } .shop-catalog-desktop__inner--fourth { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; } .shop-catalog-desktop__inner--fifth { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; } .shop-catalog-desktop__inner--sixth { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; } .shop-catalog-desktop__inner--seventh { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; } .shop-catalog-desktop__title { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--second { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--third { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--fourth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--fifth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--sixth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--seventh { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title-picture { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--second { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--second img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--third { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--third img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--fourth { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--fourth img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--fifth { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--fifth img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--sixth { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--sixth img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--seventh { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--seventh img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-arrow { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--second { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--third { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--fourth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--fifth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--sixth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--seventh { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-open { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--second { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--second:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--third { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--third:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--fourth { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-open--fifth { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--fifth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--sixth { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--sixth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--seventh { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--seventh:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--second { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--second:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--third { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--third:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fourth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fourth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fifth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fifth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--sixth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--sixth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--seventh { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--seventh:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-static { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--second { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--third { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--fourth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--fifth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--sixth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--seventh { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__item { position: relative; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 25; } .shop-catalog-desktop__item a:visited { color: #000000; } .shop-catalog-desktop__item-picture { height: 235px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item-picture img { height: 235px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: center; align-self: center; width: 100%; } .shop-catalog-desktop__item-text { position: absolute; bottom: 0; height: 60px; width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.6980392157); font-size: 14px; color: #000000; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item-text--hover { position: absolute; bottom: 0; height: 70px; width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.8470588235); font-size: 15px; color: #000000; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item-text--active { position: absolute; bottom: 0; height: 70px; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.7411764706); font-size: 15px; color: #ffffff; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item--second { position: relative; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--second a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--second a:visited { color: #000000; } .shop-catalog-desktop__item--third { position: relative; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--third a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--third a:visited { color: #000000; } .shop-catalog-desktop__item--fourth { position: relative; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--fourth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--fourth a:visited { color: #000000; } .shop-catalog-desktop__item--fifth { position: relative; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--fifth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--fifth a:visited { color: #000000; } .shop-catalog-desktop__item--sixth { position: relative; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--sixth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--sixth a:visited { color: #000000; } .shop-catalog-desktop__item--seventh { position: relative; height: 235px; width: 24%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--seventh a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--seventh a:visited { color: #000000; } } @media (min-width: 1380px) { .shop-catalog-desktop__inner { padding-left: 20px; } .shop-catalog-desktop__inner--second { padding-left: 20px; } .shop-catalog-desktop__inner--third { padding-left: 20px; } .shop-catalog-desktop__inner--fourth { padding-left: 20px; } .shop-catalog-desktop__inner--fifth { padding-left: 20px; } .shop-catalog-desktop__inner--sixth { padding-left: 20px; } .shop-catalog-desktop__inner--seventh { padding-left: 20px; } .shop-catalog-desktop__title { font-size: 20px; } .shop-catalog-desktop__title--second { font-size: 20px; } .shop-catalog-desktop__title--third { font-size: 20px; } .shop-catalog-desktop__title--fourth { font-size: 20px; } .shop-catalog-desktop__title--fifth { font-size: 20px; } .shop-catalog-desktop__item-text { font-size: 17px; } .shop-catalog-desktop__item-text--hover { font-size: 18px; } .shop-catalog-desktop__item-text--active { font-size: 18px; } .shop-catalog-desktop__title-open { padding-left: 20px; } .shop-catalog-desktop__title-open--second { padding-left: 20px; } .shop-catalog-desktop__title-open--third { padding-left: 20px; } .shop-catalog-desktop__title-open--fourth { padding-left: 20px; } .shop-catalog-desktop__title-open--fifth { padding-left: 20px; } .shop-catalog-desktop__title-open--sixth { padding-left: 20px; } .shop-catalog-desktop__title-open--seventh { padding-left: 20px; } .shop-catalog-desktop__title-close { padding-left: 20px; } .shop-catalog-desktop__title-close--second { padding-left: 20px; } .shop-catalog-desktop__title-close--third { padding-left: 20px; } .shop-catalog-desktop__title-close--fourth { padding-left: 20px; } .shop-catalog-desktop__title-close--fifth { padding-left: 20px; } .shop-catalog-desktop__title-close--sixth { padding-left: 20px; } .shop-catalog-desktop__title-close--seventh { padding-left: 20px; } .shop-catalog-desktop__title-static { padding-left: 20px; } .shop-catalog-desktop__title-static--second { padding-left: 20px; } .shop-catalog-desktop__title-static--third { padding-left: 20px; } .shop-catalog-desktop__title-static--fourth { padding-left: 20px; } .shop-catalog-desktop__title-static--fifth { padding-left: 20px; } .shop-catalog-desktop__title-static--sixth { padding-left: 20px; } .shop-catalog-desktop__title-static--seventh { padding-left: 20px; } } @media (min-width: 1580px) { .shop-catalog-desktop__title { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 19.46%; margin-right: 0; margin-bottom: 10px; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--second { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 19.46%; margin-right: 0; margin-bottom: 10px; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--third { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 19.46%; margin-right: 0; margin-bottom: 10px; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--fourth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 19.46%; margin-right: 0; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--fifth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 19.46%; margin-right: 0; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--sixth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 19.46%; margin-right: 0; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title--seventh { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 235px; width: 19.46%; margin-right: 0; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; } .shop-catalog-desktop__title-picture { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--second { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--second img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--third { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--third img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--fourth { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--fourth img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--fifth { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--fifth img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--sixth { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--sixth img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-picture--seventh { position: relative; z-index: 1; max-height: 235px; } .shop-catalog-desktop__title-picture--seventh img { -o-object-fit: cover; object-fit: cover; width: 100%; opacity: 30%; height: 235px; } .shop-catalog-desktop__title-arrow { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--second { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--third { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--fourth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--fifth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--sixth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-arrow--seventh { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 235px; z-index: 10; } .shop-catalog-desktop__title-open { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--second { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--second:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--third { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--third:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--fourth { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-open--fifth { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--fifth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--sixth { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--sixth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--seventh { position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--seventh:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--second { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--second:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--third { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--third:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fourth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fourth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fifth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fifth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--sixth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--sixth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--seventh { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--seventh:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-static { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--second { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--third { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--fourth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--fifth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--sixth { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--seventh { display: none; position: absolute; width: 100%; height: 235px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__item { height: 235px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 25; } .shop-catalog-desktop__item a:visited { color: #000000; } .shop-catalog-desktop__item-picture { height: 235px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item-picture img { height: 235px; -o-object-fit: cover; object-fit: cover; -ms-flex-item-align: center; align-self: center; width: 100%; } .shop-catalog-desktop__item--second { height: 235px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--second:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item--second a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--second a:visited { color: #000000; } .shop-catalog-desktop__item--third { height: 235px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--third:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item--third a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--third a:visited { color: #000000; } .shop-catalog-desktop__item--fourth { height: 235px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--fourth:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item--fourth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--fourth a:visited { color: #000000; } .shop-catalog-desktop__item--fifth { height: 235px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--fifth:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item--fifth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--fifth a:visited { color: #000000; } .shop-catalog-desktop__item--sixth { height: 235px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--sixth:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item--sixth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--sixth a:visited { color: #000000; } .shop-catalog-desktop__item--seventh { height: 235px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--seventh:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item--seventh a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--seventh a:visited { color: #000000; } } @media (min-width: 1600px) { .shop-catalog-desktop__title { font-size: 26px; } .shop-catalog-desktop__title--second { font-size: 26px; } .shop-catalog-desktop__title--third { font-size: 26px; } .shop-catalog-desktop__title--fourth { font-size: 26px; } .shop-catalog-desktop__title--fifth { font-size: 26px; } .shop-catalog-desktop__title--sixth { font-size: 26px; } .shop-catalog-desktop__title--seventh { font-size: 26px; } } @media (min-width: 1800px) { .shop-catalog-desktop__title { font-size: 30px; } .shop-catalog-desktop__title--second { font-size: 30px; } .shop-catalog-desktop__title--third { font-size: 30px; } .shop-catalog-desktop__title--fourth { font-size: 30px; } .shop-catalog-desktop__title--fifth { font-size: 30px; } .shop-catalog-desktop__title--sixth { font-size: 30px; } .shop-catalog-desktop__title--seventh { font-size: 30px; } } @media (min-width: 1850px) { .shop-catalog-desktop__title { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; } .shop-catalog-desktop__title--second { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; } .shop-catalog-desktop__title--third { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; } .shop-catalog-desktop__title--fourth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; } .shop-catalog-desktop__title--fifth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; } .shop-catalog-desktop__title--sixth { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; } .shop-catalog-desktop__title--seventh { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; } .shop-catalog-desktop__title-picture { position: relative; z-index: 1; max-height: 275px; } .shop-catalog-desktop__title-picture img { -o-object-fit: contain; object-fit: contain; width: 100%; opacity: 30%; height: 275px; } .shop-catalog-desktop__title-picture--second { position: relative; z-index: 1; max-height: 275px; } .shop-catalog-desktop__title-picture--second img { -o-object-fit: contain; object-fit: contain; width: 100%; opacity: 30%; height: 275px; } .shop-catalog-desktop__title-picture--third { position: relative; z-index: 1; max-height: 275px; } .shop-catalog-desktop__title-picture--third img { -o-object-fit: contain; object-fit: contain; width: 100%; opacity: 30%; height: 275px; } .shop-catalog-desktop__title-picture--fourth { position: relative; z-index: 1; max-height: 275px; } .shop-catalog-desktop__title-picture--fourth img { -o-object-fit: contain; object-fit: contain; width: 100%; opacity: 30%; height: 275px; } .shop-catalog-desktop__title-picture--fifth { position: relative; z-index: 1; max-height: 275px; } .shop-catalog-desktop__title-picture--fifth img { -o-object-fit: contain; object-fit: contain; width: 100%; opacity: 30%; height: 275px; } .shop-catalog-desktop__title-picture--sixth { position: relative; z-index: 1; max-height: 275px; } .shop-catalog-desktop__title-picture--sixth img { -o-object-fit: contain; object-fit: contain; width: 100%; opacity: 30%; height: 275px; } .shop-catalog-desktop__title-picture--seventh { position: relative; z-index: 1; max-height: 275px; } .shop-catalog-desktop__title-picture--seventh img { -o-object-fit: contain; object-fit: contain; width: 100%; opacity: 30%; height: 275px; } .shop-catalog-desktop__title-arrow { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 275px; z-index: 10; } .shop-catalog-desktop__title-arrow--second { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 275px; z-index: 10; } .shop-catalog-desktop__title-arrow--third { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 275px; z-index: 10; } .shop-catalog-desktop__title-arrow--fourth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 275px; z-index: 10; } .shop-catalog-desktop__title-arrow--fifth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 275px; z-index: 10; } .shop-catalog-desktop__title-arrow--sixth { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 275px; z-index: 10; } .shop-catalog-desktop__title-arrow--seventh { position: absolute; clip-path: polygon(80% 0, 100% 50%, 80% 100%, 0 100%, 0 0); background-color: rgba(61, 72, 86, 0.3764705882); width: 100%; height: 275px; z-index: 10; } .shop-catalog-desktop__title-open { position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--second { position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--second:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--third { position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--third:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--fourth { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-open--fifth { position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--fifth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--sixth { position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--sixth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--seventh { position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-open--seventh:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--second { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--second:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--third { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--third:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fourth { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fourth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fifth { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--fifth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--sixth { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--sixth:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--seventh { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-image: url("../img/catalog/catalog-open-icon.svg"); background-repeat: no-repeat; background-position: 96% 96%; background-size: 26px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-close--seventh:hover { background-size: 30px; background-color: rgba(255, 255, 255, 0.5019607843); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__title-static { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 25px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--second { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--third { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--fourth { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--fifth { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--sixth { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__title-static--seventh { display: none; position: absolute; width: 100%; height: 275px; z-index: 20; background-color: rgba(255, 255, 255, 0.3764705882); color: #096B78; padding-top: 30px; padding-left: 10px; text-transform: uppercase; font-weight: bold; cursor: default; } .shop-catalog-desktop__item { height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item:nth-child(4n) { margin-right: 0; } .shop-catalog-desktop__item a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 25; } .shop-catalog-desktop__item a:visited { color: #000000; } .shop-catalog-desktop__item-picture { height: 275px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item-picture img { height: 275px; -o-object-fit: contain; object-fit: contain; -ms-flex-item-align: center; align-self: center; width: 100%; } .shop-catalog-desktop__item-text { position: absolute; bottom: 0; height: 60px; width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.6980392157); font-size: 18px; color: #000000; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item-text--hover { position: absolute; bottom: 0; height: 70px; width: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.8470588235); font-size: 20px; color: #000000; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item-text--active { position: absolute; bottom: 0; height: 70px; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.7411764706); font-size: 18px; color: #ffffff; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-catalog-desktop__item--second { height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--second a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--second a:visited { color: #000000; } .shop-catalog-desktop__item--third { height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--third a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--third a:visited { color: #000000; } .shop-catalog-desktop__item--fourth { height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--fourth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--fourth a:visited { color: #000000; } .shop-catalog-desktop__item--fifth { height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--fifth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--fifth a:visited { color: #000000; } .shop-catalog-desktop__item--sixth { height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--sixth a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--sixth a:visited { color: #000000; } .shop-catalog-desktop__item--seventh { height: 275px; width: 19.46%; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .shop-catalog-desktop__item--seventh a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .shop-catalog-desktop__item--seventh a:visited { color: #000000; } } .scroll-up { display: none; position: fixed; right: 20px; bottom: 50px; z-index: 1000; width: 70px; height: 70px; color: #a4a1a4; cursor: pointer; visibility: hidden; border-radius: 50px; -webkit-box-shadow: inset 0 0 0 4px #dcdcdc; box-shadow: inset 0 0 0 4px #dcdcdc; opacity: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .scroll-up--active { visibility: visible; opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .offersContainer { display: none; position: relative; } .preloader-container { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 777px; padding-top: 25px !important; } .preloader { position: relative; margin: 50px auto; width: 100px; height: 80px; } .gear { position: absolute; z-index: 0; width: 40px; height: 40px; -webkit-animation: spin 5s infinite; -moz-animation: spin 5s infinite; animation: spin 5s infinite; } .two { left: 40px; width: 80px; height: 80px; -webkit-animation: spin-reverse 5s infinite; -moz-animation: spin-reverse 5s infinite; animation: spin-reverse 5s infinite; } .three { top: 45px; left: -10px; width: 60px; height: 60px; } @-webkit-keyframes spin { 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spin-reverse { 50% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-moz-keyframes spin-reverse { 50% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes spin-reverse { 50% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); transform: rotate(-360deg); } } .lil-circle { position: absolute; border-radius: 50%; -webkit-box-shadow: inset 0 0 10px 2px gray, 0 0 50px white; box-shadow: inset 0 0 10px 2px gray, 0 0 50px white; width: 100px; height: 100px; opacity: 0.65; } .blur-circle { position: absolute; top: -19px; left: -19px; } .preloader__text { color: #ababab; font-weight: bold; cursor: default; font-size: 18px; font-family: "Open Sans", sans-serif; text-align: center; } .fast-buy-form__wrapper { display: none; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; position: fixed; overflow: auto; top: 0; left: 0; height: 100vh; width: 100%; background-color: rgba(17, 17, 17, 0.5647058824); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); z-index: 999999; } .fast-buy-form__wrapper .privacy-link { color: inherit; } @media (min-width: 1140px) { .fast-buy-form__wrapper { display: none; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 33px; position: fixed; overflow: auto; top: 0; left: 0; height: 100vh; width: 100%; background-color: rgba(17, 17, 17, 0.5647058824); z-index: 999999; } } .fast-buy-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; top: 50px; left: 50px; width: 93%; padding: 5px 15px 0 15px; background-color: #fff; border-radius: 7px; } .fast-buy-form__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 3px; margin-right: -3px; width: 25px; height: 25px; background-image: url(../img/offers/fast-buy-form-close.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; opacity: 0.7; } .fast-buy-form__title { text-transform: uppercase; font-size: 20px; margin-top: 0; color: #174F82; font-weight: bold; text-align: center; cursor: default; } .fast-buy-form__info { font-size: 12px; margin-top: 20px; text-align: justify; color: #222830; cursor: default; } .fast-buy-form__input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fast-buy-form__input p { margin-top: 10px; margin-bottom: 5px; color: #174F82; text-transform: uppercase; font-weight: bold; font-size: 12px; cursor: default; } .fast-buy-form__input p span { color: red; cursor: default; } .fast-buy-form__input input { font-size: 12px; width: 280px; height: 40px; border: 1px solid #174F82; color: #AFB8C3; border-radius: 3px; padding-left: 12px; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fast-buy-form__input input::-webkit-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::-moz-placeholder { color: #AFBBC3; } .fast-buy-form__input input:-ms-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::-ms-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::placeholder { color: #AFBBC3; } .fast-buy-form__agreement-description { font-size: 11px; color: #222830; margin-top: 20px; text-align: justify; cursor: default; } .fast-buy-form__agreement-title { color: #F67B1E; font-size: 14px; margin-top: 30px; font-weight: bold; text-transform: uppercase; cursor: default; } .fast-buy-form__agreement-checkbox { margin: 10px 0 10px 4px; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fast-buy-form__agreement-checkbox label { font-size: 11px; color: #174F82; text-transform: uppercase; font-weight: bold; width: 100%; padding-left: 18px; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fast-buy-form__agreement-checkbox p { font-size: 11px; margin-top: 5px; margin-bottom: 5px; cursor: default; } .fast-buy-form__agreement-checkbox-link { min-width: 100px; background-image: url(../img/offers/agreement-link__arrow.svg); background-size: 11px; background-repeat: no-repeat; background-position: 97% 70%; padding-right: 20px; color: #174F82; text-decoration: none; font-size: 12px; font-weight: bold; } .fast-buy-form__agreement-checkbox-link:visited { color: #174F82; } .fast-buy-form__button button { position: relative; margin-top: 45px; margin-bottom: 20px; background-color: #0B8494; border: transparent; border-radius: 3px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #fff; width: 100%; height: 45px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: none; } .fast-buy-form__button button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: none; } .fast-buy-form__button button:active { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); outline: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .fast-buy-form__preloader { position: absolute; right: 220px; top: 19px; height: 15px; width: 15px; border: 5px solid rgba(206, 206, 206, 0.5568627451); border-top: 5px solid #fafafa; border-radius: 50%; -webkit-animation: clockwise 0.7s ease-in-out infinite; -moz-animation: clockwise 0.7s ease-in-out infinite; animation: clockwise 0.7s ease-in-out infinite; } .fast-buy-form__optional-info { font-size: 11px; margin-top: 5px; } @media (min-width: 370px) { .fast-buy-form__mobile-preloader { position: absolute; right: 4%; top: 13px; height: 20px; width: 20px; border: 4px solid rgba(206, 206, 206, 0.5568627451); border-top: 4px solid #fafafa; border-radius: 50%; -webkit-animation: clockwiseMobile 0.7s ease-in-out infinite; -moz-animation: clockwiseMobile 0.7s ease-in-out infinite; animation: clockwiseMobile 0.7s ease-in-out infinite; } } @media (min-width: 425px) { .fast-buy-form__mobile-preloader { position: absolute; right: 10%; top: 13px; height: 20px; width: 20px; border: 4px solid rgba(206, 206, 206, 0.5568627451); border-top: 4px solid #fafafa; border-radius: 50%; -webkit-animation: clockwiseMobile 0.7s ease-in-out infinite; -moz-animation: clockwiseMobile 0.7s ease-in-out infinite; animation: clockwiseMobile 0.7s ease-in-out infinite; } } @media (min-width: 768px) { .fast-buy-form__mobile-preloader { position: absolute; right: 15%; top: 19px; height: 23px; width: 23px; border: 4px solid rgba(206, 206, 206, 0.5568627451); border-top: 4px solid #fafafa; border-radius: 50%; -webkit-animation: clockwiseMobile 0.7s ease-in-out infinite; -moz-animation: clockwiseMobile 0.7s ease-in-out infinite; animation: clockwiseMobile 0.7s ease-in-out infinite; } } [type=checkbox]:not(:checked), [type=checkbox]:checked { position: absolute; left: -9999px; } [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + label { position: relative; cursor: pointer; left: 5px; } /* checkbox aspect */ [type=checkbox]:not(:checked) + label:before, [type=checkbox]:checked + label:before { content: ""; position: absolute; width: 20px; height: 20px; left: -8px; top: -3px; background: #fff; border-radius: 3px; -webkit-box-shadow: inset 2px 2px 8px rgba(69, 95, 130, 0.3019607843); box-shadow: inset 2px 2px 8px rgba(69, 95, 130, 0.3019607843); } /* checked mark aspect */ [type=checkbox]:not(:checked) + label:after, [type=checkbox]:checked + label:after { content: ""; background-image: url(../img/check.svg); background-repeat: no-repeat; background-size: 100%; width: 12px; height: 10px; position: absolute; top: 2px; left: -4px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } /* checked mark aspect changes */ [type=checkbox]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } [type=checkbox]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media (min-width: 425px) { .fast-buy-form { width: 95%; } .fast-buy-form__title { font-size: 22px; } .fast-buy-form__info { font-size: 14px; } .fast-buy-form__input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fast-buy-form__input p { margin-top: 20px; margin-bottom: 5px; color: #174F82; text-transform: uppercase; font-weight: bold; font-size: 14px; } .fast-buy-form__input p span { color: red; } .fast-buy-form__input input { font-size: 14px; width: 335px; height: 40px; border: 1px solid #174F82; color: #AFB8C3; border-radius: 3px; padding-left: 12px; } .fast-buy-form__input input::-webkit-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::-moz-placeholder { color: #AFBBC3; } .fast-buy-form__input input:-ms-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::-ms-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::placeholder { color: #AFBBC3; } .fast-buy-form__agreement-description { font-size: 11px; color: #222830; margin-top: 20px; text-align: justify; } .fast-buy-form__agreement-title { color: #F67B1E; font-size: 14px; margin-top: 30px; font-weight: bold; text-transform: uppercase; } .fast-buy-form__agreement-checkbox { margin-top: 10px; margin-bottom: 50px; } .fast-buy-form__agreement-checkbox label { font-size: 12px; color: #174F82; text-transform: uppercase; font-weight: bold; width: 100%; padding-left: 35px; } .fast-buy-form__agreement-checkbox p { font-size: 11px; margin-top: 5px; margin-bottom: 5px; padding-left: 30px; text-align: justify; } .fast-buy-form__agreement-checkbox-link { padding-left: 20px; min-width: 100px; background-image: url(../img/offers/agreement-link__arrow.svg); background-size: 11px; background-repeat: no-repeat; background-position: 97% 70%; padding-right: 20px; color: #174F82; text-decoration: none; font-size: 13px; font-weight: bold; } .fast-buy-form__agreement-checkbox-link:visited { color: #174F82; } .fast-buy-form__button button { margin-bottom: 40px; background-color: #0B8494; border: transparent; border-radius: 3px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #fff; width: 100%; height: 45px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: none; } .fast-buy-form__button button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: none; } .fast-buy-form__button button:active { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); outline: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .fast-buy-form__optional-info { font-size: 11px; margin-top: 5px; } [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + label { left: -5px; } /* checkbox aspect */ [type=checkbox]:not(:checked) + label:before, [type=checkbox]:checked + label:before { width: 25px; height: 25px; left: 3px; top: -3px; } /* checked mark aspect */ [type=checkbox]:not(:checked) + label:after, [type=checkbox]:checked + label:after { width: 16px; height: 12px; top: 4px; left: 7px; } } @media (min-width: 768px) { .fast-buy-form { width: 650px; padding-right: 50px; padding-left: 50px; } .fast-buy-form__close { margin-top: 0; margin-right: -30px; width: 25px; height: 25px; background-size: 24px; } .fast-buy-form__title { font-size: 22px; } .fast-buy-form__info { font-size: 14px; margin-bottom: 20px; } .fast-buy-form__input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fast-buy-form__input p { margin-top: 20px; margin-bottom: 5px; color: #174F82; text-transform: uppercase; font-weight: bold; font-size: 14px; } .fast-buy-form__input p span { color: red; } .fast-buy-form__input input { font-size: 14px; width: 550px; height: 40px; border: 1px solid #174F82; color: #AFB8C3; border-radius: 3px; padding-left: 12px; } .fast-buy-form__input input::-webkit-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::-moz-placeholder { color: #AFBBC3; } .fast-buy-form__input input:-ms-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::-ms-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::placeholder { color: #AFBBC3; } .fast-buy-form__agreement-description { font-size: 12px; color: #222830; margin-top: 30px; text-align: justify; } .fast-buy-form__agreement-title { color: #F67B1E; font-size: 16px; margin-top: 20px; font-weight: bold; text-transform: uppercase; } .fast-buy-form__agreement-checkbox { margin-top: 10px; margin-bottom: 50px; padding-left: 5px; } .fast-buy-form__agreement-checkbox label { font-size: 14px; color: #174F82; text-transform: uppercase; font-weight: bold; width: 100%; padding-left: 39px; } .fast-buy-form__agreement-checkbox p { font-size: 12px; margin-top: 5px; margin-bottom: 5px; padding-left: 34px; text-align: justify; } .fast-buy-form__agreement-checkbox-link { padding-left: 34px; min-width: 100px; background-image: url(../img/offers/agreement-link__arrow.svg); background-size: 11px; background-repeat: no-repeat; background-position: 97% 70%; padding-right: 20px; color: #174F82; text-decoration: none; font-size: 13px; font-weight: bold; } .fast-buy-form__agreement-checkbox-link:visited { color: #174F82; } .fast-buy-form__button button { margin-bottom: 40px; background-color: #0B8494; border: transparent; border-radius: 3px; text-transform: uppercase; font-weight: bold; font-size: 16px; color: #fff; width: 100%; height: 60px; outline: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .fast-buy-form__button button:hover { outline: none; } .fast-buy-form__button button:active { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: none; } .fast-buy-form__optional-info { font-size: 11px; margin-top: 5px; } /* checkbox aspect */ [type=checkbox]:not(:checked) + label:before, [type=checkbox]:checked + label:before { content: ""; position: absolute; width: 25px; height: 25px; left: 0; top: -2px; background: #fff; border-radius: 3px; -webkit-box-shadow: inset 2px 2px 8px rgba(69, 95, 130, 0.3019607843); box-shadow: inset 2px 2px 8px rgba(69, 95, 130, 0.3019607843); } /* checked mark aspect */ [type=checkbox]:not(:checked) + label:after, [type=checkbox]:checked + label:after { content: ""; background-image: url(../img/check.svg); background-repeat: no-repeat; background-size: 100%; width: 16px; height: 12px; position: absolute; top: 5px; left: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } } @media (min-width: 1140px) { .fast-buy-form { width: 800px; padding-right: 50px; padding-left: 50px; } .fast-buy-form__close { cursor: pointer; margin-top: 10px; margin-right: -30px; width: 25px; height: 25px; background-size: 24px; opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .fast-buy-form__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .fast-buy-form__title { font-size: 26px; text-align: left; } .fast-buy-form__info { font-size: 15px; margin-bottom: 20px; } .fast-buy-form__input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fast-buy-form__input p { margin-top: 25px; margin-bottom: 10px; color: #174F82; text-transform: uppercase; font-weight: bold; font-size: 14px; } .fast-buy-form__input p span { color: red; } .fast-buy-form__input input { font-size: 14px; width: 700px; height: 40px; border: 1px solid #174F82; color: #222830; border-radius: 3px; padding-left: 12px; } .fast-buy-form__input input::-webkit-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::-moz-placeholder { color: #AFBBC3; } .fast-buy-form__input input:-ms-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::-ms-input-placeholder { color: #AFBBC3; } .fast-buy-form__input input::placeholder { color: #AFBBC3; } .fast-buy-form__agreement-description { font-size: 12px; color: #222830; margin-top: 30px; text-align: justify; } .fast-buy-form__agreement-title { color: #F67B1E; font-size: 15px; margin-top: 25px; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; } .fast-buy-form__agreement-checkbox { margin-top: 10px; margin-bottom: 60px; } .fast-buy-form__agreement-checkbox label { font-size: 14px; color: #174F82; text-transform: uppercase; font-weight: bold; width: 100%; padding-left: 39px; } .fast-buy-form__agreement-checkbox p { font-size: 12px; margin-top: 5px; margin-bottom: 5px; padding-left: 34px; text-align: justify; } .fast-buy-form__agreement-checkbox-link { padding-left: 34px; min-width: 100px; background-image: url(../img/offers/agreement-link__arrow.svg); background-size: 11px; background-repeat: no-repeat; background-position: 97% 70%; padding-right: 20px; color: #174F82; text-decoration: none; font-size: 13px; font-weight: bold; } .fast-buy-form__agreement-checkbox-link:visited { color: #174F82; } .fast-buy-form__button button { margin-bottom: 70px; background-color: #077482; border: transparent; border-radius: 3px; text-transform: uppercase; font-weight: bold; font-size: 16px; color: #fff; width: 100%; height: 60px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: none; } .fast-buy-form__button button:hover { background-color: #0B8494; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: none; } .fast-buy-form__button button:active { -webkit-transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: none; } .fast-buy-form__optional-info { font-size: 12px; margin-top: 5px; } } .shop-catalog-desktop__tag-link--counter { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 35px; height: 35px; background-color: #F67B1E; top: 5px; right: 5px; border-radius: 50%; color: #fff; font-size: 17px; overflow: hidden; z-index: 2; opacity: 0.89; } @media (min-width: 1140px) { .shop-catalog-desktop__tag-link-block { position: absolute; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .shop-catalog-desktop__tag-link-block a { width: inherit; text-decoration: none; } .shop-catalog-desktop__tag-link-allmodels { display: block !important; text-align: center; text-decoration: none; color: #000; height: 45px; font-size: 18px; width: inherit; padding: 8px 0 0 0; font-weight: 600; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__tag-link-allmodels:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; color: #fff !important; background-color: rgba(0, 0, 0, 0.77); } .shop-catalog-desktop__tag-link-item { width: inherit; display: block; text-align: center; } .shop-catalog-desktop__tag-link--forward { position: absolute; top: -17px; right: 10px; min-width: 250px; width: 100%; max-width: 375px; min-height: 215px; background-image: url(../img/shop-catalog/arrow-tag-forward.svg); background-repeat: no-repeat; background-size: 45px; background-position: 95% 10%; } .shop-catalog-desktop__tag-link--backward { position: absolute; top: 0; min-width: 250px; width: 100%; max-width: 375px; min-height: 66px; background-color: rgba(3, 88, 172, 0.806); text-align: center; font-size: 20px; color: #fff; padding: 19px 0 0 0; font-weight: 700; } .shop-catalog-desktop__tag-link--counter { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 45px; height: 45px; background-color: #F67B1E; top: 10px; right: 10px; border-radius: 50%; color: #fff; font-size: 22px; overflow: hidden; z-index: 1; } .shop-catalog-desktop__tag-link--model-no-offers { position: absolute; top: -165px; min-width: 250px; width: 100%; max-width: 375px; min-height: 230px; background: rgba(255, 255, 255, 0.6509803922); } .shop-catalog-desktop__tag-link--no-model { position: absolute; top: 0; min-width: 250px; width: 100%; max-width: 375px; min-height: 230px; background: rgba(255, 255, 255, 0.6509803922); } .shop-catalog-desktop__tag-link-info-wrapper { max-height: 77px; overflow: hidden; } .shop-catalog-desktop__tag-link-description { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; min-height: 230px; } .shop-catalog-desktop__tag-link-text { color: #096B78; text-transform: uppercase; font-weight: bold; } .shop-catalog-desktop__tag-link-info { color: #28313C; font-weight: normal; text-transform: none; } .shop-catalog-desktop__tag-link-info span { font-weight: bold; text-transform: uppercase; } .shop-catalog-desktop__tag-link-btn { margin-bottom: -10px; color: #0358AC; text-decoration: underline; } } .shop-catalog-desktop__tag-link-item .item { text-decoration: none; color: #000; height: 25px; font-size: 22px; width: inherit; margin: 5px 0 33px 0; font-weight: bold; } .shop-catalog-desktop__tag-link-item .selected { text-decoration: none; color: #000; height: auto; font-size: 18px; width: inherit; margin: 5px 0; font-weight: 600; } .shop-catalog-desktop__tag-link-item .model { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; color: #000; background-color: rgba(255, 255, 255, 0.77); height: 70px; font-size: 18px; width: inherit; font-weight: 600; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__tag-link-item .model:hover { text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, 0.77); height: 70px; font-size: 18px; width: inherit; font-weight: 600; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .shop-catalog-desktop__tag-link-item .model--hover { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, 0.77); height: 70px; font-size: 18px; width: inherit; font-weight: 600; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } #send-form-3-textarea-25 { min-width: 100%; max-width: 101%; min-height: 35px; max-height: 77px; padding: 10px 0 0 12px; font-size: 12px; } #send-form-3-textarea-25::-webkit-input-placeholder { color: #AFBBC3; } #send-form-3-textarea-25::-moz-placeholder { color: #AFBBC3; } #send-form-3-textarea-25:-ms-input-placeholder { color: #AFBBC3; } #send-form-3-textarea-25::-ms-input-placeholder { color: #AFBBC3; } #send-form-3-textarea-25::placeholder { color: #AFBBC3; } @media (min-width: 1140px) { #send-form-3-textarea-25 { padding: 10px 0 0 12px; font-size: 14px; } #send-form-3-textarea-25::-webkit-input-placeholder { color: #AFBBC3; } #send-form-3-textarea-25::-moz-placeholder { color: #AFBBC3; } #send-form-3-textarea-25:-ms-input-placeholder { color: #AFBBC3; } #send-form-3-textarea-25::-ms-input-placeholder { color: #AFBBC3; } #send-form-3-textarea-25::placeholder { color: #AFBBC3; } } .shop-catalog__products-by-group { max-width: 500px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; color: #0358AC; width: 100%; height: 18px; text-align: left; font-size: 12px; font-weight: bold; cursor: default; margin: 0 0 10px 15px; } .shop-catalog__products-by-group span { padding-left: 10px; text-decoration: underline; } .shop-catalog__products-by-group a { width: 18px; height: 17px; background-image: url(../img/shop-catalog/product-by-group-close.svg); background-repeat: no-repeat; background-size: 17px; background-position: 50% 50%; margin-left: 7px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .shop-catalog__products-by-group a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .shop-catalog__products-by-group a:active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } @media (min-width: 425px) { .shop-catalog__products-by-group { max-width: 500px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; color: #0358AC; width: 100%; height: 18px; text-align: left; font-size: 12px; font-weight: bold; cursor: default; margin: 0 0 10px 21px; } .shop-catalog__products-by-group span { padding-left: 25px; text-decoration: underline; } .shop-catalog__products-by-group a { width: 18px; height: 17px; background-image: url(../img/shop-catalog/product-by-group-close.svg); background-repeat: no-repeat; background-size: 17px; background-position: 50% 50%; margin-left: 7px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .shop-catalog__products-by-group a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .shop-catalog__products-by-group a:active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } } @media (min-width: 768px) { .shop-catalog__products-by-group { max-width: 500px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; color: #0358AC; width: 100%; height: 20px; text-align: left; font-weight: bold; cursor: default; font-size: 15px; margin: 10px 0 10px 32px; } .shop-catalog__products-by-group span { padding-left: 77px; text-decoration: underline; } .shop-catalog__products-by-group a { width: 18px; height: 24px; background-image: url(../img/shop-catalog/product-by-group-close.svg); background-repeat: no-repeat; background-size: 17px; background-position: 50% 50%; margin-left: 7px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .shop-catalog__products-by-group a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .shop-catalog__products-by-group a:active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } } @media (min-width: 1440px) { .shop-catalog__products-by-group { max-width: 500px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; color: #0358AC; width: 100%; height: 20px; text-align: left; font-weight: bold; cursor: default; font-size: 15px; margin: 10px 0 10px 51px; } .shop-catalog__products-by-group span { padding-left: 77px; text-decoration: underline; } .shop-catalog__products-by-group a { width: 18px; height: 24px; background-image: url(../img/shop-catalog/product-by-group-close.svg); background-repeat: no-repeat; background-size: 17px; background-position: 50% 50%; margin-left: 7px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .shop-catalog__products-by-group a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .shop-catalog__products-by-group a:active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } } .unique-page-title { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0 15px; } .unique-page-title__wrapper { max-width: 1140px; width: 100%; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; margin: 0 auto; padding: 0; } .unique-page-title__wrapper h1 { margin: 0; } .unique-page-title__wrapper h2 { margin: 0; } @media (min-width: 425px) { .unique-page-title { padding: 0 20px; } } @media (min-width: 768px) { .unique-page-title { padding: 0 25px; } } @media (min-width: 1140px) { .unique-page-title { padding: 0; } } /* open-sans-300 - cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url("../font/open-sans-v18-cyrillic-300.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-cyrillic-300.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-cyrillic-300.woff2") format("woff2"), url("../font/open-sans-v18-cyrillic-300.woff") format("woff"), url("../font/open-sans-v18-cyrillic-300.ttf") format("truetype"), url("../font/open-sans-v18-cyrillic-300.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-regular - cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("../font/open-sans-v18-cyrillic-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-cyrillic-regular.woff2") format("woff2"), url("../font/open-sans-v18-cyrillic-regular.woff") format("woff"), url("../font/open-sans-v18-cyrillic-regular.ttf") format("truetype"), url("../font/open-sans-v18-cyrillic-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600 - cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("../font/open-sans-v18-cyrillic-600.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-cyrillic-600.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-cyrillic-600.woff2") format("woff2"), url("../font/open-sans-v18-cyrillic-600.woff") format("woff"), url("../font/open-sans-v18-cyrillic-600.ttf") format("truetype"), url("../font/open-sans-v18-cyrillic-600.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700 - cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("../font/open-sans-v18-cyrillic-700.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-cyrillic-700.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-cyrillic-700.woff2") format("woff2"), url("../font/open-sans-v18-cyrillic-700.woff") format("woff"), url("../font/open-sans-v18-cyrillic-700.ttf") format("truetype"), url("../font/open-sans-v18-cyrillic-700.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800 - cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url("../font/open-sans-v18-cyrillic-800.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-cyrillic-800.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-cyrillic-800.woff2") format("woff2"), url("../font/open-sans-v18-cyrillic-800.woff") format("woff"), url("../font/open-sans-v18-cyrillic-800.ttf") format("truetype"), url("../font/open-sans-v18-cyrillic-800.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-300 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("../font/open-sans-v18-latin-300.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-latin-300.woff2") format("woff2"), url("../font/open-sans-v18-latin-300.woff") format("woff"), url("../font/open-sans-v18-latin-300.ttf") format("truetype"), url("../font/open-sans-v18-latin-300.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("../font/open-sans-v18-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-latin-regular.woff2") format("woff2"), url("../font/open-sans-v18-latin-regular.woff") format("woff"), url("../font/open-sans-v18-latin-regular.ttf") format("truetype"), url("../font/open-sans-v18-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("../fonts/open-sans-v18-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-latin-600.woff2") format("woff2"), url("../font/open-sans-v18-latin-600.woff") format("woff"), url("../font/open-sans-v18-latin-600.ttf") format("truetype"), url("../font/open-sans-v18-latin-600.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("../font/open-sans-v18-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-latin-700.woff2") format("woff2"), url("../font/open-sans-v18-latin-700.woff") format("woff"), url("../font/open-sans-v18-latin-700.ttf") format("truetype"), url("../font/open-sans-v18-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url("../font/open-sans-v18-latin-800.eot"); /* IE9 Compat Modes */ src: local(""), url("../font/open-sans-v18-latin-800.eot?#iefix") format("embedded-opentype"), url("../font/open-sans-v18-latin-800.woff2") format("woff2"), url("../font/open-sans-v18-latin-800.woff") format("woff"), url("../font/open-sans-v18-latin-800.ttf") format("truetype"), url("../font/open-sans-v18-latin-800.svg#OpenSans") format("svg"); /* Legacy iOS */ } .header-cart { margin-bottom: 10px; } .header-cart-mobile { margin: 7px 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 115px; max-height: 115px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 99; } .header-cart-mobile__logo { width: 52px; height: 67px; } .header-cart-mobile__logo img { width: inherit; height: inherit; } .header-cart-mobile__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 65px; } .header-cart-mobile__info { margin-left: 8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 32px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: bold; } .header-cart-mobile__user-location { position: relative; margin-right: 12px; max-width: 150px; font-size: 12px; font-weight: 600; color: #3D4856; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-cart-mobile__user-location span { cursor: pointer; font-weight: bold; color: #F67B1E; } .header-cart-mobile__phone { margin-top: 1px; font-size: 12px; font-weight: 600; color: #3D4856; } .header-cart-mobile__panel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-cart-mobile__nav-list { margin: 0; padding: 0 8px; position: absolute; left: 0; top: 90px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; list-style: none; width: 100%; } .header-cart-mobile__nav-item { height: 30px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 5px; text-align: center; line-height: 30px; font-size: 7px; font-weight: 600; text-transform: uppercase; border-radius: 3px; background-color: #FDFDFF; color: #194382; border: 1px solid #194382; overflow: hidden; } .header-cart-mobile__nav-item a { display: block; text-decoration: none; color: inherit; outline: none; } .header-cart-mobile__nav-item:last-child { margin-right: 0; } .header-cart-mobile__nav-item--current { background-color: #194382; color: #ffffff; border: 1px solid #194382; } .header-cart-mobile__user { width: 112px; height: 35px; margin: 0 2px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .header-cart-mobile__favorites { height: 29px; width: 30px; position: relative; } .header-cart-mobile__favorites img { width: inherit; height: inherit; } .header-cart-mobile__favorites span { position: absolute; bottom: 27px; right: -10px; height: 18px; min-width: 18px; max-width: 30px; padding: 1px 3px; font-size: 11px; text-align: center; color: #ffffff; background-color: #EE7203; border-radius: 30px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); cursor: pointer; } .header-cart-mobile__shopping-cart { height: 30px; width: 34px; position: relative; margin-right: 3px; } .header-cart-mobile__shopping-cart img { width: inherit; height: inherit; } .header-cart-mobile__shopping-cart span { position: absolute; bottom: 27px; right: -10px; height: 18px; min-width: 18px; max-width: 30px; padding: 1px 3px; font-size: 11px; text-align: center; color: #ffffff; background-color: #EE7203; border-radius: 30px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); cursor: pointer; } .header-cart-mobile__hamburger-btn { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-bottom: 4px; } .header-cart-mobile__hamburger-btn-icon { position: relative; display: block; margin: 0 auto; width: 30px; height: 20px; } .header-cart-mobile__hamburger-btn-icon .hbc-line { display: block; background: #077F8F; width: 30px; height: 3px; position: absolute; left: 0; border-radius: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .header-cart-mobile__hamburger-btn-icon .hbc-line.line-1 { top: 0; } .header-cart-mobile__hamburger-btn-icon .hbc-line.line-2 { top: 50%; } .header-cart-mobile__hamburger-btn-icon .hbc-line.line-3 { top: 100%; } .header-cart-mobile__hamburger-btn-icon.active .line-1 { -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .header-cart-mobile__hamburger-btn-icon.active .line-2 { opacity: 0; } .header-cart-mobile__hamburger-btn-icon.active .line-3 { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } .header-cart-mobile__hamburger { height: 25px; margin-right: 1px; } .header-cart-mobile__hamburger-menu { position: absolute; z-index: 99; display: none; width: 255px; height: 280px; right: -400px; top: 85px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; -webkit-filter: drop-shadow(-5px 10px 5px rgba(0, 0, 0, 0.25)); filter: drop-shadow(-5px 10px 5px rgba(0, 0, 0, 0.25)); } .header-cart-mobile__hamburger-menu--on { position: absolute; z-index: 99; width: 255px; height: 280px; right: -13px; top: 85px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; -webkit-transform: translateX(-255px); -moz-transform: translateX(-255px); -ms-transform: translateX(-255px); transform: translateX(-255px); } .header-cart-mobile__hamburger-links { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; font-size: 12px; } .header-cart-mobile__hamburger-link { height: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #3D4856; list-style: none; } .header-cart-mobile__hamburger-link a { width: 100%; height: 100%; padding-top: 14px; padding-left: 40px; font-size: inherit; font-weight: 600; text-transform: uppercase; color: inherit; text-decoration: none; } .header-cart-mobile__hamburger-link--enter { height: 50px; background-color: #F0FDFF; background-image: url(../img/enter-icon.svg); background-repeat: no-repeat; background-position: 17% 45%; } .header-cart-mobile__hamburger-link--enter a { font-size: 16px; padding-left: 70px; } .header-cart-mobile__hamburger-call-btn { width: 177px; height: 47px; margin: 0 0 20px 40px; padding: 10px 0 0 54px; font-size: 16px; text-transform: uppercase; font-weight: 600; color: #EE7203; background-image: url("../img/call-hidden.svg"); background-repeat: no-repeat; background-position: 11% 50%; border-radius: 7px; border: 2px solid #EE7203; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-shadow: 10px 13px 23px -10px rgba(34, 60, 80, 0.19); box-shadow: 10px 13px 23px -10px rgba(34, 60, 80, 0.19); text-decoration: none; } @media (min-width: 375px) { .header-cart-mobile__user-location { max-width: 190px; font-size: 14px; } .header-cart-mobile__phone { font-size: 12px; } .header-cart-mobile__nav-item { font-size: 9px; } .header-cart-mobile__hamburger-btn-icon { width: 30px; height: 20px; } .header-cart-mobile__hamburger-btn-icon .hbc-line { display: block; background: #077F8F; width: 30px; height: 3px; position: absolute; left: 0; border-radius: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .header-cart-mobile__hamburger-btn-icon .hbc-line.line-1 { top: 0; } .header-cart-mobile__hamburger-btn-icon .hbc-line.line-2 { top: 50%; } .header-cart-mobile__hamburger-btn-icon .hbc-line.line-3 { top: 100%; } .header-cart-mobile__hamburger-btn-icon.active .line-1 { -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .header-cart-mobile__hamburger-btn-icon.active .line-2 { opacity: 0; } .header-cart-mobile__hamburger-btn-icon.active .line-3 { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } .header-cart-mobile__hamburger-menu { top: 85px; margin-right: -255px; } .header-cart-mobile__hamburger-menu--on { -webkit-transform: translateX(-255px); -moz-transform: translateX(-255px); -ms-transform: translateX(-255px); transform: translateX(-255px); } } @media (min-width: 425px) { .header-cart-mobile { margin: 7px 15px; } .header-cart-mobile__nav-list { padding: 0 15px; } } @media (min-width: 768px) { .header-cart-mobile { margin: 15px 24px; min-height: 87px; max-height: 87px; } .header-cart-mobile__logo { width: 71px; height: 90px; } .header-cart-mobile__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: inherit; -moz-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; } .header-cart-mobile__user-location { max-width: 450px; font-size: 16px; margin-top: 12px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .header-cart-mobile__user-location div { margin-right: 5px; } .header-cart-mobile__phone { font-size: 16px; } .header-cart-mobile__panel { -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-cart-mobile__nav-list { position: static; width: 84%; padding: 0 3px; margin-top: revert; } .header-cart-mobile__nav-item { height: 35px; margin-right: 6px; line-height: 33px; font-size: 10px; font-weight: 600; } .header-cart-mobile__user { min-width: 145px; max-width: 145px; margin-left: 20px; margin-top: 15px; } .header-cart-mobile__favorites { height: 36px; width: 38px; } .header-cart-mobile__favorites span { right: -10px; bottom: 37px; height: 17px; min-width: 17px; font-size: 10px; padding: 1.5px; } .header-cart-mobile__shopping-cart { height: 38px; width: 42px; } .header-cart-mobile__shopping-cart span { right: -10px; bottom: 37px; height: 17px; min-width: 17px; font-size: 10px; padding: 1.5px; } .header-cart-mobile__hamburger-btn { top: 9px; } .header-cart-mobile__hamburger-btn-icon { width: 32px; height: 21px; } .header-cart-mobile__hamburger-menu { top: 115px; margin-right: -255px; } .header-cart-mobile__hamburger-menu--on { -webkit-transform: translateX(-255px); -moz-transform: translateX(-255px); -ms-transform: translateX(-255px); transform: translateX(-255px); } } .header-cart-desktop { margin: 12px 23px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 97px; max-height: 97px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-cart-desktop__logo { width: 79px; height: 98px; } .header-cart-desktop__logo img { width: inherit; height: inherit; } .header-cart-desktop__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-cart-desktop__info { margin: 5px 0 0 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-cart-desktop__user-location { position: relative; margin-right: 10px; font-size: 16px; font-weight: 600; color: #3D4856; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header-cart-desktop__user-location span { cursor: pointer; color: #F67B1E; font-weight: bold; } .header-cart-desktop__info-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .header-cart-desktop__phone { padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .header-cart-desktop__phone li:not(:last-child) { margin-right: 20px; } .header-cart-desktop__number { list-style: none; font-weight: bold; font-size: 16px; color: #0A51A5; cursor: pointer; } .header-cart-desktop__number:hover { color: rgba(10, 80, 165, 0.8549019608); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .header-cart-desktop__number a { color: inherit; text-decoration: none; } .header-cart-desktop__links { margin: 0 0 0 30px; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .header-cart-desktop__links li:not(:last-child) { margin-right: 30px; } .header-cart-desktop__link { font-size: 16px; font-weight: 600; color: #3D4856; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; list-style: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .header-cart-desktop__link a { width: 100%; height: 100%; color: inherit; text-decoration: none; } .header-cart-desktop__link:hover { color: #828589; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .header-cart-desktop__panel { margin-left: 5px; height: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-cart-desktop__nav-list { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } .header-cart-desktop__nav-item { list-style: none; text-decoration: none; margin-right: 15px; height: 50px; border-radius: 5px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; line-height: 47px; font-size: 14px; font-weight: 600; text-transform: uppercase; background-color: #ffffff; color: #194382; border: 2px solid #194382; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .header-cart-desktop__nav-item:last-child { margin-right: 0; } .header-cart-desktop__nav-item--current { background-color: #194382; color: #fff; border: 2px solid #194382; pointer-events: none; } .header-cart-desktop__nav-item--disabled { background-color: #EEEFF4; color: #445162; border: 2px solid #EEEFF4; pointer-events: none; } .header-cart-desktop__nav-item:hover { background-color: #f8f8f8; color: #1754AF; border: 2px solid #1754AF; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .header-cart-desktop__nav-item:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .header-cart-desktop__nav-item a { color: inherit; display: block; text-decoration: none; outline: none; } .header-cart-desktop__user { margin-left: 20px; width: 230px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .header-cart-desktop__user p { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; font-size: 14px; font-weight: 600; color: #096B78; } .header-cart-desktop__user span { position: absolute; bottom: 45px; right: 10px; height: 18px; min-width: 18px; max-width: 30px; padding: 1px 3px; font-size: 11px; text-align: center; color: #ffffff; background-color: #EE7203; border-radius: 30px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25); cursor: pointer; } .header-cart-desktop__user a { color: inherit; text-decoration: none; } .header-cart-desktop__favorites { width: 80px; margin-right: 5px; position: relative; text-align: center; cursor: pointer; } .header-cart-desktop__shopping-cart { width: 80px; position: relative; text-align: center; cursor: pointer; } .header-cart-desktop__enter { width: 55px; position: relative; text-align: center; cursor: pointer; } @media (min-width: 1440px) { .header-cart-desktop { margin: 12px 45px; } .header-cart-desktop__info { margin: 5px 0 0 20px; } .header-cart-desktop__phone li:not(:last-child) { margin-right: 35px; } .header-cart-desktop__number { font-size: 17px; } .header-cart-desktop__links { margin: 0 0 0 50px; } .header-cart-desktop__links li:not(:last-child) { margin-right: 50px; } .header-cart-desktop__panel { margin-left: 20px; } .header-cart-desktop__nav-item { font-size: 16px; line-height: 48px; } .header-cart-desktop__user { margin-left: 60px; } } @media (min-width: 1800px) { .header-cart-desktop__nav-item { margin-right: 25px; font-size: 20px; line-height: 47px; } .header-cart-desktop__user { margin-left: 80px; } } .header-cart-desktop { display: none; } @media (min-width: 1140px) { .header-cart-mobile { display: none; } .header-cart-desktop { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } } .cart { margin-bottom: 50px; } .cart__title-inner { margin: 25px 0; padding: 0 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart__title { margin: 0; font-size: 16px; font-weight: 600; color: #041224; text-transform: uppercase; cursor: default; } .cart__refresh-btn { width: 95px; height: 30px; padding: 0 0 0 17px; line-height: 30px; background-color: #ffffff; font-size: 9px; font-weight: 600; text-align: center; text-transform: uppercase; color: #0E3365; background-image: url("../img/cart/cart-reload-btn-icon.svg"); background-repeat: no-repeat; background-position: 18% 48%; background-size: 10px; border-radius: 4px; outline: none; border: none; text-decoration: none; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; } .cart__light-cart-btn { width: 95px; height: 30px; padding: 0 0 0 17px; line-height: 30px; background-color: #ffffff; font-size: 9px; font-weight: 600; text-align: center; text-transform: uppercase; color: #0E3365; background-image: url("../img/cart/cart-reload-btn-icon.svg"); background-repeat: no-repeat; background-position: 18% 48%; background-size: 10px; border-radius: 4px; outline: none; border: none; text-decoration: none; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; } @media (min-width: 768px) { .cart__title-inner { margin: 40px 0 35px 0; padding: 0 25px; } .cart__title { font-size: 21px; } .cart__refresh-btn { padding: 0 0 0 23px; width: 145px; height: 40px; font-size: 14px; line-height: 40px; background-position: 17% 44%; background-size: 15px; } .cart__light-cart-btn { padding: 0 0 0 23px; width: 145px; height: 40px; font-size: 14px; line-height: 40px; background-position: 17% 44%; background-size: 15px; } } @media (min-width: 1140px) { .cart__title-inner { margin: 35px 0 25px 0; padding: 0 25px; width: 360px; } .cart__refresh-btn { width: 155px; height: 45px; line-height: 45px; padding: 0 0 0 27px; font-size: 15px; background-position: 15% 50%; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart__refresh-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .cart__refresh-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #d1d5e5 inset; box-shadow: 2px 2px 5px 0px #d1d5e5 inset; } .cart__light-cart-btn { width: 155px; height: 45px; line-height: 45px; padding: 0 0 0 27px; font-size: 15px; background-position: 15% 50%; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart__light-cart-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .cart__light-cart-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #d1d5e5 inset; box-shadow: 2px 2px 5px 0px #d1d5e5 inset; } } @media (min-width: 1440px) { .cart__title-inner { padding: 0 45px; width: 430px; } .cart__title { font-size: 24px; } } .cart__mobile-products { margin: 20px auto; padding: 0 10px; } .cart-mobile-product { margin: 20px 0 15px 0; list-style: none; } .cart-mobile-product__action-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; } .cart-mobile-product__action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-mobile-product__favorite-wrapper { position: relative; } .cart-mobile-product__favorite { position: relative; height: 23px; width: 90px; margin-right: 10px; padding-left: 13px; text-align: center; text-transform: uppercase; font-size: 8px; line-height: 22px; font-weight: 600; color: #0E3365; background-color: #ffffff; background-image: url("../img/cart/cart-fav-icon.svg"); background-repeat: no-repeat; background-position: 11% 49%; background-size: 10px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px rgb(209, 213, 229); box-shadow: 0px 1px 3px 0px rgb(209, 213, 229); } .cart-mobile-product__favorite-active { position: absolute; top: 0; display: none; height: 23px; width: 90px; margin-right: 10px; padding-left: 13px; text-align: center; text-transform: uppercase; font-size: 8px; line-height: 22px; font-weight: 600; color: #0E3365; background-color: #ffffff; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 11% 49%; background-size: 10px; border-radius: 3px; } .cart-mobile-product__favorite-active--on { position: absolute; top: 0; display: block; height: 23px; width: 90px; margin-right: 10px; padding-left: 13px; text-align: center; text-transform: uppercase; font-size: 8px; line-height: 22px; font-weight: 600; color: #E93333; background-color: #ffffff; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 11% 49%; background-size: 10px; border-radius: 3px; } .cart-mobile-product__delete { height: 23px; width: 65px; padding-left: 13px; text-align: center; text-transform: uppercase; font-size: 8px; line-height: 22px; font-weight: 600; color: #0E3365; background-color: #ffffff; background-image: url("../img/cart/cart-del-icon.svg"); background-repeat: no-repeat; background-position: 19% 49%; background-size: 7px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px 0px rgb(209, 213, 229); box-shadow: 0px 1px 3px 0px rgb(209, 213, 229); } .cart-mobile-product__price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; height: 21px; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #041224; } .cart-mobile-product__price p { margin: 0 0 0 10px; padding-right: 12px; font-weight: 600; font-size: 12px; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 98% 50%; background-size: 8px; } .cart-mobile-product__inner { margin-bottom: 17px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-mobile-product__picture { width: 60px; } .cart-mobile-product__picture a { width: inherit; } .cart-mobile-product__picture a img { width: inherit; } .cart-mobile-product__description { margin-left: 5px; width: 100%; } .cart-mobile-product__description-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; } .cart-mobile-product__vendor-code { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 5px; font-size: 8px; font-weight: 600; color: #42546B; } .cart-mobile-product__vendor-code span { text-transform: uppercase; font-weight: bold; } .cart-mobile-product__manufactor { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 5px; text-align: right; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #455F82; } .cart-mobile-product__quality { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px; text-align: right; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #8897AB; } .cart-mobile-product__replacement { width: 13px; height: 13px; } .cart-mobile-product__replacement img { display: block; width: inherit; } .cart-mobile-product__title { margin-bottom: 6px; min-height: 30px; font-size: 10px; font-weight: 600; color: #222830; } .cart-mobile-product__title a { color: inherit; text-decoration: none; } .cart-mobile-product__delivery { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .cart-mobile-product__shop { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #01B047; } .cart-mobile-product__shop--alert { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #F73D34; } .cart-mobile-product__shop--alert span { text-transform: initial; font-weight: 600; color: inherit; } .cart-mobile-product__shop span { text-transform: initial; font-weight: 600; color: #222830; } .cart-mobile-product__delivery-info { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; font-size: 10px; font-weight: 600; color: #222830; } .cart-mobile-product__cost-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-mobile-product__cost { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #222830; } .cart-mobile-product__cost p { margin: 0 0 0 10px; padding-right: 14px; font-size: 14px; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 98% 52%; background-size: 9px; } .cart-mobile-product-quantity { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-mobile-product-quantity__btn-minus { height: 24px; width: 24px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-minus-icon.svg"); background-repeat: no-repeat; background-position: 40% 50%; background-size: 26px; cursor: pointer; } .cart-mobile-product-quantity__btn-minus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-mobile-product-quantity__btn-minus--disable { height: 24px; width: 24px; background-color: #F7F8FD; border-radius: 100%; border: 2px solid #9FADC0; background-image: url("../img/cart/cart-minus-icon--disable.svg"); background-repeat: no-repeat; background-size: 24px; background-position: 47% 50%; cursor: pointer; pointer-events: none; } .cart-mobile-product-quantity__btn-plus { height: 24px; width: 24px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-plus-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 12px; cursor: pointer; } .cart-mobile-product-quantity__btn-plus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-mobile-product-quantity__btn-plus--disable { height: 24px; width: 24px; border-radius: 100%; border: 2px solid #9FADC0; background-image: url("../img/cart/cart-plus-icon--disable.svg"); background-position: 50% 50%; background-size: 100%; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-mobile-product-quantity__default-input { margin: 0 10px; padding: 0 5px; width: 35px; height: 28px; line-height: 27px; text-align: center; font-size: 12px; font-weight: bold; color: #222830; background-color: #F7F8FD; border-radius: 5px; outline: none; border: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .cart-mobile-product-quantity__default-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .cart-mobile-product-quantity__default-input::-webkit-input-placeholder { color: #222830; } .cart-mobile-product-quantity__default-input::-moz-placeholder { color: #222830; } .cart-mobile-product-quantity__default-input:-moz-placeholder { color: #222830; } .cart-mobile-product-quantity__default-input:-ms-input-placeholder { color: #222830; } .cart-mobile-product-quantity--custom { display: none; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-mobile-product-quantity__back-btn { display: block; width: 28px; height: 28px; background-color: #F7F8FD; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 50%; background-size: 16px; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; } .cart-mobile-product-quantity__back-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .cart-mobile-product-quantity__custom-input-wrapper { margin-left: 7px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-mobile-product-quantity__custom-input { margin-right: -10px; padding-right: 15px; width: 50px; height: 28px; background-color: #F7F8FD; border-radius: 4px; border: none; outline: none; text-align: center; font-size: 12px; font-weight: bold; color: #222830; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; /* Firefox 19+ */ /* Firefox 18- */ } .cart-mobile-product-quantity__custom-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .cart-mobile-product-quantity__custom-input::-webkit-input-placeholder { color: #222830; } .cart-mobile-product-quantity__custom-input::-moz-placeholder { color: #222830; } .cart-mobile-product-quantity__custom-input:-moz-placeholder { color: #222830; } .cart-mobile-product-quantity__custom-input:-ms-input-placeholder { color: #222830; } .cart-mobile-product-quantity__apply-btn { width: 28px; height: 28px; position: relative; background-color: #0A51A5; border-radius: 3px; cursor: pointer; } .cart-mobile-product-quantity__apply-btn::before { content: ""; width: 100%; height: 100%; position: absolute; background-image: url("../img/cart/cart-product-apply-btn-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%, 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-mobile-product-quantity__apply-btn--rotate { width: 28px; height: 28px; position: relative; background-color: #0A51A5; border-radius: 3px; cursor: pointer; } .cart-mobile-product-quantity__apply-btn--rotate::before { content: ""; width: 100%; height: 100%; position: absolute; background-image: url("../img/cart/cart-product-apply-btn-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60%, 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .cart__mobile-product-separator { height: 1px; width: 100%; margin: auto; background-color: #E3E5ED; } @media (min-width: 425px) { .cart-mobile-product__favorite { padding-left: 15px; width: 105px; height: 28px; font-size: 9px; line-height: 27px; background-position: 13% 48%; background-size: 11px; } .cart-mobile-product__favorite-active { position: absolute; top: 0; display: none; height: 28px; width: 105px; margin-right: 10px; padding-left: 15px; text-align: center; text-transform: uppercase; font-size: 9px; line-height: 27px; font-weight: 600; color: #0E3365; background-color: #ffffff; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 13% 48%; background-size: 11px; border-radius: 3px; } .cart-mobile-product__favorite-active--on { position: absolute; top: 0; display: block; height: 28px; width: 105px; margin-right: 10px; padding-left: 15px; text-align: center; text-transform: uppercase; font-size: 9px; line-height: 27px; font-weight: 600; color: #E93333; background-color: #ffffff; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 13% 48%; background-size: 11px; border-radius: 3px; } .cart-mobile-product__delete { width: 70px; height: 28px; font-size: 9px; line-height: 27px; } .cart-mobile-product__price { height: 28px; font-size: 9px; } .cart-mobile-product__price p { margin-left: 15px; background-position: 98% 52%; } .cart-mobile-product__picture { width: 75px; } .cart-mobile-product__description { margin-left: 10px; } .cart-mobile-product__vendor-code { font-size: 9px; } .cart-mobile-product__manufactor { margin-right: 15px; font-size: 9px; } .cart-mobile-product__quality { font-size: 9px; } .cart-mobile-product__replacement { height: 15px; width: 15px; } .cart-mobile-product__cost { font-size: 9px; } .cart-mobile-product__cost p { margin: 0 0 0 18px; font-size: 16px; background-size: 10px; } .cart__mobile-products { padding: 0 15px; } .cart-mobile-product-quantity__default-input { width: 40px; height: 33px; font-size: 14px; } .cart-mobile-product-quantity__back-btn { height: 33px; width: 33px; background-size: 21px; } .cart-mobile-product-quantity__custom-input-wrapper { margin-left: 10px; } .cart-mobile-product-quantity__custom-input { width: 60px; height: 33px; font-size: 14px; } .cart-mobile-product-quantity__apply-btn { width: 33px; height: 33px; } } @media (min-width: 768px) { .cart__mobile-products { padding: 0 25px !important; } .cart-mobile-product { margin: 25px 0 25px 0; } .cart-mobile-product__inner { margin-bottom: 20px; } .cart-mobile-product__action-inner { margin-bottom: 30px; } .cart-mobile-product__favorite { margin-right: 22px; padding-left: 20px; height: 36px; width: 145px; font-size: 12px; line-height: 35px; background-position: 14% 48%; background-size: 15px; } .cart-mobile-product__favorite-active { display: none; height: 36px; width: 145px; margin-right: 22px; padding-left: 20px; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 35px; font-weight: 600; color: #0E3365; background-color: #ffffff; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 14% 48%; background-size: 15px; border-radius: 3px; } .cart-mobile-product__favorite-active--on { display: block; height: 36px; width: 145px; margin-right: 22px; padding-left: 20px; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 35px; font-weight: 600; color: #E93333; background-color: #ffffff; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 14% 48%; background-size: 15px; border-radius: 3px; } .cart-mobile-product__delete { padding-left: 20px; height: 36px; width: 95px; font-size: 12px; line-height: 35px; background-position: 19% 45%; background-size: 10px; } .cart-mobile-product__price { font-size: 13px; } .cart-mobile-product__price p { padding-right: 15px; margin: 0 0 0 30px; font-size: 18px; background-size: 11px; } .cart-mobile-product__picture { width: 120px; } .cart-mobile-product__description { margin-left: 15px; } .cart-mobile-product__description-inner { margin-bottom: 10px; } .cart-mobile-product__vendor-code { font-size: 14px; } .cart-mobile-product__manufactor { margin-right: 20px; font-size: 14px; } .cart-mobile-product__quality { margin-right: 20px; font-size: 14px; } .cart-mobile-product__replacement { width: 20px; height: 20px; } .cart-mobile-product__title { margin-bottom: 15px; max-width: 450px; min-height: 40px; font-size: 14px; } .cart-mobile-product__shop { font-size: 14px; } .cart-mobile-product__delivery-info { font-size: 12px; } .cart-mobile-product__cost { margin-left: 20px; font-size: 13px; } .cart-mobile-product__cost p { padding-right: 18px; margin: 0 0 0 27px; font-size: 20px; background-position: 98% 58%; background-size: 12px; } .cart-mobile-product-quantity__btn-minus { height: 30px; width: 30px; background-size: 33px; } .cart-mobile-product-quantity__btn-minus--disable { height: 30px; width: 30px; background-size: 30px; } .cart-mobile-product-quantity__btn-plus { height: 30px; width: 30px; background-size: 16px; } .cart-mobile-product-quantity__btn-plus--disable { height: 30px; width: 30px; } .cart-mobile-product-quantity__default-input { width: 50px; height: 40px; font-size: 18px; line-height: 30px; } .cart-mobile-product-quantity__back-btn { height: 40px; width: 40px; background-size: 21px; } .cart-mobile-product-quantity__custom-input-wrapper { margin-left: 10px; } .cart-mobile-product-quantity__custom-input { width: 70px; height: 40px; font-size: 18px; } .cart-mobile-product-quantity__apply-btn { width: 42px; height: 40px; } } .cart-mobile-product-disabled { margin: 20px 0 15px 0; list-style: none; } .cart-mobile-product-disabled__action { margin-bottom: 17px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-mobile-product-disabled__inner { margin-bottom: 17px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-mobile-product-disabled__picture { width: 60px; -webkit-filter: grayscale(1); filter: grayscale(1); } .cart-mobile-product-disabled__picture a { width: inherit; } .cart-mobile-product-disabled__picture a img { width: inherit; } .cart-mobile-product-disabled__description { margin-left: 5px; width: 100%; } .cart-mobile-product-disabled__description-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; } .cart-mobile-product-disabled__vendor-code { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 5px; font-size: 8px; font-weight: 600; color: #8897AB; } .cart-mobile-product-disabled__vendor-code span { text-transform: uppercase; font-weight: bold; } .cart-mobile-product-disabled__manufactor { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 5px; text-align: right; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #8897AB; } .cart-mobile-product-disabled__quality { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px; text-align: right; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #8897AB; } .cart-mobile-product-disabled__replacement { width: 13px; height: 13px; -webkit-filter: grayscale(1); filter: grayscale(1); } .cart-mobile-product-disabled__replacement img { display: block; width: inherit; } .cart-mobile-product-disabled__title { min-height: 30px; font-size: 10px; font-weight: 600; color: #8897AB; } .cart-mobile-product-disabled__title a { color: inherit; text-decoration: none; } .cart-mobile-product-disabled__delivery { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .cart-mobile-product-disabled__change { margin-top: 20px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-mobile-product-disabled__change-text { font-size: 8px; font-weight: bold; color: #222830; } .cart-mobile-product-disabled__change-btn { height: 25px; padding: 0 5px; line-height: 24px; font-weight: 600; text-transform: uppercase; font-size: 8px; color: #ffffff; background-color: #0A51A5; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); } @media (min-width: 375px) { .cart-mobile-product-disabled__change { margin-top: 25px; } .cart-mobile-product-disabled__change-text { font-size: 10px; } .cart-mobile-product-disabled__change-btn { height: 28px; padding: 0 10px; line-height: 28px; font-size: 9px; } } @media (min-width: 425px) { .cart-mobile-product-disabled__picture { width: 75px; } .cart-mobile-product-disabled__description { margin-left: 10px; } .cart-mobile-product-disabled__vendor-code { font-size: 9px; } .cart-mobile-product-disabled__manufactor { margin-right: 15px; font-size: 9px; } .cart-mobile-product-disabled__quality { font-size: 9px; } .cart-mobile-product-disabled__replacement { height: 15px; width: 15px; } } @media (min-width: 620px) { .cart-mobile-product-disabled { margin: 25px 0 25px 0; } .cart-mobile-product-disabled__action { margin-bottom: 30px; } .cart-mobile-product-disabled__picture { width: 120px; } .cart-mobile-product-disabled__description { margin-left: 15px; } .cart-mobile-product-disabled__description-inner { margin-bottom: 10px; } .cart-mobile-product-disabled__vendor-code { font-size: 14px; } .cart-mobile-product-disabled__manufactor { margin-right: 20px; font-size: 14px; } .cart-mobile-product-disabled__quality { margin-right: 20px; font-size: 14px; } .cart-mobile-product-disabled__replacement { width: 20px; height: 20px; } .cart-mobile-product-disabled__title { max-width: 450px; min-height: 40px; font-size: 14px; } .cart-mobile-product-disabled__change-text { font-size: 14px; } .cart-mobile-product-disabled__change-btn { padding: 0 15px; height: 36px; line-height: 36px; font-size: 12px; } } .cart__desktop-products { display: none; margin: 30px 25px; } .cart__desktop-products-inner { margin: 0; padding: 0; } .cart-desktop-products-panel { height: 35px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #F4F6FC; border-radius: 4px; cursor: default; } .cart-desktop-products-panel div { font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 33px; color: #041224; } .cart-desktop-products-panel__name { width: 500px; margin: 0 0 0 20px; } .cart-desktop-products-panel__price { text-align: right; width: 90px; } .cart-desktop-products-panel__price span { text-transform: initial; } .cart-desktop-products-panel__quantity { text-align: center; width: 120px; } .cart-desktop-products-panel__cost { text-align: right; width: 90px; } .cart-desktop-products-panel__ghost { width: 95px; } .cart-desktop-product { margin-top: 20px; margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: default; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .cart-desktop-product__description-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-desktop-product__picture { width: 90px; cursor: pointer; } .cart-desktop-product__picture a { width: inherit; } .cart-desktop-product__picture a img { width: inherit; max-height: 115px; -o-object-fit: contain; object-fit: contain; } .cart-desktop-product__description { margin-left: 10px; } .cart-desktop-product__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-desktop-product__vendor-code { -webkit-box-flex: 8; -moz-box-flex: 8; -ms-flex: 8; flex: 8; margin-right: 10px; font-size: 12px; font-weight: 600; color: #42546B; } .cart-desktop-product__vendor-code span { font-weight: bold; } .cart-desktop-product__manufactor { margin-right: 10px; -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #455F82; } .cart-desktop-product__quality { margin-right: 10px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #8897AB; } .cart-desktop-product__replacement { width: 15px; height: 15px; cursor: pointer; } .cart-desktop-product__title { margin-top: 8px; min-width: 400px; max-width: 400px; min-height: 35px; font-size: 12px; font-weight: 600; color: #222830; } .cart-desktop-product__title a { color: inherit; text-decoration: none; } .cart-desktop-product__delivery { margin-top: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart-desktop-product__shop { -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #01B047; } .cart-desktop-product__shop--alert { -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #F73D34; } .cart-desktop-product__shop--alert span { text-transform: initial; font-size: 12px; font-weight: 600; color: inherit; } .cart-desktop-product__shop span { text-transform: initial; font-size: 12px; font-weight: 600; color: #222830; } .cart-desktop-product__delivery-info { -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; font-size: 12px; font-weight: 600; color: #222830; } .cart-desktop-product__price { width: 90px; margin-left: 2%; } .cart-desktop-product__price p { padding-right: 15px; margin: 30px 0 0 0; text-align: right; font-size: 16px; font-weight: bold; color: #222830; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 50%; background-size: 10px; } .cart-desktop-product__cost { width: 90px; } .cart-desktop-product__cost p { padding-right: 15px; margin: 30px 0 0 0; text-align: right; font-size: 16px; font-weight: bold; color: #222830; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 50%; background-size: 10px; } .cart-desktop-product__action { width: 95px; margin-top: 25px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-desktop-product__favorite-wrapper { position: relative; } .cart-desktop-product__favorite { width: 25px; height: 25px; position: relative; background-image: url("../img/cart/cart-fav-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 23px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-desktop-product__favorite:hover { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-desktop-product__favorite-active { width: 25px; height: 25px; display: none; position: absolute; top: 0; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 25px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-desktop-product__favorite-active--on { width: 25px; height: 25px; display: block; position: absolute; top: 0; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 25px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-desktop-product__favorite-active--on:hover { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-desktop-product__delete { width: 25px; height: 25px; background-image: url("../img/cart/cart-del-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 15px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-desktop-product__delete:hover { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .cart-desktop-product-quantity { width: 120px; margin-top: 25px; margin-left: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-desktop-product-quantity p { padding-right: 15px; margin: 6px 0 0 0; padding-left: 42%; text-align: right; font-size: 18px; font-weight: bold; color: #222830; } .cart-desktop-product-quantity__btn-minus { height: 25px; width: 25px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-minus-icon.svg"); background-repeat: no-repeat; background-position: 45% 50%; background-size: 27px; cursor: pointer; } .cart-desktop-product-quantity__btn-minus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-desktop-product-quantity__btn-minus--disable { height: 25px; width: 25px; border-radius: 100%; border: 2px solid #9FADC0; background-image: url("../img/cart/cart-minus-icon--disable.svg"); background-position: 50% 50%; background-size: 28px; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-desktop-product-quantity__btn-plus { height: 25px; width: 25px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-plus-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 13px; cursor: pointer; } .cart-desktop-product-quantity__btn-plus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); background-position: 45% 47%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-desktop-product-quantity__btn-plus--disable { height: 25px; width: 25px; border-radius: 100%; border: 2px solid #9FADC0; background-image: url("../img/cart/cart-plus-icon--disable.svg"); background-position: 50% 50%; background-size: 28px; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-desktop-product-quantity__default-input { padding: 0 5px; margin: 0 10px; width: 50px; height: 35px; background-color: #F7F8FD; border-radius: 5px; line-height: 35px; text-align: center; font-size: 16px; font-weight: bold; color: #222830; border: none; outline: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .cart-desktop-product-quantity__default-input:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; } .cart-desktop-product-quantity__default-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .cart-desktop-product-quantity__default-input::-webkit-input-placeholder { color: #222830; } .cart-desktop-product-quantity__default-input::-moz-placeholder { color: #222830; } .cart-desktop-product-quantity__default-input:-moz-placeholder { color: #222830; } .cart-desktop-product-quantity__default-input:-ms-input-placeholder { color: #222830; } .cart-desktop-product-quantity--custom { margin-top: 25px; display: none; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-desktop-product-quantity__back-btn { display: block; width: 35px; height: 35px; background-color: #F7F8FD; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 45%; background-size: 21px; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; cursor: pointer; } .cart-desktop-product-quantity__back-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .cart-desktop-product-quantity__back-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .cart-desktop-product-quantity__custom-input-wrapper { margin-left: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-desktop-product-quantity__custom-input { margin-right: -10px; padding-right: 15px; width: 65px; height: 35px; background-color: #F7F8FD; border-radius: 5px; border: none; outline: none; text-align: center; font-size: 16px; font-weight: bold; color: #222830; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; /* Firefox 19+ */ /* Firefox 18- */ } .cart-desktop-product-quantity__custom-input:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; } .cart-desktop-product-quantity__custom-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .cart-desktop-product-quantity__custom-input::-webkit-input-placeholder { color: #222830; } .cart-desktop-product-quantity__custom-input::-moz-placeholder { color: #222830; } .cart-desktop-product-quantity__custom-input:-moz-placeholder { color: #222830; } .cart-desktop-product-quantity__custom-input:-ms-input-placeholder { color: #222830; } .cart-desktop-product-quantity__apply-btn { width: 40px; height: 35px; position: relative; background-color: #0A51A5; border-radius: 5px; cursor: pointer; } .cart-desktop-product-quantity__apply-btn:active { -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); } .cart-desktop-product-quantity__apply-btn::before { content: ""; width: 100%; height: 100%; position: absolute; background-image: url("../img/cart/cart-product-apply-btn-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 55%, 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-desktop-product-quantity__apply-btn--rotate { width: 40px; height: 35px; position: relative; background-color: #0A51A5; border-radius: 5px; cursor: pointer; } .cart-desktop-product-quantity__apply-btn--rotate::before { content: ""; width: 100%; height: 100%; position: absolute; background-image: url("../img/cart/cart-product-apply-btn-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 55%, 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .cart__desktop-product-separator { height: 2px; width: 100%; max-width: 1900px; margin: auto; background-color: #E3E5ED; } @media (min-width: 1440px) { .cart__desktop-products { margin: 0 45px 40px; } .cart-desktop-products-panel { height: 50px; } .cart-desktop-products-panel div { font-size: 18px; line-height: 50px; } .cart-desktop-products-panel__name { width: 640px; } .cart-desktop-products-panel__price { width: 120px; } .cart-desktop-products-panel__quantity { width: 140px; } .cart-desktop-products-panel__cost { width: 120px; } .cart-desktop-products-panel__ghost { width: 85px; } .cart-desktop-product { margin-top: 25px; margin-bottom: 25px; padding: 0 5px; } .cart-desktop-product__picture { width: 100px; } .cart-desktop-product__description { margin-left: 25px; } .cart-desktop-product__vendor-code { margin-right: 15px; font-size: 13px; } .cart-desktop-product__manufactor { margin-right: 15px; font-size: 13px; } .cart-desktop-product__quality { margin-right: 15px; font-size: 13px; } .cart-desktop-product__title { min-width: 500px; max-width: 500px; min-height: 45px; font-size: 16px; } .cart-desktop-product__shop { font-size: 16px; } .cart-desktop-product__shop--alert { font-size: 16px; } .cart-desktop-product__shop--alert span { font-size: 14px; } .cart-desktop-product__shop span { font-size: 14px; } .cart-desktop-product__delivery-info { font-size: 14px; } .cart-desktop-product__price { width: 120px; } .cart-desktop-product__price p { margin: 35px 0 0 0; padding-right: 20px; font-size: 21px; background-size: 13px; } .cart-desktop-product__cost { width: 120px; } .cart-desktop-product__cost p { margin: 35px 0 0 0; padding-right: 20px; font-size: 21px; background-size: 13px; } .cart-desktop-product__action { margin-top: 35px; width: 85px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-desktop-product__favorite { width: 30px; height: 25px; background-size: 27px; } .cart-desktop-product__favorite-active { width: 30px; height: 25px; background-size: 29px; } .cart-desktop-product__delete { width: 30px; height: 30px; background-position: 50% 40%; background-size: 17px; } .cart-desktop-product-quantity { width: 130px; margin-top: 30px; margin-left: 20px; } .cart-desktop-product-quantity p { padding-right: 15px; margin: 6px 0 0 0; padding-left: 42%; text-align: right; font-size: 21px; font-weight: bold; color: #222830; } .cart-desktop-product-quantity__btn-minus { height: 30px; width: 30px; background-size: 35px; } .cart-desktop-product-quantity__btn-minus--disable { height: 30px; width: 30px; background-size: 110%; } .cart-desktop-product-quantity__btn-plus { height: 30px; width: 30px; background-size: 16px; } .cart-desktop-product-quantity__btn-plus--disable { height: 30px; width: 30px; background-size: 110%; } .cart-desktop-product-quantity__number { width: 60px; height: 45px; } .cart-desktop-product-quantity__number p { line-height: 45px; font-size: 21px; } .cart-desktop-product-quantity--custom { margin-top: 30px; } } @media (min-width: 1800px) { .cart-desktop-products-panel__name { width: 835px; } .cart-desktop-products-panel__price { width: 140px; } .cart-desktop-products-panel__cost { width: 140px; } .cart-desktop-products-panel__ghost { width: 95px; } .cart-desktop-product__picture { width: 150px; } .cart-desktop-product__vendor-code { font-size: 15px; } .cart-desktop-product__manufactor { font-size: 15px; } .cart-desktop-product__quality { font-size: 15px; } .cart-desktop-product__title { margin-top: 13px; min-width: 645px; max-width: 645px; min-height: 48px; font-size: 17px; } .cart-desktop-product__delivery { margin-top: 15px; } .cart-desktop-product__shop { font-size: 17px; } .cart-desktop-product__shop--alert { font-size: 17px; } .cart-desktop-product__shop--alert span { font-size: 15px; } .cart-desktop-product__shop span { font-size: 15px; } .cart-desktop-product__delivery-info { font-size: 15px; } .cart-desktop-product__price { width: 140px; } .cart-desktop-product__price p { margin: 40px 0 0 0; font-size: 23px; background-position: 99% 55%; background-size: 14px; } .cart-desktop-product__cost { width: 140px; } .cart-desktop-product__cost p { margin: 40px 0 0 0; font-size: 23px; background-position: 99% 55%; background-size: 14px; } .cart-desktop-product__action { margin-top: 40px; width: 95px; } .cart-desktop-product-quantity { margin-top: 38px; } .cart-desktop-product-quantity p { font-size: 23px; } .cart-desktop-product-quantity__btn-minus { background-position: 40% 50%; } .cart-desktop-product-quantity--custom { margin-top: 38px; } } .cart-desktop-product-disabled { margin-top: 20px; margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: default; } .cart-desktop-product-disabled__description-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-desktop-product-disabled__picture { width: 90px; cursor: default; -webkit-filter: grayscale(1); filter: grayscale(1); } .cart-desktop-product-disabled__picture a { width: inherit; } .cart-desktop-product-disabled__picture a img { width: inherit; } .cart-desktop-product-disabled__description { margin-left: 10px; } .cart-desktop-product-disabled__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-desktop-product-disabled__vendor-code { -webkit-box-flex: 8; -moz-box-flex: 8; -ms-flex: 8; flex: 8; margin-right: 10px; font-size: 12px; font-weight: 600; color: #8897AB; } .cart-desktop-product-disabled__vendor-code span { font-weight: bold; } .cart-desktop-product-disabled__manufactor { margin-right: 10px; -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #8897AB; } .cart-desktop-product-disabled__quality { margin-right: 10px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #8897AB; } .cart-desktop-product-disabled__replacement { width: 15px; height: 15px; -webkit-filter: grayscale(1); filter: grayscale(1); } .cart-desktop-product-disabled__title { margin-top: 8px; min-width: 400px; max-width: 400px; min-height: 35px; font-size: 12px; font-weight: 600; color: #8897AB; } .cart-desktop-product-disabled__title a { color: inherit; text-decoration: none; } .cart-desktop-product-disabled__change-text { margin-top: 10px; font-size: 12px; font-weight: bold; color: #222830; } .cart-desktop-product-disabled__change-btn { margin-right: 12%; margin-top: 20px; padding: 0 15px; height: 42px; line-height: 42px; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; -webkit-box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; } .cart-desktop-product-disabled__change-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-box-shadow: none; box-shadow: none; } .cart-desktop-product-disabled__change-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-desktop-product-disabled__action { width: 95px; margin-top: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .cart-desktop-product-disabled { margin-top: 25px; margin-bottom: 25px; padding: 0 5px; } .cart-desktop-product-disabled__picture { width: 100px; } .cart-desktop-product-disabled__description { margin-left: 25px; } .cart-desktop-product-disabled__vendor-code { margin-right: 15px; font-size: 13px; } .cart-desktop-product-disabled__manufactor { margin-right: 15px; font-size: 13px; } .cart-desktop-product-disabled__quality { margin-right: 15px; font-size: 13px; } .cart-desktop-product-disabled__title { min-width: 500px; max-width: 500px; min-height: 45px; font-size: 16px; } .cart-desktop-product-disabled__action { margin-top: 35px; width: 85px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-desktop-product-disabled__change-text { font-size: 16px; } .cart-desktop-product-disabled__change-btn { height: 45px; line-height: 45px; padding: 0 20px; font-size: 14px; } } @media (min-width: 1800px) { .cart-desktop-product-disabled__picture { width: 150px; } .cart-desktop-product-disabled__vendor-code { font-size: 15px; } .cart-desktop-product-disabled__manufactor { font-size: 15px; } .cart-desktop-product-disabled__quality { font-size: 15px; } .cart-desktop-product-disabled__title { margin-top: 13px; min-width: 645px; max-width: 645px; min-height: 48px; font-size: 17px; } .cart-desktop-product-disabled__action { margin-top: 40px; width: 95px; } .cart-desktop-product-disabled__change-text { margin-top: 15px; font-size: 17px; } .cart-desktop-product-disabled__change-btn { margin-top: 30px; height: 50px; line-height: 50px; padding: 0 24px; font-size: 16px; } } .cart-mobile-starter-price { display: block; margin: 35px 0; padding: 0 15px; } .cart-mobile-starter-price__panel { margin-bottom: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-mobile-starter-price__promocode-input { margin-right: 55px; width: 140px; height: 30px; padding-left: 13px; background-color: #F1F2F5; text-transform: uppercase; font-size: 9px; font-weight: 600; border-radius: 4px; border: none; cursor: pointer; } .cart-mobile-starter-price__refresh-btn { width: 95px; height: 30px; padding: 0 0 0 17px; line-height: 29px; background-color: #ffffff; font-size: 9px; font-weight: 600; text-align: center; text-transform: uppercase; color: #0E3365; background-image: url("../img/cart/cart-reload-btn-icon.svg"); background-repeat: no-repeat; background-position: 18% 48%; background-size: 10px; border-radius: 4px; outline: none; border: none; text-decoration: none; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; } .cart-mobile-starter-price__cost { margin-bottom: 17px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-mobile-starter-price__cost-title { font-size: 12px; font-weight: 600; text-transform: uppercase; text-align: right; color: #041224; } .cart-mobile-starter-price__cost-output { padding-right: 17px; width: 150px; text-align: right; font-size: 18px; font-weight: bold; color: #222830; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 55%; background-size: 11px; } .cart-mobile-starter-price__promocode { margin-bottom: 17px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-mobile-starter-price__promocode-title { font-size: 12px; font-weight: 600; text-transform: uppercase; text-align: right; color: #041224; } .cart-mobile-starter-price__promocode-output { padding-right: 17px; width: 150px; text-align: right; font-size: 18px; font-weight: bold; color: #EE7203; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 55%; background-size: 11px; } .cart-mobile-starter-price__promocode-output span { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 13px; background-image: url("../img/cart/cart-discount-minus-icon.svg"); background-repeat: no-repeat; background-position: 10% 45%; background-size: 11px; } .cart-mobile-starter-price__discount { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .cart-mobile-starter-price__discount-title { text-align: right; font-size: 10px; font-weight: 600; color: #041224; } .cart-mobile-starter-price__discount-output { padding-right: 17px; min-width: 150px; text-align: right; font-size: 18px; font-weight: bold; color: #EE7203; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 55%; background-size: 11px; } .cart-mobile-starter-price__discount-output span { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 13px; background-image: url("../img/cart/cart-discount-minus-icon.svg"); background-repeat: no-repeat; background-position: 10% 45%; background-size: 11px; } @media (min-width: 375px) { .cart-mobile-starter-price__promocode-input { margin-right: 75px; } .cart-mobile-starter-price__cost-output { width: 170px; } .cart-mobile-starter-price__promocode-output { width: 170px; } .cart-mobile-starter-price__discount-title { font-size: 12px; } .cart-mobile-starter-price__discount-output { min-width: 170px; } } @media (min-width: 768px) { .cart-mobile-starter-price { margin: 40px 0; padding: 0 25px; } .cart-mobile-starter-price__panel { margin-bottom: 45px; } .cart-mobile-starter-price__promocode-input { margin-right: 190px; padding-left: 20px; width: 220px; height: 40px; font-size: 14px; } .cart-mobile-starter-price__refresh-btn { padding: 0 0 0 23px; width: 145px; height: 40px; font-size: 14px; line-height: 39px; background-position: 17% 44%; background-size: 15px; } .cart-mobile-starter-price__cost { margin-bottom: 30px; } .cart-mobile-starter-price__cost-title { font-size: 20px; } .cart-mobile-starter-price__cost-output { padding-right: 25px; width: 330px; font-size: 24px; background-size: 15px; } .cart-mobile-starter-price__promocode { margin-bottom: 30px; } .cart-mobile-starter-price__promocode-title { font-size: 20px; } .cart-mobile-starter-price__promocode-output { padding-right: 25px; width: 330px; font-size: 24px; background-size: 15px; } .cart-mobile-starter-price__promocode-output span { width: 27px; height: 15px; background-size: 17px; } .cart-mobile-starter-price__discount-title { font-size: 17px; } .cart-mobile-starter-price__discount-output { padding-right: 25px; min-width: 330px; font-size: 24px; background-size: 15px; } .cart-mobile-starter-price__discount-output span { width: 27px; height: 15px; background-size: 17px; } } .cart-desktop-starter-price { margin: 45px 14% 50px 25px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: default; } .cart-desktop-starter-price__cost { margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cart-desktop-starter-price__cost-inner { min-width: 400px; max-width: 400px; margin-left: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-desktop-starter-price__cost-title { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #041224; } .cart-desktop-starter-price__cost-output { padding-right: 20px; text-align: right; font-size: 21px; font-weight: bold; color: #222830; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 98% 55%; background-size: 13px; } .cart-desktop-starter-price__refresh-btn { width: 155px; height: 45px; padding: 0 0 0 27px; background-color: #ffffff; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #0E3365; background-image: url("../img/cart/cart-reload-btn-icon.svg"); background-repeat: no-repeat; background-position: 15% 50%; border-radius: 5px; outline: none; border: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; } .cart-desktop-starter-price__refresh-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .cart-desktop-starter-price__refresh-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .cart-desktop-starter-price__promocode { margin-bottom: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cart-desktop-starter-price__promocode-input { width: 240px; height: 45px; padding-left: 30px; background-color: #F1F2F5; text-transform: uppercase; font-size: 14px; font-weight: 600; border-radius: 4px; border: none; cursor: initial; outline: 2px solid #F1F2F5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cart-desktop-starter-price__promocode-input:hover { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; outline: 2px solid #0A51A5; } .cart-desktop-starter-price__promocode-input:focus { outline: 2px solid #0A51A5; } .cart-desktop-starter-price__promocode-inner { min-width: 400px; max-width: 400px; margin-left: 40px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-desktop-starter-price__promocode-title { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #041224; } .cart-desktop-starter-price__promocode-output { padding-right: 20px; text-align: right; font-size: 21px; font-weight: bold; color: #EE7203; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 98% 55%; background-size: 13px; } .cart-desktop-starter-price__promocode-output span { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 13px; background-image: url("../img/cart/cart-discount-minus-icon.svg"); background-repeat: no-repeat; background-position: 10% 50%; background-size: 13px; } .cart-desktop-starter-price__discount { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .cart-desktop-starter-price__discount-title { max-width: 700px; text-align: right; font-size: 18px; font-weight: 600; color: #041224; } .cart-desktop-starter-price__discount-output { min-width: 199px; max-width: 199px; padding-right: 20px; margin-left: 10px; text-align: right; font-size: 21px; font-weight: bold; color: #EE7203; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 55%; background-size: 13px; } .cart-desktop-starter-price__discount-output span { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; height: 13px; background-image: url("../img/cart/cart-discount-minus-icon.svg"); background-repeat: no-repeat; background-position: 10% 50%; background-size: 13px; } @media (min-width: 1440px) { .cart-desktop-starter-price__discount-title { max-width: 980px; } } @media (min-width: 1800px) { .cart-desktop-starter-price__cost { margin-bottom: 30px; } .cart-desktop-starter-price__cost-inner { margin-left: 50px; min-width: 510px; max-width: 510px; } .cart-desktop-starter-price__cost-title { font-size: 20px; } .cart-desktop-starter-price__cost-output { padding-right: 24px; font-size: 26px; background-position: 98% 58%; background-size: 16px; } .cart-desktop-starter-price__refresh-btn { width: 175px; height: 50px; padding: 0 0 0 30px; font-size: 16px; background-position: 18% 50%; } .cart-desktop-starter-price__promocode { margin-bottom: 30px; } .cart-desktop-starter-price__promocode-input { width: 265px; height: 50px; padding-left: 30px; font-size: 16px; } .cart-desktop-starter-price__promocode-inner { margin-left: 50px; min-width: 510px; max-width: 510px; } .cart-desktop-starter-price__promocode-title { font-size: 20px; } .cart-desktop-starter-price__promocode-output { padding-right: 24px; font-size: 26px; background-position: 98% 58%; background-size: 16px; } .cart-desktop-starter-price__promocode-output span { width: 25px; height: 18px; background-size: 17px; } .cart-desktop-starter-price__discount-title { max-width: 1300px; font-size: 20px; } .cart-desktop-starter-price__discount-output { padding-right: 26px; min-width: 285px; max-width: 285px; font-size: 26px; background-position: 98% 58%; background-size: 16px; } .cart-desktop-starter-price__discount-output span { width: 25px; height: 18px; background-size: 17px; } } .cart-personal-discount { width: 100%; margin: 35px 0 30px 0; background-color: #F4F6FC; cursor: default; } .cart-personal-discount__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 20px 10px 25px 10px; } .cart-personal-discount__picture { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 140px; background-image: url("../img/cart/cart-personal-discount-pic.svg"); background-repeat: no-repeat; background-position: unset; background-size: contain; } .cart-personal-discount__description-inner { margin-left: 15px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; } .cart-personal-discount__description { margin-bottom: 5px; text-transform: uppercase; font-size: 9px; font-weight: bold; color: #041224; } .cart-personal-discount__percent-output { display: inline; margin: 0 5px; padding-right: 15px; width: 10px; background-image: url("../img/cart/cart-personal-discount-percent.svg"); background-repeat: no-repeat; background-position: 95% 40%; background-size: 10px; } .cart-personal-discount__percent-output span { padding-left: 14px; font-size: 12px; font-weight: bold; color: #EE7203; background-image: url("../img/cart/cart-personal-discount-mini-minus.svg"); background-repeat: no-repeat; background-position: 10% 52%; background-size: 8px; } .cart-personal-discount__rub-output { margin: 0 3px; padding-right: 11px; font-size: 11px; font-weight: bold; color: #EE7203; background-image: url("../img/cart/cart-personal-discount-rub.svg"); background-repeat: no-repeat; background-position: 96% 52%; background-size: 7px; } .cart-personal-discount__panel { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-personal-discount__btn { height: 25px; width: 120px; background-color: #0A51A5; text-transform: uppercase; text-align: center; line-height: 24px; font-weight: 600; font-size: 8px; color: #ffffff; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); } .cart-personal-discount__price-output { height: 25px; width: 100px; padding-right: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-color: #FDFDFF; line-height: 24px; font-weight: bold; font-size: 13px; color: #EE7203; border-radius: 3px; } .cart-personal-discount__price-output p { margin: 0; padding-right: 12px; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 98% 50%; background-size: 8px; } .cart-personal-discount__price-output span { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 15px; height: 22px; background-image: url("../img/cart/cart-discount-minus-icon.svg"); background-repeat: no-repeat; background-position: 10% 58%; background-size: 9px; } @media (min-width: 375px) { .cart-personal-discount__inner { padding: 20px 15px 25px 15px; } .cart-personal-discount__rub-output { font-size: 12px; } .cart-personal-discount__btn { height: 30px; width: 135px; font-size: 9px; line-height: 29px; border-radius: 4px; } .cart-personal-discount__price-output { padding-right: 10px; height: 30px; width: 125px; font-size: 17px; line-height: 29px; border-radius: 4px; } .cart-personal-discount__price-output p { padding-right: 15px; background-position: 99% 50%; background-size: 10px; } .cart-personal-discount__price-output span { height: 26px; width: 19px; background-size: 11px; } } @media (min-width: 425px) { .cart-personal-discount__description { font-size: 10px; } .cart-personal-discount__btn { width: 140px; } .cart-personal-discount__price-output { width: 135px; } } @media (min-width: 768px) { .cart-personal-discount { margin: 50px 0 40px 0; } .cart-personal-discount__inner { padding: 30px 25px 45px 35px; } .cart-personal-discount__picture { min-width: 150px; } .cart-personal-discount__description-inner { margin-left: 25px; } .cart-personal-discount__description { margin-bottom: 15px; font-size: 16px; line-height: 30px; } .cart-personal-discount__percent-output { padding-right: 22px; background-size: 16px; } .cart-personal-discount__percent-output span { padding-left: 20px; font-size: 20px; background-size: 11px; } .cart-personal-discount__rub-output { padding-right: 17px; font-size: 19px; background-size: 11px; } .cart-personal-discount__panel { margin-top: 35px; } .cart-personal-discount__btn { width: 215px; height: 40px; font-size: 14px; line-height: 39px; } .cart-personal-discount__price-output { padding-right: 13px; width: 210px; height: 40px; line-height: 38px; font-size: 24px; } .cart-personal-discount__price-output p { padding-right: 24px; background-position: 98% 47%; background-size: 15px; } .cart-personal-discount__price-output span { background-size: 17px; width: 27px; height: 34px; } } @media (min-width: 1140px) { .cart-personal-discount { width: auto; margin: 50px 25px 50px 25px; border-radius: 4px; } .cart-personal-discount__inner { padding: 40px 25px 45px 80px; } .cart-personal-discount__picture { min-width: 185px; } .cart-personal-discount__description-inner { margin-left: 35px; } .cart-personal-discount__description { margin-bottom: 12px; } .cart-personal-discount__panel { margin-top: 30px; padding-right: 13%; } .cart-personal-discount__btn { height: 45px; width: 230px; line-height: 45px; font-weight: 600; font-size: 15px; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-personal-discount__btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-box-shadow: none; box-shadow: none; } .cart-personal-discount__btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-personal-discount__price-output { height: 45px; width: 220px; padding-right: 15px; line-height: 45px; font-size: 21px; border-radius: 4px; } .cart-personal-discount__price-output p { padding-right: 19px; background-size: 13px; background-position: 99% 50%; } .cart-personal-discount__price-output span { width: 20px; height: 39px; background-size: 13px; } } @media (min-width: 1440px) { .cart-personal-discount { margin: 60px 45px 50px 45px; } .cart-personal-discount__inner { padding: 40px 25px 45px 120px; } .cart-personal-discount__description-inner { margin-left: 50px; } .cart-personal-discount__description { line-height: 35px; font-size: 18px; } .cart-personal-discount__percent-output { margin: 0 10px; padding-right: 27px; background-size: 18px; } .cart-personal-discount__percent-output span { padding-left: 25px; font-size: 22px; background-size: 14px; } .cart-personal-discount__rub-output { margin: 0 7px; padding-right: 20px; font-size: 22px; background-size: 13px; } .cart-personal-discount__panel { padding-right: 12%; } .cart-personal-discount__price-output { padding-right: 20px; } } @media (min-width: 1800px) { .cart-personal-discount { border-radius: 5px; } .cart-personal-discount__inner { padding: 45px 25px 55px 150px; } .cart-personal-discount__picture { min-width: 240px; } .cart-personal-discount__description-inner { margin-left: 70px; } .cart-personal-discount__description { line-height: 40px; font-size: 22px; } .cart-personal-discount__percent-output { margin: 0 10px; padding-right: 32px; background-size: 22px; } .cart-personal-discount__percent-output span { padding-left: 27px; font-size: 26px; background-size: 16px; } .cart-personal-discount__rub-output { padding-right: 22px; font-size: 24px; background-size: 14px; } .cart-personal-discount__panel { margin-top: 45px; padding-right: 13%; } .cart-personal-discount__btn { width: 250px; height: 50px; font-size: 16px; line-height: 50px; } .cart-personal-discount__price-output { width: 280px; height: 50px; line-height: 50px; font-size: 26px; } .cart-personal-discount__price-output p { padding-right: 22px; background-size: 16px; } .cart-personal-discount__price-output span { width: 25px; height: 44px; background-size: 17px; } } .cart-final-price { width: 100%; height: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; background-color: #F4F6FC; cursor: default; } .cart-final-price__inner { width: 100%; padding: 0 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-final-price__title { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #041224; } .cart-final-price__price-output { padding-right: 17px; font-size: 18px; font-weight: bold; color: #EE7203; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 50%; background-size: 11px; } @media (min-width: 375px) { .cart-final-price { -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cart-final-price__inner { max-width: 450px; } .cart-final-price__title { font-size: 13px; } } @media (min-width: 768px) { .cart-final-price { height: 60px; } .cart-final-price__inner { padding: 0 25px; max-width: 575px; } .cart-final-price__title { font-size: 20px; } .cart-final-price__price-output { padding-right: 22px; font-size: 24px; background-position: 99% 55%; background-size: 14px; } } @media (min-width: 1140px) { .cart-final-price { width: auto; height: 50px; margin: 0 25px; border-radius: 4px; } .cart-final-price__inner { padding: 0; margin: 0 12%; max-width: 535px; } .cart-final-price__title { font-size: 18px; } .cart-final-price__price-output { padding-right: 20px; font-size: 23px; } } @media (min-width: 1440px) { .cart-final-price { margin: 0 45px; } } @media (min-width: 1800px) { .cart-final-price { height: 65px; } .cart-final-price__inner { max-width: 710px; } .cart-final-price__title { font-size: 21px; } .cart-final-price__price-output { padding-right: 22px; font-size: 26px; background-position: 99% 60%; background-size: 16px; } } .cart-cargo__parameters { padding: 20px 15px; margin: 20px 15px 15px 15px; background-color: #F4F6FC; border-radius: 4px; cursor: default; } .cart-cargo-weight { margin-bottom: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart-cargo-weight__title { font-weight: 600; font-size: 12px; text-transform: uppercase; color: #041224; } .cart-cargo-weight__value { width: 130px; max-width: 130px; text-align: left; font-size: 14px; color: #041224; font-weight: bold; } .cart-cargo-size { margin-bottom: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart-cargo-size__title { font-weight: 600; font-size: 12px; text-transform: uppercase; color: #041224; } .cart-cargo-size__values { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 130px; max-width: 130px; text-align: left; } .cart-cargo-size__value-separator { margin: 0 5px; min-width: 8px; height: 8px; background-image: url("../img/cart/cart-cargo-separator.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-cargo-size__height { font-size: 14px; color: #041224; font-weight: bold; } .cart-cargo-size__width { font-size: 14px; color: #041224; font-weight: bold; } .cart-cargo-size__deep { font-size: 14px; color: #041224; font-weight: bold; } .cart-cargo-volume { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart-cargo-volume__title { position: relative; font-weight: 600; font-size: 12px; text-transform: uppercase; color: #041224; } .cart-cargo-volume__title span { position: absolute; font-size: 8px; right: 8px; bottom: 9px; } .cart-cargo-volume__value { width: 130px; max-width: 130px; text-align: left; font-size: 14px; color: #041224; font-weight: bold; } @media (min-width: 375px) { .cart-cargo__parameters { padding: 20px 20px; } .cart-cargo-weight__value { width: 180px; max-width: 180px; font-size: 16px; } .cart-cargo-size__values { width: 180px; max-width: 180px; } .cart-cargo-size__value-separator { margin: 0 10px; min-width: 11px; height: 11px; } .cart-cargo-size__height { font-size: 16px; } .cart-cargo-size__width { font-size: 16px; } .cart-cargo-size__deep { font-size: 16px; } .cart-cargo-volume__value { width: 180px; max-width: 180px; font-size: 16px; } } @media (min-width: 425px) { .cart-cargo__parameters { padding: 20px 30px; } } @media (min-width: 768px) { .cart-cargo__parameters { padding: 30px 50px; margin: 45px 25px 25px 25px; } .cart-cargo-weight { margin-bottom: 28px; } .cart-cargo-weight__title { font-size: 22px; } .cart-cargo-weight__value { width: 280px; max-width: 280px; font-size: 23px; } .cart-cargo-size { margin-bottom: 28px; } .cart-cargo-size__title { font-size: 22px; } .cart-cargo-size__values { width: 280px; max-width: 280px; } .cart-cargo-size__value-separator { min-width: 15px; height: 15px; } .cart-cargo-size__height { font-size: 23px; } .cart-cargo-size__width { font-size: 23px; } .cart-cargo-size__deep { font-size: 23px; } .cart-cargo-volume__title { font-size: 22px; } .cart-cargo-volume__title span { font-size: 14px; right: 14px; bottom: 14px; } .cart-cargo-volume__value { width: 280px; max-width: 280px; font-size: 23px; } } @media (min-width: 1140px) { .cart__cargo-inner { margin: 60px 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: space-between; flex-direction: space-between; } .cart-cargo { margin-right: 4%; min-width: 50%; } .cart-cargo__parameters { margin: 0 0 30px 0; } .cart-cargo-weight__value { width: 250px; max-width: 250px; } .cart-cargo-size__values { width: 250px; max-width: 250px; } .cart-cargo-volume__value { width: 250px; max-width: 250px; } } @media (min-width: 1440px) { .cart__cargo-inner { margin: 60px 45px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-cargo { max-width: 800px; } .cart-cargo-weight__value { width: 300px; max-width: 300px; } .cart-cargo-size__values { width: 300px; max-width: 300px; } .cart-cargo-volume__value { width: 300px; max-width: 300px; } } @media (min-width: 1920px) { .cart-cargo { margin-right: 35px; max-width: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-cargo__parameters { margin: 0; min-width: 680px; max-width: 680px; } } .cart-cargo-info { padding: 15px 15px 15px 10px; margin: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; background-color: #FFF8F8; border-radius: 4px; cursor: default; } .cart-cargo-info__icon { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 15px; height: 15px; background-image: url("../img/cart/cart-info-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-cargo-info__description { -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; margin-left: 7px; max-width: 340px; } .cart-cargo-info__description p { margin: 0 0 9px 0; font-weight: 600; font-size: 10px; color: #092958; } .cart-cargo-info__description p:last-child { margin: 0; } @media (min-width: 375px) { .cart-cargo-info { padding: 15px; } .cart-cargo-info__icon { max-width: 17px; height: 17px; } .cart-cargo-info__description { max-width: none; } .cart-cargo-info__description p { font-size: 11px; } } @media (min-width: 768px) { .cart-cargo-info { padding: 20px 30px 20px 15px; margin: 25px; } .cart-cargo-info__icon { max-width: 25px; height: 25px; } .cart-cargo-info__description { margin-left: 10px; max-width: none; } .cart-cargo-info__description p { margin: 0 0 14px 0; font-size: 16px; } } @media (min-width: 1140px) { .cart-cargo-info { margin: 0; } } @media (min-width: 1920px) { .cart-cargo-info { margin-left: 30px; max-width: 600px; } } .cart__btn-inner { margin: 30px 15px; } .cart-next-step-btn { margin-bottom: 15px; padding: 5px 13px; height: 70px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); } .cart-next-step-btn__text p { margin: 0 0 5px 0; font-size: 9px; font-weight: 600; text-transform: initial; color: #ffffff; } .cart-next-step-btn__text p:first-child { font-size: 8px; font-weight: bold; text-transform: uppercase; } .cart-next-step-btn__text p:last-child { margin: 0; } .cart-next-step-btn__icon { width: 30px; height: 30px; background-image: url("../img/catalog/catalog-next-step-btn-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-fast-buy-btn { padding: 5px 13px; height: 70px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; border: 3px solid rgb(248, 104, 23); } .cart-fast-buy-btn__text { max-width: 222px; } .cart-fast-buy-btn__text p { margin: 0 0 5px 0; font-size: 7px; font-weight: 600; text-transform: initial; color: #3D4856; } .cart-fast-buy-btn__text p:first-child { font-size: 8px; font-weight: bold; text-transform: uppercase; } .cart-fast-buy-btn__text p:last-child { margin: 0; } .cart-fast-buy-btn__icon { margin-left: 5px; min-width: 26px; height: 29px; background-image: url("../img/cart/cart-fast-buy-btn-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } @media (min-width: 375px) { .cart-next-step-btn { padding: 5px 17px; height: 85px; } .cart-next-step-btn__text p { font-size: 10px; } .cart-next-step-btn__text p:first-child { font-size: 11px; } .cart-next-step-btn__icon { width: 40px; height: 40px; } .cart-fast-buy-btn { padding: 5px 17px; height: 85px; } .cart-fast-buy-btn__text { max-width: 250px; } .cart-fast-buy-btn__text p { font-size: 9px; } .cart-fast-buy-btn__text p:first-child { font-size: 11px; } .cart-fast-buy-btn__icon { margin-left: 20px; min-width: 37px; height: 41px; } } @media (min-width: 425px) { .cart-next-step-btn__text p { font-size: 11px; } .cart-next-step-btn__text p:first-child { font-size: 12px; } .cart-fast-buy-btn__text { max-width: 300px; } .cart-fast-buy-btn__text p { font-size: 10px; } .cart-fast-buy-btn__text p:first-child { font-size: 12px; } } @media (min-width: 768px) { .cart__btn-inner { margin: 35px 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-next-step-btn { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; max-width: 450px; } .cart-next-step-btn__text p:last-child { min-height: 26px; } .cart-fast-buy-btn { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 2%; max-width: 450px; } .cart-fast-buy-btn__text p { font-size: 9px; } } @media (min-width: 1140px) { .cart__btn-inner { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cart-next-step-btn { margin-bottom: 17px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; min-width: 450px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-size: 300% 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .cart-next-step-btn:hover { background-position: 100% 0; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-next-step-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-next-step-btn__text p { margin: 0 0 4px 0; font-size: 11px; } .cart-next-step-btn__text p:first-child { font-size: 14px; } .cart-fast-buy-btn { margin-right: 0; min-width: 450px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .cart-fast-buy-btn:hover { background-color: #F4F6FC; border: 3px solid #FF4F00; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-fast-buy-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-fast-buy-btn__text { max-width: 350px; } .cart-fast-buy-btn__text p { margin: 0 0 4px 0; font-size: 12px; } .cart-fast-buy-btn__text p:first-child { font-size: 14px; } } @media (min-width: 1440px) { .cart-next-step-btn { padding: 10px 28px; height: 95px; min-width: 530px; } .cart-next-step-btn__text p { font-size: 14px; } .cart-next-step-btn__text p:first-child { font-size: 16px; } .cart-next-step-btn__icon { width: 45px; height: 45px; } .cart-fast-buy-btn { padding: 10px 28px; height: 95px; min-width: 530px; } .cart-fast-buy-btn__text { max-width: 450px; } .cart-fast-buy-btn__text p { font-size: 14px; } .cart-fast-buy-btn__text p:first-child { font-size: 16px; } .cart-fast-buy-btn__icon { min-width: 41px; height: 45px; } } @media (min-width: 1140px) { .cart__mobile-products { display: none; } .cart__desktop-products { display: block; } .cart-desktop-starter-price { display: block; } .cart-mobile-starter-price { display: none; } } .recommended-installation-service { width: 100%; margin: 35px 0 30px 0; background-color: #F4F6FC; cursor: default; } .recommended-installation-service__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 20px 10px 25px 10px; position: relative; } .recommended-installation-service__picture { display: block; position: absolute; top: 15px; right: 0; height: 100px; width: 140px; z-index: 0; opacity: 0.9; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 140px; background-image: url("../img/cart/installation-service-pic.svg"); background-repeat: no-repeat; background-position: unset; background-size: contain; } .recommended-installation-service__description-inner { margin-left: 5px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; z-index: 2; } .recommended-installation-service__title { margin-bottom: 7px; max-width: 230px; font-size: 9px; color: #041224; font-weight: bold; text-transform: uppercase; } .recommended-installation-service__text { color: #041224; font-weight: 600; font-size: 9px; max-width: 190px; } .recommended-installation-service__btn-inner { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 245px; } .recommended-installation-service__btn { height: 25px; width: 125px; background-color: #0A51A5; text-transform: uppercase; text-align: left; padding: 1px 0px 0px 10px; line-height: 24px; font-weight: 600; font-size: 8px; color: #ffffff; background-image: url("../img/cart/service-gear-disable.svg"); background-repeat: no-repeat; background-position: 95% 49%; background-size: 18px; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 0px 3px 7px 0px #aeaeae; box-shadow: 0px 3px 7px 0px #aeaeae; outline: none; } .recommended-installation-service__btn:hover, .recommended-installation-service__btn :active, .recommended-installation-service__btn :focus { outline: none; } .recommended-installation-service__btn--active { height: 25px; width: 125px; background-color: #0A51A5; text-transform: uppercase; text-align: left; padding: 1px 0px 0px 10px; line-height: 24px; font-weight: 600; font-size: 8px; color: #ffffff; background-image: url("../img/cart/service-gear-enable.svg"); background-repeat: no-repeat; background-position: 95% 49%; background-size: 18px; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; outline: none; } .recommended-installation-service__link { display: block; height: 15px; padding-right: 10px; font-weight: 600; font-size: 9px; color: #F67B1E; background-image: url("../img/cart/installation-service-link-icon.svg"); background-repeat: no-repeat; background-position: 99% 45%; text-decoration: none; } @media (min-width: 375px) { .recommended-installation-service__inner { padding: 20px 15px 25px 15px; } .recommended-installation-service__picture { top: 15px; right: 7px; height: 145px; width: 180px; max-width: 180px; background-size: 177px; } .recommended-installation-service__text { max-width: 235px; } .recommended-installation-service__title { font-size: 11px; } .recommended-installation-service__btn-inner { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 270px; } .recommended-installation-service__description-inner { margin-left: 0; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; z-index: 2; } .recommended-installation-service__btn { height: 30px; width: 140px; font-size: 9px; line-height: 29px; border-radius: 3px; } .recommended-installation-service__btn--active { height: 30px; width: 140px; background-color: #0A51A5; text-transform: uppercase; text-align: left; line-height: 29px; font-weight: 600; font-size: 9px; color: #ffffff; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; } .recommended-installation-service__link { padding-right: 12px; font-size: 10px; background-position: 99% 56%; } } @media (min-width: 425px) { .recommended-installation-service__title { font-size: 13px; max-width: 270px; } .recommended-installation-service__text { font-size: 13px; max-width: 70%; } .recommended-installation-service__btn-inner { max-width: 280px; } } @media (min-width: 768px) { .recommended-installation-service { margin: 50px 0 40px 0; } .recommended-installation-service__inner { padding: 30px 45px 45px 35px; } .recommended-installation-service__picture { min-width: 150px; position: relative; } .recommended-installation-service__description-inner { margin-left: 25px; } .recommended-installation-service__title { margin-bottom: 10px; font-size: 16px; max-width: none; } .recommended-installation-service__text { font-size: 14px; max-width: none; } .recommended-installation-service__btn-inner { margin-top: 35px; max-width: 495px; } .recommended-installation-service__btn { width: 210px; height: 40px; background-repeat: no-repeat; background-position: 95% 55%; background-size: 29px; line-height: 40px; font-size: 14px; padding-top: 0; } .recommended-installation-service__btn--active { height: 40px; width: 210px; background-color: #0A51A5; text-transform: uppercase; text-align: left; padding-left: 10px; line-height: 40px; font-weight: 600; font-size: 14px; color: #ffffff; background-position: 95% 55%; background-size: 29px; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; } .recommended-installation-service__link { height: 25px; font-size: 16px; padding-right: 20px; background-position: 99% 48%; background-size: 10px; } } @media (min-width: 1140px) { .recommended-installation-service { width: auto; margin: 50px 25px 50px 25px; border-radius: 4px; } .recommended-installation-service__inner { padding: 40px 80px 45px 80px; } .recommended-installation-service__picture { top: 5px; right: 15px; height: 170px; width: 170px; max-width: 200px; background-size: 195px; } .recommended-installation-service__description-inner { margin-left: 35px; } .recommended-installation-service__btn-inner { margin-top: 30px; } .recommended-installation-service__btn { width: 230px; padding-left: 15px; height: 45px; font-size: 15px; line-height: 45px; background-repeat: no-repeat; background-position: 95% 55%; background-size: 29px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 1px 3px 9px 0px #999999; box-shadow: 1px 3px 9px 0px #999999; } .recommended-installation-service__btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #cecece, 0 1px 3px -1px #cecece, 0 15px 5px -15px #cecece, 0 22px 6px -25px #cecece, 0 33px 10px -35px #cecece; box-shadow: 0 0 2px #cecece, 0 1px 3px -1px #cecece, 0 15px 5px -15px #cecece, 0 22px 6px -25px #cecece, 0 33px 10px -35px #cecece; } .recommended-installation-service__btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; } .recommended-installation-service__btn--active { height: 45px; position: relative; width: 230px; padding-left: 15px; background-color: #0A51A5; text-transform: uppercase; text-align: left; line-height: 45px; font-weight: 600; font-size: 15px; color: #ffffff; background-position: 95% 55%; background-size: 29px; text-decoration: none; -webkit-box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .recommended-installation-service__link { font-size: 18px; background-position: 99% 55%; background-size: 11px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .recommended-installation-service__link:hover { padding-left: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .recommended-installation-service__link:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } } @-webkit-keyframes fadeInEasy { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeInEasy { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInEasy { 0% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 1440px) { .recommended-installation-service { margin: 60px 45px 50px 45px; } .recommended-installation-service__inner { padding: 40px 120px 45px 120px; } .recommended-installation-service__description-inner { margin-left: 50px; } .recommended-installation-service__title { margin-bottom: 13px; font-size: 18px; } .recommended-installation-service__text { font-size: 17px; } } @media (min-width: 1800px) { .recommended-installation-service { border-radius: 5px; } .recommended-installation-service__inner { padding: 45px 150px 55px 150px; } .recommended-installation-service__picture { min-width: 240px; } .recommended-installation-service__description-inner { margin-left: 70px; } .recommended-installation-service__title { font-size: 22px; } .recommended-installation-service__text { font-size: 20px; } .recommended-installation-service__btn-inner { margin-top: 45px; } .recommended-installation-service__btn { width: 240px; height: 50px; line-height: 50px; font-size: 16px; } .recommended-installation-service__btn--active { height: 50px; width: 240px; background-color: #0A51A5; text-transform: uppercase; text-align: left; padding-left: 15px; line-height: 50px; font-weight: 600; font-size: 16px; color: #ffffff; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; box-shadow: 2px 2px 5px 0px rgba(14, 17, 23, 0.4) inset; } .recommended-installation-service__link { padding-right: 25px; font-size: 20px; background-position: 99% 70%; background-size: 13px; } } .cart-remove-confirmation-modal { display: none; z-index: 99999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .cart-remove-confirmation-modal__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .cart-remove-confirmation-modal__wrapper { position: absolute; top: 50%; left: 0; -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); width: 100%; max-width: 777px; height: 363px; background-color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; opacity: 0; -webkit-animation: modalFadeIn 0.2s ease-in-out forwards; -moz-animation: modalFadeIn 0.2s ease-in-out forwards; animation: modalFadeIn 0.2s ease-in-out forwards; } .cart-remove-confirmation-modal__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 20px; width: 25px; height: 25px; background-image: url(../img/offers/fast-buy-form-close.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; cursor: pointer; opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-remove-confirmation-modal__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-remove-confirmation-modal__title { margin-top: 0; margin-bottom: 15px; padding-left: 30px; -ms-flex-item-align: start; align-self: start; text-transform: uppercase; font-size: 28px; font-weight: 700; color: #3D4856; cursor: default; } .cart-remove-confirmation-modal__text { margin-top: 0; margin-bottom: 50px; -ms-flex-item-align: start; align-self: start; font-size: 13px; font-weight: 700; color: #23272c; cursor: default; padding: 0px 30px 0 30px; } .cart-remove-confirmation-modal__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: 30px; } .cart-remove-confirmation-modal__remove { cursor: pointer; margin-right: 15px; display: inline-block; height: 45px; width: 140px; padding-left: 27px; text-align: center; text-transform: uppercase; font-size: 16px; line-height: 45px; font-weight: 600; color: #ffffff; background-color: #F73D34; background-image: url("../img/buy-offer-modal-delete-btn.svg"); background-repeat: no-repeat; background-position: 16% 49%; background-size: 12px; border-radius: 3px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; border: none; -webkit-box-shadow: 0px 3px 7px 0px #F18484; box-shadow: 0px 3px 7px 0px #F18484; } .cart-remove-confirmation-modal__remove:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #F18484, 0 1px 3px -1px #F18484, 0 15px 5px -15px #F18484, 0 22px 6px -25px #F18484, 0 33px 10px -35px #F18484; box-shadow: 0 0 2px #F18484, 0 1px 3px -1px #F18484, 0 15px 5px -15px #F18484, 0 22px 6px -25px #F18484, 0 33px 10px -35px #F18484; } .cart-remove-confirmation-modal__remove:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #d42b22 inset; box-shadow: 2px 2px 5px 0px #d42b22 inset; } .cart-remove-confirmation-modal__back { display: block; width: 45px; height: 45px; background-color: #F7F8FD; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 45%; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; cursor: pointer; } .cart-remove-confirmation-modal__back:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .cart-remove-confirmation-modal__back:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .cart-remove-confirmation-modal--on { display: block; z-index: 99999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } @media (min-width: 768px) { .cart-remove-confirmation-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .cart-remove-confirmation-modal__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .cart-remove-confirmation-modal__wrapper { position: absolute; top: 50%; left: 0; -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); width: 100%; max-width: 100vw; height: 363px; background-color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; opacity: 0; -webkit-animation: modalFadeIn 0.2s ease-in-out forwards; -moz-animation: modalFadeIn 0.2s ease-in-out forwards; animation: modalFadeIn 0.2s ease-in-out forwards; } .cart-remove-confirmation-modal__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 20px; width: 25px; height: 25px; background-image: url(../img/offers/fast-buy-form-close.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; cursor: pointer; opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-remove-confirmation-modal__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-remove-confirmation-modal__title { margin-top: 0; margin-bottom: 15px; padding-left: 30px; -ms-flex-item-align: start; align-self: start; text-transform: uppercase; font-size: 28px; font-weight: 700; color: #3D4856; cursor: default; } .cart-remove-confirmation-modal__text { margin-top: 0; margin-bottom: 50px; -ms-flex-item-align: start; align-self: start; font-size: 13px; font-weight: 700; color: #23272c; cursor: default; padding: 0px 30px 0 30px; } .cart-remove-confirmation-modal__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: 30px; } .cart-remove-confirmation-modal__remove { cursor: pointer; margin-right: 15px; display: inline-block; height: 45px; width: 140px; padding-left: 27px; text-align: center; text-transform: uppercase; font-size: 16px; line-height: 45px; font-weight: 600; color: #ffffff; background-color: #F73D34; background-image: url("../img/buy-offer-modal-delete-btn.svg"); background-repeat: no-repeat; background-position: 16% 49%; background-size: 12px; border-radius: 3px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; border: none; -webkit-box-shadow: 0px 3px 7px 0px #F18484; box-shadow: 0px 3px 7px 0px #F18484; } .cart-remove-confirmation-modal__remove:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #F18484, 0 1px 3px -1px #F18484, 0 15px 5px -15px #F18484, 0 22px 6px -25px #F18484, 0 33px 10px -35px #F18484; box-shadow: 0 0 2px #F18484, 0 1px 3px -1px #F18484, 0 15px 5px -15px #F18484, 0 22px 6px -25px #F18484, 0 33px 10px -35px #F18484; } .cart-remove-confirmation-modal__remove:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #d42b22 inset; box-shadow: 2px 2px 5px 0px #d42b22 inset; } .cart-remove-confirmation-modal__back { display: block; width: 45px; height: 45px; background-color: #F7F8FD; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 45%; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; cursor: pointer; } .cart-remove-confirmation-modal__back:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .cart-remove-confirmation-modal__back:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .cart-remove-confirmation-modal--on { display: block; z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } } @media (min-width: 1140px) { .cart-remove-confirmation-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .cart-remove-confirmation-modal__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .cart-remove-confirmation-modal__wrapper { position: absolute; top: 170px; left: 50%; -webkit-transform: translate(-50%, -20px); -moz-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.5019607843); max-width: 665px; height: 277px; background-color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; opacity: 0; -webkit-animation: modalFadeIn 0.2s ease-in-out forwards; -moz-animation: modalFadeIn 0.2s ease-in-out forwards; animation: modalFadeIn 0.2s ease-in-out forwards; } .cart-remove-confirmation-modal__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 10px; width: 25px; height: 25px; background-image: url(../img/offers/fast-buy-form-close.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; cursor: pointer; opacity: 0.5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-remove-confirmation-modal__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-remove-confirmation-modal__title { margin-top: 10px; margin-bottom: 15px; -ms-flex-item-align: center; align-self: center; text-transform: uppercase; font-size: 33px; font-weight: 700; color: #3D4856; cursor: default; } .cart-remove-confirmation-modal__text { margin-top: 7px; margin-bottom: 62px; -ms-flex-item-align: center; align-self: center; font-size: 15px; font-weight: 700; color: #23272c; cursor: default; padding: 0px 30px 0 30px; } .cart-remove-confirmation-modal__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: 64.4%; } .cart-remove-confirmation-modal__remove { cursor: pointer; margin-right: 15px; display: inline-block; height: 45px; width: 140px; padding-left: 27px; text-align: center; text-transform: uppercase; font-size: 16px; line-height: 45px; font-weight: 600; color: #ffffff; background-color: #F73D34; background-image: url("../img/buy-offer-modal-delete-btn.svg"); background-repeat: no-repeat; background-position: 16% 49%; background-size: 12px; border-radius: 3px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; border: none; -webkit-box-shadow: 0px 3px 7px 0px #F18484; box-shadow: 0px 3px 7px 0px #F18484; } .cart-remove-confirmation-modal__remove:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #F18484, 0 1px 3px -1px #F18484, 0 15px 5px -15px #F18484, 0 22px 6px -25px #F18484, 0 33px 10px -35px #F18484; box-shadow: 0 0 2px #F18484, 0 1px 3px -1px #F18484, 0 15px 5px -15px #F18484, 0 22px 6px -25px #F18484, 0 33px 10px -35px #F18484; } .cart-remove-confirmation-modal__remove:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #d42b22 inset; box-shadow: 2px 2px 5px 0px #d42b22 inset; } .cart-remove-confirmation-modal__back { display: block; width: 45px; height: 45px; background-color: #F7F8FD; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 45%; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; cursor: pointer; } .cart-remove-confirmation-modal__back:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .cart-remove-confirmation-modal__back:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .cart-remove-confirmation-modal--on { display: block; z-index: 9999999999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } } .personal-data-autocomplete { width: 100%; margin: 35px 0 30px 0; background-color: #F4F6FC; cursor: default; } .personal-data-autocomplete__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px 10px 25px 10px; } .personal-data-autocomplete__picture { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 120px; } .personal-data-autocomplete__picture img { width: 100%; height: 100%; } .personal-data-autocomplete__description-inner { margin-left: 15px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; } .personal-data-autocomplete__description { line-height: 17px; text-transform: uppercase; font-size: 9px; font-weight: bold; color: #041224; } .personal-data-autocomplete__description:not(:last-child) { margin-bottom: 10px; } .personal-data-autocomplete__description a { padding-bottom: 1px; display: inline-block; color: #EE7203; background-image: url("../img/personal-data-autocomplete-link.svg"); background-repeat: repeat-x; background-size: 4px; background-position: left bottom; text-decoration: none; } @media (min-width: 425px) { .personal-data-autocomplete__inner { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .personal-data-autocomplete__description-inner { margin-left: 25px; } .personal-data-autocomplete__description a { margin-left: 5px; } } @media (min-width: 768px) { .personal-data-autocomplete { margin: 50px 0 40px 0; } .personal-data-autocomplete__inner { padding: 30px 45px 45px 35px; } .personal-data-autocomplete__picture { min-width: 150px; } .personal-data-autocomplete__description { font-size: 14px; line-height: 30px; } .personal-data-autocomplete__description:not(:last-child) { margin-bottom: 15px; } .personal-data-autocomplete__description a { padding-bottom: 0; background-size: 6px; } } @media (min-width: 1140px) { .personal-data-autocomplete { width: auto; margin: 50px 25px 50px 25px; border-radius: 4px; } .personal-data-autocomplete__inner { padding: 40px 80px 45px 80px; } .personal-data-autocomplete__picture { max-width: 185px; } .personal-data-autocomplete__description-inner { margin-left: 35px; } .personal-data-autocomplete__description { font-size: 18px; } .personal-data-autocomplete__description:not(:last-child) { margin-bottom: 25px; } .personal-data-autocomplete__description a { margin-left: 10px; padding-bottom: 3px; background-size: 8px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .personal-data-autocomplete__description a:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-left: 15px; } .personal-data-autocomplete__description a:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } } @media (min-width: 1440px) { .personal-data-autocomplete { margin: 60px 45px 50px 45px; } .personal-data-autocomplete__inner { padding: 40px 65px 45px 120px; } .personal-data-autocomplete__description-inner { margin-left: 50px; } } @media (min-width: 1800px) { .personal-data-autocomplete { border-radius: 5px; } .personal-data-autocomplete__inner { padding: 45px 100px 55px 150px; } .personal-data-autocomplete__picture { min-width: 240px; } .personal-data-autocomplete__description-inner { margin-left: 60px; } .personal-data-autocomplete__description { font-size: 22px; } .personal-data-autocomplete__description:not(:last-child) { margin-bottom: 40px; } .personal-data-autocomplete__description a { padding-bottom: 8px; background-size: 10px; } } .cart-customer { margin: 0 auto 70px; max-width: 500px; } .cart-customer__title-inner { margin: 20px 15px; } .cart-customer__title { margin: 0; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #041224; } .cart-customer__enter { margin-bottom: 20px; font-size: 12px; font-weight: 600; color: #041224; } .cart-customer__enter a { display: inline-block; color: #EE7203; text-decoration: none; } .cart-customer__tabs { margin: 25px 15px; } .cart-customer__tabcontent-inner { margin-top: 35px; } .cart-customer__tab-input { display: none; } .cart-customer__tab-input:checked + label { background-color: #0B72AB; border: 1px solid #0B72AB; color: #ffffff; } .cart-customer__tab-label { margin-bottom: 10px; display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-size: 11px; font-weight: 600; color: #3E577D; background-color: #F4F6FC; border: 1px solid #F1F3FF; border-radius: 4px; list-style: none; cursor: pointer; } .cart-customer__radio-btn-input { position: absolute; z-index: -1; opacity: 0; } .cart-customer__radio-btn-input + label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .cart-customer__radio-btn-input + label::before { content: ""; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 27px; height: 27px; border: 1px solid #E0E5FF; border-radius: 100%; margin-right: 10px; background-image: url("../img/cart/cart__radio-btn-input.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-customer__radio-btn-input:not(:disabled):not(:checked) + label:hover::before { border: 1px solid #B6C0DA; background-image: url("../img/cart/cart__radio-btn-input--hover.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 15px; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-customer__radio-btn-input:checked + label::before { border: 1px solid #0B72AB; background-image: url("../img/cart/cart-customer__radio-btn-input--active.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: default; } .cart-customer__radio-btn-label { font-weight: 600; font-size: 13px; color: #222830; margin-bottom: 20px; } .cart-customer__radio-btn-content-inner { margin-top: 10px; } @media (min-width: 375px) { .cart-customer__enter a { margin-left: 5px; } } @media (min-width: 768px) { .cart-customer { padding-left: 25px; max-width: none; } .cart-customer__title-inner { margin: 35px 0; } .cart-customer__enter { margin-bottom: 30px; font-size: 15px; } .cart-customer__title { font-size: 18px; } .cart-customer__tabs { margin: 40px 0; } .cart-customer__tab-label { margin-right: 15px; display: inline-block; width: initial; padding: 0 20px; font-size: 13px; } .cart-customer__radio-btn-input + label { display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .cart-customer__radio-btn-label { margin-bottom: 35px; margin-right: 30px; font-weight: 600; font-size: 14px; } } @media (min-width: 1140px) { .cart-customer { padding-left: 100px; } .cart-customer__title-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 50px 0; } .cart-customer__enter { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 5px; margin-bottom: 0; font-size: 18px; } .cart-customer__enter a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-customer__enter a:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-left: 10px; } .cart-customer__enter a:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-customer__title { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 60px; font-size: 24px; } .cart-customer__tabs { margin: 40px 0; } .cart-customer__tab-input { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-customer__tab-input + label:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; background-color: #0B72AB; border: 1px solid #0B72AB; color: #ffffff; } .cart-customer__tab-input + label:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-customer__tabcontent-inner { margin-top: 40px; } .cart-customer__tab-label { margin-right: 35px; padding: 0 23px; height: 45px; line-height: 45px; font-size: 15px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-customer__radio-btn-input + label::before { width: 30px; height: 30px; margin-right: 15px; background-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-customer__radio-btn-input + label:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-customer__radio-btn-input:not(:disabled):not(:checked) + label:hover::before { background-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-customer__radio-btn-input:checked + label::before { background-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-customer__radio-btn-label { margin-right: 50px; font-size: 15px; } } @media (min-width: 1440px) { .cart-customer { padding-left: 140px; } } @media (min-width: 1800px) { .cart-customer { padding-left: 180px; } .cart-customer__title-inner { margin: 55px 0; } .cart-customer__title { margin-right: 65px; font-size: 26px; } .cart-customer__enter { font-size: 21px; } .cart-customer__tabs { margin: 75px 0; } .cart-customer__tabcontent-inner { margin-top: 65px; } .cart-customer__tab-label { height: 60px; font-size: 20px; line-height: 60px; padding: 0 25px; } .cart-customer__radio-btn-input + label::before { width: 40px; height: 40px; margin-right: 20px; background-size: 22px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-customer__radio-btn-input:not(:disabled):not(:checked) + label:hover::before { background-size: 22px; } .cart-customer__radio-btn-input:checked + label::before { background-size: 22px; } .cart-customer__radio-btn-label { margin-right: 65px; font-size: 20px; } } .cart-customer__tabcontent-inner > div { display: none; } #cart-customer-tab-1:checked ~ .cart-customer__tabcontent-inner > div.cart-customer__tabcontent-1, #cart-customer-tab-2:checked ~ .cart-customer__tabcontent-inner > div.cart-customer__tabcontent-2 { display: block; } .cart-customer__radio-btn-content-inner > div { display: none; } #cart-customer-radio-btn-1:checked ~ .cart-customer__radio-btn-content-inner > div.cart-customer__radio-btn-content-1, #cart-customer-radio-btn-2:checked ~ .cart-customer__radio-btn-content-inner > div.cart-customer__radio-btn-content-2 { display: block; } .cart-customer-primary-data__inner { margin: 0; padding: 0 15px; } .cart-customer-primary-data__input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; /* Firefox 19+ */ /* Firefox 18- */ } .cart-customer-primary-data__input:not(:last-child) { margin-bottom: 17px; } .cart-customer-primary-data__input input::-webkit-input-placeholder { color: #5A677B; } .cart-customer-primary-data__input input::-moz-placeholder { color: #5A677B; } .cart-customer-primary-data__input input:-moz-placeholder { color: #5A677B; } .cart-customer-primary-data__input input:-ms-input-placeholder { color: #5A677B; } .cart-customer-primary-data__input-title { margin-bottom: 7px; font-weight: 600; font-size: 13px; color: #222830; } .cart-customer-primary-data__input-field { padding: 0 10px; width: 100%; height: 37px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; } @media (min-width: 425px) { .cart-customer-primary-data__input-field { padding: 0 15px; } } @media (min-width: 768px) { .cart-customer-primary-data { margin: 35px 0 35px 10%; padding: 0; width: 580px; } .cart-customer-primary-data__input { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-customer-primary-data__input:not(:last-child) { margin-bottom: 18px; } .cart-customer-primary-data__input-title { margin-bottom: 0; margin-right: 30px; width: 140px; max-width: 140px; font-size: 15px; text-align: right; } .cart-customer-primary-data__input-field { width: 410px; height: 42px; font-size: 14px; } } @media (min-width: 1140px) { .cart-customer-primary-data { margin: 55px 0 55px 50px; width: 750px; } .cart-customer-primary-data__input:not(:last-child) { margin-bottom: 20px; } .cart-customer-primary-data__input-title { margin-right: 50px; width: 250px; max-width: 250px; font-size: 17px; } .cart-customer-primary-data__input-field { padding: 0 20px; height: 45px; width: 445px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; } .cart-customer-primary-data__input-field:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-customer-primary-data__input-field:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } } @media (min-width: 1800px) { .cart-customer-primary-data { margin: 70px 0 75px 65px; width: 980px; } .cart-customer-primary-data__input:not(:last-child) { margin-bottom: 25px; } .cart-customer-primary-data__input-title { width: 310px; max-width: 310px; margin-right: 65px; font-size: 21px; } .cart-customer-primary-data__input-field { padding: 0 25px; width: 600px; height: 60px; font-size: 20px; } } .cart-customer-organisation-data__inner { margin-bottom: 25px; padding: 0; } .cart-customer-organisation-data__input { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; /* Firefox 19+ */ /* Firefox 18- */ } .cart-customer-organisation-data__input:not(:last-child) { margin-bottom: 17px; } .cart-customer-organisation-data__input input::-webkit-input-placeholder { color: #5A677B; } .cart-customer-organisation-data__input input::-moz-placeholder { color: #5A677B; } .cart-customer-organisation-data__input input:-moz-placeholder { color: #5A677B; } .cart-customer-organisation-data__input input:-ms-input-placeholder { color: #5A677B; } .cart-customer-organisation-data__input-title { margin-bottom: 7px; font-weight: 600; font-size: 13px; color: #222830; } .cart-customer-organisation-data__input-field { padding: 0 10px; width: 100%; height: 37px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; } .cart-customer-organisation-data__input-field--alert { padding: 0 10px; width: 100%; height: 37px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #F73D34; } .cart-customer-organisation-data__input-hint { position: absolute; right: 0; top: 1px; left: 0 !important; margin: 0; text-align: right; font-weight: 600; font-size: 10px; color: #EE7203; width: 100%; max-width: 470px; } .cart-customer-organisation-data__input-hint--alert { position: absolute; right: 0; top: 1px; left: 0 !important; margin: 0; text-align: right; font-weight: 600; font-size: 10px; color: #F73D34; width: 100%; max-width: 470px; } @media (min-width: 375px) { .cart-customer-organisation-data__input-hint { font-size: 11px; } .cart-customer-organisation-data__input-hint--alert { font-size: 10px; } } @media (min-width: 425px) { .cart-customer-organisation-data__input-field { padding: 0 15px; } .cart-customer-organisation-data__input-field--alert { padding: 0 15px; } } @media (min-width: 768px) { .cart-customer-organisation-data { margin: 35px 0 35px 10%; padding: 0; width: 580px; } .cart-customer-organisation-data__input { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-customer-organisation-data__input:not(:last-child) { margin-bottom: 18px; } .cart-customer-organisation-data__input-title { margin-bottom: 0; margin-right: 30px; width: 140px; max-width: 140px; font-size: 15px; text-align: right; } .cart-customer-organisation-data__input-field { width: 410px; height: 42px; font-size: 14px; } .cart-customer-organisation-data__input-field--alert { width: 410px; height: 42px; font-size: 14px; } .cart-customer-organisation-data__input-hint { text-align: left; font-size: 14px; left: 170px !important; top: -25px; } .cart-customer-organisation-data__input-hint--alert { text-align: left; font-size: 14px; left: 170px !important; top: -25px; } } @media (min-width: 1140px) { .cart-customer-organisation-data { margin: 40px 0 55px 50px; width: 750px; } .cart-customer-organisation-data__input:not(:last-child) { margin-bottom: 20px; } .cart-customer-organisation-data__input-title { margin-right: 50px; width: 250px; max-width: 250px; font-size: 17px; } .cart-customer-organisation-data__input-field { padding: 0 20px; height: 45px; width: 445px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; } .cart-customer-organisation-data__input-field:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-customer-organisation-data__input-field:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-customer-organisation-data__input-field--alert { padding: 0 20px; height: 45px; width: 445px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #F73D34; } .cart-customer-organisation-data__input-field--alert:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #F73D34; border: 1px solid #F73D34; } .cart-customer-organisation-data__input-field--alert:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #F73D34; border: 1px solid #F73D34; } .cart-customer-organisation-data__input-hint { left: 300px !important; cursor: default; } .cart-customer-organisation-data__input-hint--alert { left: 300px !important; cursor: default; } } @media (min-width: 1440px) { .cart-customer-organisation-data__input-hint { left: 300px !important; font-size: 15px; } } @media (min-width: 1800px) { .cart-customer-organisation-data { margin: 70px 0 75px 65px; width: 980px; } .cart-customer-organisation-data__input:not(:last-child) { margin-bottom: 25px; } .cart-customer-organisation-data__input-title { width: 310px; max-width: 310px; margin-right: 65px; font-size: 21px; } .cart-customer-organisation-data__input-field { padding: 0 25px; width: 600px; height: 60px; font-size: 20px; } .cart-customer-organisation-data__input-field--alert { padding: 0 25px; width: 600px; height: 60px; font-size: 20px; } .cart-customer-organisation-data__input-hint { left: 375px !important; max-width: 100%; font-size: 20px; } } .cart-customer-payment-details-data { margin-top: 45px; } .cart-customer-payment-details-data__inner { margin: 0 0 15px 0; padding: 0; margin-top: 15px; } .cart-customer-payment-details-data__input { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; /* Firefox 19+ */ /* Firefox 18- */ /* Firefox 19+ */ /* Firefox 18- */ } .cart-customer-payment-details-data__input:not(:last-child) { margin-bottom: 17px; } .cart-customer-payment-details-data__input input::-webkit-input-placeholder { color: #5A677B; } .cart-customer-payment-details-data__input input::-moz-placeholder { color: #5A677B; } .cart-customer-payment-details-data__input input:-moz-placeholder { color: #5A677B; } .cart-customer-payment-details-data__input input:-ms-input-placeholder { color: #5A677B; } .cart-customer-payment-details-data__input textarea::-webkit-input-placeholder { color: #5A677B; } .cart-customer-payment-details-data__input textarea::-moz-placeholder { color: #5A677B; } .cart-customer-payment-details-data__input textarea:-moz-placeholder { color: #5A677B; } .cart-customer-payment-details-data__input textarea:-ms-input-placeholder { color: #5A677B; } .cart-customer-payment-details-data__input-title { margin-bottom: 7px; font-weight: 600; font-size: 13px; color: #222830; } .cart-customer-payment-details-data__input-field { padding: 0 10px; width: 100%; height: 37px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; } .cart-customer-payment-details-data__input-field--alert { padding: 0 10px; width: 100%; height: 37px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #F73D34; } .cart-customer-payment-details-data__input-hint { position: absolute; right: 0; top: 1px; left: 0 !important; margin: 0; text-align: right; font-weight: 600; font-size: 10px; color: #EE7203; width: 100%; max-width: 470px; } .cart-customer-payment-details-data__input-hint--alert { position: absolute; right: 0; top: 1px; left: 0 !important; margin: 0; text-align: right; font-weight: 600; font-size: 10px; color: #F73D34; width: 100%; max-width: 470px; } .cart-customer-payment-details-data__input-textarea { padding: 10px; width: 100%; height: 150px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; resize: none; } @media (min-width: 375px) { .cart-customer-payment-details-data__input-hint { font-size: 11px; } .cart-customer-payment-details-data__input-hint--alert { font-size: 10px; } .cart-customer-payment-details-data__input-textarea { height: 170px; } } @media (min-width: 425px) { .cart-customer-payment-details-data__input-field { padding: 0 15px; } .cart-customer-payment-details-data__input-field--alert { padding: 0 15px; } .cart-customer-payment-details-data__input-textarea { padding: 10px 15px; } } @media (min-width: 768px) { .cart-customer-payment-details-data { margin: 35px 0 17px 10%; padding: 0; width: 580px; } .cart-customer-payment-details-data__input { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cart-customer-payment-details-data__input:not(:last-child) { margin-bottom: 18px; } .cart-customer-payment-details-data__input-title { padding-top: 10px; margin-bottom: 0; margin-right: 30px; width: 140px; max-width: 140px; font-size: 15px; text-align: right; } .cart-customer-payment-details-data__input-field { width: 410px; height: 42px; font-size: 14px; } .cart-customer-payment-details-data__input-field--alert { width: 410px; height: 42px; font-size: 14px; } .cart-customer-payment-details-data__input-hint { text-align: left; font-size: 14px; left: 170px !important; top: -25px; } .cart-customer-payment-details-data__input-hint--alert { text-align: left; font-size: 14px; left: 170px !important; top: -25px; } .cart-customer-payment-details-data__input-textarea { width: 410px; height: 180px; font-size: 14px; } } @media (min-width: 1140px) { .cart-customer-payment-details-data { margin: 55px 0 25px 50px; width: 750px; } .cart-customer-payment-details-data__inner { margin: 15px 0 15px 0; } .cart-customer-payment-details-data__input:not(:last-child) { margin-bottom: 20px; } .cart-customer-payment-details-data__input-title { margin-right: 50px; width: 250px; max-width: 250px; font-size: 17px; } .cart-customer-payment-details-data__input-field { padding: 0 20px; height: 45px; width: 445px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; } .cart-customer-payment-details-data__input-field:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-customer-payment-details-data__input-field:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-customer-payment-details-data__input-field--alert { padding: 0 20px; height: 45px; width: 445px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #F73D34; } .cart-customer-payment-details-data__input-field--alert:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #F73D34; border: 1px solid #F73D34; } .cart-customer-payment-details-data__input-field--alert:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #F73D34; border: 1px solid #F73D34; } .cart-customer-payment-details-data__input-textarea { height: 155px; width: 445px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; } .cart-customer-payment-details-data__input-textarea:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-customer-payment-details-data__input-textarea:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-customer-payment-details-data__input-hint { left: 190px !important; cursor: default; } .cart-customer-payment-details-data__input-hint--alert { left: 190px !important; cursor: default; } } @media (min-width: 1440px) { .cart-customer-payment-details-data__input-hint { left: 300px; font-size: 15px; } } @media (min-width: 1800px) { .cart-customer-payment-details-data { margin: 70px 0 25px 65px; width: 980px; } .cart-customer-payment-details-data__input:not(:last-child) { margin-bottom: 25px; } .cart-customer-payment-details-data__input-title { width: 310px; max-width: 310px; margin-right: 65px; font-size: 21px; } .cart-customer-payment-details-data__input-field { padding: 0 25px; width: 600px; height: 60px; font-size: 20px; } .cart-customer-payment-details-data__input-field--alert { padding: 0 25px; width: 600px; height: 60px; font-size: 20px; } .cart-customer-payment-details-data__input-textarea { padding: 15px 25px; width: 600px; height: 210px; font-size: 20px; } .cart-customer-payment-details-data__input-hint { left: 205px !important; font-size: 20px; } } .cart-customer-next-step-btn { margin: 15px 0; padding: 10px 15px; height: 65px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); } .cart-customer-next-step-btn__text { text-transform: uppercase; font-weight: bold; font-size: 10px; color: #ffffff; } .cart-customer-next-step-btn__icon { width: 30px; height: 30px; background-image: url("../img/catalog/catalog-next-step-btn-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-customer-next-step-btn__icon--disabled { width: 30px; height: 30px; background-image: url("../img/cart/cart-next-step-btn-icon--disabled.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-customer-next-step-btn--disabled { margin: 15px 0; padding: 10px 15px; height: 65px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; position: relative; } .cart-customer-next-step-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 10px; color: #ffffff; } @media (min-width: 375px) { .cart-customer-next-step-btn { padding: 10px 20px; } .cart-customer-next-step-btn__text { font-size: 12px; } .cart-customer-next-step-btn--disabled { margin: 15px 0; padding: 10px 20px; height: 65px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; } .cart-customer-next-step-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 12px; color: #ffffff; } } @media (min-width: 768px) { .cart-customer-next-step-btn { width: 410px; margin: 0; } .cart-customer-next-step-btn__inner { margin: 0; width: 580px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cart-customer-next-step-btn__text { font-size: 14px; } .cart-customer-next-step-btn__icon { width: 33px; height: 33px; } .cart-customer-next-step-btn__icon--disabled { width: 33px; height: 33px; background-image: url(../img/cart/cart-next-step-btn-icon--disabled.svg); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-customer-next-step-btn--disabled { margin: 0; padding: 10px 15px; height: 65px; width: 410px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; } .cart-customer-next-step-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #ffffff; } } @media (min-width: 1140px) { .cart-customer-next-step-btn { width: 445px; height: 75px; padding: 10px 25px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-size: 300% 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .cart-customer-next-step-btn:hover { background-position: 100% 0; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-customer-next-step-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-customer-next-step-btn__text { font-size: 15px; } .cart-customer-next-step-btn__icon { width: 38px; height: 38px; } .cart-customer-next-step-btn__icon--disabled { width: 38px; height: 38px; background-image: url(../img/cart/cart-next-step-btn-icon--disabled.svg); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-customer-next-step-btn__inner { margin: 0; width: 747px; } .cart-customer-next-step-btn--disabled { margin: 0; padding: 10px 25px; height: 65px; width: 445px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; cursor: not-allowed; } .cart-customer-next-step-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 15px; color: #ffffff; } .cart-customer-next-step-btn--disabled-tip { position: absolute; display: block; visibility: hidden; opacity: 0; left: 110px; bottom: 75px; width: 240px; height: auto; background-color: #ffffff; padding: 5px 7px; font-size: 10px; color: #000000; -webkit-box-shadow: 1px 1px 5.5px 1px #c8c8c8; box-shadow: 1px 1px 5.5px 1px #c8c8c8; pointer-events: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-customer-next-step-btn--disabled-tip:after { content: ""; position: absolute; width: 0; height: 0; left: 50%; bottom: -moz-calc(0% - 9px); bottom: calc(0% - 9px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; } } @media (min-width: 1800px) { .cart-customer-next-step-btn { width: 600px; height: 95px; padding: 10px 35px; } .cart-customer-next-step-btn__inner { width: 977px; } .cart-customer-next-step-btn__text { font-size: 20px; } .cart-customer-next-step-btn__icon { width: 45px; height: 45px; } .cart-customer-next-step-btn__icon--disabled { width: 45px; height: 45px; background-image: url(../img/cart/cart-next-step-btn-icon--disabled.svg); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-customer-next-step-btn--disabled { margin: 0; padding: 10px 35px; height: 95px; width: 600px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; } .cart-customer-next-step-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 20px; color: #ffffff; } } .cart-payment { margin: 0 auto 75px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cart-payment__title { padding: 0 15px; margin: 20px auto 15px; max-width: 500px; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #041224; } .cart-payment__tabs { padding: 0 15px; margin: 25px auto; max-width: 500px; } .cart-payment__tabcontent-inner { margin-top: 35px; } .cart-payment__tab-input { display: none; } .cart-payment__tab-input:checked + label { background-color: #0B72AB; border: 1px solid #0B72AB; color: #ffffff; } .cart-payment__tab-label { margin-bottom: 10px; display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-size: 11px; font-weight: 600; color: #3E577D; background-color: #F4F6FC; border: 1px solid #F1F3FF; border-radius: 4px; list-style: none; cursor: pointer; } .cart-payment__option-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; } .cart-payment__option-info-title { margin-bottom: 7px; font-weight: 600; font-size: 13px; color: #222830; } .cart-payment__option-info-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 10px; width: 100%; height: 170px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; background-color: #F4F6FC; resize: none; overflow: hidden; } .cart-payment__option-info-wrapper--active { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 10px; width: 100%; height: 170px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 2px solid #1DA510; background-color: #F4F6FC; resize: none; overflow: hidden; } .cart-payment__option-info-pic img { width: 80px; margin-left: 15px; } .cart-payment__option-info-text { text-transform: uppercase; font-size: 14px; margin-left: 15px; color: #222830; } .cart-payment__select-btn { position: relative; height: 50px; margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; background-color: #F4F6FC; } .cart-payment__select-btn label { width: 100%; height: 100%; font-weight: 600; font-size: 14px; color: #222830; } .cart-payment__select-btn-radio { position: absolute; z-index: -1; opacity: 0; } .cart-payment__select-btn-radio + label { padding-left: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .cart-payment__select-btn-radio + label::before { content: ""; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 27px; height: 27px; background-color: #ffffff; border: 1px solid #E0E5FF; border-radius: 100%; margin-right: 10px; background-image: url("../img/cart/cart__radio-btn-input.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 16px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-payment__select-btn-radio:not(:disabled):not(:checked) + label:hover::before { border: 1px solid #B6C0DA; background-image: url("../img/cart/cart__radio-btn-input--hover.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 16px; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-payment__select-btn-radio:checked + label::before { border: 1px solid #1DA510; background-image: url("../img/cart/cart-payment__radio-btn--active.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 16px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: default; } @media (min-width: 425px) { .cart-payment__option-info-wrapper { padding: 10px 15px; } } @media (min-width: 768px) { .cart-payment { margin: 0; } .cart-payment__title { margin: 35px 25px 25px; padding: 0; font-size: 18px; } .cart-payment__tabs { margin: 30px auto; padding: 0 25px; max-width: none; } .cart-payment__tab-wrapper { max-height: 65px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 25px; } .cart-payment__tabcontent-inner { margin-top: 40px; } .cart-payment__tab-label { margin-right: 0; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32.9%; height: 42px; line-height: 42px; } .cart-payment__tab-label:last-child { margin-right: 0; } .cart-payment__option { max-width: 400px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .cart-payment__option-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .cart-payment__option-info-title { margin-bottom: 10px; font-size: 15px; } .cart-payment__option-info-wrapper { height: 220px; font-size: 14px; padding: 10px 20px; } } @media (min-width: 1140px) { .cart-payment { margin: 0 auto 175px; } .cart-payment__title { font-size: 24px; } .cart-payment__tabs { margin: 10px auto; } .cart-payment__tabcontent-inner { margin-top: 45px; } .cart-payment__tab-input + label:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; background-color: #0B72AB; border: 1px solid #0B72AB; color: #ffffff; } .cart-payment__tab-input + label:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-payment__tab-label { height: 50px; line-height: 50px; font-size: 14px; margin-right: 0; width: 33%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-payment__option { min-width: 400px; max-width: 450px; } .cart-payment__option-info-title { font-size: 17px; margin-bottom: 13px; } .cart-payment__option-info-wrapper { height: 200px; font-size: 15px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; outline: 1px solid #ffffff; } .cart-payment__option-info-pic img { width: 185px; margin-left: 15px; } .cart-payment__option-info-text { font-size: 16px; } .cart-payment__select-btn { height: 60px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; cursor: pointer; } .cart-payment__select-btn:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-color: #E3E8F6; } .cart-payment__select-btn label { font-size: 15px; } .cart-payment__select-btn-radio { padding-left: 25px; } .cart-payment__select-btn-radio + label { padding-left: 20px; } .cart-payment__select-btn-radio + label::before { width: 33px; height: 33px; margin-right: 15px; background-size: 17px; } .cart-payment__select-btn-radio:not(:disabled):not(:checked) + label:hover::before { background-size: 17px; } .cart-payment__select-btn-radio:checked + label::before { background-size: 17px; } } @media (min-width: 1440px) { .cart-payment__title { margin: 35px 45px 25px; } .cart-payment__tabs { padding: 0 45px; } .cart-payment__tabcontent-inner { margin-top: 60px; } .cart-payment__tab-label { height: 55px; line-height: 55px; font-size: 16px; width: 33.1%; } .cart-payment__option { min-width: 450px; max-width: 600px; } .cart-payment__select-btn label { font-size: 16px; } .cart-payment__select-btn-radio + label::before { width: 35px; height: 35px; background-size: 19px; } .cart-payment__select-btn-radio:not(:disabled):not(:checked) + label:hover::before { background-size: 19px; } .cart-payment__select-btn-radio:checked + label::before { background-size: 19px; } } @media (min-width: 1800px) { .cart-payment__title { font-size: 26px; } .cart-payment__tabcontent-inner { margin-top: 50px; } .cart-payment__tab-label { height: 65px; line-height: 65px; font-size: 20px; width: 33.17%; } .cart-payment__option { -webkit-box-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; min-width: 500px; max-width: 600px; } .cart-payment__option-info-title { font-size: 21px; margin-bottom: 20px; } .cart-payment__option-info-wrapper { padding: 12px 20px; font-size: 20px; height: 250px; } .cart-payment__select-btn { height: 70px; margin-top: 30px; } .cart-payment__select-btn label { font-size: 20px; } .cart-payment__select-btn-radio + label::before { width: 40px; height: 40px; margin-right: 20px; background-size: 22px; } .cart-payment__select-btn-radio:not(:disabled):not(:checked) + label:hover::before { background-size: 22px; } .cart-payment__select-btn-radio:checked + label::before { background-size: 22px; } } .cart-payment__tabcontent-inner > div { display: none; } #cart-payment-tab-1:checked ~ .cart-payment__tabcontent-inner > div.cart-payment__tabcontent-1, #cart-payment-tab-2:checked ~ .cart-payment__tabcontent-inner > div.cart-payment__tabcontent-2, #cart-payment-tab-3:checked ~ .cart-payment__tabcontent-inner > div.cart-payment__tabcontent-3, #cart-payment-tab-4:checked ~ .cart-payment__tabcontent-inner > div.cart-payment__tabcontent-4 { display: block; } .cart-payment-info { padding: 15px 15px 15px 10px; margin: 35px 0 25px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; background-color: #F4F6FC; border-radius: 4px; border: 1px solid #F4F6FC; } .cart-payment-info__description { -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; margin-left: 7px; max-height: 250px; overflow: hidden; } .cart-payment-info__description p { margin: 0 0 9px 0; font-weight: 600; font-size: 10px; color: #092958; } .cart-payment-info__description p:last-child { margin: 0; } @media (min-width: 375px) { .cart-payment-info { padding: 15px; } .cart-payment-info__description { max-width: none; } .cart-payment-info__description p { font-size: 11px; } } @media (min-width: 768px) { .cart-payment-info { padding: 15px 15px 35px 15px; margin: 30px 0 0 15px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .cart-payment-info__description { margin-left: 10px; } .cart-payment-info__description p { margin: 0 0 14px 0; font-size: 12px; } } @media (min-width: 1140px) { .cart-payment-info { min-height: 200px; padding: 20px 25px 20px 15px; margin: 35px 0 0 25px; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .cart-payment-info__description p { margin: 0 0 20px 0; font-size: 16px; } } @media (min-width: 1800px) { .cart-payment-info { min-height: 250px; min-width: 600px; padding: 20px 35px 20px 20px; margin: 50px 0 0 35px; } .cart-payment-info__description p { font-size: 18px; } } .cart-payment-next-step-btn { margin: 25px 0; padding: 10px 15px; height: 65px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); } .cart-payment-next-step-btn__text { text-transform: uppercase; font-weight: bold; font-size: 10px; color: #ffffff; } .cart-payment-next-step-btn__icon { width: 30px; height: 30px; background-image: url("../img/catalog/catalog-next-step-btn-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-payment-next-step-btn__inner { margin: auto; max-width: 500px; } @media (min-width: 375px) { .cart-payment-next-step-btn { padding: 10px 20px; } .cart-payment-next-step-btn__text { font-size: 12px; } } @media (min-width: 768px) { .cart-payment-next-step-btn { margin: 30px 0 0 200px; width: 380px; } .cart-payment-next-step-btn--nopaymentDetails { margin: 30px 0 0 0; width: 400px; } .cart-payment-next-step-btn__inner { max-width: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-payment-next-step-btn__text { font-size: 14px; } .cart-payment-next-step-btn__icon { width: 33px; height: 33px; } } @media (min-width: 1140px) { .cart-payment-next-step-btn { width: 445px; height: 75px; padding: 10px 25px; margin: 30px 0 0 191px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-size: 300% 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .cart-payment-next-step-btn--nopaymentDetails { margin: 30px 0 0 0; width: 400px; } .cart-payment-next-step-btn__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cart-payment-next-step-btn:hover { background-position: 100% 0; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-payment-next-step-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-payment-next-step-btn__text { font-size: 15px; } .cart-payment-next-step-btn__icon { width: 38px; height: 38px; } } @media (min-width: 1800px) { .cart-payment-next-step-btn { width: 530px; height: 95px; padding: 10px 30px; margin: 50px 0 30px 275px; } .cart-payment-next-step-btn--nopaymentDetails { margin: 50px 0 30px 70px; width: 530px; } .cart-payment-next-step-btn__inner { margin: 0; } .cart-payment-next-step-btn__text { font-size: 20px; } .cart-payment-next-step-btn__icon { width: 45px; height: 45px; } } .cart-payment-error { width: 100%; margin: 35px 0 30px 0; background-color: #F4F6FC; border-radius: 4px; } .cart-payment-error__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 15px; } .cart-payment-error__picture { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 120px; } .cart-payment-error__picture img { width: 100%; height: 100%; } .cart-payment-error__description-inner { margin-left: 15px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; } .cart-payment-error__description { line-height: 10px; text-transform: uppercase; font-size: 7px; font-weight: bold; color: #041224; } .cart-payment-error__description:not(:last-child) { margin-bottom: 10px; } .cart-payment-error__description a { margin-left: 3px; padding-bottom: 1px; display: inline-block; color: #EE7203; background-image: url("../img/cart/cart-payment-error-link.svg"); background-repeat: repeat-x; background-size: 3px; background-position: left bottom; text-decoration: none; } @media (min-width: 375px) { .cart-payment-error__description { font-size: 9px; line-height: 15px; } } @media (min-width: 425px) { .cart-payment-error__description-inner { margin-left: 20px; } } @media (min-width: 768px) { .cart-payment-error { margin: 50px 0 40px 0; } .cart-payment-error__inner { padding: 30px 45px 45px 35px; } .cart-payment-error__picture { min-width: 150px; } .cart-payment-error__description { font-size: 14px; line-height: 30px; } .cart-payment-error__description:not(:last-child) { margin-bottom: 15px; } .cart-payment-error__description a { padding-bottom: 0; background-size: 6px; } } @media (min-width: 1024px) { .cart-payment-error { width: auto; margin: 50px 10px 55px 10px; border-radius: 4px; } .cart-payment-error__inner { padding: 40px 80px 45px 80px; } .cart-payment-error__picture { max-width: 185px; } .cart-payment-error__description-inner { margin-left: 35px; } .cart-payment-error__description { font-size: 18px; } .cart-payment-error__description:not(:last-child) { margin-bottom: 25px; } .cart-payment-error__description a { margin-left: 10px; padding-bottom: 3px; background-size: 8px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-payment-error__description a:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-left: 15px; } .cart-payment-error__description a:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } } @media (min-width: 1440px) { .cart-payment-error { margin: 60px 15px 50px 15px; } .cart-payment-error__inner { padding: 40px 65px 45px 120px; } .cart-payment-error__description-inner { margin-left: 50px; } } @media (min-width: 1800px) { .cart-payment-error { border-radius: 5px; } .cart-payment-error__inner { padding: 45px 100px 55px 150px; } .cart-payment-error__picture { min-width: 240px; } .cart-payment-error__description-inner { margin-left: 60px; } .cart-payment-error__description { font-size: 22px; } .cart-payment-error__description:not(:last-child) { margin-bottom: 40px; } .cart-payment-error__description a { padding-bottom: 8px; background-size: 10px; } } .cart-delivery { margin: 0; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cart-delivery__title { padding: 0 15px; margin: 20px auto 15px; max-width: 500px; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #041224; } .cart-delivery__tabs { padding: 0 15px; margin: 0 auto 15px; max-width: 500px; } .cart-delivery__tabcontent-inner { margin-top: 35px; } .cart-delivery__tab-input { display: none; } .cart-delivery__tab-input:checked + label { background-color: #0B72AB; border: 1px solid #0B72AB; color: #ffffff; } .cart-delivery__tab-label { margin-bottom: 10px; display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-size: 11px; font-weight: 600; color: #3E577D; background-color: #F4F6FC; border: 1px solid #F1F3FF; border-radius: 4px; list-style: none; cursor: pointer; } .cart-delivery__option-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; } .cart-delivery__option-info-title { margin-bottom: 7px; font-weight: 600; font-size: 13px; color: #222830; } .cart-delivery__option-info-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 10px; width: 100%; height: 170px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; background-color: #F4F6FC; resize: none; overflow: hidden; } .cart-delivery__option-info-wrapper--active { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 10px; width: 100%; height: 170px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 2px solid #1DA510; background-color: #F4F6FC; resize: none; overflow: hidden; } .cart-delivery__option-info-pic img { width: 80px; margin-left: 15px; } .cart-delivery__option-info-text { text-transform: uppercase; font-size: 14px; margin-left: 15px; color: #222830; } .cart-delivery__option-info-payment-text { text-transform: uppercase; font-size: 12px; margin-left: 15px; color: #222830; } .cart-delivery__option-info-payment-text span { color: #EE7203; font-weight: bold; } .cart-delivery__select-btn { position: relative; height: 50px; margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; background-color: #F4F6FC; } .cart-delivery__select-btn label { width: 100%; height: 100%; font-weight: 600; font-size: 14px; color: #222830; } .cart-delivery__select-btn-radio { position: absolute; z-index: -1; opacity: 0; } .cart-delivery__select-btn-radio + label { padding-left: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .cart-delivery__select-btn-radio + label::before { content: ""; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 27px; height: 27px; background-color: #ffffff; border: 1px solid #E0E5FF; border-radius: 100%; margin-right: 10px; background-image: url("../img/cart/cart__radio-btn-input.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 16px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-delivery__select-btn-radio:not(:disabled):not(:checked) + label:hover::before { border: 1px solid #B6C0DA; background-image: url("../img/cart/cart__radio-btn-input--hover.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 16px; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-delivery__select-btn-radio:checked + label::before { border: 1px solid #1DA510; background-image: url("../img/cart/cart-payment__radio-btn--active.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background-size: 16px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: default; } @media (min-width: 425px) { .cart-delivery__option-info-wrapper { padding: 10px 15px; } } @media (min-width: 768px) { .cart-delivery { margin: 0; } .cart-delivery__title { margin: 35px 25px 25px; padding: 0; font-size: 18px; } .cart-delivery__tabs { margin: 30px auto; padding: 0 25px; max-width: none; } .cart-delivery__tabcontent-inner { margin-top: 40px; } .cart-delivery__tab-label { margin-right: 0; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32.9%; height: 42px; line-height: 42px; } .cart-delivery__tab-label:last-child { margin-right: 0; } .cart-delivery__option { max-width: 400px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .cart-delivery__option-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 55px; } .cart-delivery__option-info-title { margin-bottom: 10px; font-size: 15px; } .cart-delivery__option-info-wrapper { height: 220px; font-size: 14px; padding: 10px 20px; } } @media (min-width: 1140px) { .cart-delivery { margin: 0; } .cart-delivery__title { font-size: 24px; } .cart-delivery__tabs { margin: 10px auto; } .cart-delivery__tabcontent-inner { margin-top: 45px; } .cart-delivery__tab-input + label:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; background-color: #0B72AB; border: 1px solid #0B72AB; color: #ffffff; } .cart-delivery__tab-input + label:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-delivery__tab-label { height: 50px; line-height: 50px; font-size: 14px; margin-right: 0; width: 33%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-delivery__option { min-width: 400px; max-width: 450px; } .cart-delivery__option-info-title { font-size: 17px; margin-bottom: 13px; } .cart-delivery__option-info-wrapper { height: 200px; font-size: 15px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; outline: 1px solid #ffffff; } .cart-delivery__option-info-pic img { width: 100px; margin-left: 15px; } .cart-delivery__option-info-text { font-size: 16px; } .cart-delivery__option-info-payment-text { font-size: 14px; } .cart-delivery__select-btn { height: 60px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; cursor: pointer; } .cart-delivery__select-btn:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background-color: #E3E8F6; } .cart-delivery__select-btn label { font-size: 15px; } .cart-delivery__select-btn-radio { padding-left: 25px; } .cart-delivery__select-btn-radio + label { padding-left: 20px; } .cart-delivery__select-btn-radio + label::before { width: 33px; height: 33px; margin-right: 15px; background-size: 17px; } .cart-delivery__select-btn-radio:not(:disabled):not(:checked) + label:hover::before { background-size: 17px; } .cart-delivery__select-btn-radio:checked + label::before { background-size: 17px; } } @media (min-width: 1440px) { .cart-delivery__title { margin: 35px 45px 25px; } .cart-delivery__tabs { padding: 0 45px; } .cart-delivery__tabcontent-inner { margin-top: 60px; } .cart-delivery__tab-label { height: 55px; line-height: 55px; font-size: 16px; width: 33.1%; } .cart-delivery__option { min-width: 450px; max-width: 600px; } .cart-delivery__select-btn label { font-size: 16px; } .cart-delivery__select-btn-radio + label::before { width: 35px; height: 35px; background-size: 19px; } .cart-delivery__select-btn-radio:not(:disabled):not(:checked) + label:hover::before { background-size: 19px; } .cart-delivery__select-btn-radio:checked + label::before { background-size: 19px; } } @media (min-width: 1800px) { .cart-delivery__title { font-size: 26px; } .cart-delivery__tabcontent-inner { margin-top: 50px; } .cart-delivery__tab-label { height: 65px; line-height: 65px; font-size: 20px; width: 33.17%; } .cart-delivery__option { -webkit-box-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; min-width: 500px; max-width: 600px; } .cart-delivery__option-info-title { font-size: 21px; margin-bottom: 20px; } .cart-delivery__option-info-wrapper { padding: 12px 20px; font-size: 20px; height: 250px; } .cart-delivery__select-btn { height: 70px; margin-top: 30px; } .cart-delivery__select-btn label { font-size: 20px; } .cart-delivery__select-btn-radio + label::before { width: 40px; height: 40px; margin-right: 20px; background-size: 22px; } .cart-delivery__select-btn-radio:not(:disabled):not(:checked) + label:hover::before { background-size: 22px; } .cart-delivery__select-btn-radio:checked + label::before { background-size: 22px; } } .cart-delivery__tabcontent-inner > div { display: none; } #cart-delivery-tab-1:checked ~ .cart-delivery__tabcontent-inner > div.cart-delivery__tabcontent-1, #cart-delivery-tab-2:checked ~ .cart-delivery__tabcontent-inner > div.cart-delivery__tabcontent-2, #cart-delivery-tab-3:checked ~ .cart-delivery__tabcontent-inner > div.cart-delivery__tabcontent-3, #cart-delivery-tab-4:checked ~ .cart-delivery__tabcontent-inner > div.cart-delivery__tabcontent-4 { display: block; } .cart-delivery-info { padding: 15px 15px 15px 10px; margin: 35px 0 25px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; background-color: #F4F6FC; border-radius: 4px; border: 1px solid #F4F6FC; } .cart-delivery-info__description { -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; margin-left: 7px; max-height: 250px; overflow: hidden; } .cart-delivery-info__description p { margin: 0 0 9px 0; font-weight: 600; font-size: 10px; color: #092958; } .cart-delivery-info__description p:last-child { margin: 0; } @media (min-width: 375px) { .cart-delivery-info { padding: 15px; } .cart-delivery-info__description { max-width: none; } .cart-delivery-info__description p { font-size: 11px; } } @media (min-width: 768px) { .cart-delivery-info { padding: 15px 15px 35px 15px; margin: 30px 0 0 15px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .cart-delivery-info__description { margin-left: 10px; } .cart-delivery-info__description p { margin: 0 0 14px 0; font-size: 12px; } } @media (min-width: 1140px) { .cart-delivery-info { min-height: 200px; padding: 20px 25px 20px 15px; margin: 35px 0 0 25px; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .cart-delivery-info__description p { margin: 0 0 20px 0; font-size: 16px; } } @media (min-width: 1800px) { .cart-delivery-info { min-height: 250px; min-width: 600px; padding: 20px 35px 20px 20px; margin: 50px 0 0 35px; } .cart-delivery-info__description p { font-size: 18px; } } .cart-delivery-next-step-btn { margin: 25px 0; padding: 10px 15px; height: 65px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); } .cart-delivery-next-step-btn__text { text-transform: uppercase; font-weight: bold; font-size: 10px; color: #ffffff; } .cart-delivery-next-step-btn__icon { width: 30px; height: 30px; background-image: url("../img/catalog/catalog-next-step-btn-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-delivery-next-step-btn__inner { max-width: 500px; } @media (min-width: 375px) { .cart-delivery-next-step-btn { padding: 10px 20px; } .cart-delivery-next-step-btn__text { font-size: 12px; } } @media (min-width: 768px) { .cart-delivery-next-step-btn { margin: 0; width: 380px; } .cart-delivery-next-step-btn__inner { max-width: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-delivery-next-step-btn__text { font-size: 14px; } .cart-delivery-next-step-btn__icon { width: 33px; height: 33px; } } @media (min-width: 1140px) { .cart-delivery-next-step-btn { width: 445px; height: 75px; padding: 10px 25px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-size: 300% 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .cart-delivery-next-step-btn:hover { background-position: 100% 0; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-delivery-next-step-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-delivery-next-step-btn__text { font-size: 15px; } .cart-delivery-next-step-btn__icon { width: 38px; height: 38px; } } @media (min-width: 1800px) { .cart-delivery-next-step-btn { width: 530px; height: 95px; padding: 10px 30px; margin: 0; } .cart-delivery-next-step-btn__inner { margin: 0; } .cart-delivery-next-step-btn__text { font-size: 20px; } .cart-delivery-next-step-btn__icon { width: 45px; height: 45px; } } .cart-delivery-error { width: 100%; margin: 35px 0 30px 0; background-color: #F4F6FC; border-radius: 4px; } .cart-delivery-error__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 15px; } .cart-delivery-error__picture { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 120px; } .cart-delivery-error__picture img { width: 100%; height: 100%; } .cart-delivery-error__description-inner { margin-left: 15px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; } .cart-delivery-error__description { line-height: 10px; text-transform: uppercase; font-size: 7px; font-weight: bold; color: #041224; } .cart-delivery-error__description:not(:last-child) { margin-bottom: 10px; } .cart-delivery-error__description a { margin-left: 3px; padding-bottom: 1px; display: inline-block; color: #EE7203; background-image: url("../img/cart/cart-delivery-error-link.svg"); background-repeat: repeat-x; background-size: 3px; background-position: left bottom; text-decoration: none; } @media (min-width: 375px) { .cart-delivery-error__description { font-size: 9px; line-height: 15px; } } @media (min-width: 425px) { .cart-delivery-error__description-inner { margin-left: 20px; } } @media (min-width: 768px) { .cart-delivery-error { margin: 50px 0 40px 0; } .cart-delivery-error__inner { padding: 30px 45px 45px 35px; } .cart-delivery-error__picture { min-width: 150px; } .cart-delivery-error__description { font-size: 14px; line-height: 30px; } .cart-delivery-error__description:not(:last-child) { margin-bottom: 15px; } .cart-delivery-error__description a { padding-bottom: 0; background-size: 6px; } } @media (min-width: 1024px) { .cart-delivery-error { width: auto; margin: 50px 10px 55px 10px; border-radius: 4px; } .cart-delivery-error__inner { padding: 40px 80px 45px 80px; } .cart-delivery-error__picture { max-width: 185px; } .cart-delivery-error__description-inner { margin-left: 35px; } .cart-delivery-error__description { font-size: 18px; } .cart-delivery-error__description:not(:last-child) { margin-bottom: 25px; } .cart-delivery-error__description a { margin-left: 10px; padding-bottom: 3px; background-size: 8px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-delivery-error__description a:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-left: 15px; } .cart-delivery-error__description a:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } } @media (min-width: 1440px) { .cart-delivery-error { margin: 60px 15px 50px 15px; } .cart-delivery-error__inner { padding: 40px 65px 45px 120px; } .cart-delivery-error__description-inner { margin-left: 50px; } } @media (min-width: 1800px) { .cart-delivery-error { border-radius: 5px; } .cart-delivery-error__inner { padding: 45px 100px 55px 150px; } .cart-delivery-error__picture { min-width: 240px; } .cart-delivery-error__description-inner { margin-left: 60px; } .cart-delivery-error__description { font-size: 22px; } .cart-delivery-error__description:not(:last-child) { margin-bottom: 40px; } .cart-delivery-error__description a { padding-bottom: 8px; background-size: 10px; } } .cart-delivery-primary-data { margin: 25px 0; padding: 0 15px; display: none; } .cart-delivery-primary-data__inner { margin: 0; padding: 0; } .cart-delivery-primary-data__title { display: none; max-width: 500px; text-transform: uppercase; font-size: 17px; font-weight: 600; color: #041224; } .cart-delivery-primary-data__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cart-delivery-primary-data__input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; /* Firefox 19+ */ /* Firefox 18- */ } .cart-delivery-primary-data__input:not(:last-child) { margin-bottom: 17px; } .cart-delivery-primary-data__input input::-webkit-input-placeholder { color: #5A677B; } .cart-delivery-primary-data__input input::-moz-placeholder { color: #5A677B; } .cart-delivery-primary-data__input input:-moz-placeholder { color: #5A677B; } .cart-delivery-primary-data__input input:-ms-input-placeholder { color: #5A677B; } .cart-delivery-primary-data__input-title { margin-bottom: 7px; font-weight: 600; font-size: 13px; color: #222830; } .cart-delivery-primary-data__input-field { padding: 0 10px; width: 100%; height: 37px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; } @media (min-width: 425px) { .cart-delivery-primary-data__input-field { padding: 0 15px; } } @media (min-width: 768px) { .cart-delivery-primary-data { margin: 35px 0 35px 10%; padding: 0; width: 580px; } .cart-delivery-primary-data__input { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-delivery-primary-data__input:not(:last-child) { margin-bottom: 18px; } .cart-delivery-primary-data__input-title { margin-bottom: 0; margin-right: 30px; width: 140px; max-width: 140px; font-size: 15px; text-align: right; } .cart-delivery-primary-data__input-field { width: 410px; height: 42px; font-size: 14px; } } @media (min-width: 1140px) { .cart-delivery-primary-data { margin: 15px 0 55px 50px; width: 750px; } .cart-delivery-primary-data__input:not(:last-child) { margin-bottom: 20px; } .cart-delivery-primary-data__input-title { margin-right: 50px; width: 250px; max-width: 250px; font-size: 17px; } .cart-delivery-primary-data__input-field { padding: 0 20px; height: 45px; width: 445px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; } .cart-delivery-primary-data__input-field:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-delivery-primary-data__input-field:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } } @media (min-width: 1800px) { .cart-delivery-primary-data { margin: 70px 0 75px 65px; width: 980px; } .cart-delivery-primary-data__input:not(:last-child) { margin-bottom: 25px; } .cart-delivery-primary-data__input-title { width: 310px; max-width: 310px; margin-right: 65px; font-size: 21px; } .cart-delivery-primary-data__input-field { padding: 0 25px; width: 600px; height: 60px; font-size: 20px; } } .cart-delivery-notification { padding: 15px 15px 15px 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; background-color: #FFF8F8; border-radius: 4px; } .cart-delivery-notification__icon { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 15px; height: 15px; background-image: url(../img/cart/cart-info-icon.svg); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-delivery-notification__description { -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; margin-left: 7px; max-height: 250px; overflow: hidden; } .cart-delivery-notification__description p { margin: 0 0 9px 0; font-weight: 600; font-size: 10px; color: #092958; } .cart-delivery-notification__description p:last-child { margin: 0; } @media (min-width: 375px) { .cart-delivery-notification { padding: 15px; } .cart-delivery-notification__icon { max-width: 17px; height: 17px; } .cart-delivery-notification__description { max-width: none; } .cart-delivery-notification__description p { font-size: 11px; } } @media (min-width: 768px) { .cart-delivery-notification { padding: 15px 15px 35px 15px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .cart-delivery-notification__icon { max-width: 20px; height: 20px; } .cart-delivery-notification__description { margin-left: 10px; } .cart-delivery-notification__description p { margin: 0 0 14px 0; font-size: 12px; } } @media (min-width: 1140px) { .cart-delivery-notification { min-height: 142px; padding: 42px 25px 20px 15px; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 35px; } .cart-delivery-notification__icon { max-width: 25px; height: 25px; } .cart-delivery-notification__description p { margin: 0 0 20px 0; font-size: 16px; } } @media (min-width: 1800px) { .cart-delivery-notification { min-height: 142px; min-width: 600px; padding: 42px 35px 20px 20px; } .cart-delivery-notification__description p { font-size: 18px; } } .cart-delievery__notification-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1140px) { .cart-delievery__notification-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cart-delivery__moscow-pickup-wrapper { position: relative; display: none; width: 100%; max-width: 2000px; height: 500px; margin-top: 11px; } .yaFrameBtnMeta { position: absolute; width: 33px; height: 33px; bottom: 7px; left: 7px; z-index: 9999999; background: url("../img/cart/yaMapBtnMeta.svg"); } .suggestions-wrapper { position: absolute; right: 5px; top: 60px; width: -moz-calc(100% - 380px); width: calc(100% - 380px); background-color: #fff; overflow-y: scroll; z-index: 99999999; } @media screen and (max-width: 1800px) { .suggestions-wrapper { top: 45px; width: -moz-calc(100% - 306px); width: calc(100% - 306px); } } @media screen and (max-width: 1140px) { .suggestions-wrapper { width: -moz-calc(100% - 171px); width: calc(100% - 171px); right: 0; top: 42px; } } @media screen and (max-width: 767px) { .suggestions-wrapper { width: 100%; min-width: 100%; right: 0; top: 62px; } } .suggestions-wrapper::-webkit-scrollbar { display: none; } .suggestions-suggestions { padding: 10px; border: 1.5px solid #0A51A5; border-radius: 5px; font-size: 12px; border-top: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } @media (min-width: 768px) { .suggestions-suggestions { font-size: 14px; } } @media (min-width: 1140px) { .suggestions-suggestions { font-size: 15px; } } @media (min-width: 1800px) { .suggestions-suggestions { font-size: 20px; } } .suggestions-suggestions strong { font-weight: normal; color: #3399ff; } .suggestions-suggestions.suggestions-mobile { border-style: none; } .suggestions-suggestions.suggestions-mobile .suggestions-suggestion { border-bottom: 1px solid #ddd; } /*** Контейнер для одной подсказки*/ .suggestions-suggestion { padding: 10px; overflow: hidden; } .suggestions-suggestion:hover { background: #f7f7f7; } /*** Выбранная (активная) подсказка*/ .suggestions-selected { background: #f0f0f0; } .suggestions-selected:hover { background: #f0f0f0; } /*** Информационный блок в верхней части выпадашки с подсказками*/ .suggestions-hint { padding: 10px 10px; white-space: nowrap; overflow: hidden; color: #777; font-size: 85%; } /*** Дополнительный текст в подсказке, который идет второй строкой*/ .suggestions-subtext { color: #777; } /*** Размещает дополнительный текст в одну строку с основным текстом подсказки*/ .suggestions-subtext_inline { display: inline-block; min-width: 6em; vertical-align: bottom; margin: 0 0.5em 0 0; } /*** Разделитель нескольких дополнительных текстов*/ .suggestions-subtext-delimiter { display: inline-block; width: 2px; } /*** Выделяет подсказку*/ .suggestions-subtext_label { margin: 0 0 0 0.25em; border-radius: 3px; padding: 0 3px; background: #f5f5f5; font-size: 85%; } .suggestions-value[data-suggestion-status=LIQUIDATED] { position: relative; } .suggestions-value[data-suggestion-status=LIQUIDATED]:after { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid rgba(0, 0, 0, 0.4); content: ""; } /*** Промо-блок*/ .suggestions-promo { font-size: 85%; display: none; color: #777; padding: 4px; text-align: center; } .suggestions-promo a { color: #777; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); line-height: 20px; text-decoration: none; } .suggestions-promo a:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .suggestions-promo svg { height: 20px; vertical-align: bottom; } @media screen and (min-width: 600px) { .suggestions-promo { position: absolute; top: 0; right: 0; text-align: left; } } .cart-confirmation { margin-bottom: 50px; } .cart-confirmation__title { padding: 0 15px; margin: 20px auto; max-width: 500px; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #041224; } .cart-confirmation__comment-inner { padding: 0 15px; margin: 25px auto; max-width: 500px; } .cart-confirmation__input { /* Firefox 19+ */ /* Firefox 18- */ /* Firefox 19+ */ /* Firefox 18- */ } .cart-confirmation__input input::-webkit-input-placeholder { color: #5A677B; } .cart-confirmation__input input::-moz-placeholder { color: #5A677B; } .cart-confirmation__input input:-moz-placeholder { color: #5A677B; } .cart-confirmation__input input:-ms-input-placeholder { color: #5A677B; } .cart-confirmation__input textarea::-webkit-input-placeholder { color: #5A677B; } .cart-confirmation__input textarea::-moz-placeholder { color: #5A677B; } .cart-confirmation__input textarea:-moz-placeholder { color: #5A677B; } .cart-confirmation__input textarea:-ms-input-placeholder { color: #5A677B; } .cart-confirmation__input-title { font-weight: 600; font-size: 13px; color: #222830; } .cart-confirmation__input-textarea { margin-top: 7px; padding: 10px; width: 100%; height: 170px; font-size: 12px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; resize: none; } @media (min-width: 425px) { .cart-confirmation__input-textarea { padding: 10px 15px; } } @media (min-width: 768px) { .cart-confirmation__title { margin: 30px 25px; padding: 0; font-size: 18px; } .cart-confirmation__comment-inner { max-width: none; margin: 25px; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart-confirmation__comment { max-width: 650px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 15px; } .cart-confirmation__input-title { font-size: 15px; } .cart-confirmation__input-textarea { margin-top: 10px; height: 200px; font-size: 14px; padding: 10px 20px; } } @media (min-width: 1024px) { .cart-confirmation__comment { margin-right: 25px; } .cart-confirmation__input-textarea { height: 180px; } } @media (min-width: 1140px) { .cart-confirmation__title { font-size: 24px; } .cart-confirmation__cargo { margin: 50px 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: none; } .cart-confirmation__parameters { max-width: 680px; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 20px; margin-bottom: 0; } .cart-confirmation__info { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .cart-confirmation__input-title { font-size: 17px; } .cart-confirmation__input-textarea { margin-top: 13px; height: 165px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; } .cart-confirmation__input-textarea:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .cart-confirmation__input-textarea:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } } @media (min-width: 1440px) { .cart-confirmation__title { margin: 55px 45px; } .cart-confirmation__cargo { margin: 50px 45px; } .cart-confirmation__parameters { margin-right: 25px; } .cart-confirmation__info { margin-left: 0; max-width: none; } .cart-confirmation__comment-inner { margin: 45px; } } @media (min-width: 1800px) { .cart-confirmation__title { font-size: 26px; } .cart-confirmation__info p { font-size: 18px; } .cart-confirmation__comment { max-width: 800px; } .cart-confirmation__input-title { font-size: 21px; } .cart-confirmation__input-textarea { margin-top: 20px; padding: 12px 20px; font-size: 20px; height: 200px; } } .cart-confirmation__details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #F4F6FC; border-radius: 4px; cursor: default; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: 600; margin: 15px; font-size: 12px; padding: 15px 0px; } /* column */ .cart-confirmation__details > div { padding: 0 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: auto; width: 100%; margin-bottom: 35px; } /* top title */ .cart-confirmation__details > div > div { width: 100%; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #041224; } .cart-confirmation__details > div:last-child { margin-bottom: 0; } /* list */ .cart-confirmation__details > div > ul { width: 100%; margin: 25px 0 0; padding: 0; } /* list item */ .cart-confirmation__details > div > ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .cart-confirmation__details > div > ul li:last-child { margin-bottom: 0; } /* list item name */ .cart-confirmation__details > div > ul li div:first-child { min-width: 135px; } /* button */ .cart-confirmation__details > div > a { display: block; text-align: center; text-transform: uppercase; font-weight: 600; color: #ffffff; font-size: 9px; background-color: #0A51A5; border-radius: 4px; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; padding: 8px 12px; margin-top: 25px; min-width: 170px; } @media (min-width: 375px) { /* column */ .cart-confirmation__details > div { position: relative; } /* top title */ .cart-confirmation__details > div > div { font-size: 12px; } /* list item content */ .cart-confirmation__details > div > ul li div { width: 50%; } /* button */ .cart-confirmation__details > div > a { position: absolute; min-width: 180px; right: 15px; top: 0; font-size: 9px; margin-top: auto; } } @media (min-width: 768px) { .cart-confirmation__details { margin: 25px; padding: 25px 15px 30px; } /* column */ .cart-confirmation__details > div { width: 50%; margin-bottom: 35px; } /* top title */ .cart-confirmation__details > div > div { font-size: 16px; } /* list */ .cart-confirmation__details > div > ul { margin-top: 15px; } /* list item content */ .cart-confirmation__details > div > ul li div { width: auto; } /* button */ .cart-confirmation__details > div > a { position: static; font-size: 12px; min-width: 210px; margin-top: 35px; } } @media (min-width: 1024px) { .cart-confirmation__details { -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } /* column */ .cart-confirmation__details > div { width: auto; margin-bottom: 0; } /* list */ .cart-confirmation__details > div > ul { height: -moz-calc(100% - 150px); height: calc(100% - 150px); } /* button */ .cart-confirmation__details > div > a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; } /* button hover */ .cart-confirmation__details > div > a:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } } @media (min-width: 1440px) { .cart-confirmation__details { margin: 25px 45px; padding: 35px 25px; font-size: 16px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } /* top title */ .cart-confirmation__details > div > div { font-size: 22px; } /* button */ .cart-confirmation__details > div > a { font-size: 16px; padding: 12px 20px; } } .cart-confirmation-send-order-btn { margin: 25px 0; padding: 10px 15px; height: 65px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); } .cart-confirmation-send-order-btn__text { text-transform: uppercase; font-weight: bold; font-size: 10px; color: #ffffff; } .cart-confirmation-send-order-btn__icon { width: 30px; height: 30px; background-image: url("../img/catalog/catalog-next-step-btn-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-confirmation-send-order-btn__icon--disabled { width: 30px; height: 30px; background-image: url("../img/cart/cart-next-step-btn-icon--disabled.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-confirmation-send-order-btn--disabled { margin: 15px 0 0 0; position: relative; padding: 10px 25px; height: 65px; width: 290px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; cursor: not-allowed; } .cart-confirmation-send-order-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 15px; color: #ffffff; } .cart-confirmation-send-order-btn--disabled-tip { position: absolute; display: block; visibility: visible; opacity: 1; left: 25%; top: -85px; width: 240px; height: auto; background-color: #ffffff; padding: 5px 7px; font-size: 10px; color: #000000; -webkit-box-shadow: 1px 1px 5.5px 1px #c8c8c8; box-shadow: 1px 1px 5.5px 1px #c8c8c8; pointer-events: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-confirmation-send-order-btn--disabled-tip:after { content: ""; position: absolute; width: 0; height: 0; left: 50%; bottom: -moz-calc(0% - 9px); bottom: calc(0% - 9px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; } @media (min-width: 375px) { .cart-confirmation-send-order-btn { padding: 10px 20px; } .cart-confirmation-send-order-btn__text { font-size: 12px; } .cart-confirmation-send-order-btn--disabled { margin: 15px 0; padding: 10px 20px; height: 65px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; } .cart-confirmation-send-order-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 12px; color: #ffffff; } } @media (min-width: 768px) { .cart-confirmation-send-order-btn { margin: 0; width: 330px; } .cart-confirmation-send-order-btn__icon { width: 33px; height: 33px; } .cart-confirmation-send-order-btn__icon--disabled { width: 33px; height: 33px; background-image: url(../img/cart/cart-next-step-btn-icon--disabled.svg); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-confirmation-send-order-btn--disabled { margin: 0; padding: 10px 15px; height: 65px; width: 410px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; } .cart-confirmation-send-order-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #ffffff; } } @media (min-width: 1024px) { .cart-confirmation-send-order-btn { width: 380px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-size: 300% 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .cart-confirmation-send-order-btn:hover { background-position: 100% 0; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-confirmation-send-order-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-confirmation-send-order-btn__text { font-size: 14px; } } @media (min-width: 1140px) { .cart-confirmation-send-order-btn { width: 445px; height: 75px; padding: 10px 25px; } .cart-confirmation-send-order-btn__text { font-size: 15px; } .cart-confirmation-send-order-btn__icon { width: 38px; height: 38px; } .cart-confirmation-send-order-btn__icon--disabled { width: 38px; height: 38px; background-image: url(../img/cart/cart-next-step-btn-icon--disabled.svg); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-confirmation-send-order-btn--disabled { margin: 0; padding: 10px 25px; height: 65px; width: 445px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; cursor: not-allowed; } .cart-confirmation-send-order-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 15px; color: #ffffff; } .cart-confirmation-send-order-btn--disabled-tip { position: absolute; display: block; visibility: hidden; opacity: 0; left: 110px; bottom: 77px; width: 240px; height: auto; background-color: #ffffff; padding: 5px 7px; font-size: 10px; color: #000000; -webkit-box-shadow: 1px 1px 5.5px 1px #c8c8c8; box-shadow: 1px 1px 5.5px 1px #c8c8c8; pointer-events: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .cart-confirmation-send-order-btn--disabled-tip:after { content: ""; position: absolute; width: 0; height: 0; left: 50%; bottom: -moz-calc(0% - 9px); bottom: calc(0% - 9px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: transparent transparent white white; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; } } @media (min-width: 1800px) { .cart-confirmation-send-order-btn { width: 530px; height: 95px; padding: 10px 30px; } .cart-confirmation-send-order-btn__text { font-size: 20px; } .cart-confirmation-send-order-btn__icon { width: 45px; height: 45px; } .cart-confirmation-send-order-btn__icon--disabled { width: 45px; height: 45px; background-image: url(../img/cart/cart-next-step-btn-icon--disabled.svg); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } .cart-confirmation-send-order-btn--disabled { margin: 0; padding: 10px 35px; height: 95px; width: 600px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background: #3D4856; } .cart-confirmation-send-order-btn--disabled__text { text-transform: uppercase; font-weight: bold; font-size: 20px; color: #ffffff; } } .cart-confirmation-mobile-product { margin: 20px 0 15px 0; list-style: none; } .cart-confirmation-mobile-product__action-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; } .cart-confirmation-mobile-product__action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-confirmation-mobile-product__price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; height: 21px; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #041224; } .cart-confirmation-mobile-product__price p { margin: 0 0 0 10px; padding-right: 12px; font-weight: 600; font-size: 12px; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 98% 50%; background-size: 8px; } .cart-confirmation-mobile-product__inner { margin-bottom: 17px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-confirmation-mobile-product__picture { width: 60px; } .cart-confirmation-mobile-product__picture a { width: inherit; } .cart-confirmation-mobile-product__picture a img { width: inherit; } .cart-confirmation-mobile-product__description { margin-left: 5px; width: 100%; } .cart-confirmation-mobile-product__description-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; } .cart-confirmation-mobile-product__vendor-code { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 5px; font-size: 8px; font-weight: 600; color: #42546B; } .cart-confirmation-mobile-product__vendor-code span { text-transform: uppercase; font-weight: bold; } .cart-confirmation-mobile-product__manufactor { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 5px; text-align: right; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #455F82; } .cart-confirmation-mobile-product__quality { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px; text-align: right; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #8897AB; } .cart-confirmation-mobile-product__replacement { width: 13px; height: 13px; } .cart-confirmation-mobile-product__replacement img { display: block; width: inherit; } .cart-confirmation-mobile-product__title { margin-bottom: 6px; min-height: 30px; font-size: 10px; font-weight: 600; color: #222830; } .cart-confirmation-mobile-product__title a { color: inherit; text-decoration: none; } .cart-confirmation-mobile-product__delivery { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .cart-confirmation-mobile-product__shop { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #01B047; } .cart-confirmation-mobile-product__shop--alert { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #F73D34; } .cart-confirmation-mobile-product__shop--alert span { text-transform: initial; font-weight: 600; color: inherit; } .cart-confirmation-mobile-product__shop span { text-transform: initial; font-weight: 600; color: #222830; } .cart-confirmation-mobile-product__delivery-info { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; font-size: 10px; font-weight: 600; color: #222830; } .cart-confirmation-mobile-product__cost-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-confirmation-mobile-product__cost { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; text-transform: uppercase; font-size: 8px; font-weight: bold; color: #222830; } .cart-confirmation-mobile-product__cost p { margin: 0 0 0 10px; padding-right: 14px; font-size: 14px; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 98% 52%; background-size: 9px; } @media (min-width: 425px) { .cart-confirmation-mobile-product__price { height: 28px; font-size: 9px; } .cart-confirmation-mobile-product__price p { margin-left: 15px; background-position: 98% 52%; } .cart-confirmation-mobile-product__picture { width: 75px; } .cart-confirmation-mobile-product__description { margin-left: 10px; } .cart-confirmation-mobile-product__vendor-code { font-size: 9px; } .cart-confirmation-mobile-product__manufactor { margin-right: 15px; font-size: 9px; } .cart-confirmation-mobile-product__quality { font-size: 9px; } .cart-confirmation-mobile-product__replacement { height: 15px; width: 15px; } .cart-confirmation-mobile-product__cost { font-size: 9px; } .cart-confirmation-mobile-product__cost p { margin: 0 0 0 18px; font-size: 16px; background-size: 10px; } } @media (min-width: 768px) { .cart__mobile-products { padding: 0 15px; } .cart-confirmation-mobile-product { margin: 25px 0 25px 0; } .cart-confirmation-mobile-product__inner { margin-bottom: 20px; } .cart-confirmation-mobile-product__action-inner { margin-bottom: 30px; } .cart-confirmation-mobile-product__delete { padding-left: 20px; height: 36px; width: 95px; font-size: 12px; line-height: 35px; background-position: 19% 45%; background-size: 10px; } .cart-confirmation-mobile-product__price { font-size: 13px; } .cart-confirmation-mobile-product__price p { padding-right: 15px; margin: 0 0 0 30px; font-size: 18px; background-size: 11px; } .cart-confirmation-mobile-product__picture { width: 120px; } .cart-confirmation-mobile-product__description { margin-left: 15px; } .cart-confirmation-mobile-product__description-inner { margin-bottom: 10px; } .cart-confirmation-mobile-product__vendor-code { font-size: 14px; } .cart-confirmation-mobile-product__manufactor { margin-right: 20px; font-size: 14px; } .cart-confirmation-mobile-product__quality { margin-right: 20px; font-size: 14px; } .cart-confirmation-mobile-product__replacement { width: 20px; height: 20px; } .cart-confirmation-mobile-product__title { margin-bottom: 15px; max-width: 450px; min-height: 40px; font-size: 14px; } .cart-confirmation-mobile-product__shop { font-size: 14px; } .cart-confirmation-mobile-product__delivery-info { font-size: 12px; } .cart-confirmation-mobile-product__cost { margin-left: 20px; font-size: 13px; } .cart-confirmation-mobile-product__cost p { padding-right: 18px; margin: 0 0 0 27px; font-size: 20px; background-position: 98% 58%; background-size: 12px; } } .cart-confirmation__desktop-products { display: none; margin: 30px 25px; } .cart-confirmation__desktop-products-inner { margin: 0; padding: 0; } .cart-confirmation-desktop-products-panel { height: 35px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #F4F6FC; border-radius: 4px; cursor: default; } .cart-confirmation-desktop-products-panel div { font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 33px; color: #041224; } .cart-confirmation-desktop-products-panel__name { width: 500px; margin: 0 0 0 20px; } .cart-confirmation-desktop-products-panel__price { text-align: right; width: 90px; } .cart-confirmation-desktop-products-panel__price span { text-transform: initial; } .cart-confirmation-desktop-products-panel__quantity { text-align: center; width: 120px; } .cart-confirmation-desktop-products-panel__cost { text-align: right; width: 90px; } .cart-confirmation-desktop-products-panel__ghost { width: 95px; } .cart-confirmation-desktop-product { margin-top: 20px; margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: default; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .cart-confirmation-desktop-product__description-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-confirmation-desktop-product__picture { width: 90px; cursor: pointer; } .cart-confirmation-desktop-product__picture a { width: inherit; } .cart-confirmation-desktop-product__picture a img { width: inherit; max-height: 115px; -o-object-fit: contain; object-fit: contain; } .cart-confirmation-desktop-product__description { margin-left: 10px; } .cart-confirmation-desktop-product__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-confirmation-desktop-product__vendor-code { -webkit-box-flex: 8; -moz-box-flex: 8; -ms-flex: 8; flex: 8; margin-right: 10px; font-size: 12px; font-weight: 600; color: #42546B; } .cart-confirmation-desktop-product__vendor-code span { font-weight: bold; } .cart-confirmation-desktop-product__manufactor { margin-right: 10px; -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #455F82; } .cart-confirmation-desktop-product__quality { margin-right: 10px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #8897AB; } .cart-confirmation-desktop-product__replacement { width: 15px; height: 15px; cursor: pointer; } .cart-confirmation-desktop-product__title { margin-top: 8px; min-width: 400px; max-width: 400px; min-height: 35px; font-size: 12px; font-weight: 600; color: #222830; } .cart-confirmation-desktop-product__title a { color: inherit; text-decoration: none; } .cart-confirmation-desktop-product__delivery { margin-top: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart-confirmation-desktop-product__shop { -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #01B047; } .cart-confirmation-desktop-product__shop--alert { -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #F73D34; } .cart-confirmation-desktop-product__shop--alert span { text-transform: initial; font-size: 12px; font-weight: 600; color: inherit; } .cart-confirmation-desktop-product__shop span { text-transform: initial; font-size: 12px; font-weight: 600; color: #222830; } .cart-confirmation-desktop-product__delivery-info { -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; font-size: 12px; font-weight: 600; color: #222830; } .cart-confirmation-desktop-product__price { width: 90px; margin-left: 2%; } .cart-confirmation-desktop-product__price p { padding-right: 15px; margin: 30px 0 0 0; text-align: right; font-size: 16px; font-weight: bold; color: #222830; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 50%; background-size: 10px; } .cart-confirmation-desktop-product__cost { width: 90px; } .cart-confirmation-desktop-product__cost p { padding-right: 15px; margin: 30px 0 0 0; text-align: right; font-size: 16px; font-weight: bold; color: #222830; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 50%; background-size: 10px; } .cart-confirmation-desktop-product__action { width: 95px; margin-top: 25px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-confirmation-desktop-product__favorite-wrapper { position: relative; } .cart-confirmation-desktop-product__favorite { width: 25px; height: 25px; position: relative; background-image: url("../img/cart/cart-fav-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 23px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-confirmation-desktop-product__favorite:hover { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-confirmation-desktop-product__favorite-active { width: 25px; height: 25px; display: none; position: absolute; top: 0; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 25px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-confirmation-desktop-product__favorite-active--on { width: 25px; height: 25px; display: block; position: absolute; top: 0; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 25px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-confirmation-desktop-product__favorite-active--on:hover { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart-confirmation-desktop-product__delete { width: 25px; height: 25px; background-image: url("../img/cart/cart-del-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 15px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-confirmation-desktop-product__delete:hover { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); } .cart-confirmation-desktop-product-quantity { width: 120px; margin-top: 25px; margin-left: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-confirmation-desktop-product-quantity p { padding-right: 15px; margin: 6px 0 0 0; padding-left: 42%; text-align: right; font-size: 21px; font-weight: bold; color: #222830; } .cart-confirmation-desktop-product-quantity__btn-minus { height: 25px; width: 25px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-minus-icon.svg"); background-repeat: no-repeat; background-position: 45% 50%; background-size: 27px; cursor: pointer; } .cart-confirmation-desktop-product-quantity__btn-minus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-desktop-product-quantity__btn-minus--disable { height: 25px; width: 25px; border-radius: 100%; background-image: url("../img/cart/cart-minus-icon--disable.svg"); background-position: 50% 50%; background-size: 28px; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-desktop-product-quantity__btn-plus { height: 25px; width: 25px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-plus-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 13px; cursor: pointer; } .cart-confirmation-desktop-product-quantity__btn-plus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); background-position: 45% 47%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-desktop-product-quantity__btn-plus--disable { height: 25px; width: 25px; border-radius: 100%; background-image: url("../img/cart/cart-plus-icon--disable.svg"); background-position: 50% 50%; background-size: 28px; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-desktop-product-quantity__default-input { padding: 0 5px; margin: 0 10px; width: 50px; height: 35px; background-color: #F7F8FD; border-radius: 5px; line-height: 35px; text-align: center; font-size: 16px; font-weight: bold; color: #222830; border: none; outline: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .cart-confirmation-desktop-product-quantity__default-input:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; } .cart-confirmation-desktop-product-quantity__default-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .cart-confirmation-desktop-product-quantity__default-input::-webkit-input-placeholder { color: #222830; } .cart-confirmation-desktop-product-quantity__default-input::-moz-placeholder { color: #222830; } .cart-confirmation-desktop-product-quantity__default-input:-moz-placeholder { color: #222830; } .cart-confirmation-desktop-product-quantity__default-input:-ms-input-placeholder { color: #222830; } .cart-confirmation-desktop-product-quantity--custom { margin-top: 25px; display: none; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-confirmation-desktop-product-quantity__back-btn { display: block; width: 35px; height: 35px; background-color: #F7F8FD; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 45%; background-size: 21px; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; cursor: pointer; } .cart-confirmation-desktop-product-quantity__back-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .cart-confirmation-desktop-product-quantity__back-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .cart-confirmation-desktop-product-quantity__custom-input-wrapper { margin-left: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-confirmation-desktop-product-quantity__custom-input { margin-right: -10px; padding-right: 15px; width: 65px; height: 35px; background-color: #F7F8FD; border-radius: 5px; border: none; outline: none; text-align: center; font-size: 16px; font-weight: bold; color: #222830; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; /* Firefox 19+ */ /* Firefox 18- */ } .cart-confirmation-desktop-product-quantity__custom-input:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; } .cart-confirmation-desktop-product-quantity__custom-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .cart-confirmation-desktop-product-quantity__custom-input::-webkit-input-placeholder { color: #222830; } .cart-confirmation-desktop-product-quantity__custom-input::-moz-placeholder { color: #222830; } .cart-confirmation-desktop-product-quantity__custom-input:-moz-placeholder { color: #222830; } .cart-confirmation-desktop-product-quantity__custom-input:-ms-input-placeholder { color: #222830; } .cart-confirmation-desktop-product-quantity__apply-btn { width: 40px; height: 35px; background-color: #0A51A5; background-image: url("../img/cart/cart-product-apply-btn-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 55%, 100%; border-radius: 5px; cursor: pointer; } .cart-confirmation__desktop-product-separator { height: 2px; width: 100%; max-width: 1900px; margin: auto; background-color: #E3E5ED; } @media (min-width: 1440px) { .cart-confirmation__desktop-products { margin: 40px 45px; } .cart-confirmation-desktop-products-panel { height: 50px; } .cart-confirmation-desktop-products-panel div { font-size: 18px; line-height: 50px; } .cart-confirmation-desktop-products-panel__name { width: 640px; } .cart-confirmation-desktop-products-panel__price { width: 120px; } .cart-confirmation-desktop-products-panel__quantity { width: 140px; } .cart-confirmation-desktop-products-panel__cost { width: 120px; } .cart-confirmation-desktop-products-panel__ghost { width: 85px; } .cart-confirmation-desktop-product { margin-top: 25px; margin-bottom: 25px; padding: 0 5px; } .cart-confirmation-desktop-product__picture { width: 100px; } .cart-confirmation-desktop-product__description { margin-left: 25px; } .cart-confirmation-desktop-product__vendor-code { margin-right: 15px; font-size: 13px; } .cart-confirmation-desktop-product__manufactor { margin-right: 15px; font-size: 13px; } .cart-confirmation-desktop-product__quality { margin-right: 15px; font-size: 13px; } .cart-confirmation-desktop-product__title { min-width: 500px; max-width: 500px; min-height: 45px; font-size: 16px; } .cart-confirmation-desktop-product__shop { font-size: 16px; } .cart-confirmation-desktop-product__shop--alert { font-size: 16px; } .cart-confirmation-desktop-product__shop--alert span { font-size: 14px; } .cart-confirmation-desktop-product__shop span { font-size: 14px; } .cart-confirmation-desktop-product__delivery-info { font-size: 14px; } .cart-confirmation-desktop-product__price { width: 120px; } .cart-confirmation-desktop-product__price p { margin: 35px 0 0 0; padding-right: 20px; font-size: 21px; background-size: 13px; } .cart-confirmation-desktop-product__cost { width: 120px; } .cart-confirmation-desktop-product__cost p { margin: 35px 0 0 0; padding-right: 20px; font-size: 21px; background-size: 13px; } .cart-confirmation-desktop-product__action { margin-top: 35px; width: 85px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-confirmation-desktop-product__favorite { width: 30px; height: 25px; background-size: 27px; } .cart-confirmation-desktop-product__favorite-active { width: 30px; height: 25px; background-size: 29px; } .cart-confirmation-desktop-product__delete { width: 30px; height: 30px; background-position: 50% 40%; background-size: 17px; } .cart-confirmation-desktop-product-quantity { width: 130px; margin-top: 30px; margin-left: 20px; } .cart-confirmation-desktop-product-quantity__btn-minus { height: 30px; width: 30px; background-size: 35px; } .cart-confirmation-desktop-product-quantity__btn-minus--disable { height: 30px; width: 30px; background-size: 100%; } .cart-confirmation-desktop-product-quantity__btn-plus { height: 30px; width: 30px; background-size: 16px; } .cart-confirmation-desktop-product-quantity__btn-plus--disable { height: 30px; width: 30px; background-size: 100%; } .cart-confirmation-desktop-product-quantity__number { width: 60px; height: 45px; } .cart-confirmation-desktop-product-quantity__number p { line-height: 45px; font-size: 21px; } .cart-confirmation-desktop-product-quantity--custom { margin-top: 30px; } } @media (min-width: 1800px) { .cart-confirmation-desktop-products-panel__name { width: 835px; } .cart-confirmation-desktop-products-panel__price { width: 140px; } .cart-confirmation-desktop-products-panel__cost { width: 140px; } .cart-confirmation-desktop-products-panel__ghost { width: 95px; } .cart-confirmation-desktop-product__picture { width: 150px; } .cart-confirmation-desktop-product__vendor-code { font-size: 15px; } .cart-confirmation-desktop-product__manufactor { font-size: 15px; } .cart-confirmation-desktop-product__quality { font-size: 15px; } .cart-confirmation-desktop-product__title { margin-top: 13px; min-width: 645px; max-width: 645px; min-height: 48px; font-size: 17px; } .cart-confirmation-desktop-product__delivery { margin-top: 15px; } .cart-confirmation-desktop-product__shop { font-size: 17px; } .cart-confirmation-desktop-product__shop--alert { font-size: 17px; } .cart-confirmation-desktop-product__shop--alert span { font-size: 15px; } .cart-confirmation-desktop-product__shop span { font-size: 15px; } .cart-confirmation-desktop-product__delivery-info { font-size: 15px; } .cart-confirmation-desktop-product__price { width: 140px; } .cart-confirmation-desktop-product__price p { margin: 40px 0 0 0; font-size: 23px; background-position: 99% 55%; background-size: 14px; } .cart-confirmation-desktop-product__cost { width: 140px; } .cart-confirmation-desktop-product__cost p { margin: 40px 0 0 0; font-size: 23px; background-position: 99% 55%; background-size: 14px; } .cart-confirmation-desktop-product__action { margin-top: 40px; width: 95px; } .cart-confirmation-desktop-product-quantity { margin-top: 38px; } .cart-confirmation-desktop-product-quantity__btn-minus { background-position: 40% 50%; } .cart-confirmation-desktop-product-quantity--custom { margin-top: 38px; } } .cart-confirmation-desktop-product-disabled { margin-top: 20px; margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: default; } .cart-confirmation-desktop-product-disabled__description-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-confirmation-desktop-product-disabled__picture { width: 90px; cursor: default; -webkit-filter: grayscale(1); filter: grayscale(1); } .cart-confirmation-desktop-product-disabled__picture a { width: inherit; } .cart-confirmation-desktop-product-disabled__picture a img { width: inherit; } .cart-confirmation-desktop-product-disabled__description { margin-left: 10px; } .cart-confirmation-desktop-product-disabled__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .cart-confirmation-desktop-product-disabled__vendor-code { -webkit-box-flex: 8; -moz-box-flex: 8; -ms-flex: 8; flex: 8; margin-right: 10px; font-size: 12px; font-weight: 600; color: #8897AB; } .cart-confirmation-desktop-product-disabled__vendor-code span { font-weight: bold; } .cart-confirmation-desktop-product-disabled__manufactor { margin-right: 10px; -webkit-box-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #8897AB; } .cart-confirmation-desktop-product-disabled__quality { margin-right: 10px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #8897AB; } .cart-confirmation-desktop-product-disabled__replacement { width: 15px; height: 15px; -webkit-filter: grayscale(1); filter: grayscale(1); } .cart-confirmation-desktop-product-disabled__title { margin-top: 8px; min-width: 400px; max-width: 400px; min-height: 35px; font-size: 12px; font-weight: 600; color: #8897AB; } .cart-confirmation-desktop-product-disabled__title a { color: inherit; text-decoration: none; } .cart-confirmation-desktop-product-disabled__change-text { margin-top: 10px; font-size: 12px; font-weight: bold; color: #222830; } .cart-confirmation-desktop-product-disabled__change-btn { margin-right: 12%; margin-top: 20px; padding: 0 15px; height: 42px; line-height: 42px; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; -webkit-box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; } .cart-confirmation-desktop-product-disabled__change-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-box-shadow: none; box-shadow: none; } .cart-confirmation-desktop-product-disabled__change-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .cart-confirmation-desktop-product-disabled__action { width: 95px; margin-top: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .cart-confirmation-desktop-product-disabled { margin-top: 25px; margin-bottom: 25px; padding: 0 5px; } .cart-confirmation-desktop-product-disabled__picture { width: 100px; } .cart-confirmation-desktop-product-disabled__description { margin-left: 25px; } .cart-confirmation-desktop-product-disabled__vendor-code { margin-right: 15px; font-size: 13px; } .cart-confirmation-desktop-product-disabled__manufactor { margin-right: 15px; font-size: 13px; } .cart-confirmation-desktop-product-disabled__quality { margin-right: 15px; font-size: 13px; } .cart-confirmation-desktop-product-disabled__title { min-width: 500px; max-width: 500px; min-height: 45px; font-size: 16px; } .cart-confirmation-desktop-product-disabled__action { margin-top: 35px; width: 85px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-confirmation-desktop-product-disabled__change-text { font-size: 16px; } .cart-confirmation-desktop-product-disabled__change-btn { height: 45px; line-height: 45px; padding: 0 20px; font-size: 14px; } } @media (min-width: 1800px) { .cart-confirmation-desktop-product-disabled__picture { width: 150px; } .cart-confirmation-desktop-product-disabled__vendor-code { font-size: 15px; } .cart-confirmation-desktop-product-disabled__manufactor { font-size: 15px; } .cart-confirmation-desktop-product-disabled__quality { font-size: 15px; } .cart-confirmation-desktop-product-disabled__title { margin-top: 13px; min-width: 645px; max-width: 645px; min-height: 48px; font-size: 17px; } .cart-confirmation-desktop-product-disabled__action { margin-top: 40px; width: 95px; } .cart-confirmation-desktop-product-disabled__change-text { margin-top: 15px; font-size: 17px; } .cart-confirmation-desktop-product-disabled__change-btn { margin-top: 30px; height: 50px; line-height: 50px; padding: 0 24px; font-size: 16px; } } .cart-confirmation-succes-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1440px; margin: 0 auto; margin-top: 35px; } .cart-confirmation-succes-order__title { font-weight: 700; font-size: 21px; line-height: 28px; text-transform: uppercase; -ms-flex-item-align: end; align-self: flex-end; color: #01B047; text-align: center; cursor: default; margin-bottom: 25px; } .cart-confirmation-succes-order__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .cart-confirmation-succes-order__image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cart-confirmation-succes-order__image img { width: 90%; max-width: 512px; } .cart-confirmation-succes-order__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 600px; text-align: center; } .cart-confirmation-succes-order__info { font-weight: 600; font-size: 18px; line-height: 29px; color: #222830; cursor: default; margin-bottom: 45px; padding: 0 20px; } .cart-confirmation-succes-order__btn { display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-succes-order__btn:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-succes-order__btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } @media (min-width: 425px) { .cart-confirmation-succes-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1440px; margin: 0 auto; margin-top: 35px; } .cart-confirmation-succes-order__title { font-weight: 700; font-size: 21px; line-height: 28px; text-transform: uppercase; -ms-flex-item-align: center; align-self: center; color: #01B047; text-align: center; cursor: default; max-width: 400px; margin-bottom: 25px; } .cart-confirmation-succes-order__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .cart-confirmation-succes-order__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 600px; text-align: center; } .cart-confirmation-succes-order__info { font-weight: 600; font-size: 18px; line-height: 29px; color: #222830; cursor: default; margin-bottom: 25px; } .cart-confirmation-succes-order__btn { display: block; width: 320px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-succes-order__btn:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-succes-order__btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 768px) { .cart-confirmation-succes-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1440px; margin: 0 auto; margin-top: 35px; max-width: 1140px; } .cart-confirmation-succes-order__title { font-weight: 700; font-size: 33px; line-height: 54px; text-transform: uppercase; -ms-flex-item-align: end; align-self: flex-end; color: #01B047; padding-right: 7%; cursor: default; max-width: none; } .cart-confirmation-succes-order__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; max-width: 1140px; } .cart-confirmation-succes-order__image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cart-confirmation-succes-order__image img { width: 450px; } .cart-confirmation-succes-order__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 350px; text-align: left; } .cart-confirmation-succes-order__info { font-weight: 600; font-size: 20px; line-height: 30px; padding: 0; color: #222830; cursor: default; } .cart-confirmation-succes-order__btn { display: block; width: 320px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-succes-order__btn:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-succes-order__btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } @media (min-width: 1440px) { .cart-confirmation-succes-order { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1440px; margin: 0 auto; margin-top: 35px; } .cart-confirmation-succes-order__title { font-weight: 700; font-size: 40px; line-height: 54px; text-transform: uppercase; -ms-flex-item-align: end; align-self: flex-end; color: #01B047; padding-right: 125px; cursor: default; } .cart-confirmation-succes-order__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1440px; } .cart-confirmation-succes-order__image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cart-confirmation-succes-order__image img { width: 520px; } .cart-confirmation-succes-order__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 600px; text-align: left; } .cart-confirmation-succes-order__info { font-weight: 600; font-size: 28px; line-height: 38px; color: #222830; cursor: default; } .cart-confirmation-succes-order__btn { display: block; width: 320px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-succes-order__btn:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .cart-confirmation-succes-order__btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } .cart-confirmation__service-info { background-color: #F4F6FC; border-radius: 4px; padding: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; } .cart-confirmation__service-icon { display: block; width: 76px; height: 60px; background-image: url("../img/cart/installation-service-pic.svg"); background-repeat: no-repeat; background-position: 50%; background-size: contain; margin-right: 15px; } .cart-confirmation__service-description p { margin: 0; font-size: 12px; cursor: default; } .cart-confirmation__service-info .service-refuse { color: #0B72AB; font-weight: bold; text-decoration: none; } @media (min-width: 320px) { .cart-confirmation__service-inner { padding: 0 15px; } } @media (min-width: 768px) { .cart-confirmation__service-inner { padding: 0 25px; } } @media (min-width: 1440px) { .cart-confirmation__service-inner { padding: 0 45px; } .cart-confirmation__service-description p { font-size: 16px; cursor: default; } } .cart-confirmation__service-description { position: relative; } .cart-confirmation__conf-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #F4F6FC; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .cart-confirmation__conf-box span { cursor: default; } .cart-confirmation__conf-box * { display: inline-block; padding: 5px 10px; } .cart-confirmation__conf-box b { background-color: #A0B8D5; text-transform: uppercase; margin: 0 8px; color: #fff; border-radius: 5px; cursor: pointer; } .cart-confirmation__conf-box b:last-child { background-color: #4FB46F; margin-right: 0; } .sticky-header { position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sticky-header-mobile { position: fixed; z-index: 999999; bottom: 0; width: 100%; height: 65px; padding: 0 10px; margin: 0; background-color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; -webkit-box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.3); box-shadow: 0px -2px 20px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .sticky-header-mobile__link { position: relative; width: 55px; height: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .sticky-header-mobile__link-icon-home { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__home-icon.svg"); background-repeat: no-repeat; background-position: 50% 85%; background-size: 42%; } .sticky-header-mobile__link-icon-home--active { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__home-icon--active.svg"); background-repeat: no-repeat; background-position: 50% 85%; background-size: 42%; } .sticky-header-mobile__link-icon-offers { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__offers-icon.svg"); background-repeat: no-repeat; background-position: 50% 80%; background-size: 57%; } .sticky-header-mobile__link-icon-offers--active { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__offers-icon--active.svg"); background-repeat: no-repeat; background-position: 50% 80%; background-size: 57%; } .sticky-header-mobile__link-icon-cart { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__cart-icon.svg"); background-repeat: no-repeat; background-position: 40% 100%; background-size: 50%; } .sticky-header-mobile__link-icon-cart--active { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__cart-icon--active.svg"); background-repeat: no-repeat; background-position: 40% 100%; background-size: 50%; } .sticky-header-mobile__link-icon-favorites { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__favorites-icon.svg"); background-repeat: no-repeat; background-position: 50% 80%; background-size: 46%; } .sticky-header-mobile__link-icon-favorites--active { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__favorites-icon--active.svg"); background-repeat: no-repeat; background-position: 50% 80%; background-size: 46%; } .sticky-header-mobile__link-icon-account { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__account-icon.svg"); background-repeat: no-repeat; background-position: 50% 80%; background-size: 40%; } .sticky-header-mobile__link-icon-account--active { display: block; width: 55px; height: 30px; background-image: url("../img/sticky-header/mobile/mobile-sticky-header__account-icon--active.svg"); background-repeat: no-repeat; background-position: 50% 80%; background-size: 40%; } .sticky-header-mobile__link-text { margin: 3px 0 0 0; font-size: 9px; font-weight: 600; color: #9FADC0; } .sticky-header-mobile__link-text--active { margin: 3px 0 0 0; font-size: 9px; font-weight: 600; color: #0A51A5; } .sticky-header-mobile__link span { position: absolute; text-align: center; color: #fff; background-color: #ee7203; border-radius: 30px; font-size: 11px; min-width: 18px; max-width: 30px; height: 18px; left: 40px; top: -3px; padding: 1px 3px 1px 3px; } @media (min-width: 375px) { .sticky-header-mobile { padding: 0 15px; } .sticky-header-mobile__link-text { font-size: 10px; } .sticky-header-mobile__link-text--active { font-size: 10px; } } @media (min-width: 425px) { .sticky-header-mobile { padding: 0 25px; } .sticky-header-mobile__link-icon-home { background-size: 45%; } .sticky-header-mobile__link-icon-home--active { background-size: 45%; } .sticky-header-mobile__link-icon-offers { background-size: 65%; } .sticky-header-mobile__link-icon-offers--active { background-size: 65%; } .sticky-header-mobile__link-icon-cart { background-size: 55%; } .sticky-header-mobile__link-icon-cart--active { background-size: 55%; } .sticky-header-mobile__link-icon-favorites { background-size: 50%; } .sticky-header-mobile__link-icon-favorites--active { background-size: 50%; } .sticky-header-mobile__link-icon-account { background-size: 45%; } .sticky-header-mobile__link-icon-account--active { background-size: 45%; } .sticky-header-mobile__link-text { margin: 5px 0 0 0; } .sticky-header-mobile__link-text--active { margin: 5px 0 0 0; } } @media (min-width: 768px) { .sticky-header-mobile { padding: 0 35px; } } @media (min-width: 1140px) { .sticky-header-mobile { display: none; } } .sticky-header-desktop { display: none; } @media (min-width: 1140px) { .sticky-header-desktop { position: fixed; z-index: 999999; top: -90px; width: 100%; height: 80px; padding: 0 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; max-width: 2000px; } .sticky-header-desktop__logo { margin-right: 30px; padding-top: 5px; } .sticky-header-desktop__search { position: relative; width: 100%; /* Firefox 19+ */ /* Firefox 18- */ } .sticky-header-desktop__search input::-webkit-input-placeholder { color: #A09A9A; } .sticky-header-desktop__search input::-moz-placeholder { color: #A09A9A; } .sticky-header-desktop__search input:-moz-placeholder { color: #A09A9A; } .sticky-header-desktop__search input:-ms-input-placeholder { color: #A09A9A; } .sticky-header-desktop__search-input { width: 100%; height: 45px; padding-left: 15px; font-size: 16px; color: #3D4856; background-color: #ffffff; outline: none; border: 2px solid #0C6773; border-radius: 3px; } .sticky-header-desktop__search-setting { position: absolute; top: 3px; right: 90px; width: 48px; height: 39px; background-color: transparent; background-image: url(../img/setting-icon.svg); background-size: 32px; background-repeat: no-repeat; background-position: center; border: none; outline: none; } .sticky-header-desktop__search-btn { position: absolute; top: 0; right: 0; width: 90px; height: 45px; background-color: #0C6773; background-image: url(../img/search-icon.svg); background-size: 25px; background-repeat: no-repeat; background-position: center; border-radius: 0 3px 3px 0; border: none; outline: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .sticky-header-desktop__search-btn:hover { background-color: #187581; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .sticky-header-desktop__search-btn:active { background-color: #187581; -webkit-box-shadow: inset 3px 3px 8px rgba(34, 40, 48, 0.4509803922); box-shadow: inset 3px 3px 8px rgba(34, 40, 48, 0.4509803922); -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .sticky-header-desktop__user { margin-top: 4px; -ms-flex-item-align: start; align-self: flex-start; } .sticky-header-desktop__user a { text-decoration: none; } .sticky-header-desktop__numbers { height: 55px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sticky-header-desktop__number { width: -webkit-max-content; width: -moz-max-content; width: max-content; display: block; color: #0A51A5; font-size: 20px; font-weight: bold; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .sticky-header-desktop__number:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; color: #0A51A5; } } @media (min-width: 1380px) { .sticky-header-desktop { padding: 0 45px; max-width: 2000px; margin: auto; } .sticky-header-desktop__numbers { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .sticky-header-desktop__number:not(:last-child) { margin-right: 15px; } } @media (min-width: 1800px) { .sticky-header-desktop__number:not(:last-child) { margin-right: 30px; } .sticky-header-desktop__number { font-size: 26px; } } .sticky-header-desktop-cart { display: none; } @media (min-width: 1140px) { .sticky-header-desktop-cart { position: fixed; z-index: 999999; top: -90px; width: 100%; height: 80px; padding: 0 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; max-width: 2000px; } .sticky-header-desktop-cart__logo { margin-right: 15px; padding-top: 5px; } .sticky-header-desktop-cart__nav-item { margin-right: 10px; } .sticky-header-desktop-cart__user { margin: 4px 0 0 35px; -ms-flex-item-align: start; align-self: flex-start; } .sticky-header-desktop-cart__user a { text-decoration: none; } } @media (min-width: 1380px) { .sticky-header-desktop-cart { padding: 0 45px; } .sticky-header-desktop-cart__logo { margin-right: 20px; } .sticky-header-desktop-cart__nav-item { margin-right: 15px; } } @media (min-width: 1800px) { .sticky-header-desktop-cart__logo { margin-right: 25px; padding-top: 5px; } .sticky-header-desktop-cart__nav-item { margin-right: 20px; } } .empty-cart { margin: 0 0 500px 0; } .empty-cart-banner { width: 100%; margin: 35px 0 30px 0; background-color: #F4F6FC; border-radius: 4px; } .empty-cart-banner__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px 15px; } .empty-cart-banner__picture { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 140px; min-width: 75px; } .empty-cart-banner__picture img { width: 100%; height: 100%; } .empty-cart-banner__description-inner { margin-left: 15px; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4; } .empty-cart-banner__title { margin-bottom: 7px; font-size: 9px; color: #041224; font-weight: bold; text-transform: uppercase; } .empty-cart-banner__text { color: #041224; font-weight: 600; font-size: 9px; } .empty-cart-banner__btns-wrapper { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .empty-cart-banner__primary-btn { margin-right: 20px; display: block; height: 25px; padding: 0 10px; background-color: #0A51A5; text-transform: uppercase; text-align: center; line-height: 24px; font-weight: 600; font-size: 8px; color: #ffffff; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); box-shadow: 0px 2px 8px 0px rgb(216, 217, 226); } .empty-cart-banner__secondary-btn { display: block; height: 25px; padding: 0 10px; line-height: 24px; background-color: #FDFDFF; font-size: 8px; font-weight: 600; text-align: center; text-transform: uppercase; color: #0E3365; border-radius: 3px; text-decoration: none; -webkit-box-shadow: 0px 3px 7px 0px rgba(207, 213, 236, 0.3411764706); box-shadow: 0px 3px 7px 0px rgba(207, 213, 236, 0.3411764706); } @media (min-width: 375px) { .empty-cart-banner__inner { padding: 20px 15px 25px 15px; } .empty-cart-banner__picture { min-width: 85px; } .empty-cart-banner__text { max-width: 230px; } .empty-cart-banner__primary-btn { padding: 0 15px; height: 30px; font-size: 9px; line-height: 29px; border-radius: 4px; } .empty-cart-banner__secondary-btn { padding: 0 15px; height: 30px; font-size: 9px; line-height: 29px; border-radius: 4px; } } @media (min-width: 425px) { .empty-cart-banner__inner { padding: 20px 50px 25px 15px; } .empty-cart-banner__title { font-size: 10px; } .empty-cart-banner__text { font-size: 10px; max-width: none; } } @media (min-width: 768px) { .empty-cart-banner { margin: 40px 25px; width: auto; } .empty-cart-banner__inner { padding: 30px 65px 40px 35px; } .empty-cart-banner__picture { min-width: 160px; } .empty-cart-banner__description-inner { margin-left: 25px; } .empty-cart-banner__title { margin-bottom: 10px; font-size: 16px; } .empty-cart-banner__text { font-size: 14px; } .empty-cart-banner__btns-wrapper { margin-top: 35px; } .empty-cart-banner__primary-btn { padding: 0 17px; margin-right: 30px; height: 40px; line-height: 40px; font-size: 14px; } .empty-cart-banner__secondary-btn { padding: 0 17px; height: 40px; line-height: 40px; font-size: 14px; } } @media (min-width: 1140px) { .empty-cart-banner { border-radius: 4px; cursor: default; } .empty-cart-banner__inner { padding: 40px 115px 45px 70px; } .empty-cart-banner__picture { min-width: 210px; } .empty-cart-banner__description-inner { margin-left: 35px; } .empty-cart-banner__btns-wrapper { margin-top: 40px; } .empty-cart-banner__primary-btn { padding: 0 20px; margin-right: 40px; height: 45px; font-size: 15px; line-height: 45px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .empty-cart-banner__primary-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-box-shadow: none; box-shadow: none; } .empty-cart-banner__primary-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .empty-cart-banner__secondary-btn { padding: 0 20px; height: 45px; font-size: 15px; line-height: 45px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .empty-cart-banner__secondary-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .empty-cart-banner__secondary-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } } @media (min-width: 1440px) { .empty-cart-banner { margin: 50px 45px; } .empty-cart-banner__inner { padding: 40px 120px 45px 110px; } .empty-cart-banner__description-inner { margin-left: 50px; } .empty-cart-banner__title { margin-bottom: 15px; font-size: 18px; } .empty-cart-banner__text { font-size: 17px; } } @media (min-width: 1800px) { .empty-cart-banner { border-radius: 5px; } .empty-cart-banner__inner { padding: 45px 180px 55px 140px; } .empty-cart-banner__picture { min-width: 250px; } .empty-cart-banner__description-inner { margin-left: 70px; } .empty-cart-banner__title { font-size: 22px; } .empty-cart-banner__text { font-size: 20px; } .empty-cart-banner__btns-wrapper { margin-top: 50px; } .empty-cart-banner__primary-btn { margin-right: 40px; padding: 0 25px; height: 50px; line-height: 50px; font-size: 16px; } .empty-cart-banner__secondary-btn { padding: 0 25px; height: 50px; line-height: 50px; font-size: 16px; } } .notfound-page { margin-top: 25px; } .notfound-page__form-wrapper { position: relative; overflow: hidden; background-color: #F3F5FB; z-index: 0; margin-bottom: 25px; } .notfound-page__404-bg { position: absolute; width: 200px; height: 75px; right: 15px; top: 25px; background-image: url("../img/notfound-page__404-bg.svg"); background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: 1; } .notfound-page__art-bg { display: none; } @media (min-width: 768px) { .notfound-page__404-bg { width: 350px; height: 120px; right: 25px; top: 40px; } } @media (min-width: 1140px) { .notfound-page { margin: 70px 0 70px 0; } .notfound-page__404-bg { width: 500px; height: 180px; } .notfound-page__form-wrapper { margin: 0 25px 33px 25px; border-radius: 10px; } .notfound-page__art-bg { display: block; position: absolute; width: 350px; height: 250px; right: 0; bottom: 0; background-image: url("../img/notfound-page__art-bg.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; z-index: 1; } } @media (min-width: 1320px) { .notfound-page__404-bg { width: 650px; height: 250px; top: 70px; right: 40px; } .notfound-page__art-bg { width: 500px; height: 360px; } } @media (min-width: 1440px) { .notfound-page__form-wrapper { margin: 0 25px 33px 25px; } } @media (min-width: 1820px) { .notfound-page__404-bg { width: 750px; height: 270px; right: 95px; } .notfound-page__art-bg { width: 580px; height: 440px; } } .notfound-page-form { padding: 30px 15px; position: relative; z-index: 2; } .notfound-page-form__title { margin-bottom: 5px; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #222830; } .notfound-page-form__subtitle { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #222830; } .notfound-page-form__subtitle span { color: #EE7203; } .notfound-page-form__inner { margin: 20px 0 0 0; padding: 0; list-style: none; } .notfound-page-form__input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; /* Firefox 19+ */ /* Firefox 18- */ } .notfound-page-form__input:not(:last-child) { margin-bottom: 17px; } .notfound-page-form__input input::-webkit-input-placeholder { color: #5A677B; } .notfound-page-form__input input::-moz-placeholder { color: #5A677B; } .notfound-page-form__input input:-moz-placeholder { color: #5A677B; } .notfound-page-form__input input:-ms-input-placeholder { color: #5A677B; } .notfound-page-form__input-title { margin-bottom: 7px; font-weight: 600; font-size: 12px; color: #222830; } .notfound-page-form__input-field { padding: 0 10px; width: 100%; height: 37px; font-size: 11px; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; } .notfound-page-form__btns-wrapper { margin-top: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .notfound-page-form__submit-btn { height: 40px; width: 100%; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #ffffff; background-color: #EC6608; border: none; border-radius: 4px; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; } .notfound-page-form__secondary-btn { margin-top: 12px; display: block; height: 40px; width: 100%; line-height: 39px; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #222830; background-color: #F6F9FF; border: 2px solid #EE7203; border-radius: 4px; text-decoration: none; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; } @media (min-width: 375px) { .notfound-page-form__title { font-size: 14px; margin-bottom: 10px; } .notfound-page-form__subtitle { font-size: 14px; } .notfound-page-form__inner { margin: 20px 0 0 0; } .notfound-page-form__input-title { font-size: 13px; } .notfound-page-form__input-field { font-size: 12px; } } @media (min-width: 425px) { .notfound-page-form { margin: auto; max-width: 600px; } .notfound-page-form__input-field { padding: 0 15px; } } @media (min-width: 768px) { .notfound-page-form { max-width: 1024px; padding: 40px 25px; } .notfound-page-form__title { margin-bottom: 15px; font-size: 21px; } .notfound-page-form__subtitle { max-width: 560px; font-size: 21px; } .notfound-page-form__inner { margin: 40px 0 0 0; } .notfound-page-form__input:not(:last-child) { margin-bottom: 25px; } .notfound-page-form__input-title { margin-bottom: 10px; font-size: 18px; } .notfound-page-form__input-field { height: 50px; font-size: 16px; } .notfound-page-form__btns-wrapper { margin-top: 35px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .notfound-page-form__submit-btn { width: 300px; height: 55px; font-size: 16px; } .notfound-page-form__secondary-btn { margin-top: 0; width: 300px; height: 55px; line-height: 52px; font-size: 16px; } } @media (min-width: 1140px) { .notfound-page-form { max-width: none; padding: 40px; } .notfound-page-form__title { cursor: default; } .notfound-page-form__subtitle { max-width: none; cursor: default; } .notfound-page-form__inner { max-width: 700px; } .notfound-page-form__input-field { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #E0E5FF; } .notfound-page-form__input-field:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .notfound-page-form__input-field:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .notfound-page-form__btns-wrapper { max-width: 700px; } .notfound-page-form__submit-btn { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .notfound-page-form__submit-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .notfound-page-form__submit-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #cf5600 inset; box-shadow: 2px 2px 5px 0px #cf5600 inset; } .notfound-page-form__secondary-btn { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .notfound-page-form__secondary-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .notfound-page-form__secondary-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } } @media (min-width: 1440px) { .notfound-page-form__title { font-size: 22px; } .notfound-page-form__subtitle { font-size: 22px; } .notfound-page-form__inner { margin: 35px 0 0 0; } .notfound-page-form__btns-wrapper { margin-bottom: 10px; } } @media (min-width: 1820px) { .notfound-page-form { padding: 40px 70px; } .notfound-page-form__title { font-size: 24px; } .notfound-page-form__subtitle { font-size: 24px; } .notfound-page-form__input-title { font-size: 20px; } .notfound-page-form__input-field { font-size: 18px; } .notfound-page-form__inner { max-width: 800px; } .notfound-page-form__btns-wrapper { margin-bottom: 15px; max-width: 800px; } .notfound-page-form__submit-btn { width: 330px; height: 60px; font-size: 18px; } .notfound-page-form__secondary-btn { width: 330px; height: 60px; line-height: 57px; font-size: 18px; } } .servererror-page { background-color: #ffffff; margin-bottom: 50px; } .servererror-page__wrapper { margin: auto; max-width: 425px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .servererror-page__description { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px 25px; } .servererror-page__500-bg { width: 155px; height: 60px; background-image: url("../img/servererror__500-bg.svg"); background-size: 100%; background-repeat: no-repeat; } .servererror-page__title { margin-top: 25px; margin-bottom: 10px; font-size: 26px; text-transform: uppercase; font-weight: bold; color: #222830; cursor: default; } .servererror-page__text { margin: 0 0 10px 0; padding: 0; text-align: center; font-size: 14px; line-height: 20px; font-weight: 600; color: #222830; cursor: default; } .servererror-page__btn { margin-top: 20px; display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; font-weight: 600; background-color: #0A51A5; color: #ffffff; text-transform: uppercase; font-size: 12px; border-radius: 4px; text-decoration: none; -webkit-box-shadow: 0px 2px 8px 0px #bdc1e7; box-shadow: 0px 2px 8px 0px #bdc1e7; } .servererror-page__art-bg { margin: auto; display: block; width: 310px; height: 280px; background-image: url("../img/servererror__art-bg.svg"); background-repeat: no-repeat; background-size: 100%; } @media (min-width: 375px) { .servererror-page__description { margin: 30px 25px 40px 25px; } .servererror-page__title { font-size: 28px; } .servererror-page__text { font-size: 16px; } .servererror-page__btn { line-height: 45px; height: 45px; font-size: 14px; } .servererror-page__art-bg { width: 360px; height: 320px; } } @media (min-width: 768px) { .servererror-page { margin: 0 25px 60px 25px; } .servererror-page__wrapper { max-width: 800px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .servererror-page__description { margin: 30px 0 0 30px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 350px; } .servererror-page__500-bg { width: 270px; height: 105px; } .servererror-page__title { font-size: 26px; } .servererror-page__text { font-size: 14px; text-align: left; } .servererror-page__btn { width: 325px; } .servererror-page__art-bg { margin: 50px auto 0; } } @media (min-width: 1140px) { .servererror-page { margin: 0 25px 70px 25px; } .servererror-page__wrapper { max-width: 1000px; } .servererror-page__description { margin: 60px 60px 0 40px; max-width: 420px; } .servererror-page__500-bg { width: 400px; height: 160px; } .servererror-page__title { font-size: 32px; } .servererror-page__text { font-size: 18px; line-height: 25px; } .servererror-page__btn { margin-top: 30px; width: 320px; height: 50px; line-height: 50px; font-size: 16px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .servererror-page__btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-box-shadow: none; box-shadow: none; } .servererror-page__btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .servererror-page__art-bg { margin: 80px 40px 0 auto; width: 425px; height: 380px; } } @media (min-width: 1440px) { .servererror-page { margin: 0 25px 80px 25px; } .servererror-page__wrapper { max-width: 1200px; } .servererror-page__description { margin: 60px 90px 0 40px; max-width: 500px; } .servererror-page__500-bg { width: 500px; height: 200px; } .servererror-page__title { margin-top: 35px; margin-bottom: 20px; font-size: 40px; } .servererror-page__text { margin-bottom: 15px; line-height: 30px; font-size: 21px; } .servererror-page__btn { height: 55px; line-height: 55px; } .servererror-page__art-bg { width: 520px; height: 460px; } } @media (min-width: 1800px) { .servererror-page { margin: 0 25px 100px 25px; } .servererror-page__wrapper { max-width: 1400px; } .servererror-page__description { max-width: 605px; } .servererror-page__500-bg { width: 575px; height: 230px; } .servererror-page__title { font-size: 46px; } .servererror-page__text { line-height: 35px; font-size: 26px; } .servererror-page__btn { width: 400px; height: 65px; line-height: 65px; font-size: 21px; } .servererror-page__art-bg { width: 620px; height: 550px; } } .pagination { max-width: 400px; margin: 0 auto; margin-bottom: 30px; } .pagination__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 25px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none; } .pagination__prev-btn a { width: 30px; height: 30px; display: block; margin-right: 20px; background-image: url(../img/offers/pagination-prev-btn.svg); background-repeat: no-repeat; background-size: 30px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__prev-btn a:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__prev-btn a:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__next-btn a { width: 30px; height: 30px; display: block; margin-left: 20px; background-image: url(../img/offers/pagination-next-btn.svg); background-repeat: no-repeat; background-size: 30px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__next-btn a:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__next-btn a:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__item a { display: block; width: 35px; height: 35px; margin-right: 5px; line-height: 32px; text-align: center; font-size: 18px; color: #222830; text-decoration: none; border-radius: 50%; border: 2px solid transparent; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__item a:hover { border: 2px solid #0A51A5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__item a:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .pagination__item--active a { display: block; width: 40px; height: 40px; margin-right: 5px; line-height: 36px; text-align: center; font-size: 18px; color: #ffffff; text-decoration: none; border-radius: 50%; background-color: #0A51A5; border: 2px solid transparent; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; pointer-events: none; } .offers-catalog-mobile { min-width: 320px; } .offers-catalog-mobile h1 { margin: 25px auto 0; padding-bottom: 7px; font-size: 20px; text-align: center; } .offer-card-mobile { margin: 20px 25px; -ms-flex-item-align: center; align-self: center; max-width: 625px; position: relative; border: 3px solid #f4f6fc; border-radius: 7px; } .short-mobile-card { height: auto; max-width: 625px; padding: 0 25px; padding: 0; border-radius: 7px 7px 7px 7px; } .short-mobile-card a { text-decoration: none; width: inherit; max-height: inherit; text-align: center; } .short-mobile-card__img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 200px; max-height: 200px; min-width: 200px; max-width: 200px; margin: auto; overflow: hidden; } .short-mobile-card__img img { -o-object-fit: contain; object-fit: contain; max-width: inherit; width: 100%; max-height: inherit; } .short-mobile-card__vendor-code-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; max-width: 85vw; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; } .short-mobile-card__vendor-code { width: 55%; padding: 3px 0 0 10px; max-width: 625px; min-height: 22px; max-height: 45px; text-transform: uppercase; font-weight: 700; font-size: 15px; color: #0a51a5; white-space: normal; overflow: hidden; } .short-mobile-card__vendor-code--no-offers { width: 55%; max-width: 625px; min-height: 22px; padding-left: 10px; max-height: 45px; text-transform: uppercase; font-weight: 700; font-size: 16px; color: rgba(0, 0, 0, 0.5921568627); white-space: normal; overflow: hidden; } .short-mobile-card__epc-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; color: #0A51A5; margin-right: 10px; } .short-mobile-card__epc-link a { color: #0A51A5; } .short-mobile-card__epc-link span { position: relative; display: block; margin: 0 1px 0 3px; width: 25px; height: 25px; background-image: url("../img/offers/epc-link__question-circle.svg"); background-size: 22px; background-repeat: no-repeat; background-position: 93% 65%; } .short-mobile-card__epc-link span div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; pointer-events: none; visibility: hidden; opacity: 0; position: absolute; top: -33px; left: -30px; width: 90px; padding: 0 4px 0 5px; height: 27px; border-radius: 4px; background-color: #000; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .short-mobile-card__epc-link span div::before { content: ""; width: 20px; margin: 3px 3px 0 1px; height: 20px; background-image: url("../img/offers/go-to-epc-arrow.svg"); background-size: 16px; background-repeat: no-repeat; background-position: 93% 75%; } .short-mobile-card__epc-link span div::after { content: ""; position: absolute; width: 0; height: 0; left: 37px; top: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: #000; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .short-mobile-card__links { text-decoration: none; } .short-mobile-card__title { white-space: normal; display: block; text-align: justify; padding: 0 10px; width: 90vw; max-width: 625px; max-height: 77px; margin-top: 5px; font-weight: 700; font-size: 14px; color: #0a51a5; white-space: normal; overflow: hidden; } .short-mobile-card__title--no-offers { white-space: normal; display: block; text-align: justify; padding: 0 10px; width: 90vw; max-width: 625px; max-height: 77px; margin-top: 5px; font-weight: 700; font-size: 14px; color: rgba(0, 0, 0, 0.5921568627); white-space: normal; overflow: hidden; } .short-mobile-card__text { position: relative; top: -20px; padding: 0 10px 0 10px; width: 100%; margin-top: 10px; max-width: 625px; color: #222830; font-size: 14px; text-align: justify; white-space: normal; overflow: hidden; } .short-mobile-card__text::before { content: ""; display: block; height: 20px; position: relative; top: 240px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, #fff)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 80%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 80%); } .short-mobile-card__text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .short-mobile-card__more { text-decoration: none; font-weight: 700; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; min-width: 102px; color: #0a51a5; background-image: url(../img/offers/agreement-link__arrow.svg); background-repeat: no-repeat; background-position: 25% 65%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } @media (min-width: 375px) { .short-mobile-card__text { top: -15px; } } .offer-card-mobile-wrapper { width: 100%; max-width: 2000px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .offer-card-mobile-separator { width: 100%; max-width: 2000px; height: 2px; border-top: 2px solid #f4f6fc; } .short-panel-mobile { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 10px 5px; margin-top: 10px; } .short-panel-mobile__price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: 130px; font-size: 13px; color: #F67B1E; } .short-panel-mobile__open { font-weight: 700; text-transform: uppercase; cursor: pointer; width: 105px; color: #EE7203; background-image: url("../img/offers/offer-open.svg"); background-repeat: no-repeat; background-size: 10px; background-position: 95% 57%; } .short-panel-mobile__no-offers { font-weight: 700; text-transform: uppercase; font-size: 14px; color: rgba(0, 0, 0, 0.5921568627); } .short-panel-mobile__make-request { padding-right: 25px; font-weight: 700; text-transform: uppercase; cursor: pointer; color: #EE7203; background-image: url("../img/offers/offer-request.svg"); background-repeat: no-repeat; background-size: 17px; background-position: 97% 10%; } .offers-rub { width: 90%; padding-right: 17px; padding-left: 7px; text-transform: uppercase; font-weight: 700; font-size: 19px; text-align: right; color: #000000; background-image: url("../img/offers/rub-icon-offer.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 100% 50%; } .short-options-mobile { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .short-options-mobile__favorite { position: relative; display: inline-block !important; margin: 3px 0 0 3px; width: 28px !important; height: 28px; cursor: pointer; background-image: url("../img/offers/offer-like-icon.svg"); background-repeat: no-repeat; background-size: 25px; background-position: 50% 50%; } .short-options-mobile__favorite-preloader { display: block; width: 28px; height: 25px; position: absolute; background: rgba(254, 254, 254, 0.3607843137); } .short-options-mobile__favorite-active { position: absolute; display: none; width: 28px !important; height: 28px; margin: 3px 0 0 3px; cursor: pointer; background-image: url("../img/offers/offer-like--active.svg"); background-repeat: no-repeat; background-size: 25px; background-position: 50% 50%; } .short-options-mobile__favorite-active--on { display: block; } .short-options-mobile__stocks { max-width: 205px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; border-radius: 0 5px 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: -1px; } .short-options-mobile__stock { min-width: 100px; max-width: 100px; height: 31px; background-color: #01B047; color: #fff; text-transform: uppercase; font-size: 11px; padding-top: 8px; text-align: center; font-weight: 600; margin-left: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ml-loader { margin-left: -16px; position: absolute; width: 28px; height: 28px; } .ml-loader div { -webkit-transform-origin: 29px 12px; -moz-transform-origin: 29px 12px; -ms-transform-origin: 29px 12px; transform-origin: 29px 12px; -webkit-animation: 1.2s opaque ease-in-out infinite both; -moz-animation: 1.2s opaque ease-in-out infinite both; animation: 1.2s opaque ease-in-out infinite both; } .ml-loader div::after { content: ""; display: block; position: absolute; top: 0; left: 28px; width: 2px; height: 7px; border-radius: 10px; background-color: #3D4856; } .ml-loader div:nth-child(1) { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .ml-loader div:nth-child(2) { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .ml-loader div:nth-child(3) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); -moz-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; } .ml-loader div:nth-child(4) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; } .ml-loader div:nth-child(5) { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); -moz-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; } .ml-loader div:nth-child(6) { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); -moz-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .ml-loader div:nth-child(7) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; } .ml-loader div:nth-child(8) { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); -moz-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } .ml-loader div:nth-child(9) { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); -moz-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; } .ml-loader div:nth-child(10) { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; animation-delay: 0.9s; } .ml-loader div:nth-child(11) { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); -moz-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .ml-loader div:nth-child(12) { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); -moz-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; animation-delay: 1.1s; } .ml-loader div:nth-child(13) { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; } @-webkit-keyframes opaque { 0% { opacity: 0.1; } 40% { opacity: 1; } 80% { opacity: 0.1; } 100% { opacity: 0.1; } } @-moz-keyframes opaque { 0% { opacity: 0.1; } 40% { opacity: 1; } 80% { opacity: 0.1; } 100% { opacity: 0.1; } } @keyframes opaque { 0% { opacity: 0.1; } 40% { opacity: 1; } 80% { opacity: 0.1; } 100% { opacity: 0.1; } } .full-mobile-card { position: relative; max-width: 625px; margin: 20px 0 0 0; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .full-mobile-card--on { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .full-mobile-card__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mobile-filter { max-width: 625px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 10px; } .mobile-filter__text { text-transform: uppercase; font-size: 9px; font-weight: 600; color: #222830; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mobile-filter__delivery-date { margin-left: 8px; padding: 7px 10px; height: 25px; width: 107px; color: #222830; font-size: 8px; text-transform: uppercase; font-weight: 600; background-color: #E1E6EA; border-radius: 4px; } .mobile-filter__delivery-date:hover { cursor: pointer; background-color: #A7B1B8; } .mobile-filter__close { position: absolute; top: -48px; right: 12px; padding-right: 5px; width: 77px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #222830; background-image: url("../img/offers/offer-close.svg"); background-repeat: no-repeat; background-size: 12px; background-position: 100% 55%; cursor: pointer; } .offers-mobile-filter-price { position: relative; margin-left: 10px; padding: 7px 10px; height: 25px; width: 110px; color: #222830; font-size: 8px; text-transform: uppercase; font-weight: 600; background-color: #E1E6EA; border-radius: 4px; cursor: pointer; } .offers-mobile-filter-price::before { content: ""; position: absolute; z-index: 2; top: 0; right: 0; width: 40px; height: 25px; background-image: url("../img/black-arrow-down.svg"); background-repeat: no-repeat; background-position: 65% 50%; background-size: 11px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .offers-mobile-filter-price--active { position: relative; margin-left: 10px; padding: 7px 10px; height: 25px; width: 110px; color: #222830; font-size: 8px; text-transform: uppercase; font-weight: 600; background-color: #A7B1B8; border-radius: 4px; cursor: pointer; } .offers-mobile-filter-price--active::before { content: ""; position: absolute; z-index: 2; top: 0; right: 0; width: 40px; height: 25px; background-image: url("../img/black-arrow-up.svg"); background-repeat: no-repeat; background-position: 65% 50%; background-size: 11px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .offers-mobile-filter-price__list { position: absolute; left: 0; top: 25px; margin: 0; padding: 0; min-width: 100%; width: inherit; list-style: none; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f3f5f7; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 2px 8px 0 #d8d9e2; box-shadow: 0 2px 8px 0 #d8d9e2; } .offers-mobile-filter-price__list--active { position: absolute; left: 0; top: 25px; margin: 0; padding: 0; min-width: 100%; width: inherit; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f3f5f7; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 2px 8px 0 #d8d9e2; box-shadow: 0 2px 8px 0 #d8d9e2; } .offers-mobile-filter-price__item { padding: 7px 10px; height: 25px; width: 110px; color: #222830; font-size: 8px; background-color: #F3F5F7; z-index: 2; } .offers-mobile-filter-price__item--active { padding: 7px 10px; height: 25px; width: 110px; color: #222830; font-size: 8px; background-color: #E1E6EA; z-index: 2; } .offers-mobile-filter-price__item:active { background-color: #E1E6EA; } .offers-mobile-filter-price__item:nth-child(2) { background-image: url("../img/offers/sort-icon-to-low-new.svg"); background-repeat: no-repeat; background-size: 10px; background-position: 90% 50%; } .offers-mobile-filter-price__item:last-child { background-image: url("../img/offers/filter-price-high.svg"); background-repeat: no-repeat; background-size: 10px; background-position: 90% 50%; border-radius: 0 0 4px 4px; } @media (min-width: 375px) { .mobile-filter__text { font-size: 9px; } .mobile-filter__delivery-date { margin-left: 10px; height: 27px; width: 118px; font-size: 9px; } .offers-mobile-filter-price { margin-left: 15px; height: 27px; width: 125px; font-size: 9px; } .offers-mobile-filter-price::before { height: 27px; background-position: 60% 50%; background-size: 12px; } .offers-mobile-filter-price__list { top: 27px; } .offers-mobile-filter-price__item { height: 27px; width: 125px; font-size: 9px; } .offers-mobile-filter-price__item--active { height: 27px; width: 125px; font-size: 9px; } .offers-mobile-filter-price__item:first-child { background-size: 11px; background-position: 90% 45%; } .offers-mobile-filter-price__item:last-child { background-size: 11px; background-position: 90% 45%; } } @media (min-width: 425px) { .mobile-filter__text { font-size: 11px; } .mobile-filter__delivery-date { padding: 8px 10px; height: 30px; width: 129px; font-size: 10px; } .offers-mobile-filter-price { margin-left: 20px; padding: 8px 10px; height: 30px; width: 140px; font-size: 10px; } .offers-mobile-filter-price::before { height: 30px; background-position: 55% 50%; background-size: 13px; } .offers-mobile-filter-price__list { top: 30px; } .offers-mobile-filter-price__item { padding: 8px 10px; height: 30px; width: 140px; font-size: 10px; } .offers-mobile-filter-price__item--active { padding: 8px 10px; height: 30px; width: 140px; font-size: 10px; } .offers-mobile-filter-price__item:first-child { background-size: 12px; background-position: 90% 50%; } .offers-mobile-filter-price__item:last-child { background-size: 12px; background-position: 90% 50%; } } @media (min-width: 768px) { .mobile-filter__text { font-size: 14px; } .mobile-filter__delivery-date { margin-left: 15px; padding: 8px 12px; height: 33px; width: 154px; font-size: 12px; } .offers-mobile-filter-price { margin-left: 30px; padding: 8px 12px; height: 33px; width: 160px; font-size: 12px; } .offers-mobile-filter-price::before { height: 33px; background-position: 50% 50%; background-size: 14px; } .offers-mobile-filter-price__list { top: 33px; } .offers-mobile-filter-price__item { padding: 8px 12px; height: 33px; width: 160px; font-size: 12px; } .offers-mobile-filter-price__item--active { padding: 8px 12px; height: 33px; width: 160px; font-size: 12px; } .offers-mobile-filter-price__item:first-child { background-size: 14px; background-position: 92% 50%; } .offers-mobile-filter-price__item:last-child { background-size: 14px; background-position: 92% 50%; } } .mobile-list-item { margin-top: 4px; } .mobile-list-item__inner { padding: 3px 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; background-color: #F4F6FC; } .mobile-properties { padding: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; height: 85px; width: 33%; margin-right: 2px; cursor: pointer; } .mobile-properties__manufacturer { min-height: 14px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #222830; } .mobile-properties__quality { min-height: 14px; font-size: 10px; font-weight: 600; text-transform: uppercase; color: #9FADC0; } .mobile-properties__replacement { min-height: 14px; max-height: 20px; font-size: 8px; color: #222830; white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .mobile-properties__replacement::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .mobile-properties__states { margin-top: 5px; min-height: 16px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .mobile-properties__state { margin-right: 5px; width: 15px; height: 16px; } .mobile-properties__state--attention { width: 16px; height: 16px; margin-right: 5px; background-image: url("../img/offers/offers-mobile-info-icon.svg"); background-repeat: no-repeat; background-size: 16px; background-position: 100% 50%; } .mobile-properties__state--replacement { width: 16px; height: 16px; margin-right: 5px; background-image: url("../img/offers/icon-replacement.svg"); background-repeat: no-repeat; background-size: 16px; background-position: 100% 50%; } .mobile-properties__state--showroom { width: 16px; height: 16px; margin-right: 5px; background-image: url("../img/offers/offers-mobile-showroom-icon.svg"); background-repeat: no-repeat; background-size: 16px; background-position: 100% 50%; } @media (min-width: 425px) { .mobile-properties { padding: 10px; height: 120px; } .mobile-properties__manufacturer { min-height: 19px; font-size: 14px; } .mobile-properties__quality { font-size: 12px; } .mobile-properties__replacement { min-height: 30px; max-height: 30px; font-size: 11px; } .mobile-properties__states { min-height: 20px; } .mobile-properties__state { margin-right: 5px; width: 15px; height: 16px; } .mobile-properties__state--attention { width: 20px; height: 20px; margin-right: 10px; background-size: 20px; } .mobile-properties__state--replacement { width: 20px; height: 20px; margin-right: 10px; background-size: 20px; } .mobile-properties__state--showroom { width: 20px; height: 20px; margin-right: 10px; background-size: 20px; } } @media (min-width: 768px) { .mobile-list-item__inner { padding: 3px 10px; } .short-panel-mobile__no-offers { font-size: 18px; } .mobile-properties { padding: 15px 25px; height: 150px; } .mobile-properties__manufacturer { min-height: 22px; font-size: 16px; } .mobile-properties__quality { font-size: 14px; min-height: 22px; } .mobile-properties__replacement { min-height: 40px; max-height: 40px; font-size: 14px; } .mobile-properties__states { min-height: 25px; } .mobile-properties__state--attention { width: 25px; height: 25px; margin-right: 15px; background-size: 25px; } .mobile-properties__state--replacement { width: 25px; height: 25px; margin-right: 15px; background-size: 25px; } .mobile-properties__state--showroom { width: 25px; height: 25px; margin-right: 15px; background-size: 25px; } } .mobile-description { padding: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; height: 85px; width: 33%; margin-right: 2px; } .mobile-description__shop { min-height: 16px; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #01B047; white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .mobile-description__shop::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .mobile-description__shop--order { color: #0C6773; } .mobile-description__delivery { min-height: 38px; max-height: 38px; font-size: 9px; color: #222830; white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .mobile-description__delivery::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .mobile-description__quantity { min-height: 14px; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #0C6773; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-description__quantity--alert { min-height: 14px; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #F73D34; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-description__quantity span { text-transform: lowercase; font-size: 9px; font-weight: normal; color: #222830; } @media (min-width: 425px) { .mobile-description { padding: 10px; height: 120px; } .mobile-description__shop { min-height: 25px; font-size: 14px; } .mobile-description__delivery { min-height: 50px; max-height: 50px; font-size: 11px; } .mobile-description__quantity { min-height: 17px; font-size: 14px; } .mobile-description__quantity--alert { min-height: 17px; font-size: 14px; } .mobile-description__quantity span { font-size: 11px; } } @media (min-width: 768px) { .mobile-description { padding: 15px 10px 15px 30px; height: 150px; } .mobile-description__shop { min-height: 27px; font-size: 16px; } .mobile-description__delivery { min-height: 70px; max-height: 70px; font-size: 14px; } .mobile-description__quantity { min-height: 22px; font-size: 16px; } .mobile-description__quantity--alert { min-height: 22px; font-size: 16px; } .mobile-description__quantity span { font-size: 14px; } } .mobile-buy { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5px; width: 33%; height: 85px; } .mobile-buy__price { min-height: 17px; padding-right: 10px; text-transform: uppercase; font-weight: 700; font-size: 12px; text-align: right; color: #222830; background-image: url("../img/offers/offers-rub-icon.svg"); background-repeat: no-repeat; background-size: 8px; background-position: 100% 55%; margin-top: 5px; } .mobile-buy__price--best { color: #F87818; } .mobile-buy__price--optional { text-transform: uppercase; font-size: 10px; text-align: right; color: #9ca5b4; font-weight: 700; background-image: none; } .mobile-buy__best-price { margin-bottom: 5px; min-height: 14px; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: 600; color: #F87818; } .mobile-buy__btns { margin-bottom: 3px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .mobile-buy__fast-buy-btn { margin-right: 10px; width: 28px; height: 28px; border: 2px solid #0A51A5; background-color: #ffffff; border-radius: 3px; background-image: url("../img/offers/offer-fast-buyNew.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px; } .mobile-buy__fast-buy-btn--success { margin-right: 10px; width: 28px; height: 28px; border: 2px solid #0A51A5; background-color: #ffffff; border-radius: 3px; background-image: url("../img/offers/offer-fast-buy--success.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px; } .mobile-buy__buy-btn { position: relative; width: 28px; height: 28px; border-radius: 3px; background-color: #0A51A5; background-image: url("../img/offers/offer-cart-buy--mobileS.svg"); background-repeat: no-repeat; background-position: 50% 50%; } .mobile-buy__buy-btn--load { position: relative; width: 28px; height: 28px; background-color: #0A51A5; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; cursor: default; pointer-events: none; -webkit-filter: drop-shadow(0px 1px 2px #BEBEBE); filter: drop-shadow(0px 1px 2px #BEBEBE); } .mobile-buy__adding { margin-top: 7px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .mobile-buy-quantity { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-buy-quantity__btn-minus { width: 23px; height: 23px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-minus-iconRe.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 12px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-buy-quantity__btn-minus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-buy-quantity__btn-plus { height: 23px; width: 23px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-plus-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 12px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-buy-quantity__btn-plus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); background-position: 45% 47%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-buy-quantity__btn-plus--disable { height: 23px; width: 23px; border-radius: 100%; background-image: url("../img/cart/cart-plus-icon--disable.svg"); background-position: 50% 50%; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-buy-quantity__default-input { margin: 0 5px; padding: 0 5px; width: 40px; height: 28px; background-color: #fff; border-radius: 4px; border: none; outline: none; text-align: center; font-size: 14px; font-weight: bold; color: #222830; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .mobile-buy-quantity__default-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .mobile-buy-quantity__default-input::-webkit-input-placeholder { color: #222830; } .mobile-buy-quantity__default-input::-moz-placeholder { color: #222830; } .mobile-buy-quantity__default-input:-moz-placeholder { color: #222830; } .mobile-buy-quantity__default-input:-ms-input-placeholder { color: #222830; } .mobile-buy-quantity--custom { display: none; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-buy-quantity__back-btn { display: block; width: 28px; height: 28px; background-color: #ffffff; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 50%; background-size: 16px; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; cursor: pointer; } .mobile-buy-quantity__back-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .mobile-buy-quantity__custom-input-wrapper { margin-left: 7px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-buy-quantity__custom-input { margin-right: -10px; padding-right: 15px; width: 50px; height: 28px; background-color: #ffffff; border-radius: 4px; border: none; outline: none; text-align: center; font-size: 12px; font-weight: bold; color: #222830; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .mobile-buy-quantity__custom-input:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 3px 2px 7px 0px #D1D5E5 inset; box-shadow: 3px 2px 7px 0px #D1D5E5 inset; } .mobile-buy-quantity__custom-input::-webkit-input-placeholder { color: #222830; } .mobile-buy-quantity__custom-input::-moz-placeholder { color: #222830; } .mobile-buy-quantity__custom-input:-moz-placeholder { color: #222830; } .mobile-buy-quantity__custom-input:-ms-input-placeholder { color: #222830; } .mobile-buy-quantity__buy-btn { width: 28px; height: 28px; background-color: #0A51A5; background-image: url(../img/offers/offer-cart-buy.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 65%, 100%; border-radius: 3px; cursor: pointer; } .mobile-buy-quantity__buy-btn--load { position: relative; width: 28px; height: 28px; margin-right: 0; background-color: #0A51A5; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; cursor: default; pointer-events: none; -webkit-filter: drop-shadow(0px 1px 2px #BEBEBE); filter: drop-shadow(0px 1px 2px #BEBEBE); } .mobile-custom-quantity-buy__buy-btn-preloader { position: absolute; left: 9px; top: 5px; height: 24px; width: 24px; border: 5px solid rgba(206, 206, 206, 0.5568627451); border-top: 5px solid #fafafa; border-radius: 50%; -webkit-animation: clockwise 0.7s ease-in-out infinite; -moz-animation: clockwise 0.7s ease-in-out infinite; animation: clockwise 0.7s ease-in-out infinite; } @media (min-width: 425px) { .mobile-buy-quantity__btn-minus { width: 28px; height: 28px; background-size: 15px; } .mobile-buy-quantity__btn-plus { width: 28px; height: 28px; background-size: 14px; } .mobile-buy-quantity__btn-plus--disable { height: 28px; width: 28px; border-radius: 100%; background-image: url("../img/cart/cart-plus-icon--disable.svg"); background-position: 50% 50%; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-buy-quantity__default-input { width: 45px; height: 35px; font-size: 16px; } .mobile-buy-quantity__back-btn { height: 35px; width: 35px; background-size: 21px; } .mobile-buy-quantity__custom-input-wrapper { margin-left: 10px; } .mobile-buy-quantity__custom-input { width: 60px; height: 35px; font-size: 16px; } .mobile-buy-quantity__buy-btn { width: 35px; height: 35px; } } @media (min-width: 768px) { .mobile-buy-quantity__btn-minus { width: 33px; height: 33px; background-size: 18px; } .mobile-buy-quantity__btn-plus { width: 33px; height: 33px; background-size: 17px; } .mobile-buy-quantity__btn-plus--disable { height: 33px; width: 33px; border-radius: 100%; background-image: url("../img/cart/cart-plus-icon--disable.svg"); background-position: 50% 50%; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .mobile-buy-quantity__default-input { margin: 0 10px; width: 55px; height: 40px; font-size: 18px; } .mobile-buy-quantity__back-btn { height: 40px; width: 40px; background-size: 25px; border: 2px solid #0A51A5; } .mobile-buy-quantity__custom-input { width: 70px; height: 40px; font-size: 18px; } .mobile-buy-quantity__buy-btn { width: 42px; height: 40px; } } .mobile-buy__buy-btn-preloader { position: absolute; left: 4px; top: 4px; height: 20px; width: 20px; border: 3px solid rgba(206, 206, 206, 0.5568627451); border-top: 3px solid #fafafa; border-radius: 50%; -webkit-animation: clockwiseMobile 0.7s ease-in-out infinite; -moz-animation: clockwiseMobile 0.7s ease-in-out infinite; animation: clockwiseMobile 0.7s ease-in-out infinite; } @-webkit-keyframes clockwiseMobile { to { -webkit-transform: rotate(360deg) translatez(0); transform: rotate(360deg) translatez(0); } } @-moz-keyframes clockwiseMobile { to { -moz-transform: rotate(360deg) translatez(0); transform: rotate(360deg) translatez(0); } } @keyframes clockwiseMobile { to { -webkit-transform: rotate(360deg) translatez(0); -moz-transform: rotate(360deg) translatez(0); transform: rotate(360deg) translatez(0); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @media (min-width: 425px) { .mobile-buy__buy-btn-preloader { position: absolute; left: 5px; top: 5px; height: 25px; width: 25px; border: 5px solid rgba(206, 206, 206, 0.5568627451); border-top: 5px solid #fafafa; border-radius: 50%; -webkit-animation: clockwiseMobile 0.7s ease-in-out infinite; -moz-animation: clockwiseMobile 0.7s ease-in-out infinite; animation: clockwiseMobile 0.7s ease-in-out infinite; } } @media (min-width: 768px) { .mobile-buy__buy-btn-preloader { position: absolute; left: 5px; top: 5px; height: 25px; width: 25px; border: 5px solid rgba(206, 206, 206, 0.5568627451); border-top: 5px solid #fafafa; border-radius: 50%; -webkit-animation: clockwiseMobile 0.7s ease-in-out infinite; -moz-animation: clockwiseMobile 0.7s ease-in-out infinite; animation: clockwiseMobile 0.7s ease-in-out infinite; } } .mobile-buy__buy-btn-tooltip { position: fixed; width: 100vw; height: 80px; padding-top: 15px; top: -150px; left: 0; background: rgba(10, 81, 165, 0.9490196078); -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: 9999; } .mobile-buy__buy-btn-tooltip a { text-decoration: none; } .mobile-buy__buy-btn-tooltip-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90vw; margin: 0 auto; max-width: 625px; text-align: left; line-height: 25px; font-size: 16px; color: #fff; } .mobile-buy__buy-btn-tooltip span { color: #F67B1E; } .mobile-buy__favorite-btn-tooltip { position: fixed; width: 100vw; height: 80px; padding-top: 15px; top: -150px; left: 0; background: rgba(10, 81, 165, 0.9490196078); -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: 9999; } .mobile-buy__favorite-btn-tooltip--error { position: fixed; width: 100vw; height: 80px; padding-top: 15px; top: -150px; left: 0; background: rgba(247, 62, 52, 0.9294117647); -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .mobile-buy__favorite-btn-tooltip--error a { text-decoration: none; } .mobile-buy__favorite-btn-tooltip--error-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90vw; margin: 0 auto; max-width: 625px; text-align: left; line-height: 25px; font-size: 16px; color: #fff; } .mobile-buy__favorite-btn-tooltip a { text-decoration: none; } .mobile-buy__favorite-btn-tooltip-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90vw; margin: 0 auto; max-width: 625px; text-align: left; line-height: 25px; font-size: 16px; color: #fff; } .mobile-buy__favorite-btn-tooltip span { color: #F67B1E; } @media (min-width: 425px) { .mobile-buy { padding: 10px; height: 120px; } .mobile-buy__price { min-height: 22px; padding-right: 13px; font-size: 16px; background-size: 10px; margin-top: 10px; } .mobile-buy__price--optional { font-size: 13px; } .mobile-buy__best-price { min-height: 25px; font-size: 12px; } .mobile-buy__btns { margin-bottom: 0; } .mobile-buy__fast-buy-btn { width: 35px; height: 35px; background-image: url("../img/offers/offer-fast-buyNew.svg"); background-size: 19px; border-radius: 5px; } .mobile-buy__fast-buy-btn--success { margin-right: 10px; width: 35px; height: 35px; border: 2px solid #0A51A5; background-color: #ffffff; background-size: 19px; } .mobile-buy__buy-btn { width: 35px; height: 35px; background-image: url("../img/offers/offer-cart-buy.svg"); border-radius: 5px; } .mobile-buy__buy-btn--load { width: 35px; height: 35px; } .mobile-buy__buy-btn--done { width: 35px; height: 35px; background-size: 25px; } .mobile-buy__buy-btn--error { width: 35px; height: 35px; background-size: 25px; } .lds-ring { right: 2px; top: -4px; width: 35px; height: 35px; } .lds-ring div { width: 24px; height: 24px; margin: 8px; border: 3px solid #fff; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; -moz-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; } } @media (min-width: 768px) { .mobile-buy { padding: 15px 25px; height: 150px; } .mobile-buy__price { min-height: 26px; padding-right: 18px; font-size: 20px; background-size: 12px; margin-top: 12px; } .mobile-buy__price--optional { font-size: 15px; } .mobile-buy__best-price { min-height: 19px; font-size: 14px; } .mobile-buy__fast-buy-btn { width: 40px; height: 40px; background-size: 21px; border: 2px solid #0A51A5; } .mobile-buy__fast-buy-btn--success { margin-right: 10px; width: 40px; height: 40px; border: 2px solid #0A51A5; background-color: #ffffff; background-size: 21px; } .mobile-buy__buy-btn { width: 40px; height: 40px; } .mobile-buy__buy-btn--load { width: 40px; height: 40px; } .mobile-buy__buy-btn--done { width: 40px; height: 40px; background-size: 30px; } .mobile-buy__buy-btn--error { width: 40px; height: 40px; background-size: 30px; } .lds-ring { right: 1px; top: -3px; width: 40px; height: 40px; } .lds-ring div { width: 28px; height: 28px; margin: 8px; border: 4px solid #fff; border-radius: 50%; -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; -moz-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; } } .offer-add { width: 15px; height: 15px; -webkit-mask-image: url("../img/offers/offer-add.svg"); mask-image: url("../img/offers/offer-add.svg"); background-repeat: no-repeat; background-size: 12px; background-color: #3D4856; background-position: 50% 50%; cursor: pointer; } .offer-add:active { background-color: #495566; } .offer-add-window { width: 25px; height: 25px; margin: 0 5px; padding-top: 4px; font-size: 10px; font-weight: 700; text-align: center; border: 1px solid #3D4856; border-radius: 3px; } .offer-delete { width: 15px; height: 15px; -webkit-mask-image: url("../img/offers/offer-delete.svg"); mask-image: url("../img/offers/offer-delete.svg"); background-repeat: no-repeat; background-size: 12px; background-color: #3D4856; background-position: 50% 50%; cursor: pointer; } .offer-delete:active { background-color: #495566; } @media (min-width: 425px) { .offer-add-window { margin: 0 8px; width: 33px; height: 33px; padding-top: 6px; font-size: 13px; } .offer-add { width: 20px; height: 20px; } .offer-delete { width: 20px; height: 20px; } .fast-buy { margin-right: 15px; width: 33px; height: 33px; background-size: 20px; } .offer-cart { width: 33px; height: 33px; background-size: 20px; } } @media (min-width: 768px) { .offer-add-window { width: 38px; height: 38px; padding-top: 5px; font-size: 16px; border: 2px solid #3D4856; } .offer-add { width: 23px; height: 23px; } .offer-delete { width: 23px; height: 23px; } .fast-buy { margin-right: 25px; width: 38px; height: 38px; background-size: 24px; border: 2px solid #3D4856; } .offer-cart { width: 38px; height: 38px; background-size: 24px; border: 2px solid #3D4856; } } .mobile-info { margin: auto; display: none; } .mobile-info--on { display: block; } .mobile-info__links { margin-top: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mobile-info__link { margin-bottom: 7px; padding: 12px 0 0 20px; width: 100%; height: 40px; background-color: #0A51A5; color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: 600; text-decoration: none; background-image: url("../img/offers/offers-link-icon.svg"); background-repeat: no-repeat; background-size: 15px; background-position: 92% 50%; border-radius: 4px; -webkit-box-shadow: 0 2px 8px 0 #d8d9e2; box-shadow: 0 2px 8px 0 #d8d9e2; } .mobile-info__link:active { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); -webkit-box-shadow: none; box-shadow: none; } .mobile-info__items { height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FEFEFF; padding: 7px 8px 10px 8px; border-radius: 5px; } .mobile-info__items-close { -ms-flex-item-align: end; align-self: flex-end; width: 20px; height: 20px; background-image: url("../img/offers/offer-close-icon-info.svg"); background-repeat: no-repeat; background-size: 12px; background-position: 50% 50%; } @media (min-width: 425px) { .mobile-info__link { padding: 12px 0 0 45px; background-position: 87% 50%; } .mobile-info__items { padding: 12px 5% 20px; } .mobile-info__items-close { margin-right: -10px; background-size: 15px; } } @media (min-width: 768px) { .mobile-info-close { width: 25px; height: 25px; background-size: 17px; } .mobile-info__links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mobile-info__link { width: 310px; margin-bottom: 10px; padding: 12px 0 0 25px; background-position: 90% 50%; } } .mobile-info-item { width: 100%; margin: 5px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .mobile-info-item__title { margin-right: 8px; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; color: #EE7203; text-transform: uppercase; font-size: 9px; font-weight: bold; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile-info-item__title--attention { width: 20px; height: 20px; background-image: url(../img/offers/icon-attention-orange.svg); background-repeat: no-repeat; background-size: 20px; background-position: 100% 50%; } .mobile-info-item__title--replacement { width: 20px; height: 20px; background-image: url(../img/offers/icon-replacement-info.svg); background-repeat: no-repeat; background-size: 20px; background-position: 100% 50%; } .mobile-info-item__title--showroom { width: 20px; height: 20px; background-image: url(../img/offers/icon-showroom-info.svg); background-repeat: no-repeat; background-size: 20px; background-position: 100% 50%; } .mobile-info-item__title img { width: 20px; height: 20px; } .mobile-info-item__text { -webkit-box-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; color: #222830; font-size: 9px; font-weight: 600; padding-top: 5px; } .mobile-info-item__text a { padding-right: 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; color: #EE7203; text-decoration: none; background-image: url("../img/offers/offers-info-link-icon.svg"); background-repeat: no-repeat; background-position: 100% 58%; background-size: 6px; } .mobile-info-item--link { width: 100%; border-top: 2px solid #f4f6fc; padding: 10px 0 10px 13px; font-size: 11px; } .mobile-info-item--link a { text-decoration: none; background-image: url("../img/offers/link-icon-grey.svg"); background-repeat: no-repeat; background-size: 13px; background-position: 0% 50%; padding-left: 25px; color: #9FADC0; } @media (min-width: 425px) { .mobile-info-item { margin: 8px 0; } .mobile-info-item__title { font-size: 10px; margin-right: 10px; } .mobile-info-item__text { font-size: 10px; } .mobile-info-item--link { width: 100%; border-top: 2px solid #f4f6fc; padding: 10px 0 10px 25px; font-size: 11px; } .mobile-info-item--link a { text-decoration: none; background-image: url("../img/offers/link-icon-grey.svg"); background-repeat: no-repeat; background-size: 13px; background-position: 0% 50%; padding-left: 25px; color: #9FADC0; } } @media (min-width: 768px) { .mobile-info-item { margin: 9px 0; } .mobile-info-item__title { font-size: 12px; } .mobile-info-item__title--attention { width: 25px; height: 25px; background-size: 25px; } .mobile-info-item__title--showroom { width: 25px; height: 25px; background-size: 25px; } .mobile-info-item__title--replacement { width: 25px; height: 25px; background-size: 25px; } .mobile-info-item__text { font-size: 12px; } .mobile-info-item__text a { padding-right: 12px; background-size: 8px; background-position: 100% 60%; } .mobile-info-item--link { width: 100%; border-top: 2px solid #f4f6fc; padding-left: 37px; font-size: 13px; } .mobile-info-item--link a { text-decoration: none; background-image: url("../img/offers/link-icon-grey.svg"); background-repeat: no-repeat; background-size: 15px; background-position: 0% 50%; padding-left: 25px; color: #9FADC0; } } .offers-catalog-desktop { display: none; } @media (min-width: 1140px) { .offers-catalog-mobile { display: none; } .offers-catalog-desktop { display: block; max-width: 2000px; } .offers-catalog-desktop__help { position: absolute; width: 230px; height: 85px; background-color: #003FE2; top: 147px; left: 42%; border-radius: 10px; color: #fff; font-size: 12px; padding: 5px 15px 0 15px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .offers-catalog-desktop__help--active { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .offers-catalog-desktop__help button { width: 65px; height: 20px; -ms-flex-item-align: end; align-self: flex-end; background-color: #1E5DFF; border-radius: 2px; border: none; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 9px; } .offers-catalog-desktop__help button:hover { background-color: #6D92F0; } .offers-catalog-desktop__help:after { content: ""; position: absolute; left: 100px; bottom: -18px; border: 10px solid transparent; border-top: 10px solid #003FE2; } .offers-catalog-desktop__help-second { position: absolute; width: 130px; height: 152px; background-color: #003FE2; top: 70px; right: -145px; border-radius: 10px; color: #fff; font-size: 12px; padding: 10px 15px 0 15px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .offers-catalog-desktop__help-second:before { content: ""; border: 15px solid transparent; border-top-width: 12px; border-bottom-width: 12px; border-right-color: #003fe2; position: absolute; margin: 87px 0 0 -42px; } .offers-catalog-desktop__help-second--active { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .offers-catalog-desktop__help-second button { width: 65px; height: 20px; -ms-flex-item-align: start; align-self: flex-start; margin-top: 8px; background-color: #1E5DFF; border-radius: 2px; border: none; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 9px; } .offers-catalog-desktop__help-second button:hover { background-color: #6D92F0; } .offers-catalog-desktop h1 { font-size: 20px; font-weight: bold; text-transform: uppercase; min-width: 1140px; max-width: 1140px; margin: 30px auto; cursor: default; } .offer-card-desktop { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 15px auto; min-width: 1140px; max-width: 1140px; border: 3px solid #f4f6fc; border-radius: 7px; } .offer-card-desktop__short { min-width: 1140px; max-width: 1140px; min-height: 220px; max-height: 220px; } .offer-card-desktop__full { min-width: 1140px; max-width: 1140px; } .short-options-desktop { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -28px; position: absolute; min-width: 1140px; max-width: 1140px; } .short-options-desktop__favorite { position: relative; display: block; width: 29px; height: 29px; margin: 7px 0 0 7px; background-color: transparent; cursor: pointer; background-image: url("../img/offers/offer-like-icon.svg"); background-repeat: no-repeat; background-size: 24px; background-position: 50% 50%; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .short-options-desktop__favorite-active { position: absolute; display: none; width: 29px; height: 29px; margin: 7px 0 0 7px; background-color: transparent; cursor: pointer; background-image: url(../img/offers/offer-like--active.svg); background-repeat: no-repeat; background-size: 24px; background-position: 50% 50%; } .short-options-desktop__favorite-active--on { display: block; } .short-options-desktop__favorite-tooltip { position: absolute; display: none; left: 45px; top: 8px; min-width: 165px; max-width: 200px; height: 23px; border: 1px solid #cecece; border-radius: 3px; padding-left: 10px; cursor: default; } .short-options-desktop__favorite-tooltip:before { content: ""; position: absolute; bottom: 4px; border: 7px solid transparent; left: -14px; border-right: 7px solid #cecece; } .short-options-desktop__favorite-tooltip:after { content: ""; position: absolute; bottom: 4px; border: 7px solid transparent; border-right: 7px solid #fff; left: -13px; } .short-options-desktop__favorite-tooltip-icon { display: none; width: 28px; height: 25px; } .short-options-desktop__favorite-tooltip-text { width: 100%; font-size: 13px; color: black; padding: 2px 7px 0 5px; } .short-options-desktop__stocks { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; max-width: 444px; border-radius: 0 5px 0 0; overflow: hidden; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 4px; } .short-options-desktop__stock { min-width: 110px; padding: 0 5px 0 5px; max-width: 250px; height: 36px; background-color: #01b047; color: #fff; text-transform: uppercase; font-size: 11px; padding-top: 11px; text-align: center; font-weight: 600; margin-left: 1px; cursor: default; } .short-options-desktop__no-offers { padding: 3px 3px 0 0; text-transform: uppercase; font-size: 16px; font-weight: 700; margin: 7px 7px 0 0; color: rgba(0, 0, 0, 0.5921568627); cursor: default; } @-webkit-keyframes loader-18 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loader-18 { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-18 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .offer-card-desktop-wrapper { width: 100%; max-width: 2000px; } .offer-card-separator { width: 100%; max-width: 2000px; height: 2px; border-top: 2px solid #f4f6fc; } .short-desktop-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 30px 0 0 0; border-radius: 7px 7px 0 0; } .short-desktop-card__picture { min-width: 195px; max-width: 195px; max-height: 190px; margin-bottom: 15px; text-align: center; } .short-desktop-card__picture a { width: 195px; height: 190px; } .short-desktop-card__picture img { -o-object-fit: contain; object-fit: contain; height: 100%; max-width: 195px; max-height: 190px; } .short-card-description { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; max-width: 655px; max-height: 185px; position: relative; } .short-card-description a { text-decoration: none; } .short-card-description__vendor-code--inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .short-card-description__vendor-code { min-height: 25px; max-height: 25px; margin-right: 35px; text-transform: uppercase; font-weight: 700; font-size: 16px; max-width: 655px; color: #0A51A5; white-space: normal; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .short-card-description__vendor-code::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .short-card-description__vendor-code--no-offers { min-height: 25px; max-height: 25px; text-transform: uppercase; font-weight: 700; font-size: 16px; max-width: 655px; color: rgba(0, 0, 0, 0.5921568627); white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .short-card-description__vendor-code--no-offers::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .short-card-description__epc-link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; color: #0A51A5; } .short-card-description__epc-link span { position: relative; display: block; margin: 0 1px 0 3px; width: 25px; height: 25px; background-image: url("../img/offers/epc-link__question-circle.svg"); background-size: 22px; background-repeat: no-repeat; background-position: 93% 65%; } .short-card-description__epc-link span div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; pointer-events: none; visibility: hidden; opacity: 0; position: absolute; top: -33px; left: -14px; width: 95px; padding: 0 7px 0 5px; height: 27px; border-radius: 4px; background-color: #000; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .short-card-description__epc-link span div::before { content: ""; width: 20px; margin: 3px 3px 0 1px; height: 20px; background-image: url("../img/offers/go-to-epc-arrow.svg"); background-size: 16px; background-repeat: no-repeat; background-position: 93% 75%; } .short-card-description__epc-link span div::after { content: ""; position: absolute; width: 0; height: 0; left: 20px; top: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid black; border-color: #000; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .short-card-description__title { max-width: 655px; max-height: 55px; min-width: 665px; font-weight: 700; font-size: 14px; color: #0A51A5; white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .short-card-description__title::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .short-card-description__title--no-offers { max-width: 655px; max-height: 55px; min-width: 665px; font-weight: 700; font-size: 14px; color: rgba(0, 0, 0, 0.5921568627); white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .short-card-description__title--no-offers::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .short-card-description__text { min-height: 60px; max-height: 115px; min-width: 665px; color: #222830; font-size: 14px; text-align: justify; white-space: normal; overflow-y: scroll; -ms-overflow-style: none; /* IE 10+ */ scrollbar-width: none; } .short-card-description__text::-webkit-scrollbar { /* chrome based */ width: 0px; /* ширина scrollbar'a */ background: transparent; /* опционально */ } .short-card-description__more { text-decoration: none; font-weight: 800; display: inline-block; min-width: 102px; color: #0a51a5; background-image: url(../img/offers/agreement-link__arrow.svg); background-repeat: no-repeat; background-position: 93% 65%; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .short-card-description__more--hover { text-decoration: none; font-weight: 800; display: inline-block; min-width: 102px; color: #0a51a5; background-image: url(../img/offers/agreement-link__arrow.svg); background-repeat: no-repeat; background-position: 95% 65%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .short-panel-desktop { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-width: 100px; max-width: 190px; font-size: 14px; color: #f67b1e; position: relative; } .short-panel-desktop__price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: default; } .short-panel-desktop__open { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; visibility: hidden; -ms-flex-item-align: end; align-self: flex-end; min-width: 100px; max-width: 190px; cursor: pointer; text-align: right; padding-right: 17px; width: 105px; font-size: 16px; color: #ee7203; background-image: url("../img/offers/offer-open.svg"); background-repeat: no-repeat; text-transform: uppercase; font-weight: 700; background-size: 10px; background-position: 95% 50%; margin-top: 65px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .short-panel-desktop__open:active { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); } .short-panel-desktop__make-request { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; text-align: right; padding-right: 23px; margin: 0 -25px 15px; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #ee7203; cursor: pointer; background-image: url("../img/offers/offer-request.svg"); background-repeat: no-repeat; background-position: 100% 10%; background-size: 17px; } .full-desktop-card { max-width: 1140px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .full-desktop-card--on { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .full-desktop-card__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .desktop-filter { margin-right: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 10px; } .desktop-filter__text { text-transform: uppercase; font-size: 12px; font-weight: 600; color: #222830; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .desktop-filter__delivery-date { margin-left: 8px; padding: 7px 10px; height: 30px; width: 140px; color: #222830; font-size: 11px; text-transform: uppercase; font-weight: 600; background-color: #E1E6EA; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-filter__delivery-date:hover { cursor: pointer; background-color: #A7B1B8; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-filter__close { display: none; width: 65px; margin-left: 25px; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #222830; background-image: url("../img/offers/offer-close.svg"); background-repeat: no-repeat; background-size: 13px; background-position: 100% 46%; cursor: pointer; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .offers-desktop-filter-price { position: relative; margin-left: 20px; padding: 7px 10px; height: 30px; width: 150px; color: #222830; font-size: 11px; text-transform: uppercase; font-weight: 600; background-color: #E1E6EA; border-radius: 4px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .offers-desktop-filter-price::before { content: ""; position: absolute; z-index: 2; top: 0; right: 0; width: 40px; height: 30px; background-image: url("../img/black-arrow-down.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 13px; cursor: pointer; } .offers-desktop-filter-price:hover { background-color: #A7B1B8; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .offers-desktop-filter-price--active { position: relative; margin-left: 20px; padding: 7px 10px; height: 30px; width: 150px; color: #222830; font-size: 11px; text-transform: uppercase; font-weight: 600; background-color: #A7B1B8; border-radius: 4px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .offers-desktop-filter-price--active::before { content: ""; position: absolute; z-index: 2; top: 0; right: 0; width: 40px; height: 30px; background-image: url("../img/black-arrow-up.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 13px; cursor: pointer; } .offers-desktop-filter-price__list { position: absolute; left: 0; top: 30px; margin: 0; padding: 0; min-width: 100%; width: inherit; list-style: none; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f3f5f7; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 2px 8px 0 #d8d9e2; box-shadow: 0 2px 8px 0 #d8d9e2; } .offers-desktop-filter-price__list--active { position: absolute; left: 0; top: 30px; margin: 0; padding: 0; min-width: 100%; width: inherit; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f3f5f7; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 2px 8px 0 #d8d9e2; box-shadow: 0 2px 8px 0 #d8d9e2; } .offers-desktop-filter-price__item { padding: 7px 10px; height: 30px; width: 150px; color: #222830; font-size: 11px; background-color: #F3F5F7; z-index: 2; } .offers-desktop-filter-price__item--active { padding: 7px 10px; height: 30px; width: 150px; color: #222830; font-size: 11px; background-color: #E1E6EA; z-index: 2; } .offers-desktop-filter-price__item:hover { cursor: pointer; background-color: #E1E6EA; } .offers-desktop-filter-price__item:nth-child(2) { background-image: url("../img/offers/sort-icon-to-low-new.svg"); background-repeat: no-repeat; background-position: 90% 50%; } .offers-desktop-filter-price__item:last-child { background-image: url("../img/offers/filter-price-high.svg"); background-repeat: no-repeat; background-position: 90% 50%; border-radius: 0 0 4px 4px; } .desktop-card-item { margin-top: 3px; } .desktop-card-item__inner { min-width: 1135px; max-width: 1135px; min-height: 55px; max-height: 55px; background-color: #F4F6FC; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .desktop-card-item__description { min-width: 250px; max-width: 250px; height: 55px; } .desktop-card-item__buy { min-width: 330px; max-width: 330px; height: 55px; } .desktop-properties { min-width: 360px; max-width: 360px; max-height: 55px; min-height: 55px; padding-left: 50px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-properties:hover { background-color: #EFF1F7; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-properties__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; max-width: 185px; min-width: 95px; max-height: 43px; } .desktop-properties__manufacturer { font-weight: bold; text-transform: uppercase; color: #222830; font-size: 16px; max-width: 185px; max-height: 22px; overflow: hidden; } .desktop-properties__inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .desktop-properties__quality { font-size: 13px; font-weight: 600; color: #9FADC0; max-width: 185px; max-height: 22px; overflow: hidden; text-transform: uppercase; } .desktop-properties__replacement { width: 15px; height: 18px; background-image: url(../img/offers/icon-replacement.svg); background-repeat: no-repeat; background-size: 15px; background-position: 100% 50%; } .desktop-properties__icons { min-width: 100px; max-width: 100px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .desktop-properties__icons--attention { width: 30px; height: 30px; background-image: url(../img/offers/offers-info-icon.svg); background-repeat: no-repeat; background-size: 30px; background-position: 100% 50%; } .desktop-properties__icons--showroom { width: 30px; height: 30px; background-image: url(../img/offers/offers-showroom-icon.svg); background-repeat: no-repeat; background-size: 30px; background-position: 100% 50%; } .desktop-card-item__price-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; min-width: 200px; max-width: 200px; height: 40px; padding-left: 50px; cursor: default; } .desktop-card-item__price { text-transform: uppercase; font-weight: bold; font-size: 18px; background-image: url("../img/offers/offers-rub-icon.svg"); background-repeat: no-repeat; background-size: 11px; background-position: 100% 50%; padding-right: 15px; color: #222830; cursor: default; } .desktop-card-item__price--best { color: #F87818; cursor: default; } .desktop-card-item__price--optional { text-transform: uppercase; font-size: 15px; color: #9fadc0; font-weight: bold; cursor: default; background-image: none; } .desktop-card-item__best-price { text-transform: uppercase; font-size: 13px; font-weight: 600; color: #F87818; cursor: default; } .desktop-description { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 50px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-description__shop { text-transform: uppercase; font-size: 16px; color: #01b047; font-weight: bold; cursor: default; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-description__shop--order { color: #0C6773; } .desktop-description__shop span { font-size: 13px; color: #222830; font-weight: normal; text-transform: none; cursor: default; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-description__shop--alert { text-transform: uppercase; font-size: 16px; color: #F73D34; font-weight: bold; cursor: default; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-description__shop--alert span { font-size: 13px; color: #F73D34; font-weight: normal; text-transform: none; cursor: default; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-description__delievery { font-size: 13px; cursor: default; } .desktop-buy { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .desktop-buy__fast-buy-btn { position: relative; width: 38px; height: 38px; border: 2px solid #0A51A5; background-color: #ffffff; margin-right: 25px; background-image: url(../img/offers/offer-fastBuy.svg); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; cursor: pointer; -webkit-filter: drop-shadow(0px 1px 2px #BEBEBE); filter: drop-shadow(0px 1px 2px #BEBEBE); } .desktop-buy__fast-buy-btn-tooltip { visibility: hidden; opacity: 0; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 20px; width: 77px; bottom: 44px; left: -20px; padding: 4px; font-size: 8px; background-color: #fff; color: #000; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #dedede; box-shadow: 0px 1px 1.5px 0px #dedede; pointer-events: none; z-index: 999999; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .desktop-buy__fast-buy-btn-tooltip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid #000; border-color: transparent transparent white white; -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .desktop-buy__fast-buy-btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .desktop-buy__fast-buy-btn--success { width: 38px; height: 38px; border: 2px solid #0A51A5; margin-right: 25px; background-color: #ffffff; border-radius: 5px; background-image: url("../img/offers/offer-fast-buy--success.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 23px; -webkit-filter: drop-shadow(0px 1px 2px #BEBEBE); filter: drop-shadow(0px 1px 2px #BEBEBE); } .desktop-buy__buy-btn { display: block; position: relative; width: 38px; height: 38px; margin-right: 85px; background-color: #0A51A5; background-image: url(../img/offers/offer-cart-buy.svg); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-filter: drop-shadow(0px 1px 2px #BEBEBE); filter: drop-shadow(0px 1px 2px #BEBEBE); } .desktop-buy__buy-btn-tooltip { visibility: hidden; opacity: 0; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 20px; width: 88px; bottom: 46px; left: -24px; padding: 4px; font-size: 8px; background-color: #fff; color: #000; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #dedede; box-shadow: 0px 1px 1.5px 0px #dedede; pointer-events: none; z-index: 999999; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .desktop-buy__buy-btn-tooltip::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid #000; border-color: transparent transparent white white; -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .desktop-buy__buy-btn-tooltip--done { visibility: hidden; opacity: 0; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; text-align: center; width: 108px; bottom: 46px; left: -35px; padding: 4px; font-size: 8px; background-color: #fff; color: #000; border-radius: 3px; -webkit-box-shadow: 0px 1px 1.5px 0px #dedede; box-shadow: 0px 1px 1.5px 0px #dedede; pointer-events: none; z-index: 999999; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .desktop-buy__buy-btn-tooltip--done::after { content: ""; position: absolute; width: 0; height: 0; bottom: -9px; left: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid #000; border-color: transparent transparent white white; -webkit-box-shadow: -2px 2px 3px -1px #dedede; box-shadow: -2px 2px 3px -1px #dedede; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .desktop-buy__buy-btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .desktop-buy__buy-btn--load { position: relative; width: 38px; height: 38px; margin-right: 85px; background-color: #0A51A5; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; cursor: default; pointer-events: none; -webkit-filter: drop-shadow(0px 1px 2px #BEBEBE); filter: drop-shadow(0px 1px 2px #BEBEBE); } .desktop-buy__buy-btn--done { position: relative; width: 38px; height: 38px; margin-right: 85px; background-color: #0A51A5; background-image: url(../img/offers/offer-cart-buy--done.svg); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .desktop-buy__buy-btn--done:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .desktop-buy-quantity { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-width: 150px; max-width: 150px; padding: 20px 0 20px 0; margin-right: 50px; } .desktop-buy-quantity__btn-minus { width: 30px; height: 30px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-minus-iconRe.svg"); background-repeat: no-repeat; background-position: 48% 50%; background-size: 16px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-buy-quantity__btn-minus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-buy-quantity__btn-plus { height: 30px; width: 30px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-plus-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-buy-quantity__btn-plus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); background-position: 45% 47%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-buy-quantity__btn-plus--disable { height: 30px; width: 30px; border-radius: 100%; background-image: url("../img/cart/cart-plus-icon--disable.svg"); background-position: 50% 50%; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-buy-quantity__default-input { margin: 0 7px; width: 50px; height: 38px; background-color: #fff; border-radius: 5px; border: none; outline: none; text-align: center; font-size: 18px; font-weight: bold; color: #222830; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .desktop-buy-quantity__default-input:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; } .desktop-buy-quantity__default-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .desktop-buy-quantity__default-input::-webkit-input-placeholder { color: #222830; } .desktop-buy-quantity__default-input::-moz-placeholder { color: #222830; } .desktop-buy-quantity__default-input:-moz-placeholder { color: #222830; } .desktop-buy-quantity__default-input:-ms-input-placeholder { color: #222830; } .desktop-buy-quantity--custom { display: none; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 60px; } .desktop-buy-quantity__back-btn { display: block; width: 38px; height: 38px; background-color: #ffffff; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 45%; background-size: 21px; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; cursor: pointer; } .desktop-buy-quantity__back-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .desktop-buy-quantity__back-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .desktop-buy-quantity__custom-input-wrapper { margin-left: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .desktop-buy-quantity__custom-input { margin-right: -10px; padding-right: 15px; width: 70px; height: 38px; background-color: #ffffff; border-radius: 5px; border: none; outline: none; text-align: center; font-size: 18px; font-weight: bold; color: #222830; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .desktop-buy-quantity__custom-input:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 2px 2px 7px 0px #D1D5E5 inset; box-shadow: 2px 2px 7px 0px #D1D5E5 inset; } .desktop-buy-quantity__custom-input:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 3px 2px 7px 0px #d1d5e5 inset; box-shadow: 3px 2px 7px 0px #d1d5e5 inset; } .desktop-buy-quantity__custom-input::-webkit-input-placeholder { color: #222830; } .desktop-buy-quantity__custom-input::-moz-placeholder { color: #222830; } .desktop-buy-quantity__custom-input:-moz-placeholder { color: #222830; } .desktop-buy-quantity__custom-input:-ms-input-placeholder { color: #222830; } .desktop-buy-quantity__buy-btn { width: 45px; height: 38px; background-color: #0A51A5; background-image: url(../img/offers/offer-cart-buy.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 55%, 100%; border-radius: 5px; cursor: pointer; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .desktop-buy-quantity__buy-btn--load { position: relative; width: 45px; height: 38px; margin-right: 0; background-color: #0A51A5; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; cursor: default; pointer-events: none; -webkit-filter: drop-shadow(0px 1px 2px #BEBEBE); filter: drop-shadow(0px 1px 2px #BEBEBE); } .desktop-buy-quantity__buy-btn:active { -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .desktop-custom-quantity-buy__buy-btn-preloader { position: absolute; left: 9px; top: 5px; height: 28px; width: 28px; border: 5px solid rgba(206, 206, 206, 0.5568627451); border-top: 5px solid #fafafa; border-radius: 50%; -webkit-animation: clockwise 0.7s ease-in-out infinite; -moz-animation: clockwise 0.7s ease-in-out infinite; animation: clockwise 0.7s ease-in-out infinite; } @-webkit-keyframes clockwise { to { -webkit-transform: rotate(360deg) translatez(0); transform: rotate(360deg) translatez(0); } } @-moz-keyframes clockwise { to { -moz-transform: rotate(360deg) translatez(0); transform: rotate(360deg) translatez(0); } } @keyframes clockwise { to { -webkit-transform: rotate(360deg) translatez(0); -moz-transform: rotate(360deg) translatez(0); transform: rotate(360deg) translatez(0); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .desktop-buy__buy-btn-preloader { position: absolute; left: 5px; top: 5px; height: 28px; width: 28px; border: 5px solid rgba(206, 206, 206, 0.5568627451); border-top: 5px solid #fafafa; border-radius: 50%; -webkit-animation: clockwise 0.7s ease-in-out infinite; -moz-animation: clockwise 0.7s ease-in-out infinite; animation: clockwise 0.7s ease-in-out infinite; } .buy-offer-modal-desktop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999999999; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .buy-offer-modal-desktop__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .buy-offer-modal-desktop__wrapper { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 10%; left: 50%; width: 1140px; height: 600px; margin: 50px auto; background-color: #ffffff; -webkit-transform: translate(-50%, -20px); -moz-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); border-radius: 4px; -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .buy-offer-modal-desktop__title-wrapper { margin: 30px 0; padding: 0 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: default; } .buy-offer-modal-desktop__title { font-size: 26px; font-weight: 600; } .buy-offer-modal-desktop__close-btn { width: 20px; height: 20px; background-image: url("../img/offers/buy-offer-modal-desktop__close-btn.svg"); cursor: pointer; opacity: 0.6; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .buy-offer-modal-desktop__close-btn:hover { opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .buy-offer-modal-desktop__panel-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .buy-offer-modal-desktop__hide-input { width: 1090px; height: 55px; -ms-flex-item-align: center; align-self: center; margin-top: auto; margin-bottom: 20px; background: rgba(244, 246, 252, 0.7019607843); border-radius: 4px; color: #8897AB; padding-top: 17px; padding-left: 20px; } .buy-offer-modal-desktop__hide-input label { padding-left: 40px; } .buy-offer-modal-desktop-product { margin-left: 25px; } .buy-offer-modal-desktop-product__description { margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; cursor: default; } .buy-offer-modal-desktop-product__picture { width: 150px; max-width: 150px; height: 125px; text-align: center; overflow: hidden; } .buy-offer-modal-desktop-product__picture a { width: 150px; max-width: 150px; height: 125px; overflow: hidden; } .buy-offer-modal-desktop-product__picture a img { width: inherit; height: auto; -o-object-fit: cover; object-fit: cover; } .buy-offer-modal-desktop-product__description-inner { margin-left: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .buy-offer-modal-desktop-product__vendor-code { margin-bottom: 5px; font-size: 14px; font-weight: 600; color: #42546B; } .buy-offer-modal-desktop-product__vendor-code span { font-weight: bold; } .buy-offer-modal-desktop-product__title { margin-bottom: 10px; max-width: 490px; font-weight: 600; font-size: 16px; color: #222830; cursor: pointer; text-decoration: none; } .buy-offer-modal-desktop-product__quality-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .buy-offer-modal-desktop-product__manufactor { margin-right: 20px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #455F82; } .buy-offer-modal-desktop-product__quality { text-transform: uppercase; font-weight: bold; font-size: 14px; color: #8897AB; } .buy-offer-modal-desktop-product__price-panel { margin-left: 60px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: default; min-width: 470px; } .buy-offer-modal-desktop-product__price { text-transform: uppercase; font-size: 16px; font-weight: 600; color: #041224; } .buy-offer-modal-desktop-product__price span { padding-left: 15px; padding-right: 16px; font-size: 21px; font-weight: bold; color: #222830; background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 54%; background-size: 12px; } .buy-offer-modal-desktop-product__quantity { position: relative; width: 140px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .buy-offer-modal-desktop-product__alert { min-width: 150px; position: absolute; top: -25px; font-size: 16px; font-weight: 600px; color: #F73D34; } .buy-offer-modal-desktop-product__custom-alert { min-width: 150px; position: absolute; top: -25px; font-size: 16px; font-weight: 600; color: #F73D34; } .buy-offer-modal-desktop-product__btn-minus { height: 30px; width: 30px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-minus-iconRe.svg"); background-repeat: no-repeat; background-position: 48% 50%; background-size: 16px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .buy-offer-modal-desktop-product__btn-minus:active { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .buy-offer-modal-desktop-product__default-input { margin: 0 10px; width: 60px; height: 45px; background-color: #fff; border-radius: 5px; border: none; outline: none; line-height: 45px; text-align: center; font-size: 21px; font-weight: bold; color: #222830; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .buy-offer-modal-desktop-product__default-input:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; } .buy-offer-modal-desktop-product__default-input:focus { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .buy-offer-modal-desktop-product__default-input::-webkit-input-placeholder { color: #222830; } .buy-offer-modal-desktop-product__default-input::-moz-placeholder { color: #222830; } .buy-offer-modal-desktop-product__default-input:-moz-placeholder { color: #222830; } .buy-offer-modal-desktop-product__default-input:-ms-input-placeholder { color: #222830; } .buy-offer-modal-desktop-product__btn-plus { height: 30px; width: 30px; background-color: #0A51A5; border-radius: 100%; border: 2px solid #0A51A5; background-image: url("../img/cart/cart-plus-icon.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .buy-offer-modal-desktop-product__btn-plus:active { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); background-position: 50% 50%; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .buy-offer-modal-desktop-product__btn-plus--disable { height: 30px; width: 30px; border-radius: 100%; background-image: url("../img/cart/cart-plus-icon--disable.svg"); background-position: 50% 50%; background-size: 30px; pointer-events: none; background-repeat: no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .buy-offer-modal-desktop-product__quantity--delete { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .buy-offer-modal-desktop-product__delete-btn { margin-right: 15px; display: inline-block; height: 45px; width: 140px; padding-left: 27px; text-align: center; text-transform: uppercase; font-size: 16px; line-height: 45px; font-weight: 600; color: #ffffff; background-color: #F73D34; background-image: url("../img/buy-offer-modal-delete-btn.svg"); background-repeat: no-repeat; background-position: 16% 49%; background-size: 12px; border-radius: 3px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; border: none; -webkit-box-shadow: 0px 3px 7px 0px #F18484; box-shadow: 0px 3px 7px 0px #F18484; } .buy-offer-modal-desktop-product__delete-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #F18484, 0 1px 3px -1px #F18484, 0 15px 5px -15px #F18484, 0 22px 6px -25px #F18484, 0 33px 10px -35px #F18484; box-shadow: 0 0 2px #F18484, 0 1px 3px -1px #F18484, 0 15px 5px -15px #F18484, 0 22px 6px -25px #F18484, 0 33px 10px -35px #F18484; } .buy-offer-modal-desktop-product__delete-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #d42b22 inset; box-shadow: 2px 2px 5px 0px #d42b22 inset; } .buy-offer-modal-desktop-product__back-btn { display: block; width: 45px; height: 45px; background-color: #F7F8FD; background-image: url("../img/back-btn-icon.svg"); background-position: 50% 45%; background-repeat: no-repeat; border: 2px solid #0A51A5; border-radius: 4px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0px 3px 7px 0px #D1D5E5; box-shadow: 0px 3px 7px 0px #D1D5E5; } .buy-offer-modal-desktop-product__back-btn:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; box-shadow: 0 0 2px #D1D5E5, 0 1px 3px -1px #D1D5E5, 0 15px 5px -15px #D1D5E5, 0 22px 6px -25px #D1D5E5, 0 33px 10px -35px #D1D5E5; } .buy-offer-modal-desktop-product__back-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #D1D5E5 inset; box-shadow: 2px 2px 5px 0px #D1D5E5 inset; } .buy-offer-modal-desktop-product__quantity--custom { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .buy-offer-modal-desktop-product__custom-input-wrapper { margin-left: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .buy-offer-modal-desktop-product__custom-input { margin-right: -10px; padding-right: 15px; width: 85px; height: 45px; background-color: #F7F8FD; border-radius: 5px; border: none; outline: none; line-height: 45px; text-align: center; font-size: 21px; font-weight: bold; color: #222830; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* Firefox 19+ */ /* Firefox 18- */ } .buy-offer-modal-desktop-product__custom-input:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; box-shadow: 2px 2px 7px 0px rgba(34, 40, 48, 0.1019607843) inset; } .buy-offer-modal-desktop-product__custom-input:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; box-shadow: 3px 2px 7px 0px rgba(34, 40, 48, 0.2) inset; } .buy-offer-modal-desktop-product__custom-input::-webkit-input-placeholder { color: #222830; } .buy-offer-modal-desktop-product__custom-input::-moz-placeholder { color: #222830; } .buy-offer-modal-desktop-product__custom-input:-moz-placeholder { color: #222830; } .buy-offer-modal-desktop-product__custom-input:-ms-input-placeholder { color: #222830; } .buy-offer-modal-desktop-product__buy-btn { width: 55px; height: 45px; background-image: url(../img/offers/offer-cart-buy.svg); background-color: #0A51A5; background-repeat: no-repeat; background-position: 50% 50%; background-size: 55%, 100%; border-radius: 5px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .buy-offer-modal-desktop-product__buy-btn--load { position: relative; width: 55px; height: 45px; margin-right: 0; background-color: #0A51A5; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; cursor: default; pointer-events: none; -webkit-filter: drop-shadow(0px 1px 2px #BEBEBE); filter: drop-shadow(0px 1px 2px #BEBEBE); } .buy-offer-modal-desktop-product__buy-btn:hover { -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .buy-offer-modal-desktop-product__buy-btn:active { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .desktop-modal-buy__buy-btn-preloader { position: absolute; left: 11px; top: 6px; height: 32px; width: 32px; border: 5px solid rgba(206, 206, 206, 0.5568627451); border-top: 5px solid #fafafa; border-radius: 50%; -webkit-animation: clockwise 0.7s ease-in-out infinite; -moz-animation: clockwise 0.7s ease-in-out infinite; animation: clockwise 0.7s ease-in-out infinite; } .buy-offer-modal-desktop-panel { padding: 20px 25px; width: 395px; background-color: #F4F6FC; border-radius: 5px; } .buy-offer-modal-desktop-panel__title { margin-bottom: 10px; text-transform: uppercase; font-weight: 600; font-size: 16px; color: #041224; cursor: default; } .buy-offer-modal-desktop-panel__price-output { padding-right: 18px; font-size: 24px; font-weight: bold; color: rgba(3, 86, 172, 0.8117647059); background-image: url("../img/cart/cart-rub-icon.svg"); background-repeat: no-repeat; background-position: 99% 50%; background-size: 13px; cursor: default; } .buy-offer-modal-desktop-panel__btns { margin-top: 30px; } .buy-offer-modal-desktop-panel__cart-btn { margin-bottom: 15px; display: block; height: 45px; line-height: 45px; text-align: center; text-transform: uppercase; font-size: 14px; color: #ffffff; border-radius: 4px; text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-size: 300% 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .buy-offer-modal-desktop-panel__cart-btn:hover { background-position: 100% 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .buy-offer-modal-desktop-panel__cart-btn:active { background-position: 10% 0; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .buy-offer-modal-desktop-panel__stay-btn { display: block; height: 45px; line-height: 45px; text-align: center; text-transform: uppercase; font-size: 14px; color: #0E3365; border-radius: 4px; text-decoration: none; background-color: #FDFDFF; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .buy-offer-modal-desktop-panel__stay-btn:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .desktop-buy__buy-btn--tooltip { position: absolute; padding-left: 3px; padding-top: 3px; text-align: center; font-size: 13px; color: #fff; width: 140px; height: 45px; background-color: #003fe2; top: -48px; right: 5px; border-radius: 5px; opacity: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; cursor: default; -webkit-box-shadow: 8px 11px 27px 0px rgba(32, 48, 64, 0.67); box-shadow: 8px 11px 27px 0px rgba(32, 48, 64, 0.67); z-index: 999; } .desktop-buy__buy-btn--tooltip:before { content: ""; position: absolute; left: 30px; top: 40px; z-index: -1; border: 12px solid transparent; border-top: 14px solid #003fe2; } .desktop-buy__buy-btn--tooltip a { color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; } .desktop-buy__buy-btn--tooltip-error { position: absolute; padding-left: 3px; padding-top: 3px; text-align: center; font-size: 13px; color: #fff; width: 140px; height: 45px; background-color: #E93333; top: -48px; right: 5px; border-radius: 5px; visibility: visible; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; cursor: default; -webkit-box-shadow: 8px 11px 27px 0px rgba(75, 35, 35, 0.67); box-shadow: 8px 11px 27px 0px rgba(75, 35, 35, 0.67); z-index: 999; } .desktop-buy__buy-btn--tooltip-error:before { content: ""; position: absolute; left: 30px; top: 40px; z-index: -1; border: 12px solid transparent; border-top: 14px solid #E93333; } .desktop-info { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 1140px; max-width: 1140px; margin-bottom: 5px; } .desktop-info--on { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .desktop-info__links { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .desktop-info__link { margin: 10px 0; padding: 13px 0 0 85px; height: 45px; width: 560px; background-color: #0A51A5; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 600; text-decoration: none; background-image: url("../img/offers/offers-link-icon.svg"); background-position: 80% 50%; background-repeat: no-repeat; border-radius: 4px; -webkit-box-shadow: 2px 4px 7px 0px #babbc5; box-shadow: 2px 4px 7px 0px #babbc5; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .desktop-info__link:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 0 0 #babbc5; box-shadow: 0 0 0 0 #babbc5; } .desktop-info__link:active { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 5px 4px 11px -1px rgba(0, 0, 0, 0.3450980392) inset; box-shadow: 5px 4px 11px -1px rgba(0, 0, 0, 0.3450980392) inset; } .desktop-info__items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; width: 99%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FEFEFF; padding: 5px; margin-top: 5px; margin-left: 4px; } .desktop-info__items-close { position: absolute; -ms-flex-item-align: end; align-self: flex-end; top: -5px; right: -5px; margin: 10px; width: 17px; height: 17px; background-image: url("../img/offers/offer-close-icon-info.svg"); background-repeat: no-repeat; background-size: 15px; background-position: 50% 50%; cursor: pointer; border-radius: 2px; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .desktop-info__items-close:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .desktop-info__items-close:active { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; } .desktop-info-item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; margin: 10px 0; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .desktop-info-item__title { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; color: #ee7203; text-transform: uppercase; padding-left: 50px; font-weight: bold; font-size: 14px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .desktop-info-item__title--attention { width: 30px; height: 30px; background-image: url(../img/offers/icon-attention-orange.svg); background-repeat: no-repeat; background-size: 30px; background-position: 50% 50%; } .desktop-info-item__title--replacement { width: 30px; height: 30px; background-image: url(../img/offers/icon-replacement-info.svg); background-repeat: no-repeat; background-size: 30px; background-position: 50% 50%; } .desktop-info-item__title--showroom { width: 30px; height: 30px; background-image: url(../img/offers/icon-showroom-info.svg); background-repeat: no-repeat; background-size: 30px; background-position: 50% 50%; } .desktop-info-item__text { -webkit-box-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3; max-width: 845px; padding-right: 40px; font-size: 14px; font-weight: 600; color: #222830; padding-top: 5px; } .desktop-info-item__text a { padding-right: 15px; color: #ee7203; text-decoration: none; background-image: url("../img/offers/offers-info-link-icon.svg"); background-repeat: no-repeat; background-size: 10px; background-position: 100% 60%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .desktop-info-item__text a:hover { margin-left: 7px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .desktop-info-item--link { width: 99.8%; border-top: 2px solid #f4f6fc; padding-left: 67px; font-size: 14px; padding-top: 10px; padding-bottom: 6px; } .desktop-info-item--link a { text-decoration: none; background-image: url("../img/offers/link-icon-grey.svg"); background-repeat: no-repeat; background-size: 15px; background-position: 0% 50%; padding-left: 25px; color: #9FADC0; } } .buy-offer-modal-desktop__hide-modal::before { display: none !important; } @media (min-width: 1295px) { .desktop-buy__buy-btn--tooltip { top: 4px; right: -72px; } .desktop-buy__buy-btn--tooltip:before { left: -20px; top: 11px; border: 12px solid transparent; border-right: 12px solid #003fe2; /* Triangle actually */ } .desktop-buy__buy-btn--tooltip-error { top: 4px; right: -72px; } .desktop-buy__buy-btn--tooltip-error:before { left: -20px; top: 11px; border: 12px solid transparent; border-right: 12px solid #E93333; /* Triangle actually */ } } .favorite-banner { position: fixed; top: -150px; left: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 2000px; min-height: 100px; max-height: 100px; background: #fff; z-index: 9999999; -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1337); box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1337); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .favorite-banner__inner { min-width: 1140px; max-width: 1140px; min-height: 85px; max-height: 85px; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .favorite-banner__picture { position: relative; min-width: 95px; max-width: 95px; min-height: 80px; max-height: 80px; overflow: hidden; } .favorite-banner__picture a { pointer-events: none; position: relative; max-width: inherit; max-height: inherit; display: block; text-align: center; } .favorite-banner__picture a img { max-height: inherit; max-width: inherit; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .favorite-banner__info-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; min-width: 700px; max-width: 700px; min-height: 73px; max-height: 73px; cursor: default; } .favorite-banner__product-title { font-weight: bold; font-size: 14px; line-height: 19px; text-transform: capitalize; color: #222830; } .favorite-banner__info-text { font-weight: 600; font-size: 13px; line-height: 18px; color: #222830; } .favorite-banner__list-info { font-style: normal; font-weight: 600; font-size: 13px; line-height: 18px; text-transform: lowercase; color: #222830; margin-top: 10px; } .favorite-banner__action { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-width: 250px; max-width: 250px; min-height: 35px; max-height: 35px; margin-left: 30px; } .favorite-banner__btn { width: 200px; height: 35px; background-color: #EC6608; padding: 5px 20px 9px 20px; border-radius: 5px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-banner__btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } .favorite-banner__btn a { font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF; text-decoration: none; } .favorite-banner__close { width: 14px; height: 14px; background-image: url(../img/close-icon-s-fav-ban.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 14px; margin-right: 10px; opacity: 0.6; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .favorite-banner__close:hover { opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .offers-catalog__error-banner-mobile { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: fixed; width: 100vw; min-height: 80px; max-height: 80px; top: -100px; left: 0; padding: 25px 0 25px 20px; background: rgba(247, 62, 52, 0.9294117647); color: #ffffff; font-size: 16px; -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1); opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; z-index: 9999; transition: 0.3s; } .offers-catalog__error-banner-desktop { display: none; } @media (min-width: 1140px) { .offers-catalog__error-banner-mobile { display: none; } .offers-catalog__error-banner-desktop { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: fixed; bottom: -130px; left: 30px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px; min-height: 70px; max-height: 70px; min-width: 200px; border-radius: 5px; background: #F73D34; color: #ffffff; font-size: 14px; font-weight: 600; cursor: default; z-index: 9999; -webkit-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2509803922); box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2509803922); -webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; } } .catalog__departament-trick { z-index: 99; } .favorite-to-mail-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; } .favorite-to-mail-form__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 1140px; margin: 25px 15px 25px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .favorite-to-mail-form__input { padding: 0px 10px; margin-right: 20px; height: 35px; width: 235px; margin-top: 1px; font-size: 12px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; } .favorite-to-mail-form__input--alert { padding: 0px 10px; margin-right: 20px; height: 35px; width: 235px; margin-top: 1px; font-size: 12px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #F73D34; font-weight: 600; border-radius: 4px; border: 1px solid #F73D34; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .favorite-to-mail-form__input:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .favorite-to-mail-form__input:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .favorite-to-mail-form__button { width: 110px; height: 35px; line-height: 35px; padding: 0 0 0 20px; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; color: #0E3365; outline: none; border: none; border-radius: 4px; text-decoration: none; -webkit-box-shadow: 0px 3px 7px 0px #d1d5e5; box-shadow: 0px 3px 7px 0px #d1d5e5; } .favorite-to-mail-form__button:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #d1d5e5, 0 1px 3px -1px #d1d5e5, 0 15px 5px -15px #d1d5e5, 0 22px 6px -25px #d1d5e5, 0 33px 10px -35px #d1d5e5; box-shadow: 0 0 2px #d1d5e5, 0 1px 3px -1px #d1d5e5, 0 15px 5px -15px #d1d5e5, 0 22px 6px -25px #d1d5e5, 0 33px 10px -35px #d1d5e5; } .favorite-to-mail-form__button:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #d1d5e5 inset; box-shadow: 2px 2px 5px 0px #d1d5e5 inset; } .favorite-to-mail-form__helper { position: absolute; top: 37px; left: 0; font-size: 12px; color: #9FADC0; font-weight: 600; } .favorite-to-mail-form__helper--alert { position: absolute; top: 37px; left: 0; font-size: 12px; color: #F73D34; font-weight: 600; } .favorite-to-mail-form-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99999999; } .favorite-to-mail-form-modal__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .favorite-to-mail-form-modal__wrapper { position: absolute; top: 170px; left: 50%; -webkit-transform: translate(-50%, -20px); -moz-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); width: 80%; max-width: 600px; height: 350px; background-color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); } .favorite-to-mail-form-modal__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 10px; width: 25px; height: 25px; cursor: pointer; background-image: url(../img/offers/fast-buy-form-close.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; opacity: 0.7; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-to-mail-form-modal__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-to-mail-form-modal__pic { width: 150px; height: 150px; background-image: url(../img/favorite-form-modal-success.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 150px; cursor: default; } .favorite-to-mail-form-modal__subtitle { margin-top: 35px; text-align: center; font-size: 17px; font-weight: 700; color: #3D4856; cursor: default; } .favorite-to-mail-form-modal__button { margin-top: 12px; width: 120px; height: 40px; line-height: 42px; text-align: center; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-to-mail-form-modal__button:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-to-mail-form-modal__button:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .open-animation { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-animation: new-animate-open-desktop 0.3s forwards; -moz-animation: new-animate-open-desktop 0.3s forwards; animation: new-animate-open-desktop 0.3s forwards; } .close-animation { -webkit-animation: new-animate-close-desktop 0.3s forwards; -moz-animation: new-animate-close-desktop 0.3s forwards; animation: new-animate-close-desktop 0.3s forwards; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; /* чтобы анимация проигралась до конца */ } .favorite-to-mail-form-modal.open { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } @media (min-width: 1140px) { .favorite-to-mail-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; } .favorite-to-mail-form__wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: 1140px; margin: 35px auto 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .favorite-to-mail-form__input { padding: 0 10px; margin-right: 20px; height: 41px; width: 300px; border-radius: 5px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #ffffff; font-weight: 600; border-radius: 4px; border: 1px solid #E0E5FF; } .favorite-to-mail-form__input--alert { padding: 0 10px; margin-right: 20px; height: 41px; width: 300px; border-radius: 5px; font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; outline: 1px solid #F73D34; font-weight: 600; border-radius: 4px; border: 1px solid #F73D34; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .favorite-to-mail-form__input:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .favorite-to-mail-form__input:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; outline: 1px solid #0A51A5; border: 1px solid #0A51A5; } .favorite-to-mail-form__button { width: 120px; height: 40px; line-height: 40px; padding: 0 0 0 20px; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; color: #0E3365; outline: none; border: none; border-radius: 4px; text-decoration: none; -webkit-box-shadow: 0px 3px 7px 0px #d1d5e5; box-shadow: 0px 3px 7px 0px #d1d5e5; } .favorite-to-mail-form__button:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 2px #d1d5e5, 0 1px 3px -1px #d1d5e5, 0 15px 5px -15px #d1d5e5, 0 22px 6px -25px #d1d5e5, 0 33px 10px -35px #d1d5e5; box-shadow: 0 0 2px #d1d5e5, 0 1px 3px -1px #d1d5e5, 0 15px 5px -15px #d1d5e5, 0 22px 6px -25px #d1d5e5, 0 33px 10px -35px #d1d5e5; } .favorite-to-mail-form__button:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 2px 2px 5px 0px #d1d5e5 inset; box-shadow: 2px 2px 5px 0px #d1d5e5 inset; } .favorite-to-mail-form__helper { position: absolute; top: 42px; left: 0; font-size: 14px; color: #9FADC0; font-weight: 600; } .favorite-to-mail-form__helper--alert { position: absolute; top: 42px; left: 0; font-size: 14px; color: #F73D34; font-weight: 600; } .favorite-to-mail-form-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99999999; } .favorite-to-mail-form-modal__blur { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .favorite-to-mail-form-modal__wrapper { width: 600px; max-width: 90%; height: 350px; background-color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; -webkit-box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); box-shadow: 4px 4px 17px 1px rgba(82, 82, 82, 0.8); } .favorite-to-mail-form-modal__close { -ms-flex-item-align: end; align-self: flex-end; margin-top: 10px; margin-right: 10px; width: 25px; height: 25px; cursor: pointer; background-image: url(../img/offers/fast-buy-form-close.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 21px; opacity: 0.7; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-to-mail-form-modal__close:hover { opacity: 1; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-to-mail-form-modal__pic { width: 150px; height: 150px; background-image: url(../img/favorite-form-modal-success.svg); background-repeat: no-repeat; background-position: 90% 90%; background-size: 150px; cursor: default; } .favorite-to-mail-form-modal__subtitle { margin-top: 35px; text-align: center; font-size: 17px; font-weight: 700; color: #3D4856; cursor: default; } .favorite-to-mail-form-modal__button { margin-top: 25px; width: 120px; height: 40px; line-height: 42px; text-align: center; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #0A51A5; border-radius: 4px; text-decoration: none; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-to-mail-form-modal__button:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .favorite-to-mail-form-modal__button:active { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } } .offers-catalog-next-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 25px; } .offers-catalog-next-btn { margin-bottom: 15px; margin-top: 15px; padding: 5px 13px; height: 70px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); } .offers-catalog-next-btn__text { margin: 0 0 5px 0; font-size: 9px; font-weight: 600; text-transform: initial; color: #ffffff; } .offers-catalog-next-btn__text:first-child { font-size: 8px; font-weight: bold; text-transform: uppercase; } .offers-catalog-next-btn__text:last-child { margin: 0; } .offers-catalog-next-btn__icon { width: 30px; height: 30px; background-image: url("../img/catalog/catalog-next-step-btn-icon.svg"); background-repeat: no-repeat; background-position: 50%; background-size: 100%; } @media (min-width: 375px) { .offers-catalog-next-btn { padding: 5px 17px; height: 85px; } .offers-catalog-next-btn__text { font-size: 10px; } .offers-catalog-next-btn__text:first-child { font-size: 11px; } .offers-catalog-next-btn__icon { width: 40px; height: 40px; } } @media (min-width: 425px) { .offers-catalog-next-btn { padding: 5px 17px; height: 85px; } .offers-catalog-next-btn__text { font-size: 11px; } .offers-catalog-next-btn__text:first-child { font-size: 12px; } } @media (min-width: 768px) { .offers-catalog-next-btn { margin-bottom: 0; max-width: 450px; } .offers-catalog-next-btn__text { min-height: 26px; } } @media (min-width: 1140px) { .offers-catalog-next-btn { margin-bottom: 17px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; min-width: 414x; background-image: -webkit-gradient(linear, left top, right top, from(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(30, 116, 208, 0.8117647059)), color-stop(rgba(3, 86, 172, 0.8117647059)), to(rgba(3, 86, 172, 0.8117647059))); background-image: -moz-linear-gradient(left, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-image: linear-gradient(to right, rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(30, 116, 208, 0.8117647059), rgba(3, 86, 172, 0.8117647059), rgba(3, 86, 172, 0.8117647059)); background-size: 300% 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .offers-catalog-next-btn:hover { background-position: 100% 0; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .offers-catalog-next-btn:active { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); } .offers-catalog-next-btn__text { margin: 0 0 4px 0; font-size: 11px; } .offers-catalog-next-btn__text:first-child { font-size: 14px; } } @media (min-width: 1440px) { .offers-catalog-next-btn { padding: 10px 28px; height: 77px; min-width: 414px; } .offers-catalog-next-btn__text { font-size: 13px; } .offers-catalog-next-btn__text:first-child { font-size: 15px; } .offers-catalog-next-btn__icon { width: 45px; height: 45px; } } .mobile-description__delievery { font-size: 11px; margin-bottom: 30px; } @media (min-width: 375px) { .mobile-description__delievery { font-size: 11px; } } @media (min-width: 425px) { .mobile-description__delievery { font-size: 14px; } } @media (min-width: 768px) { .mobile-description__delievery { font-size: 15px; } } .stock-filter { visibility: hidden; } @media (min-width: 300px) and (max-width: 1140px) { .hideOfferMobile { display: none; } } @media (min-width: 1140px) { .hideOfferOnDesktop { display: none; } }