/* BOTH VERSIONS */ #containerSite::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;background-color: rgba(51, 51, 51, 0.5);z-index: 101;} #containerSite.overlay::before {opacity: 1;visibility: visible;} #header {top: 0;z-index: 102;} #header-main-block, #header-country-block, #header-hideprices-block {position: relative;} #header-country-block:not(.active), #header-hideprices-block:not(.active) {height: 0;} #header .logo {display: block;max-width: 100%;padding: 0;line-height: 0;} #header .logo img {display: block;} #header .shop-icons > ul > li > a.disabled {cursor: default;} #header .shop-icons > ul > li > a.disabled span{display: none;} #header .shop-icons > ul > li > a, #header .shop-icons > ul > li > .a {position: relative;text-decoration: none;} #header .shop-icons > ul > li.cart > a .icon-cart {position: relative;} #header .shop-icons > ul > li.disabled a, #header .shop-icons > ul > li.disabled .a {cursor: default;} #header .shop-icons > ul > li.hover > .a, #header .shop-icons > ul > li.active > a {border-color: currentColor !important;} #header #country-drop {width: 100px;padding: 0 10px;border: 1px solid whitesmoke;border-top-width: 0;background: #FFF;z-index: 101;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;box-shadow: 0px 14px 14px -5px rgba(0, 0, 0, 0.25);} body #header.header-lp .wrapper-header #country-drop .change-country-custom span { min-height: unset;padding: 10px 0;margin: 10px 0; justify-content: center;cursor: pointer;border: 1px solid transparent;border-radius: 4px; } body #header.header-lp .wrapper-header #country-drop .change-country-custom span.selected { background-color: #74848C;color: #FFF; } body #header.header-lp .wrapper-header #country-drop .change-country-custom span:hover { border-color: #74848C; } #header #header-hideprices-drop {width: 270px;padding: 10px;border: 1px solid whitesmoke;border-top-width: 0;background: #FFF;z-index: 101;} #header #country-drop:not(.active), #header #header-hideprices-drop:not(.active) {opacity: 0;visibility: hidden;} #header .checkbox-switch {height: 25px; float: right;} #header .checkbox-switch input[type=checkbox]{height: 0 !important;width: 0;visibility: hidden;} #header .checkbox-switch label {cursor: pointer;width: 48px;height: 24px;background-color: #c5c5c5;display: inline-block;border-radius: 100px;position: relative;} #header .checkbox-switch label:after {content: '';position: absolute;top: 3px;left: 3px;width: 18px;height: 18px;background: #fff;border-radius: 90px;transition: 0.3s;} #header .checkbox-switch input:checked + label {background-color: #7eb7e1;} #header .checkbox-switch input:checked + label:after {left: calc(100% - 3px);transform: translateX(-100%);} #header .checkbox-switch input#opc1:checked + label {cursor: default;} #header .checkbox-switch input#opc1:checked + label:after {width: 18px;} #header .checkbox-switch label:active:after {width: 42px;} #header .checkbox-switch label:before {content: "OFF";position: absolute;top: 7px;right: 3px;font-size: 9px;line-height: 100%;color: white;width: 25px;text-align: center;} #header .checkbox-switch input:checked + label:before {content: "ON";right: auto;left: 2px;} #header .menu > ul > li > a, #header .menu > ul > li > .a {display: block;text-decoration: none;} #header .menu > ul > li > a[href="javascript:void(0);"], #header .menu > ul > li > .a {cursor: default;} .toggle-button .rdc-icon-svg { background-size: 100%;background-position: center;width: 24px;height: 24px; } .toggle-button .rdc-icon-svg.rdc-icon-menu { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cmask id='mask0_244_387' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3e%3crect width='24' height='24' fill='%23D9D9D9'/%3e%3c/mask%3e%3cg mask='url(%23mask0_244_387)'%3e%3cpath d='M3.25049 17.625V16.125H20.7505V17.625H3.25049ZM3.25049 12.75V11.25H20.7505V12.75H3.25049ZM3.25049 7.875V6.375H20.7505V7.875H3.25049Z' fill='%2374848C'/%3e%3c/g%3e%3c/svg%3e"); } .toggle-button .rdc-icon-svg.rdc-icon-close { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cmask id='mask0_244_403' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3e%3crect width='24' height='24' fill='%23D9D9D9'/%3e%3c/mask%3e%3cg mask='url(%23mask0_244_403)'%3e%3cpath d='M6.39961 18.6501L5.34961 17.6001L10.9496 12.0001L5.34961 6.4001L6.39961 5.3501L11.9996 10.9501L17.5996 5.3501L18.6496 6.4001L13.0496 12.0001L18.6496 17.6001L17.5996 18.6501L11.9996 13.0501L6.39961 18.6501Z' fill='%2355666E'/%3e%3c/g%3e%3c/svg%3e"); } @media screen and (min-width: 1200px) { #header .logo img {max-height: 60px;} #header .shop-icons > ul > li > a:hover, #header .shop-icons > ul > li:not(.disabled) > .a:hover, #header .shop-icons > ul > li:not(.disabled):hover > .a {border-bottom-color: currentColor;} #main {min-height: 600px;} } @media screen and (max-width: 767px) { #header .checkbox-switch {height: 35px;} #header .checkbox-switch label {width: 70px;height: 34px;} #header .checkbox-switch label:before {top: 11px; width: 35px; font-size: 12px;} #header .checkbox-switch label:after {width: 28px; height: 28px;} #header .nav-top .user-currency, #header .nav-top .user-login, #header .nav-top .user-account, #header .nav-top .user-garage, #header .nav-top .user-wishlist, #header .nav-top .user-comparator, #header .nav-top .search, #header .nav-top .user-logout {display: none;} #header #header-hideprices-drop {width: 100%;} #header .menu {display: none;} #containerSite {min-height: 100vh;} #main {background: #FFF;} } /* VERSION 2020 */ #header.rdc-header-style-version-0 {position: fixed;left: 0;width: 100%;} .rdc-header-style-version-0 .toggle-button {display: none;padding: 14px 9px;} .rdc-header-style-version-0 .logo-container {float: left;max-width: 148px;height: 60px;line-height: 0;} .rdc-header-style-version-0 .logo-container .dis-table-cell {vertical-align: middle;} .rdc-header-style-version-0 .right-header {float: right;} .rdc-header-style-version-0 .right-header.relative-position {position: relative;} .rdc-header-style-version-0 .rdc-header-search-version-1 {float: left;margin-right: 28px;} .rdc-header-style-version-0 .rdc-header-search-version-1 .search-form input {border-color: var(--color-theme);background-color: #FFF;} .rdc-header-style-version-0 .shop-icons {position: relative;float: left;} .rdc-header-style-version-0 .shop-icons > ul > li {float: left;height: 60px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account {text-align: center;max-width: 200px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a, .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a, .rdc-header-style-version-0 .shop-icons > ul > li.cart > a {padding: 0 15px;max-height: 60px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a .dis-table, .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a .dis-table, .rdc-header-style-version-0 .shop-icons > ul > li.cart > a .dis-table {height: 60px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a .dis-table-cell, .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a .dis-table-cell, .rdc-header-style-version-0 .shop-icons > ul > li.cart > a .dis-table-cell {vertical-align: middle;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a .icon-chart, .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a .icon-garage, .rdc-header-style-version-0 .shop-icons > ul > li.cart > a .icon-cart {display: inline-block;vertical-align: middle;line-height: 0;width: 25px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a svg {width: 25px;height: 100%;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a p, .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a p, .rdc-header-style-version-0 .shop-icons > ul > li.cart > a p {font-size: 10px;line-height: normal;display: inline-block;vertical-align: middle;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a p, .rdc-header-style-version-0 .shop-icons > ul > li.cart > a p {padding-left: 15px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a p {padding-left: 12px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a p, .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a p {width: calc(100% - 25px);max-width: 140px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a svg {width: 29px;height: 29px;} .rdc-header-style-version-0 .shop-icons > ul > li.cart > a p {width: calc(100% - 23px);} .rdc-header-style-version-0 .shop-icons > ul > li.user-anonymous p {padding: 23px 20px 22px;} .rdc-header-style-version-0 .shop-icons > ul > li:first-child {padding-left: 0;position: relative;} .rdc-header-style-version-0 .shop-icons > ul > li:first-child .a{line-height: 130%;padding: 23px 15px 19px;} .rdc-header-style-version-0 .shop-icons > ul > li > a, .rdc-header-style-version-0 .shop-icons > ul > li > .a {display: block;padding: 10px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-login > a {line-height: 130%;height: 60px;padding: 23px 20px 19px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-logout > a {padding: 9px 5px;position: relative;min-height: 60px;min-width: 51px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-logout > a .icon-logout {position: absolute;top: calc(50% - 8px);left: calc(50% - 9px);} .rdc-header-style-version-0 .shop-icons > ul > li.user-logout > a .icon-logout svg {width: 19px;} .rdc-header-style-version-0 .shop-icons > ul > li.cart {max-width: 130px;} .rdc-header-style-version-0 .shop-icons > ul > li.cart > a .icon-cart {line-height: 0;width: 23px;} .rdc-header-style-version-0 .shop-icons > ul > li.cart > a svg {width: 23px;height: 23px;} .rdc-header-style-version-0 .shop-icons > ul > li.rdc-header-hide-prices > .a, .rdc-header-style-version-0 .shop-icons > ul > li.search > a {padding: 21px 15px 12px;} .rdc-header-style-version-0 .shop-icons > ul > li.rdc-header-hide-prices > .a svg, .rdc-header-style-version-0 .shop-icons > ul > li.search > a svg {width: 18px;height: 18px;} .rdc-header-style-version-0 .shop-icons > ul > li > a span {position: absolute;top: -12px;right: -14px;min-width: 18px;width: auto;height: 15px;border-radius: 15px;line-height: 15px;text-align: center;padding: 0 3px;} .rdc-header-style-version-0 .menu {float: left;} .rdc-header-style-version-0 .menu > ul > li {float: left;} .rdc-header-style-version-0 .menu > ul > li > a, .rdc-header-style-version-0 .menu > ul > li > .a {padding: 12px 15px;line-height: 120%;} .rdc-header-style-version-0 #country-drop, .rdc-header-style-version-0 #header-hideprices-drop, .rdc-header-style-version-0 .container-search {position: fixed;} body:not(.rdc-user-logged-disabled) .rdc-header-style-version-0 .shop-icons > ul > li {border-left-width: 1px;border-left-style: solid;} body:not(.rdc-user-logged-disabled) .rdc-header-style-version-0 .shop-icons > ul > li:last-child {border-right-width: 1px;border-right-style: solid;margin-right: -1px;} @media screen and (min-width: 768px){ body:not(.tablet) .rdc-header-style-version-0 .right-header {display: flex;width: 100%;justify-content: flex-end;min-height: 86px;} body:not(.tablet) .rdc-header-style-version-0 .logo-container {flex-shrink: 0;} body:not(.tablet) .rdc-header-style-version-0 .wrapper-header > .container {display: flex;align-items: center;} body:not(.tablet) .rdc-header-style-version-0 .right-header.clearfix::before, body:not(.tablet) .rdc-header-style-version-0 .right-header.clearfix::after, body:not(.tablet) .rdc-header-style-version-0 .wrapper-header > .container.clearfix::before, body:not(.tablet) .rdc-header-style-version-0 .wrapper-header > .container.clearfix::after {display: none;} body:not(.tablet) .rdc-header-style-version-0 .rdc-header-search-version-1 {width: 100%; display: flex; justify-content: center;} body:not(.tablet) .rdc-header-style-version-0 .rdc-header-search-version-1 .dis-table {width: 470px;} body:not(.tablet) .rdc-header-style-version-0 .shop-icons {flex-shrink: 0;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .container, body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .right-header {display: flex;justify-content: flex-end;align-items: center;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .container::before, body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .container::after, body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .right-header::before, body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .right-header::after {display: none;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 #country-drop, body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 #header-hideprices-drop, body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .container-search {top: auto;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .logo-container {float: none;flex-shrink: 0;margin-left: 20px;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .logo img {max-height: 42px;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .toggle-button {top: calc(50%);left: 10px;display: block;padding: 5px;/*transform: translateY(-50%);*/line-height: 0;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 #toggle-button-svg {width: 22px;height: 22px;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .shop-icons > ul > li:not(.search):not(.cart) {display: none;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .right-header {float: none;flex-grow: 1;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .rdc-header-search-version-1 {float: none;flex-grow: 1;margin: 0 15px;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .rdc-header-search-version-1 .dis-table {max-width: 400px;margin: 0 auto;} body.tablet.rdc-viewport-devicewidth #header.rdc-header-style-version-0 .shop-icons {float: none;} } @media screen and (max-width: 767px) { .rdc-header-style-version-0 .wrapper-header {padding:0;} .rdc-header-style-version-0 .logo-container {max-width: 90px; height: 50px; margin-left: 10px;} .rdc-header-style-version-0 .logo-container .dis-table-cell {line-height: 0;} .rdc-header-style-version-0 .right-header {padding:0;position: static;margin-right: 0;margin-left: auto;} .rdc-header-style-version-0 .shop-icons {padding: 0;} .rdc-header-style-version-0 .shop-icons > ul > li {padding-left: 0;height: auto;} .rdc-header-style-version-0 .shop-icons > ul > li:last-child {margin-right: 0;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a .dis-table, .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a .dis-table, .rdc-header-style-version-0 .shop-icons > ul > li.cart > a .dis-table {width: 100%;height: 50px;} .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a, .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a, .rdc-header-style-version-0 .shop-icons > ul > li.cart > a {padding: 0 10px;} .rdc-header-style-version-0 .shop-icons > ul > li.cart > a .icon-cart {position: static !important;padding: 0 6px;} .rdc-header-style-version-0 .shop-icons > ul > li > a {padding: 10px;} .rdc-header-style-version-0 .shop-icons > ul > li > a span {font-size: 10px;top: 6px;right: 10px;} .rdc-header-style-version-0 #header-hideprices-drop .form-field .label-title {font-size: 16px;} } /* VERSION 2022 */ .rdc-header-style-version-1 {position: sticky;} .rdc-header-style-version-1 .toggle-button {display: none;margin-right: 15px;} .rdc-header-style-version-1 .wrapper-header {background-color: var(--header-background-color);} .rdc-header-style-version-1 .rdc-header-search-version-1 {margin: 0 15px;} .rdc-header-style-version-1 .rdc-header-search-version-1 .search-form input {width: 100%;border-radius: calc(var(--input-button-height) / 2);border-color: var(--header-submenu-background-color);background-color: var(--color-white);} .rdc-header-style-version-1 .shop-icons > ul {display: flex;align-items: center;} .rdc-header-style-version-1 .shop-icons > ul > li {position: relative;} .rdc-header-style-version-1 .shop-icons > ul > li > a, .rdc-header-style-version-1 .shop-icons > ul > li > .a {display: flex;padding: 0 15px;align-items: center;justify-content: center;color: var(--header-text-color);} .rdc-header-style-version-1 .shop-icons > ul > li > a p, .rdc-header-style-version-1 .shop-icons > ul > li > .a p {color: currentColor;} .rdc-header-style-version-1 .shop-icons > ul > li > a span {position: absolute;top: 0;right: 0;transform: translate(40%, -40%);min-width: 24px;padding: 0 4px;border-radius: 18px;text-align: center;} .rdc-header-style-version-1 .shop-icons > ul > li .rdc-icon-svg-mask + p {padding-left: 8px;} .rdc-header-style-version-1 .shop-icons > ul > li .icon-cart + p {padding-left: 12px;} .rdc-header-style-version-1 .shop-icons > ul > li .rdc-icon-svg-mask, .rdc-header-style-version-1 .toggle-button .rdc-icon-svg-mask {display: inline-block;width: 24px;height: 24px;vertical-align: middle;background-color: var(--header-text-color);} .rdc-header-style-version-1 .toggle-button .rdc-icon-close, .rdc-header-style-version-1 .toggle-button.active .rdc-icon-menu {display: none;} .rdc-header-style-version-1 .toggle-button.active .rdc-icon-close {display: block;} .rdc-header-style-version-1 .wrapper-menu {background-color: var(--header-submenu-background-color);} .rdc-header-style-version-1 .menu > ul {display: flex;align-items: center;} .rdc-header-style-version-1 .menu > ul > li:not(:first-child) {margin-left: 5px;} .rdc-header-style-version-1 .menu > ul > li > a, .rdc-header-style-version-1 .menu > ul > li > .a {padding: 8px 15px;color: var(--header-submenu-text-color);} .rdc-header-style-version-1 .menu > ul > li:hover > a, .rdc-header-style-version-1 .menu > ul > li.sub:hover > .a, .rdc-header-style-version-1 .menu > ul > li.hover > a, .rdc-header-style-version-1 .menu > ul > li.sub.hover > .a, .rdc-header-style-version-1 .menu > ul > li.sel > a, .rdc-header-style-version-1 .menu > ul > li.sel > .a {color: var(--header-text-color);background-color: var(--header-background-color);} .rdc-header-style-version-1 #country-drop, .rdc-header-style-version-1 #header-hideprices-drop, body:not(.rdc-page-module-search) .rdc-header-style-version-1 .container-search {position: absolute;} @media screen and (min-width: 1200px) { /* DESKTOP */ .rdc-header-style-version-1 .wrapper-header > .container {display: flex;align-items: center;} .rdc-header-style-version-1 .logo-container {flex-shrink: 0;} .rdc-header-style-version-1 .rdc-header-search-version-1 {width: 100%; display: flex; justify-content: center;} .rdc-header-style-version-1 .rdc-header-search-version-1 .dis-table {width: 460px;} .rdc-header-style-version-1 .right-header {display: flex;width: 100%;} .rdc-header-style-version-1 .shop-icons {flex-shrink: 0;margin-left: auto;} .rdc-header-style-version-1 .shop-icons > ul > li.user-account > a p, .rdc-header-style-version-1 .shop-icons > ul > li.user-account > .a p {max-width: 200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .rdc-header-style-version-1 .wrapper-menu::after {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background-color: var(--color-theme);} } @media screen and (min-width: 768px) and (max-width: 1199px) { /* TABLET LANDSCAPE | TABLET PORTAIT | MOBILE LANDSPACE */ .rdc-header-style-version-1 .wrapper-header {border-bottom: 1px solid var(--color-theme);} .rdc-header-style-version-1 .container {display: flex;align-items: center;} .rdc-header-style-version-1 .toggle-button {display: block;} .rdc-header-style-version-1 .rdc-header-search-version-1 {float: none;flex-grow: 1;margin: 0 15px;} .rdc-header-style-version-1 .rdc-header-search-version-1 .dis-table {max-width: 400px;margin: 0 auto;} .rdc-header-style-version-1 .right-header {display: flex;width: 100%;justify-content: flex-end;} .rdc-header-style-version-1 .shop-icons {float: none;margin-right: -15px;} .rdc-header-style-version-1 .shop-icons > ul > li:not(.search):not(.cart) {display: none;} } @media screen and (min-width: 768px) and (max-width: 991px) { /* TABLET PORTRAIT */ } @media screen and (min-width: 768px) { .rdc-header-style-version-1 .shop-icons > ul > li:not(:first-child)::before {content: '';position: absolute;top: 50%;left: 0;display: block;width: 1px;height: 24px;transform: translateY(-50%);background-color: var(--header-border-color);} .rdc-header-style-version-1 .shop-icons > ul > li > a, .rdc-header-style-version-1 .shop-icons > ul > li > .a {height: 60px;} } @media screen and (max-width: 767px) { /* MOBILE */ .rdc-header-style-version-1 {height: 50px;border-bottom: 1px solid var(--color-theme);} .rdc-header-style-version-1 .wrapper-header > .container{display: flex;align-items: center;} .rdc-header-style-version-1 .toggle-button {display: block;} .rdc-header-style-version-1 .logo-container {flex-shrink: 0;} .rdc-header-style-version-1 .logo img {max-height: 49px;} .rdc-header-style-version-1 .right-header{display: flex;width: 100%;justify-content: flex-end;} .rdc-header-style-version-1 .shop-icons > ul > li > a, .rdc-header-style-version-1 .shop-icons > ul > li > .a {height: 49px;} } /* !!!!!!!!!!!!!!!!!!!!! menumobile styles !!!!!!!!!!!!!!!!!!!!!!!! */ @media screen and (max-width: 1199px) { body.menu-open-animation #header, body.menu-open-animation #containerSite { transform: unset !important; } body.menu-open-animation #menu { top: var(--header-height) !important;width: 100%;z-index: 103;visibility: visible;opacity: 1; } /* body #menu { display: block;width: 100%;opacity: 0;visibility: hidden;transition: all 0.5s ease;height: calc(var(--window-inner-height) - var(--header-height) + 2px ) !important; } body #menu .mb-holder { transform: unset !important; } */ body.menu-open-animation .header-lp #header-main-block .wrapper-header { border-color: #FFF; } body.menu-open-animation #containerSite-mask { display: none; } body #header.header-lp #header-main-block .wrapper-header .user-login a { transition: all 0.5s ease; } body.menu-open-animation #header.header-lp #header-main-block .wrapper-header .user-login a { background-color: #FFF; } body.menu-open-animation .icons-locker-user { filter: brightness(0) saturate(100%) invert(34%) sepia(3%) saturate(3389%) hue-rotate(154deg) brightness(101%) contrast(73%); } body .rdc-icon-svg.rdc-icon-close { display: none; } body.menu-open-animation .rdc-icon-svg.rdc-icon-close { display: block; } body.menu-open-animation .rdc-icon-svg.rdc-icon-menu { display: none; } body.tablet .toggle-button.active .rdc-icon-svg.rdc-icon-close { display: block; } body.tablet .toggle-button.active .rdc-icon-svg.rdc-icon-menu { display: none; } .rdc-menu-mobile-style-version-0 ul.menu-inst { position: absolute;bottom: 0;width: 100%;background-color: #F1F3F4;padding: 20px 25px 40px 0; } body .rdc-menu-mobile-style-version-0 ul.menu-inst li a { width: 100%;color: #55666E;display: flex;justify-content: center;align-items: center;font-size: 14px;} body .rdc-menu-mobile-style-version-0 ul.menu-inst li a::before { position: unset;display: inline-block;margin-right: 10px;margin-top: -5px;width: 20px;height: 20px; } body .rdc-menu-mobile-style-version-0 ul.menu-inst li.lang a::before,body .rdc-menu-mobile-style-version-0 ul.menu-inst li.user a::before { background-size: 100%;filter: brightness(0) saturate(100%) invert(38%) sepia(16%) saturate(448%) hue-rotate(154deg) brightness(95%) contrast(87%); } body .rdc-menu-mobile-style-version-0 ul.menu-inst li.user a::before {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cg clip-path='url(%23clip0_63_1160)'%3e%3cpath d='M5.25642 17.9167C4.84082 17.9167 4.48585 17.7695 4.19152 17.4751C3.89717 17.1808 3.75 16.8258 3.75 16.4102V8.58979C3.75 8.17419 3.89717 7.81923 4.19152 7.52489C4.48585 7.23055 4.84082 7.08337 5.25642 7.08337H6.25V5.41671C6.25 4.37612 6.61485 3.49098 7.34454 2.76129C8.07425 2.0316 8.9594 1.66675 9.99998 1.66675C11.0406 1.66675 11.9257 2.0316 12.6554 2.76129C13.3851 3.49098 13.75 4.37612 13.75 5.41671V7.08337H14.7435C15.1591 7.08337 15.5141 7.23055 15.8084 7.52489C16.1028 7.81923 16.25 8.17419 16.25 8.58979V16.4102C16.25 16.8258 16.1028 17.1808 15.8084 17.4751C15.5141 17.7695 15.1591 17.9167 14.7435 17.9167H5.25642ZM5.25642 16.6667H14.7435C14.8183 16.6667 14.8798 16.6426 14.9279 16.5946C14.9759 16.5465 15 16.485 15 16.4102V8.58979C15 8.515 14.9759 8.45356 14.9279 8.40548C14.8798 8.35739 14.8183 8.33335 14.7435 8.33335H5.25642C5.18163 8.33335 5.12019 8.35739 5.0721 8.40548C5.02402 8.45356 4.99998 8.515 4.99998 8.58979V16.4102C4.99998 16.485 5.02402 16.5465 5.0721 16.5946C5.12019 16.6426 5.18163 16.6667 5.25642 16.6667ZM7.49998 7.08337H12.5V5.41671C12.5 4.72226 12.2569 4.13198 11.7708 3.64587C11.2847 3.15976 10.6944 2.91671 9.99998 2.91671C9.30553 2.91671 8.71526 3.15976 8.22915 3.64587C7.74303 4.13198 7.49998 4.72226 7.49998 5.41671V7.08337Z' fill='%2355666E'/%3e%3ccircle cx='10' cy='12.5' r='1.25' fill='%2355666E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_63_1160'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");} body .rdc-menu-mobile-style-version-0 ul.menu-inst li.lang a::before {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3e%3cg clip-path='url(%23clip0_1_2760)'%3e%3cpath d='M10.8125 18.125C9.74131 18.125 8.73048 17.9197 7.78003 17.509C6.82956 17.0984 6.0006 16.5393 5.29314 15.8319C4.58569 15.1244 4.02665 14.2954 3.616 13.345C3.20533 12.3945 3 11.3837 3 10.3125C3 9.23288 3.20533 8.21994 3.616 7.2737C4.02665 6.32745 4.58569 5.5006 5.29314 4.79314C6.0006 4.0857 6.82956 3.52665 7.78003 3.116C8.73048 2.70533 9.74131 2.5 10.8125 2.5C11.8921 2.5 12.9051 2.70533 13.8513 3.116C14.7976 3.52665 15.6244 4.0857 16.3319 4.79314C17.0393 5.5006 17.5984 6.32745 18.009 7.2737C18.4197 8.21994 18.625 9.23288 18.625 10.3125C18.625 11.3837 18.4197 12.3945 18.009 13.345C17.5984 14.2954 17.0393 15.1244 16.3319 15.8319C15.6244 16.5393 14.7976 17.0984 13.8513 17.509C12.9051 17.9197 11.8921 18.125 10.8125 18.125ZM10.8125 16.8741C11.2321 16.3174 11.5853 15.7559 11.8721 15.1898C12.1589 14.6236 12.3924 14.0047 12.5727 13.3331H9.0523C9.24313 14.0258 9.4793 14.6552 9.76081 15.2214C10.0423 15.7876 10.3929 16.3385 10.8125 16.8741ZM9.21998 16.6479C8.90474 16.1956 8.62165 15.6814 8.37072 15.1052C8.11978 14.529 7.92473 13.9383 7.78556 13.3331H4.99579C5.43018 14.1871 6.0127 14.9046 6.74335 15.4855C7.47401 16.0665 8.29955 16.4539 9.21998 16.6479ZM12.405 16.6479C13.3254 16.4539 14.151 16.0665 14.8817 15.4855C15.6123 14.9046 16.1948 14.1871 16.6292 13.3331H13.8394C13.6739 13.9436 13.4657 14.5369 13.2147 15.1131C12.9638 15.6893 12.6939 16.2009 12.405 16.6479ZM4.47866 12.0996H7.53568C7.48402 11.7938 7.4466 11.4941 7.42341 11.2005C7.40022 10.9069 7.38862 10.6109 7.38862 10.3125C7.38862 10.0141 7.40022 9.71813 7.42341 9.42448C7.4466 9.13086 7.48402 8.83116 7.53568 8.52541H4.47866C4.39959 8.80481 4.33897 9.09528 4.2968 9.39681C4.25462 9.69835 4.23354 10.0036 4.23354 10.3125C4.23354 10.6214 4.25462 10.9267 4.2968 11.2282C4.33897 11.5297 4.39959 11.8202 4.47866 12.0996ZM8.76922 12.0996H12.8558C12.9074 11.7938 12.9449 11.4968 12.9681 11.2084C12.9913 10.9201 13.0029 10.6214 13.0029 10.3125C13.0029 10.0036 12.9913 9.70494 12.9681 9.41659C12.9449 9.12822 12.9074 8.83116 12.8558 8.52541H8.76922C8.71756 8.83116 8.68013 9.12822 8.65692 9.41659C8.63373 9.70494 8.62214 10.0036 8.62214 10.3125C8.62214 10.6214 8.63373 10.9201 8.65692 11.2084C8.68013 11.4968 8.71756 11.7938 8.76922 12.0996ZM14.0893 12.0996H17.1463C17.2254 11.8202 17.286 11.5297 17.3282 11.2282C17.3704 10.9267 17.3915 10.6214 17.3915 10.3125C17.3915 10.0036 17.3704 9.69835 17.3282 9.39681C17.286 9.09528 17.2254 8.80481 17.1463 8.52541H14.0893C14.141 8.83116 14.1784 9.13086 14.2016 9.42448C14.2248 9.71813 14.2364 10.0141 14.2364 10.3125C14.2364 10.6109 14.2248 10.9069 14.2016 11.2005C14.1784 11.4941 14.141 11.7938 14.0893 12.0996ZM13.8394 7.29189H16.6292C16.1895 6.42733 15.611 5.70986 14.8935 5.13946C14.176 4.56908 13.3465 4.17898 12.405 3.96917C12.7203 4.44783 13.0007 4.9713 13.2464 5.53958C13.492 6.10787 13.6897 6.69197 13.8394 7.29189ZM9.0523 7.29189H12.5727C12.3819 6.60447 12.1417 5.97108 11.8523 5.39172C11.5629 4.81238 11.2163 4.26545 10.8125 3.75093C10.4087 4.26545 10.0621 4.81238 9.77267 5.39172C9.48325 5.97108 9.24313 6.60447 9.0523 7.29189ZM4.99579 7.29189H7.78556C7.93527 6.69197 8.13296 6.10787 8.37863 5.53958C8.62429 4.9713 8.90474 4.44783 9.21998 3.96917C8.2732 4.17898 7.44238 4.5704 6.72754 5.14343C6.01271 5.71646 5.43546 6.43261 4.99579 7.29189Z' fill='%2355666E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1_2760'%3e%3crect width='20' height='20' fill='white' transform='translate(0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");} #menu .menu-mobile { margin-top: 50px; } .main-menu .menu-item { text-align: center;padding: 12px 0; } .main-menu .menu-item:first-child{ padding-top: 0; } .main-menu .menu-item:last-child { padding-bottom: 0; } .main-menu .menu-item span { color: #74848C;font-size: 16px;font-weight: 400;line-height: 150%;display: block;width: 100%;font-family: 'Metrocity-Medium', sans-serif; } body #header.header-lp .logo img { max-width: 103px; } body #containerSite #menu { transition: all .5s ease; } } @media screen and (max-width: 767px) { body #header.header-lp #header-main-block .wrapper-header .user-login a { max-height: 50px;min-width: 86px; } } /* !!!!!!!!!!!!!!!!!!!!! menumobile styles !!!!!!!!!!!!!!!!!!!!!!!! */ .container-search {left: 0;width: 100%;padding: 10px 0;background: #FFF;z-index: 15;} .container-search:not(.displayed) {opacity: 0;visibility: hidden;} .container-search .container {position: relative;} .container-search .search-form {margin: 0 auto;} .container-search .btn-search {position: relative;width: 60px;height: 42px;padding: 0;background: none;border: 0;} .container-search .btn-search:not(:hover) {opacity: 0.2;} .container-search .btn-search:hover {background-color: transparent;border-color: transparent;} .container-search .btn-search svg {width: 32px;height: 32px;} .rdc-header-style-version-0 .container-search {border-bottom: 1px solid whitesmoke;} .rdc-header-style-version-1 .container-search {border-bottom: 1px solid var(--color-lines);} #cell-search-button {width: 60px;} .search-form .dis-table-cell {vertical-align: middle;} .container-search .btn-clear-search {position: relative;display: block;float: left;width: 32px;height: 32px;visibility: hidden;} .container-search .btn-clear-search::before {content: '';position: absolute;top: calc(50% - 8px);left: calc(50% - 8px);width: 16px;height: 16px;background-position: left top; background-size: 16px; background-repeat: no-repeat;} .container-search .btn-close-search {position: absolute;top: calc(50% - 18px);right: 20px;width: 40px;height: 40px;border-radius: 100%;background-color: whitesmoke;} .container-search .btn-close-search:hover {background-color: lightgray;} .container-search .btn-close-search svg {position: absolute;top: calc(50% - 13px);left: calc(50% - 13px);width: 26px;height: 26px;} .container-search .header-search-input {width: 100%; position: relative;} .container-search #search, .container-search .autocompleter-hint {padding: 6px 10px;border: 0;background: none;} .container-search #search {float: left;width: 400px;padding: 6px 15px;border: 0;position: relative;border-left-width: 1px;border-left-style: solid;border-color: rgba(0, 0, 0, 0.2);} .rdc-header-search-version-1 {width: 460px;} .rdc-header-search-version-1 .dis-table {width: 100%;height: 60px;} .rdc-header-search-version-1 .dis-table-cell {vertical-align: middle;} .notifications {position: absolute;top: calc(100% + 5px);left: 0;width: 100%;text-align: right;} .notifications .wrapper-notifications {float: right;} .notifications .notification {position: relative;display: none;padding: 5px 15px;border-radius: 4px;background: rgba(0, 0, 0, 0.9);} .notifications .add-cart-mobile {background: #FFF;text-align: center;padding: 15px;border-bottom: 1px solid lightgray;} .notifications .add-cart-mobile p {padding-bottom: 8px;} body:not(.headerCampaignVisibleBottomHeader) #containerSite.full-overlay::before {height: 100vh;} body.headerCampaignVisibleBottomHeader #containerSite.full-overlay::before {height: calc(100vh - 36px);} /* Iframe Search */ #container-iframe-search {display: none;position: absolute;z-index: 50;top: 100%;left: 0;width: 100%;background: url('/sysimages/listloader.gif') center center/50px no-repeat;} #container-iframe-search .iframe-message {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #container-iframe-search .iframe-message > div {display: table;width: 100%;height: 100%;} #container-iframe-search .iframe-message > div > div {display: table-cell;vertical-align: top;text-align: center;} #container-iframe-search iframe {width: 100%;height: 100%;min-height:99%;border: 0;} #container-iframe-search, #container-iframe-search iframe, #container-iframe-search .iframe-message {background-color: #FFF;} #container-iframe-search .iframe-message p {padding: 10% 0;} #container-iframe-search .container-search-results {display: none; background-color: #FFF;} #container-iframe-search .container-search-results.visible {display: block;} /* Auto-Completer */ .autocompleter {position: absolute;top: 0;left: 0;width: calc(100% - 64px);} .autocompleter-show {display: block;} .autocompleter-list {display:none;} .autocompleter-item {cursor: pointer;} .autocompleter-hint-show {display: block;} .autocompleter-hint {position: relative;display: none;} .autocompleter-hint span {visibility: hidden;} .autocompleter-hint-show {display: block;} @media screen and (max-width: 1599px) { body.rdc-user-logged-disabled .rdc-header-style-version-1 #country-drop, body.rdc-user-logged-disabled .rdc-header-style-version-1 #header-hideprices-drop {max-width: 245px;} } .rdc-header-style-version-0 #country-drop, .rdc-header-style-version-0 #header-hideprices-drop {top: 86px;} .rdc-header-style-version-0 .container-search {top: 98px;} .rdc-header-style-version-0.with_salesman:not(.fixedHeaderSalesman) #country-drop, .rdc-header-style-version-0.with_salesman:not(.fixedHeaderSalesman) #header-hideprices-drop {top: 96px;} .rdc-header-style-version-0.with_salesman:not(.fixedHeaderSalesman) .container-search {top: 133px;} @media screen and (min-width: 768px) { /* Main Top */ #header.rdc-header-style-version-0.with_salesman:not(.fixedHeaderSalesman) {top: 35px; position: absolute;} .rdc-platform-b2b-style-version-0:not(.tablet) #main {padding-top: 87px; min-height: 600px;} .rdc-platform-b2b-style-version-0:not(.tablet):not(.rdc-header-search-visible) #main.search {padding-top: 127px;} .rdc-platform-b2b-style-version-0:not(.tablet).header_menu_visible #main {padding-top: 98px;} .rdc-platform-b2b-style-version-0:not(.tablet):not(.rdc-header-search-visible).header_menu_visible #main.search {padding-top: 164px;} } @media screen and (min-width: 768px) and (max-width: 1550px) { body:not(.tablet) .rdc-header-style-version-0 .menu > ul > li > a, body:not(.tablet) .rdc-header-style-version-0 .menu > ul > li > .a {padding-left: 10px;padding-right: 10px;} } @media screen and (min-width: 768px) and (max-width: 1366px) { body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li:first-child .a {padding-left: 6px;padding-right: 6px;} body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li > a span {height: 15px;} body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a p, body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a p {max-width: 90px;} body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a p, body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a p {padding-left: 8px;} body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.user-account > a, body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.user-garage > a, body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.cart > a {padding-left: 5px;padding-right: 5px;} body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.search > a, body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.rdc-header-hide-prices > .a {padding-left: 10px;padding-right: 10px;} body:not(.tablet) .rdc-header-style-version-0 .shop-icons > ul > li.user-logout > a {min-width: 43px;} } @media screen and (max-width: 1190px) { #header #country-drop, #header #header-hideprices-drop:not(.active) {display: none;} body .container-search {z-index: 102;} .rdc-header-style-version-0 .shop-icons > ul > li.cart {max-width: 110px;} body.rdc-user-logged-disabled #header li.cart {max-width: 55px;} body.rdc-user-logged-disabled #header li.cart .dis-table {width: 100%;} body.rdc-user-logged-disabled #header li.cart .dis-table-cell {text-align: center;} } body:not(.tablet):not(.firefox) #header .shop-icons > ul > li:first-child:hover .country-drop, body:not(.tablet) #header .shop-icons > ul > li:first-child.hover .country-drop{display: block;} /* #### TABLET (FIXED WIDTH) ##### */ body.tablet .rdc-header-style-version-0 nav.menu {display: none;} body.tablet #header .shop-icons > ul > li.user-account > a p, body.tablet #header .shop-icons > ul > li.user-garage > a p, body.tablet #header .shop-icons > ul > li.cart > a p {display: none;} body.tablet #container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;} body.tablet:not(.rdc-viewport-devicewidth) #main{padding-top: 87px;} body.tablet:not(.rdc-viewport-devicewidth):not(.rdc-header-search-visible) #main.search{padding-top: 168px;} body.tablet:not(.rdc-viewport-devicewidth) #header, body.tablet:not(.rdc-viewport-devicewidth) #header .right-header{height: 88px;} body.tablet:not(.rdc-viewport-devicewidth) #header #country-drop, body.tablet:not(.rdc-viewport-devicewidth) #header #header-hideprices-drop, body.tablet:not(.rdc-viewport-devicewidth) #header .container-search{top: 89px;} body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-style-version-0.with_salesman:not(.fixedHeaderSalesman) #country-drop, body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-style-version-0.with_salesman:not(.fixedHeaderSalesman) #header-hideprices-drop, body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-style-version-0.with_salesman:not(.fixedHeaderSalesman) .container-search {top: 124px;} body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-style-version-0 .toggle-button {display: block;top: calc(50% - 30px);left: 15px;} body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-style-version-0 .toggle-button #toggle-button-svg {width: 30px;height: 30px;} body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-style-version-0 .logo-container {margin-left: 50px;} body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-style-version-0 .logo-container {height: 88px;} body.tablet:not(.rdc-viewport-devicewidth) #header .checkbox-switch label {width: 60px;height: 30px;} body.tablet:not(.rdc-viewport-devicewidth) #header .checkbox-switch label:before {font-size: 13px;top: 9px;left: 4px;} body.tablet:not(.rdc-viewport-devicewidth) #header .checkbox-switch label:after {top: 5px;left: 5px; width: 20px;height: 20px;} body.tablet:not(.rdc-viewport-devicewidth) #header .checkbox-switch input:not(:checked) + label:before {left: auto;right: 7px;} body.tablet:not(.rdc-viewport-devicewidth) #header .checkbox-switch input:checked + label:after {left: calc(100% - 5px);} body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li > a span {font-size: 14px;line-height: 16px;height: 16px;} body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons {padding-left: 20px; zoom: 1.4;} body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li {margin-left: 0;height: auto;} body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li > a, body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li > .a, body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-style-version-0 .shop-icons > ul > li.user-logout > a {min-height: 63px;max-height: 63px;min-width: 46px;} body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li.cart > a {padding-right: 18px;} body.tablet:not(.rdc-viewport-devicewidth) .container-search {padding: 20px 0;} body.tablet:not(.rdc-viewport-devicewidth) .rdc-header-search-version-1 .dis-table {height: 88px;} body.tablet:not(.rdc-viewport-devicewidth) .container-search #search, body.tablet:not(.rdc-viewport-devicewidth) .container-search .autocompleter-hint {padding-top: 0; padding-bottom: 0;} body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li.user-account > a .dis-table, body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li.user-garage > a .dis-table, body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li.cart > a .dis-table {width: 100%;height: 63px;} body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li.search > a, body.tablet:not(.rdc-viewport-devicewidth) #header .shop-icons > ul > li.rdc-header-hide-prices > .a {padding: 23px 20px 12px;} body.tablet:not(.rdc-viewport-devicewidth) #header #header-hideprices-drop {padding: 15px;transform: translateX(100%);} body.tablet.iOS #header .shop-icons > ul > li:first-child .a {padding-top: 21px;} body.tablet.iOS .rdc-header-style-version-0 .shop-icons > ul > li.user-logout > a {padding-top: 13px;padding-bottom: 13px;} body.tablet.iOS .rdc-header-style-version-0 .shop-icons > ul > li.user-logout > a .icon-logout {position: static;top: auto;left: auto;display: table;width: 100%;height: 38px;text-align: center;} body.tablet.iOS .rdc-header-style-version-0 .shop-icons > ul > li.user-logout > a .icon-logout svg {display: table-cell;vertical-align: middle;height: 100%;margin: auto;} @media screen and (min-width: 768px){ .rdc-platform-b2b-style-version-0.tablet.rdc-viewport-devicewidth #main {padding-top: 60px;} .rdc-platform-b2b-style-version-0.tablet.rdc-viewport-devicewidth:not(.rdc-header-search-visible) #main.search {padding-top: 127px;} } @media screen and (max-width: 767px) { .rdc-header-style-version-0:not(.with_salesman), .rdc-header-style-version-0.fixedHeaderSalesman {position: fixed !important;} .rdc-header-style-version-0.with_salesman:not(.fixedHeaderSalesman) {top: 50px; position: absolute;} #header.with_super_agent:not(.fixedHeaderSalesman) {top: 77px; position: absolute;} .rdc-header-style-version-0 {top: 0;} .rdc-header-style-version-0 .toggle-button {display: block;top: calc(50% - 25px);height: 50px;} .rdc-header-style-version-0 .toggle-button #toggle-button-svg {width: 21px; height: 22px;} #header .notifications {top: calc(100% + 1px);} #header .notifications .container {padding: 0;} #header .notifications .wrapper-notifications {float: none;} #header .notifications .notification {border-radius: 0;text-align: center;} #header .container-search #search, #header .container-search .autocompleter {font-size: 14px;} #header .container-search .autocompleter {color: #CCC;} .container-search {padding-top: 4px; padding-bottom: 4px;} .container-search #search {width: 100%;} .container-search .btn-close-search {display: none;} .container-search .btn-search {border: 0; float: right; width: 40px; height: 40px;} .container-search .search-form {width: 100%;} .container-search .header-search-input {width: calc(100% - 40px);} #container-iframe-search .container-search-results {overflow-y: auto; -webkit-overflow-scrolling: touch;} body.rdc-user-logged-disabled .rdc-header-style-version-0 .shop-icons > ul > li.cart > a .icon-cart {padding: 0;} body.rdc-user-logged-disabled .rdc-header-style-version-0 li.cart {min-width: 58px;} .rdc-header-style-version-0 .shop-icons > ul > li.rdc-header-hide-prices > .a, .rdc-header-style-version-0 .shop-icons > ul > li.search > a {padding: 17px 15px 10px;} .rdc-header-style-version-0 #header-hideprices-drop {top: auto;} } /* #################### MAIN TOP #################### */ @media screen and (min-width: 768px) { /* Main Top W/ Notification Bar Top */ .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.tablet):not(.unpinned):not(.menu-open) #header #country-drop, .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.tablet):not(.unpinned):not(.menu-open) #header #header-hideprices-drop {top: 96px;} .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.tablet):not(.unpinned):not(.menu-open) #header .container-search {top: 134px;} /* Main Top W/ Salesman Bar & Notification Bar Top */ .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header.with_salesman {top: 35px;} .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header.with_salesman #country-drop, .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header.with_salesman #header-hideprices-drop {top: 131px;} .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header.with_salesman .container-search {top: 169px;} /* Main Top Tablet W/ Notification Bar Top */ .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader.tablet:not(.rdc-viewport-devicewidth):not(.unpinned):not(.menu-open) #header #country-drop, .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader.tablet:not(.rdc-viewport-devicewidth):not(.unpinned):not(.menu-open) #header #header-hideprices-drop, .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader.tablet:not(.rdc-viewport-devicewidth):not(.unpinned):not(.menu-open) #header .container-search {top: 124px;} } @media screen and (max-width: 767px) { /* Main Top */ .rdc-platform-b2b-style-version-0 #main {padding-top: var(--header-height) !important;} /* Main Top W/ Notification Bar Top */ .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header #country-drop, .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header #header-hideprices-drop, .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header .items-dropdown {top: auto;} /* Main Top W/ Salesman Bar & Notification Bar Top */ .rdc-platform-b2b-style-version-0.headerCampaignVisible.headerCampaignVisibleTopHeader:not(.unpinned):not(.menu-open) #header.with_salesman {top: 50px;} } /* ################################################## */