< type="text/css">body {
padding-top: 56px;
}
@media (min-width: 992px) {
body {
padding-top: 72px;
}
}
.container {
padding-left: 8px !important;
padding-right: 8px !important;
max-width: 100% !important;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 575px) {
.container {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
@media (min-width: 576px) {
.container {
width: 556px !important;
}
}
@media (min-width: 768px) {
.container {
width: 736px !important;
}
}
@media (min-width: 992px) {
.container {
width: 976px !important;
}
}
@media (min-width: 1200px) {
.container {
width: 1200px !important;
}
}
.container .row {
margin-left: -8px;
margin-right: -8px;
}
.container .col-1.container .col-2.container .col-3.container .col-4.container .col-5.container .col-6.container .col-7.container .col-8.container .col-9.container .col-10,
.container .col-11.container .col-12.container .col.container .col-auto.container .col-sm-1.container .col-sm-2.container .col-sm-3.container .col-sm-4,
.container .col-sm-5.container .col-sm-6.container .col-sm-7.container .col-sm-8.container .col-sm-9.container .col-sm-10.container .col-sm-11,
.container .col-sm-12.container .col-sm.container .col-sm-auto.container .col-md-1.container .col-md-2.container .col-md-3.container .col-md-4,
.container .col-md-5.container .col-md-6.container .col-md-7.container .col-md-8.container .col-md-9.container .col-md-10.container .col-md-11,
.container .col-md-12.container .col-md.container .col-md-auto.container .col-lg-1.container .col-lg-2.container .col-lg-3.container .col-lg-4,
.container .col-lg-5.container .col-lg-6.container .col-lg-7.container .col-lg-8.container .col-lg-9.container .col-lg-10.container .col-lg-11,
.container .col-lg-12.container .col-lg.container .col-lg-auto.container .col-xl-1.container .col-xl-2.container .col-xl-3.container .col-xl-4,
.container .col-xl-5.container .col-xl-6.container .col-xl-7.container .col-xl-8.container .col-xl-9.container .col-xl-10.container .col-xl-11,
.container .col-xl-12.container .col-xl.container .col-xl-auto {
padding-right: 8px;
padding-left: 8px;
}
.container.max-width {
@media (min-width: 992px) {
width: calc(100vw - 64px) !important;
}
@media (min-width: 1200px) {
width: calc(100vw - 96px) !important;
}
}
.global-round-loader-wrapper {
height: calc(100vh - 56px);
}
@media (min-width: 992px) {
.global-round-loader-wrapper {
height: calc(100vh - 72px);
}
}
.round-loader {
height: 60px;
width: 60px;
margin: 15px auto 0 auto;
background: #77bc1f;
border-radius: 50%;
animation: boing .8s linear infinite;
position: relative;
top: calc(50% - 35px);
}
.round-loader:before {
position: absolute;
top: calc(50% - 28px);
left: calc(50% - 28px);
content: '';
width: 56px;
height: 56px;
background: #a7e45a;
display: block;
border-radius: 50%;
}
.round-loader:before {
height: 56px;
width: 56px;
background: #a7e45a;
top: calc(50% - 28px);
left: calc(50% - 28px);
animation: boing-inner .8s linear infinite;
}
.round-loader:after {
position: absolute;
top: calc(50% - 26px);
left: calc(50% - 26px);
content: '';
width: 52px;
height: 52px;
background: #fff;
display: block;
border-radius: 50%;
animation: boing-inner-2 .8s linear infinite;
}
@keyframes boing {
0% {
transform: scale(1);
}
25% {
transform: scale(0.75);
}
100% {
transform: scale(1);
}
}
@keyframes boing-inner {
0% {
transform: scale(1);
}
25% {
transform: scale(0.6);
}
100% {
transform: scale(1);
}
}
@keyframes boing-inner-2 {
0% {
transform: scale(1);
}
10% {
transform: scale(0.1);
}
100% {
transform: scale(1);
}
}
.header-comparison-icon {
min-height: 42px;
align-items: center;
justify-content: space-between;
flex-direction: column;
margin: 0 16px;
position: relative;
}
.header-comparison-icon.header-comparison-icon--mobile {
display: flex;
}
.header-comparison-icon.active .header-comparison-icon__counter {
display: block;
}
.header-comparison-icon--mobile {
margin-right: 24px;
margin-left: 0;
display: flex;
}
.header-comparison-icon__icon {
height: 22px;
position: relative;
}
#comparison-modal {
position: absolute;
height: 100vh;
width: 100vw;
background-color: rgba(0,0,0,0.6);
backdrop-filter: blur(5px);
}
#comparison-modal.active {
display: block;
}
.comparison-modal-body {
background: #FFFFFF;
border: 1px solid #FFA300;
border-radius: 4px;
width: 381px;
max-width: calc(100vw - 32px);
padding: 24px;
text-align: center;
margin: 109px auto 0;
}
.comparison-modal-headline {
font-size: 24px;
line-height: 24px;
margin: 0 0 16px;
font-weight: 900;
}
.comparison-modal-body ul {
list-: none;
padding: 0;
margin: 0;
}
.comparison-modal-body ul li {
margin-top: 8px;
justify-content: space-between;
}
.comparison-modal-body ul li a {
color: #77BC1F;
font-size: 16px;
line-height: 24px;
}
.comparison-modal-body ul li a:hover {
color: #539533
}
.comparison-modal-body ul li a span {
font-size: 16px;
line-height: 24px;
font-weight: 900;
color: #000000;
margin-left: 8px;
}
.comparison-modal-body ul li div:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 20 20' width='20px' fill='%23000000'%3E%3Cpath d='M0 0h20v20H0V0z' fill='none'/%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10zM18 4h-2.5l-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z'/%3E%3C/svg%3E");
}
.comparison-modal-body ul li div:hover:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 20 20' width='20px' fill='%23f22708'%3E%3Cpath d='M0 0h20v20H0V0z' fill='none'/%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10zM18 4h-2.5l-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z'/%3E%3C/svg%3E");
}
.top-menu .header-comparison-icon.bounce .header-comparison-icon__icon {
animation: bounce 1s 0.1s;
transform: scale(0.85);
}
.menu-wrapper {
font-family: 'MuseoSans'san-serif;
z-index: 60;
background: white;
display: block;
height: calc(100% - 56px);
width: 0;
position: fixed;
top: 56px;
left: 0;
right: 0;
transform: translateX(100%);
max-height: calc(100% - 56px);
overflow-y: auto;
border-top: 1px solid #e8eaea;
border-bottom: 1px solid #e8eaea;
transition: transform 0.2s linearwidth 0s linear 0.5s;
min-width: 0;
scroll-behavior: smooth;
}
.menu-wrapper ul {
list-: none;
margin: 0;
padding: 0;
flex-direction: column;
justify-content: flex-start;
}
.menu-wrapper li {
width: 100%;
}
.menu-wrapper li .submenu-title {
background: #F6F6F6;
}
.menu-wrapper li .submenu-title li > a {
color: #000000 !important;
white-space: normal;
}
/* Mobile black arrow in sub-menu */
.menu-wrapper li .submenu-title li > a:after {
content: '';
position: absolute;
right: 20px;
width: 0;
height: 0;
border: solid #000;
border-width: 0 2px 2px 0;
clear: both;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.menu-wrapper li .submenu-title li > a.active {
color: #000;
}
/* Mobile gren arrow sub menu */
/* not what?? Desktop arrow green */
.menu-wrapper li .submenu-title li > a.active:before {
content: '';
position: absolute;
right: 20px;
width: 0;
height: 0;
border: solid #77bc1f;
border-width: 0 2px 2px 0;
clear: both;
display: inline-block;
padding: 3px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.menu-wrapper li .submenu-title .sub-menu-header li a {
padding: 8px 8px 8px 24px;
}
.menu-wrapper li .submenu-title li:last-child .sub-menu-header {
margin-bottom: 8px;
}
.menu-wrapper li.active a {
color: #77bc1f;
}
.menu-wrapper li.active svg {
fill: #77bc1f;
}
.menu-wrapper li svg {
margin-right: 8px;
overflow: visible;
}
.menu-wrapper li.active a .material-icons,
.menu-wrapper li.active a li .submenu-title li > a:after,
.menu-wrapper li .submenu-title li.active a li > a:after,
.menu-wrapper li.active a .submenu-main:after,
.menu-wrapper li.active a .top-menu .unsupported-browser__close-btn:after,
.top-menu .menu-wrapper li.active a .unsupported-browser__close-btn:after,
.menu-wrapper li.active a .top-menu .unsupported-browser-ie__close-btn:after,
.top-menu .menu-wrapper li.active a .unsupported-browser-ie__close-btn:after {
color: inherit;
}
.menu-wrapper .submenu-main {
border-bottom: 1px solid #E0E2E2;
position: relative;
overflow: hidden;
min-height: 0;
height: 50px;
transition: ease 600ms;
}
.menu-wrapper .submenu-main:after {
content: '';
position: absolute;
right: 20px;
top: 20px;
width: 0;
height: 0;
border: solid black;
border-width: 0 2px 2px 0;
clear: both;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.menu-wrapper .submenu-main.open {
height: auto;
min-height: 50px;
transition: ease 600ms;
}
.menu-wrapper .submenu-main.open a {
color: #77bc1f;
}
/* Mobile arrow green */
.menu-wrapper .submenu-main.open:after {
content: '';
position: absolute;
right: 20px;
top: 20px;
width: 0;
height: 0;
border: solid #77bc1f;
border-width: 0 2px 2px 0;
clear: both;
display: inline-block;
padding: 3px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.menu-wrapper .submenu-main-empty {
margin-right: 0;
}
.menu-wrapper .submenu-main-empty:after {
content: '' !important;
}
.menu-wrapper a {
border-bottom: 1px solid #E0E2E2;
height: 100%;
color: #000000;
transition: color 0.2s ease-out;
font-size: 16px;
line-height: 18px;
flex-wrap: nowrap;
white-space: nowrap;
padding: 16px;
}
.menu-wrapper a:hover {
color: #77bc1f;
}
.menu-wrapper a:hover svg {
fill: #77bc1f;
}
.menu-wrapper a.login {
background: transparent;
}
.menu-wrapper .material-icons,
.menu-wrapper li .submenu-title li > a:after,
.menu-wrapper .submenu-main:after,
.menu-wrapper .top-menu .unsupported-browser__close-btn:after,
.top-menu .menu-wrapper .unsupported-browser__close-btn:after,
.menu-wrapper .top-menu .unsupported-browser-ie__close-btn:after,
.top-menu .menu-wrapper .unsupported-browser-ie__close-btn:after {
line-height: 14px;
font-size: 17px;
}
.top-menu {
background: white;
position: fixed;
z-index: 1000;
width: 100%;
top: 0;
left: 0;
box-shadow: 0 0 14px 0 rgba(2222312310.55);
}
.top-menu > .container {
height: 56px;
max-width: 1200px;
z-index: 10;
position: relative;
}
.top-menu .logo {
display: block;
position: relative;
float: left;
max-width: 136px;
height: 37px;
width: 105.5px;
}
.top-menu .logo svg {
max-width: 136px;
height: 37px;
width: 105.5px;
}
.top-menu .unsupported-browser.top-menu .unsupported-browser-ie {
background: rgba(0000.6);
position: absolute;
font-family: MuseoSanssans-serif;
justify-content: center;
padding: 8px 15px;
height: 100vh;
width: 100vw;
z-index: 999999;
}
.top-menu .unsupported-browser__content,
.top-menu .unsupported-browser-ie__content {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
background: white;
border-radius: 4px;
width: calc(100vw - 16px);
}
.top-menu .unsupported-browser__message,
.top-menu .unsupported-browser-ie__message {
padding: 16px;
margin: 0;
}
.top-menu .unsupported-browser__title,
.top-menu .unsupported-browser-ie__title {
font-size: 21px;
line-height: 28px;
font-weight: bold;
margin: 0;
padding: 24px 40px 0 16px;
}
.top-menu .unsupported-browser__close-btn,
.top-menu .unsupported-browser-ie__close-btn {
margin-left: 10px;
position: absolute;
right: 16px;
top: 16px;
}
.top-menu .unsupported-browser__close-btn:after,
.top-menu .unsupported-browser-ie__close-btn:after {
font-size: 26px;
content: "close";
color: black;
}
.top-menu .menu-toggle {
height: 16px;
background: white;
box-sizing: content-box;
line-height: 72px;
text-align: center;
overflow: hidden;
max-width: 18px;
min-width: 18px;
position: relative;
}
.top-menu .menu-toggle.cross {
box-sizing: content-box;
z-index: 40;
height: 16px;
}
.top-menu .menu-toggle.cross span {
width: 20px;
}
.top-menu .menu-toggle.cross span:nth-child(1).top-menu .menu-toggle.cross span:nth-child(4) {
top: 24px;
opacity: 0;
width: 0;
left: 30px;
}
.top-menu .menu-toggle.cross span:nth-child(2) {
transform: rotate(45deg);
}
.top-menu .menu-toggle.cross span:nth-child(3) {
transform: rotate(-45deg);
}
.top-menu .menu-toggle span {
border-radius: 5px;
width: 18px;
height: 2px;
display: block;
position: absolute;
left: calc(50% - 9px);
background: #000000;
transition: transform 0.15s linear;
}
.top-menu .menu-toggle span:nth-child(1) {
top: 2px;
}
.top-menu .menu-toggle span:nth-child(2).top-menu .menu-toggle span:nth-child(3) {
will-change: transform;
top: 7px;
}
.top-menu .menu-toggle span:nth-child(4) {
top: 12px;
}
.top-menu .phone-block {
margin-right: 24px;
}
.top-menu .phone-block a {
flex-direction: column;
color: black;
height: 42px;
justify-content: space-between;
}
.top-menu .phone-block a:hover {
color: black;
}
.top-menu .phone-block a svg {
height: 18px;
width: 18px;
}
.top-menu .mobile-menu-toggle-wrapper {
position: relative;
right: 0;
padding-right: inherit;
height: 42px;
flex-direction: column;
justify-content: space-between;
}
.top-menu .mobile-menu-toggle-wrapper > span {
margin-top: 2px;
display: block;
}
.top-menu .mobile-menu-toggle-wrapper.open {
height: 18px;
}
.top-menu .mobile-menu-toggle-wrapper.open > span {
visibility: hidden;
height: 0;
}
.top-menu .favorite-locations-link:hover svg {
fill: black;
}
.top-menu .favorite-locations-link.favorite-locations-link--mobile {
display: block;
margin-right: 24px;
}
.top-menu .favorite-locations-link__wrapper {
flex-direction: column;
height: 42px;
justify-content: space-between;
position: relative;
}
.top-menu .favorite-locations-link__icon {
position: relative;
height: 22px;
width: 22px;
background-size: cover;
z-index: 3;
}
.top-menu .favorite-locations-link span {
color: #000000;
}
.top-menu .favorite-locations-link__counter,
.header-comparison-icon__counter {
font-size: 12px;
line-height: 13px;
font-weight: 500;
height: 15px;
border-radius: 4px;
background-color: #FFFFFF;
align-items: center;
padding: 0 2px;
position: absolute;
color: #000000;
left: 12px;
bottom: 10px;
z-index: 2;
border: 1px solid #77bc1f;
}
.top-menu .favorite-locations-link.active .favorite-locations-link__icon {
background-image: url("/assetpipe/icons/heart-9822b99f9193c5bf6a564660b273834a72c521cc1754a1ddcfb1aebccda35304.svg");
}
.top-menu .favorite-locations-link.active .favorite-locations-link__counter {
display: flex;
}
.top-menu .favorite-locations-link.bounce .favorite-locations-link__icon {
animation: bounce 1s 0.1s;
transform: scale(0.85);
}
top-menu .locale-dropdown-toggle-container {
background: white;
z-index: 1;
}
.favorite-locations-link__wrapper:hover .header-icon-tooltip,
.header-comparison-icon:hover .header-icon-tooltip {
opacity: 0.9;
}
.header-icon-tooltip {
position: absolute;
padding: 0 11px;
border-radius: 5px;
background: #222;
text-align: center;
display: inline-block;
transition: opacity 0.3s ease-out;
z-index: 999;
right: 32px;
pointer-events: none;
color: #ffffff;
opacity: 0;
white-space: nowrap;
}
.header-icon-tooltip:before,
.header-icon-tooltip:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
}
.header-icon-tooltip:before {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
right: -8px;
margin-top: -5px;
}
.header-icon-tooltip:after {
border-left-color: #222;
border-left-: solid;
border-left-width: 6px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
right: -6px;
margin-top: -4px;
}
.new-clients-indicator {
padding: 2px 5px !important;
font-size: 10px !important;
line-height: 12px !important;
color: white !important;
font-weight: 500;
background: #ED3939;
border-radius: 8px;
margin-left: -24px;
width: fit-content;
justify-content: center;
}
.new-clients-indicator:hover {
color: white !important;
}
.banner-background {
background: #f6f6f6;
}
.banner-background .banner-wrapper {
text-align: left;
padding: 18px 15px;
}
.banner-background .banner-wrapper a {
border-bottom: 1px solid #5A6365;
display: inline-block;
margin-bottom: 0;
font-size: 12px;
font-weight: bold;
color: #5A6365;
}
.banner-background .banner-wrapper a span {
color: #FFA300;
border: none;
}
.top-menu .locale-dropdown-toggle-container {
background: white;
z-index: 1;
}
.top-menu .favorite-locations-link span,
.top-menu .mobile-menu-toggle-wrapper > span,
.top-menu .phone-block a span,
.header-comparison-icon span,
.header-icon-tooltip {
font-size: 12px;
line-height: 20px;
font-weight: 100;
}
.top-menu .favorite-locations-link__wrapper,
.top-menu .mobile-menu-toggle-wrapper,
.top-menu .phone-block a,
.top-menu .links-wrapper,
.top-menu .unsupported-browser,
.top-menu .unsupported-browser-ie,
.top-menu__logo-link,
.top-menu > .container,
.menu-wrapper a,
.menu-wrapper ul,
.comparison-modal-body ul li
{
display: flex;
align-items: center;
}
.banner-background .banner-wrapper .material-icons,
.banner-background .banner-wrapper .menu-wrapper li .submenu-title li > a:after,
.menu-wrapper li .submenu-title .banner-background .banner-wrapper li > a:after,
.banner-background .banner-wrapper .menu-wrapper .submenu-main:after,
.menu-wrapper .banner-background .banner-wrapper .submenu-main:after,
.banner-background .banner-wrapper .top-menu .unsupported-browser__close-btn:after,
.top-menu .banner-background .banner-wrapper .unsupported-browser__close-btn:after,
.banner-background .banner-wrapper .top-menu .unsupported-browser-ie__close-btn:after,
.top-menu .banner-background .banner-wrapper .unsupported-browser-ie__close-btn:after {
position: absolute;
right: 28px;
}
.comparison-modal-body ul li a,
.menu-wrapper a.menu-wrapper a:hover,
.top-menu .phone-block a,
.top-menu .phone-block a:hover,
.top-menu .favorite-locations-link,
.top-menu .favorite-locations-link:hover,
.banner-background .banner-wrapper a:hover {
text-decoration: none;
}
.header-comparison-icon,
.top-menu .menu-toggle,
.top-menu .unsupported-browser__close-btn,
.top-menu .unsupported-browser-ie__close-btn,
.banner-background .banner-wrapper .material-icons,
.comparison-modal-body ul li div:before,
.comparison-modal-body ul li div:hover:before,
.banner-background .banner-wrapper .menu-wrapper li .submenu-title li > a:after,
.menu-wrapper li .submenu-title .banner-background .banner-wrapper li > a:after,
.banner-background .banner-wrapper .menu-wrapper .submenu-main:after,
.menu-wrapper .banner-background .banner-wrapper .submenu-main:after,
.banner-background .banner-wrapper .top-menu .unsupported-browser__close-btn:after,
.top-menu .banner-background .banner-wrapper .unsupported-browser__close-btn:after,
.banner-background .banner-wrapper .top-menu .unsupported-browser-ie__close-btn:after,
.top-menu .banner-background .banner-wrapper .unsupported-browser-ie__close-btn:after {
cursor: pointer;
}
#comparison-modal,
.menu-wrapper li .submenu-title .sub-menu-header li a:after,
.menu-wrapper li .submenu-title li > a.active:after,
.header-comparison-icon__counter,
.header-comparison-icon,
.new-clients-indicator svg,
.banner-background .banner-wrapper,
.top-menu .favorite-locations-link,
.top-menu .favorite-locations-link__counter,
.top-menu .favorite-locations-link.active .favorite-locations-link__icon svg,
.top-menu .unsupported-browser.hidden,
.top-menu .unsupported-browser-ie.hidden,
.top-menu .unsupported-browser__content:before,
.top-menu .unsupported-browser-ie__content:before,
.top-menu .unsupported-browser__content:after,
.top-menu .unsupported-browser-ie__content:after {
display: none;
}
@keyframes bounce {
0% {
transform: scale(1.1);
opacity: 1;
}
50% {
transform: scale(1.6);
opacity: 0.7;
}
60% {
transform: scale(0.6);
opacity: 1;
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(0.85);
}
}
@keyframes open {
from {
min-height: 0;
height: 0;
}
to {
height: auto;
min-height: 50px;
}
}
@keyframes close {
from {
height: auto;
min-height: 50px;
}
to {
min-height: 0;
height: 0;
}
}
#common-icons-simple_cms,
#common-icons-error_page,
#common-icons-application {
display: block !important;
height: 0;
width: 0;
overflow: hidden;
}
@media (max-width: 576px) {
.banner-background .banner-wrapper a {
max-width: 290px;
}
}
@media (max-width: 767px) {
.header-comparison-icon {
display: none !important;
}
}
@media (max-width: 768px) {
.new-clients-indicator {
display: none !important;
}
}
@media (min-width: 576px) {
.menu-wrapper li a {
padding-left: calc((100vw - 540px) / 2);
}
.top-menu .locale-dropdown-toggle:after,
.menu-wrapper .submenu-main:after,
.menu-wrapper .submenu-main:hover:before {
right: calc((100vw - 540px) / 2);
}
}
@media (min-width: 768px) {
.menu-wrapper li a {
padding-left: calc((100vw - 720px) / 2);
}
.top-menu .locale-dropdown-toggle:after,
.menu-wrapper .submenu-main:after,
.menu-wrapper .submenu-main:hover:before {
right: calc((100vw - 720px) / 2);
}
}
@media (min-width: 992px) {
.menu-wrapper li a {
padding-left: calc((100vw - 960px) / 2);
}
.top-menu .locale-dropdown-toggle:after,
.menu-wrapper .submenu-main:after,
.menu-wrapper .submenu-main:hover:before {
right: calc((100vw - 960px) / 2);
}
.container.max-width .menu-wrapper li a {
padding-left: 40px;
}
.container.max-width .top-menu .locale-dropdown-toggle:after,
.container.max-width .menu-wrapper .submenu-main:after,
.container.max-width .menu-wrapper .submenu-main:hover:before {
right: 40px;
}
}
@media (min-width: 1200px) {
.menu-wrapper li a {
padding-left: calc((100vw - 1184px) / 2);
}
.top-menu .locale-dropdown-toggle:after,
.menu-wrapper .submenu-main:after,
.menu-wrapper .submenu-main:hover:before {
right: calc((100vw - 1184px) / 2);
}
.container.max-width .menu-wrapper li a {
padding-left: 56px;
}
.container.max-width .top-menu .locale-dropdown-toggle:after,
.container.max-width .menu-wrapper .submenu-main:after,
.container.max-width .menu-wrapper .submenu-main:hover:before {
right: 56px;
}
}
@media (max-width: 1239px) {
.menu-wrapper.shown {
transform: translateX(0);
transition: width 0s lineartransform 0.2s linear;
min-width: 200px;
width: 100vw;
left: 0;
}
.menu-wrapper .submenu-main a {
height: auto;
display: inline-block;
border-bottom: 0;
}
.menu-wrapper li.menu-item-type-custom > .sub-menu-header {
min-height: 0;
height: 0;
display: flex;
position: relative;
animation: 600ms ease 0s close;
}
.menu-wrapper li.menu-item-type-custom > .sub-menu-header.open {
height: auto;
min-height: 50px;
animation: 600ms ease 0s open;
}
.menu-wrapper li.menu-item-type-custom.sub-sub-menu {
background: #F6F6F6;
z-index: 1;
min-height: 0;
height: 50px;
transition: 600ms;
}
.menu-wrapper li.menu-item-type-custom.sub-sub-menu.open {
height: auto;
min-height: 50px;
transition: ease 600ms;
}
.menu-wrapper .submenu-title {
padding-bottom: 0 !important;
padding-left: 8px !important;
}
.-cookies-accepted {
display: none;
}
.top-menu:not(.dk) .top-menu__container {
justify-content: space-between;
}
}
@media (max-width: 1239px) {
.top-menu.dk .top-menu__container {
justify-content: space-between;
}
}
@media (min-width: 577px) {
.banner-background .banner-wrapper {
text-align: center;
display: block;
}
}
@media (min-width: 768px) {
.top-menu .unsupported-browser__content.top-menu .unsupported-browser-ie__content {
width: 720px;
}
}
@media (min-width: 768px) and (max-width: 1239px) {
.menu-wrapper a {
margin: auto;
}
}
@media (min-width: 992px) {
.top-menu > .container {
height: 72px;
}
.menu-wrapper {
top: 72px;
}
.top-menu .logo,
.top-menu .logo svg {
height: 47.9px;
width: 136px;
}
}
@media (min-width: 1240px) {
.header-comparison-icon {
display: flex;
justify-content: center;
}
.top-menu .favorite-locations-link__wrapper {
height: 22px;
}
.top-menu .favorite-locations-link__counter {
left: 14px;
}
.top-menu .favorite-locations-link {
display: block;
height: 22px;
margin-right: 0;
margin-left: 16px;
}
.menu-wrapper li a {
padding-left: 0;
}
.menu-wrapper .submenu-main {
height: 100%;
}
.menu-wrapper .submenu-main:hover {
overflow: visible;
}
.menu-wrapper .submenu-main:after,
.menu-wrapper .submenu-main:hover:before {
right: 9px;
}
.container.max-width .menu-wrapper li a {
padding-left: 0;
}
.container.max-width .menu-wrapper .submenu-main:after,
.container.max-width .menu-wrapper .submenu-main:hover:before {
right: 9px;
}
.top-menu .locale-dropdown-toggle:after {
right: -26px;
}
.menu-wrapper {
padding-left: 32px;
display: flex;
height: 100%;
justify-content: space-between;
width: 100%;
position: relative;
border: none;
transform: none;
overflow-y: inherit;
top: 0;
}
.menu-wrapper ul {
flex-direction: row;
}
.menu-wrapper ul.left li:first-child {
padding-left: 0;
}
.menu-wrapper li {
padding: 23px 16px;
/*height: 100%;*/
width: auto;
}
.menu-wrapper li .submenu-title {
padding: 0;
background: #fff;
position: absolute;
display: none;
align-items: center;
top: 72px;
border-radius: 4px;
padding: 16px 24px;
visibility: hidden;
opacity: 0;
max-height: 0;
overflow: visible;
transform: translateX(-10%);
}
.menu-wrapper li .submenu-title li {
padding: 0 0 0 40px;
min-width: 186px;
}
.menu-wrapper li .submenu-title li a {
font-size: 16px;
font-weight: 900;
padding-bottom: 16px;
color: #000;
}
.menu-wrapper li .submenu-title li a:hover {
color: #000;
}
.menu-wrapper li .submenu-title .sub-menu-header {
display: flex;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
}
.menu-wrapper li .submenu-title .sub-menu-header li {
padding: 0;
}
.menu-wrapper li .submenu-title .sub-menu-header li a {
padding: 0 0 16px;
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: normal;
width: 226px;
font-weight: 500;
font-size: 14px;
}
.menu-wrapper li .submenu-title li a:after,
.menu-wrapper li .submenu-title .sub-menu-header li a:after {
content: '';
}
.menu-wrapper li .submenu-title .sub-menu-header li a:hover {
text-decoration: underline;
}
.menu-wrapper li .submenu-title .sub-menu-header li:last-child a {
padding: 0;
}
.menu-wrapper li:hover a.menu-wrapper li:focus a.menu-wrapper li:focus-within a {
color: #77bc1f;
}
.menu-wrapper li:hover svg {
fill: #77bc1f;
}
.menu-wrapper li:hover .submenu-title,
.menu-wrapper li:focus .submenu-title,
.menu-wrapper li:focus-within .submenu-title {
visibility: visible;
opacity: 1;
z-index: 999;
max-height: 999px;
pointer-events: auto;
box-shadow: 0 0 14px 0 rgba(2222312310.55);
display: flex;
align-items: flex-start;
}
.menu-wrapper li .submenu-title:empty {
padding: 0;
}
.menu-wrapper .submenu-main {
padding: 27px 27px 27px 0;
margin-right: 12px;
position: relative;
cursor: pointer;
border-bottom: 0;
}
.menu-wrapper .submenu-main:after,
.menu-wrapper .submenu-main:hover:before {
content: '';
position: absolute;
right: 9px;
width: 0;
height: 0;
border-width: 0 2px 2px 0 !important;
clear: both;
display: inline-block;
padding: 3px;
}
/* Black arrow desktop */
.menu-wrapper .submenu-main:after {
top: 30px;
border: solid black;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/* GREEN ARROW DESKTOP 30 okay */
.menu-wrapper .submenu-main:hover:before {
top: 33px;
border: solid #77bc1f;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.menu-wrapper .submenu-main-empty {
padding: 23px 16px;
}
.menu-wrapper a {
padding: 0;
border-bottom: none;
}
.top-menu .links-wrapper {
width: 100%;
}
.top-menu .locale-dropdown-toggle-container {
padding-left: 32px;
}
.flex-main {
max-width: 83%;
}
.top-menu.dk .menu-wrapper a.login {
width: 20px;
overflow: hidden;
justify-content: flex-start;
}
.header-comparison-icon.header-comparison-icon--mobile,
.top-menu .favorite-locations-link.favorite-locations-link--mobile,
.menu-wrapper .submenu-main .sub-menu-header .sub-sub-menu a:after,
.menu-wrapper .submenu-main:hover:after,
.top-menu .menu-toggle,
.top-menu .mobile-menu-toggle-wrapper,
.top-menu .phone-block {
display: none;
}
}Nasze członkostwa
