/* HEADER */
/* line 7, assetic_compassIICfDD.scss */
.layouter_header {
margin-left: 20px;
}
/* line 10, assetic_compassIICfDD.scss */
.overlay-menu {
width: 100%;
height: 100vh;
z-index: 5;
background: black;
position: fixed;
left: 0;
opacity: 0;
visibility: hidden;
top: 0;
transition: all 0.5s;
}
/* line 21, assetic_compassIICfDD.scss */
.overlay-menu.open {
opacity: 0.6;
visibility: visible;
transition: all 0.5s;
transition-delay: 500ms;
}
/* line 29, assetic_compassIICfDD.scss */
.default-header {
min-width: 320px;
font-size: 0;
}
@media screen and (max-width: 800px) {
/* line 29, assetic_compassIICfDD.scss */
.default-header {
margin: 0;
}
}
/* line 35, assetic_compassIICfDD.scss */
.default-header.cart {
margin-top: 40px;
}
/* line 38, assetic_compassIICfDD.scss */
.default-header .cart_wrapper {
display: flex;
}
/* line 41, assetic_compassIICfDD.scss */
.default-header .menu-top-bar {
display: flex;
justify-content: space-between;
height: var(--menu-top-bar-height);
position: absolute;
top: 40px;
width: 100%;
z-index: 5;
left: 0;
background: white;
}
/* line 51, assetic_compassIICfDD.scss */
.default-header .menu-top-bar .content-top-bar {
max-width: 1600px;
width: 100%;
position: relative;
margin: auto;
padding: 0 48px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (min-width: 1650px) {
/* line 51, assetic_compassIICfDD.scss */
.default-header .menu-top-bar .content-top-bar {
left: 0;
padding: 0;
}
}
/* line 65, assetic_compassIICfDD.scss */
.default-header .menu-top-bar.strip {
top: calc(var(--promo-strip-height) + var(--service-strip-height));
transition: top var(--strip-animation-duration);
}
/* line 69, assetic_compassIICfDD.scss */
.default-header .menu-top-bar.fixed-menu {
top: -88px;
}
/* line 72, assetic_compassIICfDD.scss */
.default-header .menu-top-bar.fixed-menu.set-fixed {
position: fixed;
}
/* line 75, assetic_compassIICfDD.scss */
.default-header .menu-top-bar.fixed-menu.open-topBar {
top: 0;
}
@media screen and (max-width: 800px) {
/* line 41, assetic_compassIICfDD.scss */
.default-header .menu-top-bar {
display: none;
}
}
/* line 83, assetic_compassIICfDD.scss */
.default-header .menu-top-bar .logo-opaque {
display: flex;
align-items: center;
}
/* line 87, assetic_compassIICfDD.scss */
.default-header .menu-top-bar .logo-opaque a {
width: 100%;
}
/* line 90, assetic_compassIICfDD.scss */
.default-header .menu-top-bar .logo-opaque img {
width: 100%;
max-width: 166px;
}
/* line 97, assetic_compassIICfDD.scss */
.default-header .logo-opaque {
display: block;
float: left;
padding: 0;
vertical-align: middle;
padding-top: 6px;
width: 15.33898%;
font-size: 3rem;
}
/* line 106, assetic_compassIICfDD.scss */
.default-header .logo-opaque a {
width: 100%;
}
/* line 109, assetic_compassIICfDD.scss */
.default-header .logo-opaque img {
width: 100%;
max-width: 212px;
}
/* line 114, assetic_compassIICfDD.scss */
.default-header .user-container {
display: flex;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.3px;
}
/* line 119, assetic_compassIICfDD.scss */
.default-header .user-container .user-field {
display: flex;
align-items: center;
margin-left: 32px;
font-family: empikProRegular;
}
/* line 125, assetic_compassIICfDD.scss */
.default-header .user-container .user-field div {
display: flex;
align-items: center;
cursor: pointer;
}
/* line 129, assetic_compassIICfDD.scss */
.default-header .user-container .user-field div a {
margin: 1em 0;
color: #000000;
}
/* line 135, assetic_compassIICfDD.scss */
.default-header .user-container .user-field #selected-language {
text-transform: uppercase;
}
/* line 139, assetic_compassIICfDD.scss */
.default-header .user-container .user-field a.cart-link {
color: #000000;
}
/* line 143, assetic_compassIICfDD.scss */
.default-header .user-container img {
margin-right: 8px;
cursor: pointer;
}
/* line 147, assetic_compassIICfDD.scss */
.default-header .user-container p {
margin: 1em 0;
}
/* line 151, assetic_compassIICfDD.scss */
.default-header .cart-counter {
width: 14px;
height: 16px;
background: #e5e5e5;
color: black;
border-radius: 4px;
margin-left: 6px;
font-size: 12px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
/* line 164, assetic_compassIICfDD.scss */
.default-header .cart-counter.not-empty {
background: #ff5747;
color: white;
}
/* line 170, assetic_compassIICfDD.scss */
.default-header .drop-down-container {
width: 100%;
left: 0;
display: flex;
justify-content: center;
position: absolute;
z-index: 13;
top: 50px;
font-family: empikProRegular;
}
/* line 179, assetic_compassIICfDD.scss */
.default-header .drop-down-container.set-fixed {
position: fixed;
}
/* line 182, assetic_compassIICfDD.scss */
.default-header .drop-down-container.strip {
top: 106px;
}
/* line 185, assetic_compassIICfDD.scss */
.default-header .drop-down-container.open-topBar {
top: 12px;
}
/* line 188, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper {
position: relative;
width: 100%;
left: 0;
max-width: 1600px;
}
/* line 194, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open {
display: block;
width: 272px;
border-radius: 8px;
background: white;
position: absolute;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 4px 16px rgba(0, 0, 0, 0.08);
visibility: hidden;
opacity: 0;
transition: opacity 200ms linear;
z-index: 2;
top: var(--promo-strip-height);
right: 0;
}
@media (max-width: 1650px) {
/* line 194, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open {
right: 48px;
}
}
@media (max-width: 1220px) {
/* line 194, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open {
right: 34px;
}
}
@media (max-width: 800px) {
/* line 194, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open {
right: 5px;
position: fixed;
}
}
/* line 219, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open.active {
visibility: visible;
opacity: 1;
transition: opacity 200ms linear;
}
/* line 225, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open.active-mobile {
visibility: visible;
opacity: 1;
transition: opacity 200ms linear;
z-index: 300;
display: none;
}
@media (max-width: 800px) {
/* line 225, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open.active-mobile {
display: block;
margin-top: 6px;
}
}
/* line 236, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open.active-mobile.open {
top: calc(var(--promo-strip-height) + var(--service-strip-height));
}
/* line 240, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open.active-mobile.close {
top: 50px;
}
/* line 245, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .hidden-panel {
display: none;
}
/* line 249, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel {
border-bottom: 1px solid #e5e5e5;
height: 148px;
}
/* line 253, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel.hidden-panel {
display: none;
}
/* line 257, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .account-header {
font-weight: bold;
font-size: 15px;
padding: 16px 0;
text-align: center;
line-height: 20px;
}
/* line 265, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .container {
width: 100%;
padding: 0 16px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 272, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .container .login-btn {
border: none;
color: #ffffff;
background: #ff5747;
border-radius: 8px;
height: 36px;
display: flex;
font-size: 15px;
width: 100%;
align-items: center;
justify-content: center;
font-weight: bold;
}
/* line 286, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .container .register-direct {
font-weight: normal;
font-size: 15px;
text-decoration: underline;
margin: 16px 0 24px 4px;
line-height: 20px;
}
/* line 293, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .container .register-direct:hover {
color: #ff5747;
}
/* line 298, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .container p {
font-weight: normal;
font-size: 15px;
margin: 16px 0 24px 4px;
line-height: 20px;
}
/* line 306, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel.auth-popover {
font-size: 1.2rem;
height: auto;
padding: 0 16px;
text-align: center;
}
@media (min-width: 800px) {
/* line 306, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel.auth-popover {
font-size: 1.6rem;
}
}
/* line 318, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__login {
border-bottom: 1px solid #D6D6D6;
display: grid;
gap: 16px;
padding: 16px 0;
}
/* line 324, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__login strong {
font-size: 2.1rem;
}
/* line 328, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__login p {
font-size: 1.2rem;
font-weight: normal;
margin: 0;
padding: 0;
}
@media (min-width: 800px) {
/* line 328, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__login p {
font-size: 1.4rem;
}
}
/* line 340, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__login-btn {
background: #FF4A00;
border-radius: 30px;
color: white;
font-family: 'empikProBold', sans-serif;
font-size: 1.4rem;
font-weight: normal;
padding: 10px 20px;
width: 100%;
}
@media (min-width: 800px) {
/* line 340, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__login-btn {
font-size: 1.6rem;
}
}
/* line 355, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__register {
display: grid;
font-size: 1.4rem;
gap: 16px;
padding: 16px 0;
}
@media (min-width: 800px) {
/* line 355, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__register {
font-size: 1.6rem;
}
}
/* line 366, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__register-buttons {
display: grid;
gap: 8px;
}
/* line 371, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__register-btn {
border: 1px solid #FF4A00;
border-radius: 30px;
color: #FF4A00;
font-family: 'empikProBold', sans-serif;
font-weight: normal;
padding: 10px 20px;
width: 100%;
}
@media (min-width: 800px) {
/* line 371, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-login-panel .auth-popover__register-btn {
font-size: 1.6rem;
}
}
/* line 387, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-user-logged-in {
color: #4C4C4C;
font-size: 1.4rem;
padding-block: 16px;
}
/* line 392, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-user-logged-in:not(.hidden-panel) {
display: grid;
}
/* line 396, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-user-logged-in__avatar {
border-radius: 50%;
justify-self: center;
margin-bottom: 8px;
height: 64px;
overflow: hidden;
width: 64px;
}
/* line 404, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-user-logged-in__avatar img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
/* line 412, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-user-logged-in__name {
color: #2C2C2C;
margin-bottom: 4px;
}
/* line 417, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-user-logged-in__studio-link {
--bg: #FF4A00;
--border-color: #FF4A00;
--font-size: 1.6rem;
--padding: 10px;
margin-top: 16px;
}
/* line 427, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list {
height: 132px;
}
/* line 430, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list.logged {
height: 213px;
padding: 8px 0;
}
/* line 435, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list ul {
list-style: none;
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
/* line 444, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list .hr-option {
border-bottom: 1px solid #e5e5e5;
border-radius: 0;
width: 100%;
padding: 0;
margin: 7px 0;
cursor: default;
display: none;
}
/* line 453, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list .hr-option.visible {
display: flex;
}
/* line 458, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list li {
font-weight: normal;
font-size: 15px;
line-height: 20px;
cursor: pointer;
margin: 0 8px;
padding: 8px;
border-radius: 4px;
display: flex;
align-items: center;
}
/* line 469, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list li:hover {
background: #f2f2f2;
}
/* line 473, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list li a {
color: black;
margin: 0 0 0 12px;
width: 100%;
}
/* line 480, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list .hidden-option {
display: none;
}
/* line 483, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #account-open .account-option-list .hidden-option.visible {
display: flex;
}
/* line 490, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open {
width: 280px;
max-height: 320px;
background: white;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 4px 16px rgba(0, 0, 0, 0.08);
border-radius: 8px;
position: absolute;
right: 0;
visibility: hidden;
opacity: 0;
z-index: 2;
top: var(--promo-strip-height);
transition: opacity 200ms linear;
}
@media (max-width: 1650px) {
/* line 490, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open {
right: 48px;
}
}
@media (max-width: 1220px) {
/* line 490, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open {
right: 34px;
}
}
@media (max-width: 800px) {
/* line 490, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open {
margin-top: 6px;
right: 5px;
position: fixed;
}
}
/* line 516, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open.active {
visibility: visible;
opacity: 1;
transition: opacity 200ms linear;
}
/* line 522, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open.active-mobile {
visibility: visible;
opacity: 1;
transition: opacity 200ms linear;
z-index: 300;
display: none;
}
@media (max-width: 800px) {
/* line 522, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open.active-mobile {
display: block;
}
}
/* line 532, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open.active-mobile.open {
top: calc(var(--promo-strip-height) + var(--service-strip-height));
}
/* line 536, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open.active-mobile.close {
top: 50px;
}
/* line 541, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-header {
font-weight: bold;
font-size: 15px;
line-height: 20px;
z-index: 3;
padding: 16px;
padding-bottom: 0;
height: 52px;
border-bottom: 1px solid #e5e5e5;
}
/* line 552, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-product-list-container {
overflow-y: auto;
height: 0;
}
/* line 556, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-product-list-container::-webkit-scrollbar {
width: 5px;
}
/* line 560, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-product-list-container.not-empty {
height: 160px;
}
/* line 565, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open ul {
z-index: 2;
padding: 0;
}
/* line 570, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .product-container {
display: flex;
justify-content: space-between;
align-items: center;
line-height: 16px;
padding: 0 16px;
color: black;
border-bottom: 1px solid #e5e5e5;
height: 73px;
}
/* line 580, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .product-container .product-name {
font-size: 14px;
display: flex;
flex: 2;
}
/* line 586, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .product-container .product-price {
font-weight: bold;
font-size: 14px;
display: flex;
flex-direction: column;
align-items: flex-end;
flex: 1;
}
/* line 594, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .product-container .product-price p {
margin: 0;
}
/* line 598, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .product-container .product-price .old-price {
font-size: 12px;
font-weight: normal;
text-decoration: line-through;
}
/* line 604, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .product-container .product-price .price {
font-size: 14px;
color: #db0032;
}
/* line 611, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-summary {
box-shadow: none;
height: 108px;
display: flex;
flex-direction: column;
padding: 0 16px;
width: 100%;
}
/* line 619, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-summary.not-empty {
box-shadow: 0px -3px 8px rgba(0, 0, 0, 0.06);
}
/* line 623, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-summary div {
display: flex;
justify-content: space-between;
align-items: center;
}
/* line 629, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-summary .summary-total {
font-size: 15px;
}
/* line 633, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-summary .summary-price {
font-weight: bold;
font-size: 18px;
}
/* line 638, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-summary .cart-btn {
border: none;
color: #ffffff;
background: #ff5747;
border-radius: 8px;
height: 36px;
display: flex;
font-size: 15px;
align-items: center;
justify-content: center;
font-weight: bold;
pointer-events: none;
opacity: 0.5;
}
/* line 652, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #cart-open .cart-summary .cart-btn.not-empty {
opacity: 1;
pointer-events: visible;
}
/* line 660, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open {
width: 96px;
max-height: 320px;
background: white;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 4px 16px rgba(0, 0, 0, 0.08);
border-radius: 8px;
position: absolute;
right: 212px;
visibility: hidden;
opacity: 0;
z-index: 2;
top: var(--promo-strip-height);
transition: opacity 200ms linear;
}
@media (max-width: 1650px) {
/* line 660, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open {
right: 263px;
}
}
@media (max-width: 1220px) {
/* line 660, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open {
right: 263px;
}
}
@media (max-width: 800px) {
/* line 660, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open {
margin-top: 6px;
right: 5px;
position: fixed;
}
}
/* line 686, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open.active {
visibility: visible;
opacity: 1;
transition: opacity 200ms linear;
}
/* line 692, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open.active-mobile {
visibility: visible;
opacity: 1;
transition: opacity 200ms linear;
z-index: 300;
display: none;
}
@media (max-width: 800px) {
/* line 692, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open.active-mobile {
display: block;
}
}
/* line 702, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open.active-mobile.open {
top: calc(var(--promo-strip-height) + var(--service-strip-height));
}
/* line 706, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open.active-mobile.close {
top: 50px;
}
/* line 711, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open .lang-list {
display: flex;
flex-direction: column;
padding: 0;
}
/* line 716, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open .lang-list .lang-item {
padding: 8px;
display: flex;
gap: 8px;
align-items: center;
}
/* line 722, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open .lang-list .lang-item .lang-icon {
width: 20px;
height: 20px;
border: 1px solid #f2f2f2;
border-radius: 50%;
}
/* line 729, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open .lang-list .lang-item .lang-text {
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
user-select: none;
}
/* line 736, assetic_compassIICfDD.scss */
.default-header .drop-down-container .drop-down-wrapper #lang-open .lang-list .lang-item:hover {
cursor: pointer;
background: #f2f2f2;
}
/* line 745, assetic_compassIICfDD.scss */
.default-header .hr-basket {
margin: 42px 0 0 20px;
float: left;
width: 325px;
}
/* line 750, assetic_compassIICfDD.scss */
.default-header .steps {
float: right;
margin: 8px 0 0 0;
padding: 0;
}
/* line 754, assetic_compassIICfDD.scss */
.default-header .steps li {
width: 155px;
float: left;
margin-left: 6px;
list-style: none;
}
/* line 759, assetic_compassIICfDD.scss */
.default-header .steps li a {
display: block;
text-align: center;
cursor: default;
}
/* line 763, assetic_compassIICfDD.scss */
.default-header .steps li a em {
font-size: 14px;
line-height: 30px;
color: #CCCCCC;
}
/* line 768, assetic_compassIICfDD.scss */
.default-header .steps li a span {
display: block;
height: 8px;
background-color: #CCCCCC;
position: relative;
}
/* line 773, assetic_compassIICfDD.scss */
.default-header .steps li a span:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 3px;
border-color: transparent transparent transparent #CCCCCC;
position: absolute;
right: -3px;
top: 0;
bottom: 0;
}
/* line 785, assetic_compassIICfDD.scss */
.default-header .steps li a span:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 3px;
border-color: transparent transparent transparent #fff;
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
/* line 799, assetic_compassIICfDD.scss */
.default-header .steps li:first-child span:before, .default-header .steps li:last-child span:after {
display: none;
}
/* line 804, assetic_compassIICfDD.scss */
.default-header .steps li.done em {
color: #333333;
}
/* line 807, assetic_compassIICfDD.scss */
.default-header .steps li.done span {
background-color: #4276cc;
}
/* line 809, assetic_compassIICfDD.scss */
.default-header .steps li.done span:after {
border-color: transparent transparent transparent #4276cc;
}
/* line 815, assetic_compassIICfDD.scss */
.default-header .steps li.was em {
color: #333333;
}
/* line 818, assetic_compassIICfDD.scss */
.default-header .steps li.was span {
background-color: #666666;
}
/* line 820, assetic_compassIICfDD.scss */
.default-header .steps li.was span:after {
border-color: transparent transparent transparent #666666;
}
/* line 827, assetic_compassIICfDD.scss */
.default-header .bar {
margin: 15px 0;
}
/* line 829, assetic_compassIICfDD.scss */
.default-header .bar .back {
float: left;
color: #4276cc;
line-height: 20px;
font-size: 1.2rem;
}
/* line 834, assetic_compassIICfDD.scss */
.default-header .bar .back:before {
content: "\2039";
margin-right: 4px;
}
/* line 839, assetic_compassIICfDD.scss */
.default-header .bar .dok {
float: right;
font-size: 1.2rem;
color: #333333;
margin-top: -4px;
}
/* line 844, assetic_compassIICfDD.scss */
.default-header .bar .dok i {
font-size: 14px;
border-radius: 50%;
border: 1px solid #CCCCCC;
width: 24px;
height: 24px;
display: inline-block;
line-height: 22px;
text-align: center;
}
/* line 854, assetic_compassIICfDD.scss */
.default-header .bar .dok .orange {
color: #FF5747;
}
/* line 860, assetic_compassIICfDD.scss */
.default-header .rwd-short-header {
display: none;
}
/* line 864, assetic_compassIICfDD.scss */
.default-header .menu-list {
display: none;
}
@media (min-width: 1100px) {
/* line 864, assetic_compassIICfDD.scss */
.default-header .menu-list {
display: block;
}
}
/* line 870, assetic_compassIICfDD.scss */
.default-header .menu-list-tablet {
display: none;
}
@media (max-width: 1099px) {
/* line 870, assetic_compassIICfDD.scss */
.default-header .menu-list-tablet {
display: block;
}
}
/* line 876, assetic_compassIICfDD.scss */
.default-header .rwd-main-menu-dropdown {
display: none;
}
/* line 879, assetic_compassIICfDD.scss */
.default-header .main-menu {
display: flex;
height: 64px;
z-index: 1;
font-family: empikProRegular;
}
/* line 884, assetic_compassIICfDD.scss */
.default-header .main-menu .main-menu-shadow {
height: 64px;
left: 0;
position: absolute;
width: 100%;
z-index: 5;
top: 128px;
background: white;
border-top: 1px solid rgba(0, 0, 0, 0.06);
transition: top var(--strip-animation-duration);
}
/* line 894, assetic_compassIICfDD.scss */
.default-header .main-menu .main-menu-shadow.strip {
top: calc( var(--promo-strip-height) + var(--service-strip-height) + var(--menu-top-bar-height) );
}
/* line 900, assetic_compassIICfDD.scss */
.default-header .main-menu .main-menu-shadow.fixed-menu {
top: -88px;
}
/* line 903, assetic_compassIICfDD.scss */
.default-header .main-menu .main-menu-shadow.fixed-menu.set-fixed {
position: fixed;
}
/* line 906, assetic_compassIICfDD.scss */
.default-header .main-menu .main-menu-shadow.fixed-menu.open {
top: 0;
}
/* line 910, assetic_compassIICfDD.scss */
.default-header .main-menu .main-menu-shadow.fixed-menu.open-topBar {
top: 88px;
}
/* line 917, assetic_compassIICfDD.scss */
.default-header .main-menu .user-header-info {
display: none;
}
/* line 920, assetic_compassIICfDD.scss */
.default-header .main-menu hr {
margin: 0;
padding: 0;
border-color: #666666;
}
/* line 925, assetic_compassIICfDD.scss */
.default-header .main-menu .menu {
width: 100%;
max-width: 1600px;
margin: auto;
padding: 0 48px;
height: 64px;
display: flex;
align-items: center;
z-index: 1;
justify-content: center;
}
@media screen and (min-width: 1650px) {
/* line 925, assetic_compassIICfDD.scss */
.default-header .main-menu .menu {
padding: 0;
}
}
@media screen and (max-width: 1220px) {
/* line 925, assetic_compassIICfDD.scss */
.default-header .main-menu .menu {
left: 0;
}
}
/* line 942, assetic_compassIICfDD.scss */
.default-header .main-menu .menu .menu-list {
flex: 1;
}
/* line 946, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items {
display: flex;
padding: 0;
font-size: 0;
align-items: center;
}
/* line 951, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items .separator-items {
width: 1px;
height: 20px;
background: #e0e0e0;
cursor: default;
padding: 0;
}
/* line 957, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items .separator-items:hover {
border: none;
}
/* line 962, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:not(.menu-item) {
display: flex;
align-items: center;
border-right: none;
height: 62px;
font-size: 15px;
line-height: 20px;
letter-spacing: 0.03px;
margin: 0 0.6vw;
cursor: pointer;
border-bottom: 3px solid transparent;
-webkit-transition: all 0s linear 0s;
-moz-transition: all 0s linear 0s;
-ms-transition: all 0s linear 0s;
-o-transition: all 0s linear 0s;
transition: all 0s linear 0s;
}
/* line 975, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:last-child {
border-right: none;
margin-right: 0;
}
/* line 979, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:first-child {
border-right: none;
margin-left: 0;
}
/* line 984, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li a:hover {
color: #333333;
}
/* line 987, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li a.link-menu[title="KONKURS"] {
color: #FF5747;
}
/* line 990, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li a.link-menu[title="#ZUSTANDOMA"] {
color: #FF5747;
}
/* line 993, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li a.link-menu[title="#ZOSTANDOMA"] {
color: #FF5747;
}
/* line 997, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li i {
display: none;
}
/* line 1001, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:hover:not(.menu-item) {
border-bottom: 3px solid #ff5747;
z-index: 2;
}
/* line 1005, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:hover .overlay-menu {
display: block;
}
/* line 1008, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:hover .menu-item-dropdown {
opacity: 1;
visibility: visible;
height: 510px;
cursor: default;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-height: 510px;
transition: all 0.5s;
}
/* line 1019, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:hover .menu-item-dropdown li {
padding: 0;
}
/* line 1023, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:hover .menu-item-dropdown-image-layout {
opacity: 1;
visibility: visible;
height: auto;
cursor: default;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-height: 535px;
transition: all 0.5s;
transition-delay: 500ms;
}
/* line 1035, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:hover .menu-item-dropdown-image-layout li {
padding: 0;
}
/* line 1038, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li:hover .menu-item-dropdown-image-layout.fixed {
top: 62px;
position: fixed;
}
/* line 1045, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .text-column {
display: flex;
flex-direction: column;
position: relative;
padding-bottom: 2em;
flex: 1;
vertical-align: top;
align-items: center;
}
/* line 1053, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .text-column ul {
padding: 0;
margin: 0;
}
/* line 1057, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .text-column .title-container {
height: auto;
min-width: 20px;
margin: 24px 0 16px 6px;
}
/* line 1063, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column {
display: flex;
flex-direction: column;
position: relative;
flex: 1;
margin-right: 32px;
vertical-align: top;
align-items: flex-start;
}
/* line 1071, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column:last-child {
margin-right: 0;
}
/* line 1074, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column ul {
padding: 0;
margin: 0;
}
/* line 1078, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column .special {
position: absolute;
bottom: 0;
left: 1em;
font-weight: normal;
display: block;
width: calc(100% - 2em);
padding: 0;
color: #FF5747;
}
/* line 1087, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column .special:hover {
color: #333333;
}
/* line 1090, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column .special:after {
content: "\70";
font-family: empikfoto;
padding: 0 0 0 7%;
}
/* line 1098, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .title-container {
height: auto;
min-height: 20px;
margin: 24px 0 16px 0;
}
/* line 1102, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .title-container .title {
font-family: empikProBold;
font-size: 12px;
color: #8a8a8a;
text-transform: uppercase;
letter-spacing: 0.4px;
}
/* line 1110, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .title-container-margin {
margin: 30px 0;
}
/* line 1113, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column-item {
display: flex;
letter-spacing: 0.3px;
font-size: 15px;
font-family: empikProRegular;
color: black;
margin: 0;
margin-bottom: 16px;
height: auto;
width: fit-content;
border: none;
}
/* line 1124, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column-item .link-item {
color: inherit;
}
/* line 1126, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column-item .link-item:hover {
font-family: "empikProBold";
text-decoration: underline;
}
/* line 1131, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .column-item .menu-badge {
left: 16px;
top: 16px;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 10px;
z-index: 1;
font-family: empikProBold;
letter-spacing: 0.2px;
text-transform: uppercase;
}
/* line 1146, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .dropdown-container-footer {
width: 100%;
display: flex;
justify-content: center;
border-top: 1px solid #e5e5e5;
z-index: 100;
position: relative;
font-size: 15px;
height: 68px;
background: white;
font-family: "empikProRegular";
align-items: center;
}
/* line 1158, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .dropdown-container-footer a {
color: black;
}
/* line 1160, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .dropdown-container-footer a:hover {
font-family: "empikProBold";
text-decoration: underline;
}
/* line 1167, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout {
width: 100%;
height: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
border-top: 1px solid #e5e5e5;
position: absolute;
background: #ffffff;
z-index: 100;
left: 0;
top: 63px;
text-transform: none;
overflow: hidden;
}
/* line 1186, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .cart-image-with-text {
display: flex;
width: 100%;
margin-bottom: 32px;
min-width: 318px;
}
/* line 1191, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .cart-image-with-text a {
display: flex;
width: 100%;
overflow: hidden;
}
/* line 1196, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .cart-image-with-text img {
max-width: 104px;
width: 100%;
max-height: 104px;
height: 100%;
border-radius: 8px 0 0 8px;
transform: scale(1);
transition: transform 200ms ease-out;
}
/* line 1205, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .cart-image-with-text img:hover {
transform: scale(1.05);
transition: transform 200ms ease-out;
}
/* line 1209, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .cart-image-with-text .text-container {
max-height: 104px;
height: 100%;
width: 100%;
max-width: 268px;
padding-left: 24px;
flex-direction: column;
display: flex;
background: #f8f8f8;
justify-content: center;
border-radius: 0 10px 10px 0;
letter-spacing: 0.3px;
}
/* line 1221, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .cart-image-with-text .text-container .text {
color: black;
font-size: 15px;
font-family: "empikProBold";
margin: 4px 0;
}
/* line 1227, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .cart-image-with-text .text-container .text-description {
color: #575757;
font-family: "empikProRegular";
margin: 4px 0;
}
/* line 1234, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .dropdown-container-image {
max-width: 1180px;
width: 100%;
display: flex;
height: auto;
max-height: 470px;
}
@media (max-width: 1220px) {
/* line 1234, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .dropdown-container-image {
padding: 0 32px;
}
}
@media (max-width: 800px) {
/* line 1234, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .dropdown-container-image {
padding: 0 16px;
}
}
/* line 1247, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .dropdown-container-image .left-separator,
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .dropdown-container-image .right-separator {
width: 1px;
height: 85%;
background: #e5e5e5;
margin: 30px 32px 0 0;
}
/* line 1255, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text {
display: flex;
width: 100%;
height: 372px;
flex-direction: column;
justify-content: space-between;
margin-bottom: 32px;
align-items: flex-start;
}
/* line 1263, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .badge {
min-width: 76px;
width: auto;
padding: 0 8px;
height: 20px;
border-radius: 35px;
font-size: 10px;
font-family: empikProBold;
display: flex;
justify-content: center;
text-transform: uppercase;
position: absolute;
left: 8px;
z-index: 1;
top: 8px;
color: white;
}
/* line 1280, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .bestseller {
background: #221f9c;
}
/* line 1283, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .promotion {
background: #db0032;
}
/* line 1286, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .newness {
background: #5fad56;
}
/* line 1289, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .big-box-container {
background: #f8f8f8;
width: 372px;
border-radius: 8px;
min-width: 270px;
position: relative;
}
@media screen and (max-width: 1220px) {
/* line 1289, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .big-box-container {
max-width: 372px;
width: 100%;
}
}
@media screen and (max-width: 1099px) {
/* line 1289, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .big-box-container {
max-width: 372px;
width: 100%;
min-width: 200px;
}
}
/* line 1304, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .big-box-container a {
display: flex;
flex-direction: column;
width: 100%;
height: 322px;
justify-content: center;
align-items: center;
overflow: hidden;
}
/* line 1314, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .small-box-container {
background: #f8f8f8;
max-width: 170px;
position: relative;
width: 100%;
border-radius: 8px;
}
/* line 1320, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .small-box-container a {
display: flex;
flex-direction: column;
width: 100%;
height: 120px;
justify-content: center;
align-items: center;
overflow: hidden;
}
/* line 1330, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .menu-big-image {
width: 100%;
transform: scale(1);
transition: transform 200ms ease-out;
}
/* line 1335, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .menu-big-image:hover {
transform: scale(1.05);
transition: transform 200ms ease-out;
}
/* line 1339, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .menu-small-image {
width: 100%;
transform: scale(1);
transition: transform 200ms ease-out;
}
/* line 1344, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .menu-small-image:hover {
transform: scale(1.05);
transition: transform 200ms ease-out;
}
/* line 1348, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .text-container {
height: 50px;
width: 100%;
padding: 0 0 16px 16px;
flex-direction: column;
display: flex;
background: #f8f8f8;
justify-content: center;
letter-spacing: 0.3px;
font-size: 14px;
border-radius: 8px;
}
/* line 1359, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .text-container a {
align-items: flex-start;
justify-content: center;
display: flex;
flex-direction: column;
}
/* line 1365, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .text-container .text {
color: black;
font-family: "empikProBold";
margin: 2px 0;
}
/* line 1370, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown-image-layout .image-with-text .text-container .text-description {
color: #575757;
margin: 0;
font-family: "empikProRegular";
}
/* line 1378, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown {
width: 100%;
height: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
border-top: 1px solid #e5e5e5;
position: absolute;
background: #ffffff;
z-index: 100;
left: 0;
top: 248px;
text-transform: none;
overflow: hidden;
}
/* line 1396, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown li {
padding: 0;
}
/* line 1399, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown .dropdown-container {
max-width: 1180px;
width: 100%;
display: flex;
height: 442px;
}
@media (max-width: 1220px) {
/* line 1399, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown .dropdown-container {
padding: 0 32px;
}
}
@media (max-width: 800px) {
/* line 1399, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown .dropdown-container {
padding: 0 16px;
}
}
/* line 1412, assetic_compassIICfDD.scss */
.default-header .main-menu .menu ul.menu-items li .menu-item-dropdown .foto img {
width: 100%;
display: block;
padding: 1rem;
}
/* line 1422, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
}
/* line 1428, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container {
max-width: 248px;
display: flex;
height: 40px;
width: 100%;
position: absolute;
right: 0;
align-items: center;
transition: all 300ms ease-out;
}
@media (max-width: 1139px) {
/* line 1428, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container {
max-width: 219px;
}
}
/* line 1440, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container .loupe {
position: absolute;
left: 36px;
visibility: hidden;
opacity: 0;
transition: all 200ms ease-out;
}
/* line 1446, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container .loupe.active {
left: 12px;
opacity: 1;
visibility: visible;
transition: all 200ms ease-out;
}
/* line 1453, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container .close {
position: absolute;
right: 12px;
z-index: 5;
opacity: 0;
visibility: hidden;
transition: all 100ms ease-out;
}
/* line 1460, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container .close.active {
visibility: visible;
opacity: 1;
cursor: pointer;
transition: all 700ms ease-out;
}
/* line 1467, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container .input-search {
position: absolute;
padding: 0;
max-width: 248px;
width: 0;
background: #f2f2f2;
border-radius: 4px;
height: 40px;
left: 10%;
border: none;
transition: all 300ms ease-out;
}
/* line 1478, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container .input-search:focus {
border: 2px solid #ff5747;
}
/* line 1481, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container .input-search.active {
width: 100%;
padding: 0 35px;
left: 0;
transition: all 300ms ease-out;
}
@media (max-width: 1139px) {
/* line 1467, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container .input-search {
max-width: 219px;
left: 10%;
}
}
/* line 1492, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container.active {
left: calc(100% - 248px);
width: 248px;
padding: 0;
z-index: 2;
transition: all 300ms ease-out;
}
@media (max-width: 1139px) {
/* line 1492, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .input-search-container.active {
width: 219px;
left: calc(100% - 219px);
}
}
/* line 1504, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container {
display: flex;
align-items: center;
z-index: 1;
visibility: visible;
transition: visibility 100ms ease-out;
}
/* line 1510, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .search {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 1517, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .search div {
z-index: 1;
padding: 0;
background: white;
cursor: pointer;
border-radius: 30px;
transition: background 300ms ease;
}
/* line 1525, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .search div:hover {
background: #f2f2f2;
padding: 12px;
transition: background 300ms ease;
}
/* line 1533, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .separator-menu {
width: 1px;
height: 20px;
background: #e5e5e5;
margin: 0 20px;
}
/* line 1540, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .btn-container {
width: 136px;
height: 40px;
display: flex;
align-items: center;
margin-left: 2px;
justify-content: center;
}
/* line 1547, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .btn-container.localization {
width: 150px;
}
/* line 1552, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .add-photo-btn {
display: flex;
align-items: center;
cursor: pointer;
font-weight: normal;
background: white;
font-family: empikProRegular;
color: black;
outline: none;
font-size: 15px;
line-height: 20px;
transition: background 300ms ease;
padding: 20px 10px;
border-radius: 8px;
}
/* line 1567, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .add-photo-btn:hover {
background: #f2f2f2;
transition: background 300ms ease;
}
/* line 1572, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container .add-photo-btn img {
margin-right: 8px;
}
/* line 1576, assetic_compassIICfDD.scss */
.default-header .main-menu .function-container .search-container.disable {
visibility: hidden;
transition: visibility 100ms ease-out;
}
/* line 1586, assetic_compassIICfDD.scss */
[data-menubox] .default-header {
margin-bottom: calc( var(--promo-strip-height) + var(--service-strip-height) + var(--menu-top-bar-height) );
transition: margin var(--strip-animation-duration);
}
/**/
/* line 1598, assetic_compassIICfDD.scss */
.default-header .main-menu .system-menu {
display: inline-block;
}
/* line 1600, assetic_compassIICfDD.scss */
.default-header .main-menu .system-menu ul.system-menu-items {
display: inline-block;
padding: 0;
margin: 8px 0 0;
font-size: 0;
}
/* line 1605, assetic_compassIICfDD.scss */
.default-header .main-menu .system-menu ul.system-menu-items li {
display: inline-block;
margin: 0 10px;
font-size: 1.2rem;
}
/* line 1609, assetic_compassIICfDD.scss */
.default-header .main-menu .system-menu ul.system-menu-items li:first-child {
margin: 0 10px 0 0;
}
/* line 1612, assetic_compassIICfDD.scss */
.default-header .main-menu .system-menu ul.system-menu-items li:last-child {
margin: 0 0 0 10px;
}
/**/
/**/
/* line 1624, assetic_compassIICfDD.scss */
.default-header .main-menu .form_microsearch {
float: right;
width: 195px;
margin-top: 10px;
}
/**/
/**/
/* line 1635, assetic_compassIICfDD.scss */
.default-header .main-menu .send-photos {
float: right;
margin-top: 10px;
margin-left: 20px;
height: 27px;
padding: 0 0 0 1.2em;
font-weight: normal;
color: #333333;
text-transform: none;
border-left: 1px solid #CCCCCC;
background: none;
outline: none;
}
/* line 1647, assetic_compassIICfDD.scss */
.default-header .main-menu .send-photos:after {
font-size: 1rem;
content: "%";
font-family: empikfoto;
color: #FF5747;
float: right;
line-height: 300%;
margin: 0 4px 0 1em;
}
/* line 1656, assetic_compassIICfDD.scss */
.default-header .main-menu .send-photos:before {
font-size: 1.8rem;
content: "R";
font-family: empikfoto;
color: #FF5747;
float: right;
}
/* BREADCRUMB */
/* line 1667, assetic_compassIICfDD.scss */
.breadcrumb {
display: flex;
font-size: 14px;
padding: 5px 0;
color: #8a8a8a;
font-family: "empikProRegular";
margin: 22px 0 11px 0;
}
@media screen and (max-width: 1220px) {
/* line 1667, assetic_compassIICfDD.scss */
.breadcrumb {
padding: 0 32px;
}
}
/* line 1677, assetic_compassIICfDD.scss */
.breadcrumb a {
display: table-cell;
color: #8a8a8a;
}
/* line 1680, assetic_compassIICfDD.scss */
.breadcrumb a:hover {
color: #FF5747;
}
/* line 1684, assetic_compassIICfDD.scss */
.breadcrumb span {
display: flex;
align-items: center;
}
/* line 1688, assetic_compassIICfDD.scss */
.breadcrumb .icon-angle-thin-right {
font-size: 10px;
}
/* line 1691, assetic_compassIICfDD.scss */
.breadcrumb .disable {
color: black;
font-size: 14px;
}
/* line 1695, assetic_compassIICfDD.scss */
.breadcrumb [class^="icon-"],
.breadcrumb [class*=" icon-"],
.breadcrumb [class^="rwd-uploader-icon-"],
.breadcrumb [class*=" rwd-uploader-icon-"] {
color: #8a8a8a;
width: auto;
height: auto;
}
/* line 1703, assetic_compassIICfDD.scss */
.breadcrumb [class^="icon-"]:before,
.breadcrumb [class*=" icon-"]:before {
font-family: empikfoto;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
margin: 0 12px;
}
/**/
/**/
@media (max-width: 800px) {
/* line 1719, assetic_compassIICfDD.scss */
.rwd-page .default-header {
counter-reset: item;
}
/* line 1721, assetic_compassIICfDD.scss */
.rwd-page .default-header .logo-opaque {
width: 100px;
height: 40px;
padding: 0;
margin: 0 auto;
display: block;
float: none;
margin-top: 35px;
}
/* line 1730, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0 16px;
background: #ffffff;
height: 56px;
right: 0;
top: 0;
z-index: 12;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
}
/* line 1743, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header.strip.fixed-menu {
top: 0;
position: fixed;
}
/* line 1748, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header.fixed-menu {
top: 0;
position: fixed;
}
/* line 1753, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile {
display: flex;
height: 40px;
position: absolute;
align-items: center;
left: 0;
right: 0;
margin: auto;
width: calc(100% - 24px);
min-width: 300px;
transition: all 300ms ease-out;
}
/* line 1764, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile .loupe-mobile {
position: absolute;
left: 32px;
visibility: hidden;
opacity: 0;
transition: all 200ms ease-out;
}
/* line 1770, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile .loupe-mobile.active {
left: 12px;
opacity: 1;
visibility: visible;
transition: all 200ms ease-out;
}
/* line 1777, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile .close-mobile {
position: absolute;
right: 12px;
z-index: 5;
opacity: 0;
visibility: hidden;
transition: all 100ms ease-out;
}
/* line 1784, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile .close-mobile.active {
visibility: visible;
opacity: 1;
cursor: pointer;
transition: all 700ms ease-out;
}
/* line 1791, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile .input-search-mobile {
position: absolute;
padding: 0;
width: 0;
background: #f2f2f2;
border-radius: 4px;
height: 40px;
left: 10%;
border: none;
transition: all 300ms ease-out;
}
/* line 1801, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile .input-search-mobile:focus {
border: 2px solid #ff5747;
}
/* line 1804, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile .input-search-mobile.active {
width: 100%;
padding: 0 35px;
left: 0;
transition: all 300ms ease-out;
}
/* line 1811, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .input-search-container-mobile.active {
padding: 0;
z-index: 3;
transition: all 300ms ease-out;
}
/* line 1817, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .left-container {
display: flex;
flex: 1;
z-index: 2;
align-items: center;
}
/* line 1822, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .left-container #burger_wrapper {
width: 40px;
height: 40px;
cursor: pointer;
display: flex;
}
/* line 1828, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .left-container img {
width: 24px;
margin-right: 16px;
cursor: pointer;
}
/* line 1834, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .logo-link {
z-index: 2;
flex: 1;
text-align: center;
}
/* line 1838, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .logo-link img {
width: 159px;
}
/* line 1842, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .right-container {
flex: 1;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
}
/* line 1848, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .right-container div {
margin-left: 16px;
position: relative;
}
/* line 1851, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .right-container div .cart-counter {
position: absolute;
top: 10px;
right: -4px;
}
/* line 1857, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-short-header .right-container img {
width: 24px;
cursor: pointer;
}
/* line 1864, assetic_compassIICfDD.scss */
.rwd-page .default-header .main-menu {
display: none;
}
/* line 1867, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown {
font-family: empikProRegular;
display: block;
position: fixed;
z-index: 100000;
font-size: 1.4rem;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: #ffffff;
color: #333333;
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
transition: transform 0.5s 0s, visibility 0s 0.5s;
}
/* line 1885, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown.active {
visibility: visible;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
transition: transform 0.5s 0s, visibility 0s 0s;
overflow-y: auto;
height: 100%;
}
/* line 1893, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown.active::-webkit-scrollbar {
width: 5px;
}
/* line 1897, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
font-family: "empikProLight", sans-serif;
height: 64px;
padding: 0 16px;
}
/* line 1904, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-header p {
font-weight: bold;
font-size: 20px;
letter-spacing: 0.3px;
z-index: 1;
}
/* line 1910, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-header img {
max-width: 20px;
width: 100%;
z-index: 1;
cursor: pointer;
}
/* line 1918, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul {
margin: 0;
padding: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
/* line 1932, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .link-menu[title="KONKURS"],
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .link-menu[title="KONKURS"] {
color: #FF5747;
}
/* line 1935, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .separator-items,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .separator-items {
display: none;
}
/* line 1938, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul a {
font-weight: bold;
display: flex;
padding: 0 16px;
width: 100%;
height: 100%;
align-items: center;
justify-content: space-between;
}
/* line 1946, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content a img,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul a img {
max-width: 56px;
width: 100%;
margin-right: 24px;
}
/* line 1951, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content a .arrow,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul a .arrow {
max-width: 12px;
width: 100%;
margin: 0;
}
/* line 1957, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content li,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul li {
border-top: 1px solid #f2f2f2;
height: 56px;
display: flex;
font-size: 1.6rem;
letter-spacing: 0.4px;
font-family: "empikProLight", sans-serif;
align-items: center;
}
/* line 1965, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content li:first-child, .rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content li:last-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul li:first-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul li:last-child {
border: none;
}
/* line 1971, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content li:last-child > a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content li:last-child > span,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content li:last-child > i,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul li:last-child > a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul li:last-child > span,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul li:last-child > i {
border-bottom: 1px solid #CCCCCC;
}
/* line 1977, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .form_microsearch,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .form_microsearch {
padding: 0;
display: none;
}
/* line 1980, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .form_microsearch > .field,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .form_microsearch > .field {
position: static;
}
/* line 1983, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .form_microsearch input.field,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .form_microsearch input.field {
float: left;
width: calc(100% - 50px);
font-size: 1.4rem;
border: none;
border-top: 3px solid #CCCCCC;
border-bottom: 3px solid #CCCCCC;
border-left: 3px solid #CCCCCC;
}
/* line 1992, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .form_microsearch button.btn,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .form_microsearch button.btn {
position: static;
width: 50px;
height: 50px;
line-height: 50px;
float: right;
border-top: 3px solid #CCCCCC;
border-bottom: 3px solid #CCCCCC;
border-right: 3px solid #CCCCCC;
}
/* line 2003, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .icon-angle-right,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .icon-angle-right {
display: none;
}
/* line 2006, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .see-all a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .see-all a {
color: #FF5747;
}
/* line 2010, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action button,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action button {
width: 50%;
float: left;
display: block;
}
/* line 2017, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action .mobile-flag-container,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action .mobile-flag-container {
background: #f4f4f4;
display: flex;
padding: 0 20px;
height: 50px;
flex: 1;
align-items: center;
justify-content: flex-end;
}
/* line 2027, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action .country-flag,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action .country-flag {
color: #333333;
font-family: Roboto;
font-size: 12px;
letter-spacing: 0.03px;
line-height: 14px;
margin: 0 0 0 4px;
}
/* line 2036, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action .link-flag,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action .link-flag {
display: flex;
align-items: center;
padding: 0;
justify-content: flex-end;
margin: 0 10px;
margin-top: -4px;
width: auto;
height: auto;
border: none;
}
/* line 2048, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action .send-photos,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action .send-photos {
padding: 0 10px;
height: 50px;
line-height: 50px;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
background: none;
outline: none;
color: #333333;
font-size: 1.2rem;
font-weight: bold;
}
/* line 2059, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action .send-photos:before,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action .send-photos:before {
font-size: 1.8rem;
content: "R";
font-family: empikfoto;
color: #FF5747;
float: right;
}
/* line 2067, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action .basket,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action .basket {
background: #f4f4f4;
}
/* line 2069, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action .basket span,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action .basket span {
padding: 0;
border: 0;
font-weight: bold;
color: #FF5747;
}
/* line 2074, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-action .basket span:before,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-action .basket span:before {
content: "\6c";
display: inline-block;
font-family: empikfoto;
color: #333333;
font-size: 1.8rem;
margin-right: 10px;
font-weight: normal;
}
/* line 2087, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .back a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .back span,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .back a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .back span {
padding-left: 0;
color: #333333;
background-color: #EEEEEE;
}
/* line 2092, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .back a i,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .back span i,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .back a i,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .back span i {
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
display: inline-block;
}
/* line 2099, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .back a .icon-angle-thin-right,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .back span .icon-angle-thin-right,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .back a .icon-angle-thin-right,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .back span .icon-angle-thin-right {
display: inline-block;
padding: 0 5px;
}
/* line 2106, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-header-info a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-header-info a {
width: 50%;
float: left;
display: block;
color: #ffffff;
background-color: #FF5747;
text-transform: uppercase;
font-weight: normal;
}
/* line 2114, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-header-info a:last-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-header-info a:last-child {
border-left: 1px solid #ffffff;
}
/* line 2117, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .user-header-info a:after,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .user-header-info a:after {
content: "\24";
font-family: empikfoto;
float: right;
}
/* line 2124, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content.hidden,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul.hidden {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
display: block !important;
visibility: visible;
}
/* line 2130, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .rwd-header-links,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .rwd-header-links {
height: auto;
padding-top: 40px;
}
/* line 2134, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .rwd-header-links li,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .rwd-header-links a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .rwd-header-links li,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .rwd-header-links a {
border: none;
color: #000000;
}
/* line 2139, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .rwd-header-links li:first-child, .rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .rwd-header-links li:last-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .rwd-header-links a:first-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content .rwd-header-links a:last-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .rwd-header-links li:first-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .rwd-header-links li:last-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .rwd-header-links a:first-child,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul .rwd-header-links a:last-child {
border: none;
}
/* line 2148, assetic_compassIICfDD.scss */
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content.is-slide > li > a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content.is-slide > li > span,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content.is-slide > li > i,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content.is-slide > li > form,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul.is-slide > li > a,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul.is-slide > li > span,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul.is-slide > li > i,
.rwd-page .default-header .rwd-main-menu-dropdown .rwd-main-menu-content ul.is-slide > li > form {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
/* line 2158, assetic_compassIICfDD.scss */
.rwd-page .default-header .hr-basket {
display: none;
}
/* line 2161, assetic_compassIICfDD.scss */
.rwd-page .default-header .steps {
position: fixed;
width: 100%;
height: 35px;
top: 0;
left: 0;
background: #ffffff;
float: none;
margin: 0;
border-bottom: 1px solid #CCCCCC;
box-shadow: 0 0 5px #CCCCCC;
list-style: none;
text-align: right;
padding: 0 10px 0 0;
z-index: 51;
}
/* line 2176, assetic_compassIICfDD.scss */
.rwd-page .default-header .steps li {
width: 35px;
margin-left: 10px;
counter-increment: item;
padding: 2px 0 0 0;
display: inline-block;
float: none;
position: relative;
}
/* line 2184, assetic_compassIICfDD.scss */
.rwd-page .default-header .steps li:before {
content: counter(item);
border: 2px solid #CCCCCC;
border-radius: 100%;
color: #333333;
text-align: center;
display: inline-block;
width: 27px;
height: 27px;
line-height: 28px;
font-size: 1.4rem;
}
/* line 2196, assetic_compassIICfDD.scss */
.rwd-page .default-header .steps li:after {
position: absolute;
content: "";
width: 15px;
height: 2px;
background: #CCCCCC;
top: 50%;
left: -10px;
}
/* line 2206, assetic_compassIICfDD.scss */
.rwd-page .default-header .steps li:first-child:after {
display: none;
}
/* line 2210, assetic_compassIICfDD.scss */
.rwd-page .default-header .steps li.done:before, .rwd-page .default-header .steps li.was:before {
border: 2px solid #4276cc;
}
/* line 2214, assetic_compassIICfDD.scss */
.rwd-page .default-header .steps li.done:after, .rwd-page .default-header .steps li.was:after {
background: #4276cc;
}
/* line 2218, assetic_compassIICfDD.scss */
.rwd-page .default-header .steps li em,
.rwd-page .default-header .steps li span {
display: none;
}
/* line 2224, assetic_compassIICfDD.scss */
.rwd-page .default-header .bar {
text-align: center;
}
/* line 2226, assetic_compassIICfDD.scss */
.rwd-page .default-header .bar .back {
position: fixed;
top: 7px;
left: 10px;
z-index: 51;
}
/* line 2232, assetic_compassIICfDD.scss */
.rwd-page .default-header .bar .dok {
float: none;
}
/* line 2239, assetic_compassIICfDD.scss */
.rwd-page .margin_box.tiny-html-box table {
width: 100%;
}
/* line 2242, assetic_compassIICfDD.scss */
.rwd-page .section.fluid-wrapper:after,
.rwd-page .section.fluid-wrapper:before {
display: none;
}
/* line 2246, assetic_compassIICfDD.scss */
.rwd-page .breadcrumb {
padding: 12px 16px;
display: flex;
font-size: 12px;
white-space: nowrap;
overflow-x: auto;
scrollbar-width: none;
margin: 0;
}
/* line 2254, assetic_compassIICfDD.scss */
.rwd-page .breadcrumb::-webkit-scrollbar {
height: 1px;
}
/* line 2257, assetic_compassIICfDD.scss */
.rwd-page .breadcrumb .disable {
font-size: 12px;
}
}
/**/