.navMain.isSticky .logo{
    width: unset !important;
    overflow: unset
}
.navMain.isSticky .logo img{
    top: -6px;
}
.headerLanguages .userCol.hovered .dropdown-toggle::after{
    rotate: -90deg
}

.headerLanguages > .userCol.hovered > .action img{
    transform: scale(1.3)
}
.langElement{
    display: flex;
    align-items: center;
    padding: 4px
}
.lang-flag{
    margin-right: 8px
}
.langSelected{
    cursor: unset;
    font-weight: bold
}
a.langElement:hover{
    background-color: var(--grayBackground);
    text-decoration: none !important
}
.stickyNavMain .logo img, .logo img{
    max-width: 220px
}
.logoContainer{
    padding-right: 1rem
}
.nav-item.moreItems{
    display: none
}
body.start section{
    background-color: #FAFAFA
}
.boxesLogo{
    display: none
}
.categoriesList{
    padding: 1rem 0
}
.categoriesList ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}
.categoriesList ul li{
    width: calc((100% - 5rem) / 6);
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 8px;
    border-radius: 4px;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
}
.categoriesList ul li img{
    max-width: 100%
}
.categoriesList ul li:nth-of-type(6n){
    margin-right: 0
}
.categoriesListBrand .categoriesTitle{
    display: none
}
.categoriesListBrand li.isImage a{
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: center;
}
.categoriesListBrand li.iSimage img{
    width: auto;
    height: auto
}
.categoriesListBrand .noImage .categoriesTitle{
    display: flex;
    align-items: center;
    margin-left: auto
}
.categoriesList .categoriesTitle{
    font-size: 30px;
    font-weight: bold
}
.categoriesListBrand .categoriesTitle{
    width: min-content
}
.categoriesList .categoriesTitle a:hover{
    text-decoration: none !important
}
.categoriesList ul li{
    display: flex;
    align-content: space-between;
    background-color: #fff;
    box-shadow: var(--box-shadow)
}
.categoriesList ul li:hover{
    box-shadow: var(--strong-box-shadow)
}
.categoriesList ul li.noImage{
    align-items: flex-end;
}
.categoriesListBrand .categoryId-26 .categoriesTitle::after{
    display: inline-block;
    content: '>';
    position: static;
    font-size: 40px;
    font-weight: bold
}
.categoriesList.categoriesListCats ul li{
    flex-direction: column;
    align-items: center;
}

.categoriesList.categoriesListCats ul li .categoriesTitle{
    margin-top: auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}
.categoriesList.categoriesListCats ul li > a{
    margin-bottom: 8px
}
section.darkBlue{
    background-color: #00769E !important
}
.darkBlue .titleStuff a{
    color: #fff
}
.darkBlue .bannerTitle::after{
    background-color: #fff
}
body.start #mainContainer > *, body.start section.categoriesProducts{
    order: unset !important
}
body section.deliveries{
    display: block !important
}
body[data-contrast="true"] .logo img[src$='.svg'], .headerLanguages img{
    filter: none !important
}
body[data-contrast="true"] .categoriesList ul li{
    background-color: #000
}
body[data-contrast="true"] .multiCarouselTitle a{
    color: #000 !important
}
.categoriesList.categoriesListCats ul li img{
    max-height: 120px;
    max-width: 100% !important
}
#mainMenu > li{
    order: 3
}
#mainMenu > li.brandNav{
    order: 2
}
.newsletter .modTitle{
    display: none
}
.newsletterShop .newsletter{
    background-color: transparent
}
.newsletterShop .newsForm{
    flex-direction: column
}
.newsletterShop .newsletterContainer{
    flex-grow: 10
}
.newsletterShop .newsForm > div{
    width: 100%;
    max-width: 528px;
    margin-left: auto
}
.newsletterShop .checkmark{
    border-color: #fff
}
.newsletterShop .check-container input:checked~.checkmark:after{
    background-color: #fff
}
.newsletterShop label.check-container a{
    color: #fff;
    text-decoration: underline
}
.logo img{
    max-width: 220px !important
}
.topMenu > ul > .nav-item:first-of-type a, .topMenu > ul > .nav-item:first-of-type span{
    padding-left: var(--bs-navbar-nav-link-padding-x)
}
.topMenu > ul > .nav-item:nth-of-type(2) a, .topMenu > ul > .nav-item:nth-of-type(2) span{
    padding-left: 0
}
body:not(.compactTopNav) .logo, body:not(.compactTopNav) .navMain:not(.isSticky) .logo{
    top: unset
}
.inPriceType, .priceCurrency{
    display: none
}
.categoriesListBrand .categoryId-3356{
    display: none
}
footer{
    padding: 24px 0 16px 0
}
.darkBlue .carousel-control{
    color: #fff
}
body[data-contrast="true"] .newsletter{
    background-color: #333333 !important
}
body[data-contrast="true"] .controlsActive .carousel-control{
    border: 0
}
.shippingPymentCost{
    flex-wrap: wrap
}
.shopShippingInfo{
    font-size: 12px
}
#tabLogin .iHaveAccountTxt .toast{
    margin: 0 auto 8px auto;
    border-radius: 6px;
    overflow: hidden
}
#tabLogin .iHaveAccountTxt .toast .d-flex{
    background-color: #e70000
}
#tabLogin .iHaveAccountTxt .toast.show{
    display: block
}
.header-cart .default-netto .forWholesale{
    display: none
}
.multiCarouselTitle > div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
body[data-contrast="true"] a.langElement:hover{
    background-color: #000
}
#countryModal .modal-header{
    border: 0
}
#countryModal .modal-content{
    padding: 32px 96px 16px 96px
}
#countryModal .modal-dialog{
    max-width: 700px
}
#countryModal .modal-header button{
    position: absolute;
    right: 24px;
    top: 24px;
    font-size: 24px
}
#countryModal .modal-body{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 0
}
#countryModal img{
    max-width: 160px;
    margin: 0 auto 24px auto
}
#countryModal .countryModalBottom{
    color: #9B9A9E;
    text-decoration: underline;
    font-size: 24px
}
.countryModalHead{
    font-size: 48px;
    margin-bottom: 24px;
    font-weight: 600
}
.countryModalText{
    line-height: 30px;
    margin-bottom: 24px
}
#countryModal .modal-body a{
    color: var(--bs-link-hover-color);
    
}
#countryModal .countryModalBottom:hover, #countryModal .modal-body a:hover{
    opacity: .8
}
#countryModal .modal-body a:hover{
    text-decoration: none !important
}body.finalize_standard .navMain .logo a:not(.boxesLogo){
    display: none
}
body.finalize_standard .navMain .logo .boxesLogo{
    display: block
}
body.commerce.baskets.index .navMain .stepBar{
    z-index: 5;
    background-color: #fff
}
body.finalize_standard .navMain .logo{
    width: 60px !important
}
body.compactTopNav .navMain .logoContainer{
    overflow: hidden
}
body.content55 .contentContainer table, body.content54 .contentContainer table{
    width: 100% !important;
    height: auto !important;
    table-layout: fixed
}

body.content55 .contentContainer table td img{
    max-width: 100%;
    height: auto !important;
    width: unset !important;
}

body.content55 .contentContainer table td, body.content54 .contentContainer table td{
    width: unset !important;
    height: unset !important;
}
body.content54 .contentContainer iframe{
    width: 100% !important;
    border: 0 !important
}
body.content54 .contentContainer{
    width: 100%
}
body.content54 .contentContainer .columnLeft{
    display: none
}
#mainContent .content-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
#mainContent .content-flex .w50{
    width: 50%
}
#mainContent .content-flex.contact-items{
    justify-content: flex-start
}
#mainContent .content-flex.contact-items .contact-item{
    margin-right: 1rem;
    min-width: 315px;
    margin-bottom: 1rem
}
#mainContent .content-flex.contact-items p.w100{
    width: 100%
}

@media (max-width: 1632px){
    nav.isSticky .nav-item.shopMenuItem{
        display: none
    }
}

@media (max-width: 1312px) and (min-width: 891px){
    .stickyNavMain header .hiddenMenuItems{
        display: block !important;
        position: unset !important;
        bottom: unset;
        left: unset;
    }
    .navMain.isSticky .hiddenMenuItems .hiddenMenuItem{
        display: none;
    }
    .navMain.isSticky .hiddenMenuItems .categoriesItem{
        display: block
    }
    .navMain.isSticky .user-menu{
        max-width: 290px
    }
}
@media (max-width: 1480px) and (min-width: 1380px){
    body:not(.stickyNavMain) .user-menu{
        max-width: 250px
    }
    body:not(.stickyNavMain) header .form-check{
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (max-width: 1660px){
    .categoriesList{
        padding-left: 1rem;
        padding-right: 1rem
    }
}
@media (max-width: 1540px){
    .categoriesList .categoriesTitle{
        font-size: 28px
    }
}
@media (max-width: 1390px){
    .categoriesList .categoriesTitle{
        font-size: 22px
    }
}
@media (max-width: 1160px){
    .categoriesList ul li{
        width: calc((100% - 3rem) / 4)
    }
    .categoriesList ul li:nth-of-type(6n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(4n){
        margin-right: 0
    }
}
@media (max-width: 1272px) and (min-width: 891px){
    .user-menu{
        max-width: 250px
    }
    .stickyNavMain header .form-check{
        padding-right: 1rem;
    }
    .navMain.isSticky .logoContainer, .navMain .logoContainer{
        overflow: hidden;
        width: 56px !important;
        margin-right: 16px
    }
    .navMain .logo a:not(.boxesLogo){
        display: none;
    }
    .navMain .boxesLogo{
        display: block;
        
    }
    .navMain .logo, .navMain.isSticky .logo{
        width: 56px !important
    }
    .navMain.isSticky .boxesLogo img{
        max-width: unset !important;
        top: unset;
        height: unset !important
    }
    .navMain.isSticky .user-menu{
        max-width: unset
    }
    .navMain.isSticky .logoContainer{
        width: auto
    }
    .navMain.isSticky #mainMenu{
        align-items: center
    }
    body.stickyNavMain nav.isSticky .logo{
        overflow: unset
    }
}

@media (max-width: 1200px) and (min-width: 891px){
    .navMain.isSticky .menuIsHidden > li:not(.categoriesItem){
        display: none
    }
}

@media (max-width: 1080px) and (min-width: 891px){
    .navMain:not(.isSticky) .logo img{
        max-width: 100%;
    }
}
@media  (min-width: 1012px){
    .searchContainer button img{
        left: 8px;
        position: relative
    }
}
@media (max-width: 991px) and (min-width: 891px){
    .logo{
        width: unset;
        overflow: visible
    }
    .headerSearch{
        width: 38%;
    }
    header .form-check{
        padding-left: 1rem
    }
    .logoContainer{
        width: unset
    }
}
@media  (min-width: 891px){
    .headerLanguages{
        margin-right: auto;
    }
    .header-contrast{
        margin-left: auto;
    }
    .header-wishlists{
        margin: 0 1rem
    }
}
@media (max-width: 890px){
    .newLogin .bHead.iHaveAccountTxt{
        display: block
    }
    .iHaveAccountTxt span{
        display: none
    }
    .headerLanguages .userCol .dropdown-toggle::after{
        display: none;
    }
    .logo img{
        max-height: 40px
    }
    .newsletterShop .newsForm > div{
        max-width: unset
    }
    .newsletterShop{
        width: 100%;
        padding: 0
    }
    .newsletterShop .newsletterContainer{
        padding: 0
    }
    .newsletterShop .newsletter{
        justify-content: flex-start
    }
    .credits{
        padding-top: 0
    }
    .categoriesList ul li{
        width: calc((100% - 2rem) / 3)
    }
    .categoriesList ul li:nth-of-type(6n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(4n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(3n){
        margin-right: 0
    }
    .categoriesList ul li .categoriesTitle{
        font-size: 16px;
    }
    .categoriesListBrand .categoryId-26 .categoriesTitle::after{
        font-size: 28px
    }
    #countryModal .modal-content{
        padding: 0
    }
    body.finalize_standard .navMain .logo a:not(.boxesLogo){
        display: block
    }
    body.finalize_standard .navMain .logo .boxesLogo{
        display: none
    }
    body.compactTopNav .navMain .logoContainer{
        overflow: unset;
        width: unset
    }
    body.finalize_standard .navMain .logo{
        width: unset !important
    }
}

@media (max-width: 700px){
    body.content55 .contentContainer table, body.content55 .contentContainer table tbody, body.content55 .contentContainer table, body.content55 .contentContainer table tr{
        display: flex;
        flex-direction: column
    }
    body.content55 .contentContainer table, body.content55 .contentContainer table tbody tr td{
        border: 0 !important;
        width: 100% !important
    }
    #mainContent .content-flex.contact-items{
        margin-top: 2rem
    }
    #mainContent .content-flex .w50{
        width: 100%
    }
}

/*
@media (max-width: 510px){
    .categoriesList ul li{
        width: calc((100% - 2rem) / 2)
    }
    .categoriesList ul li:nth-of-type(6n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(4n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(3n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(2n){
        margin-right: 0
    }
}
    */
@media (max-width: 400px){
    .logo img{
        max-height: 30px
    }
}
@media (max-width: 340px){
    /*
    .categoriesList ul li{
        width: 100%
    }
    .categoriesList ul li:nth-of-type(6n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(4n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(3n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(2n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(1n){
        margin-right: 0
    }
    */
    .categoriesList ul li{
        width: calc((100% - 2rem) / 2)
    }
    .categoriesList ul li:nth-of-type(6n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(4n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(3n){
        margin-right: 1rem
    }
    .categoriesList ul li:nth-of-type(2n){
        margin-right: 0
    }
}