body{
    background: #fff !important;
}

*{
    font-family: "Lexend Deca", sans-serif !important;
    }
    
    footer {
        margin-top: 50px;
        background-color: #f6f6f6 !important;
    }

    footer .container{
        background-color: #f6f6f6 !important;
    }

    .custom-footer, .footer-bottom, .footer-links-icons{
        border: unset !important;
    }
    
    @media (min-width: 768px) and (max-width:991px){
        .benefitBanner__item {
        flex: 0 0 33.33%;
        width: 33.33%;
        }
    }
    
    @media (max-width:767px){
        .benefitBanner__item {
        flex: 0 0 100%;
        width: 100%;
        }
    }
    
    @media (min-width: 768px) {
    
        #navigation{
            height: 47px;
            top: -4px;
        }
    
        .navigation-in{
            background: #3d91ff;
            border-radius: 8px;
        }
    
        .navigation-in>ul>li>a{
            padding-bottom: 16px;
            padding-top: 16px;
        }
    
        .navigation-in ul li a b{
            font-size: 16px !important;
        }
    
        .navigation-in>ul>li{
            border-color: transparent !important;
        }
    
        .top-navigation-bar{
            border: unset;
            padding-top: 5px;
        }
    
        .top-navigation-bar a{
            color: #000
        }
    
        .top-navigation-menu ul{
            text-align: left;
        }
        
        .top-navigation-bar-menu li:first-child a {
                padding-left: 0px;
            }
        
            .top-navigation-menu {
                flex-basis: 420px !important;
            }
            
        .top-navigation-bar .top-navigation-contacts {
            display: none !important;
        }
        
        .top-navigation-tools.top-navigation-tools--language {
            order: 3;
            flex-basis: auto !important;
        }
        
        .header-top .site-name-wrapper {
            flex-basis: 250px;
        }
        
    
        .header-top .search {
            flex-basis: calc(100% - 750px);
        }
    
        .header-top .top-navigation-contacts {
            flex-basis: 300px;
        }
        
        .header-top .top-navigation-contacts a{
            display: block !important;
        }
        
        .header-top .navigation-buttons {
            flex-basis: 200px;
        }
    
        .header-top .search input[type=search].form-control {
            border-radius: 7px;
            height: 38px;
        }
        
        .header-top .search .compact-form .btn {
            top: 1px;
            right: 1px;
        }
    
    }
        
    .btn{
        border-radius: 7px !important;
    }
    
    .products-block>div, .products-block.products-alternative>div, .products-block.products-related>div{
        border: unset !important;
        border-color: transparent !important;
    }
    
    .products-block .ratings-wrapper {
        align-items: center;
    }
    
    .products-block .ratings-wrapper .availability {
        text-align: center;
    }
    
    .products-block.products .p .name {
        text-align: center;
    }
    
    .products-block .p-bottom>div {
        justify-content: center;
      align-items: center;
    }
    
    .products-block .p-bottom .p-tools, .products-block .p-bottom .prices {
        flex-basis: unset;
        flex-grow: unset;
        margin: 10px;
    }

    .subcategories {
    margin: 0 -5px 19px;
}

.subcategories li {
    padding: 5px;
}

    .subcategories li a {
        border-radius: 7px;
        padding-top: 7px;
        padding-bottom: 7px;
        height: unset;
        min-height: 35px;
        background: #f7f7f7;
        color: #666666;
    }
    
    .homepage-box {
        background: unset;
        border: unset;
    }
    
    .carousel, .carousel-inner {
        border-radius: 7px;
    }
    
    .banners-row .banner-wrapper img {
        border-radius: 7px;
    }
    
    .cart-widget-button {
        padding: 68px 10px 10px 10px !important;
    }
    
    .btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover {
        background-color: #e86329 !important;
        border-color: #e86329 !important;
        color: white !important;
        font-weight: 900 !important;
    }
    
    .btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
        background-color: #ff7d44 !important;
        border-color: #ff7d44 !important;
        color: white !important;
        font-weight: 900 !important;
        text-align: center;
    }
    
    
    .btn.add-to-cart-button:before, .btn.btn-cart:before, a.btn.add-to-cart-button:before, a.btn.btn-cart:before{
        content: url("/user/documents/pw/do-kosiku.svg?v=2");
        height: 14px;
        width: 14px;
        position: relative;
        display: inline-block;
    }
    
    .btn.cart-count:before, a.btn.cart-count:before{
        content: url("/user/documents/pw/kosik-prazdny.svg?v=1");
    }
    .btn.cart-count:before, a.btn.cart-count.full:before{
        content: url("/user/documents/pw/kosik-plny.svg?v=1");
    }
    
    .responsive-tools>a[data-target=search]:before {
        content: url("/user/documents/pw/search1.svg?v=1");
    }
    
    .responsive-tools>a[data-target=navigation]:before, .responsive-tools>a[data-target=navigation]:hover:before{
        content: url("/user/documents/pw/navigation.svg?v=2");
        background: unset;
    }
    
    .navigation-buttons>a[data-target=cart] i {
        background-color: #1778ff;
    }
    
    .bannery-stred .col-md-6{
        margin-bottom: 40px;
    }
    
    .bannery-stred .col-md-6 img{
            border-radius: 7px;
    }

    @media (max-width:767px) {
        .navigation-in.menu{
            padding-top: 50px !important;
            padding-bottom: 100px !important;
        }
        
        .menu-level-1>li>a {
            padding: 1rem !important;
            line-height: 30px;
            text-transform: uppercase !important;
        }
    
        .navigation-in>ul>li>a>b{
            order: 2;
        }
        
        .navigation-in>ul>li>a>span{
            order: 3;
        }

        .navigation-in>ul>li>a>b, .navigation-in>ul>li>a>span {
            padding-top: 0px;
            padding-bottom: 0px;
        }
    
        .menu-level-1>li {
            display: flex;
            align-items: center;
        }
    
        .exp .menu-level-2 {
            padding-left: 60px;
            margin-bottom: 20px;
            margin-right: auto;
            margin-left: auto;
            margin-top: -10px
        }
    
        ul.menu-level-2 li div a{
            padding: 15px !important;
            height: 100%;
            display: flex;
            align-items: center;
            flex-direction: row;
        }
        
        .navigation-close {
            width: 100%;
            background: #f7f7f7;
            text-align: right;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-right: 15px;
        }
    
        span.navigation-close {
            background-image: url("/user/logos/logo-kupsiapple-sirka.png");
            background-size: 110px;
            background-repeat: no-repeat;
            background-position: 5% 30%;
        }
    
        .navigation-close::before {
            display: unset;
            height: 20px;
            padding: 8px;
        }
    
        .navigationActions li{
            background: #f7f7f7;
            padding: 2rem 1rem !important;
        }
    
    }

    .flag-a-stav, .flag.flag-a-stav-2, .flag.flag-b-stav, .flag.flag-c-stav, .flag.flag-zanovni-stav {
        color: #666
    }
    
    .flag {
        border-radius: 8px;
    }
    
    h2.modra {
            border-radius: 8px;
        padding: 7px 10px;
        background: #c8dfff;
    }
    
    h2.zelena {
            border-radius: 8px;
        padding: 7px 10px;
        background: #b1e7c7;
    }
    
    
    h2.zluta {
            border-radius: 8px;
        padding: 7px 10px;
        background: #f3f2aa;
    }
    
    h2.oranzova {
            border-radius: 8px;
        padding: 7px 10px;
        background: #fbc578;
    }
    
    @media (min-width: 992px) {
        .subcategories .col-xl-2 {
            width: 25%;
        }
    }

    @media (min-width: 1200px) {
        .subcategories .col-xl-2 {
            width: 20%;
        }
    }
    
    @media (min-width: 768px) {
        #header .site-name {
            padding-right: 20px;
        }
    }
    @media (min-width: 1200px) {
        #header .site-name {
            padding-right: 50px;
        }
    }
    
    @media (max-width: 767px) {  
        #header .site-name a img {
            max-height: 40px;
            max-width: unset;
        }
    }
    
    .siteCookies__form{
            background-color: #299ceb !important;
    }
    
    .siteCookies__link:hover{
            background-color: #0079c7 !important;
    }
    
    .in-kontakty form label, .in-kontakty form input{
            width: 100% !important;
    }
    
    .in-kontakty .mapa{
            margin-top: 50px;
    }
    
    .ordering-process .row.cart-row {
        margin-top: 30px;
    }
    
    .cart-table tr>td {
        border: none !important;
    }
    
    .rate-wrapper {
            max-width: unset !important;
    }
    
    @media(min-width:768px){
            .siteCookies--bottom.siteCookies--scrolled{
                    background-color: #299ceb !important;
            }
        
        .menu-helper{
            margin-top: 4px;
                margin-right: 8px;
        }
        
        nav#navigation {
                border-radius: 8px;
            }
        
        .menu-helper:after {
                border-radius: 4px;
            background-color: #1068a4;
        }
        
        form#formRating div.col-xs-12 textarea {
                width: calc(50% - 20px);
            }
        
        .header-top .top-navigation-contacts{
            display: flex;
                flex-wrap: wrap;
                justify-content: center;
        }
        
        .top-navigation-contacts > a {
                width: 165px !important;
            }
        
        .top-navigation-contacts a:first-of-type{
                padding-right: 0px !important;
        }
        
        .navigation-buttons{
                    justify-content: center !important;
        }
        
        .menu-helper.visible{
                padding-left: 30px;
        }
    }
    
    @media (min-width: 1200px){
            .content-inner {
                max-width: unset !important;
            }
        
        .in-kosik .extras-wrapper{
              flex-direction: column-reverse;
        }
    }
    
    @media (min-width: 480px){
            .in-krok-2 .form-group>input.form-control{
                width: calc(100% - 200px) !important;
        }
    }
    
    @media (max-width: 1200px) and (min-width: 768px){
            .header-top .navigation-buttons {
                flex-basis: 80px !important;
            }
        
        .header-top .top-navigation-contacts, .header-top .site-name-wrapper{
                flex-basis: 200px !important;
            }
        
        .header-top .search {
                flex-basis: calc(100% - 480px) !important;
            }
    }
    
    @media (max-width: 991px) and (min-width: 768px){
            .top-navigation-contacts > a {
                width: 40px !important;
            }
        
        .header-top .top-navigation-contacts{
                    flex-basis: 100px !important;
                justify-content: flex-end;
        }
        
        .header-top .search {
                flex-basis: calc(100% - 380px) !important;
            }
        
        .header-top .btn.cart-count:before, .top-navigation-contacts a:before{
                margin-right: 0px;
        }
    }
    
    @media (min-width: 768px) {
        .navigation-in>ul>li.menu-item-3478.ext>ul {
            padding-top: 15px;
            padding-bottom: 30px;
        } 
        .navigation-in>ul>li.menu-item-3478.ext>ul>li {
            min-height: unset;
        }   
        .navigation-in>ul>li.menu-item-3478.ext>ul>li:nth-child(3n){
            margin-right: calc(100% - 600px);
        }
        .navigation-in>ul>li.menu-item-3478.ext>ul>li>div{
            width: 100%;
            padding-top: 15px;
        }
        .navigation-in>ul>li.menu-item-3478.ext>ul>li{
            width: 200px;
            flex-basis: 200px;
        }
        
        .navigation-in>ul>li.menu-item-3481.ext>ul {
            padding-top: 15px;
            padding-bottom: 30px;
        } 
        .navigation-in>ul>li.menu-item-3481.ext>ul>li {
            min-height: unset;
        }   
        .navigation-in>ul>li.menu-item-3481.ext>ul>li:nth-child(3n){
            margin-right: calc(100% - 750px);
        }
        .navigation-in>ul>li.menu-item-3481.ext>ul>li>div{
            width: 100%;
            padding-top: 15px;
        }
        .navigation-in>ul>li.menu-item-3481.ext>ul>li{
            width: 250px;
            flex-basis: 250px;
        }
    }
    
    .faqBlok .accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        border-radius: 12px;
    }
    
    .faqBlok .accordion.active {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    
    .faqBlok .active,
    .faqBlok .accordion:hover {
        background-color: #d4e6ff;
    }
    
    .faqBlok .panel {
        padding: 0 18px;
        background-color: #f7f7f7;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        margin-bottom: 18px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    
    .faqBlok .panel p:first-child {
        padding-top: 16px;
    }
    
    .faqBlok .accordion:after {
        content: '\02795';
        font-size: 13px;
        color: #777;
        float: right;
        margin-left: 5px;
    }
    
    .faqBlok .active:after {
        content: "\2796";
        color: #fff;
    }

    @media (min-width: 768px) {
        .ordering-process #header {
            border-bottom: unset;
        }
    }
    
    .ordering-process #checkoutSidebar .cart-content, .ordering-process .col-md-4 .cart-content{
        background: #f7f7f7;
        border-radius: 8px !important;
    }
    
    .ordering-process #checkoutContent .cart-content, .ordering-process .col-md-8 .cart-content {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    ol.cart-header{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .ordering-process .cart-table tr td {
        border: unset !important;
        background: unset;
    }
    
    .ordering-process .cart-table tr.removeable {
        background: #f7f7f7;
        padding: 10px;
        margin-bottom: 20px !important;
        display: flex;
        align-items: center;
        border-radius: 8px;
        justify-content: space-evenly;
    }
    
    .ordering-process .cart-table {
        border-bottom-width: 0px;
    }
    
    @media( min-width: 992px){
        .ordering-process td.cart-p-image {
            flex-basis: 140px;
        } 
        .ordering-process td.p-name {
            flex-basis: calc(100% - 795px);
        }   
        .ordering-process td.p-availability.p-cell {
            flex-basis: 150px;
        }   
        .ordering-process td.p-quantity.p-cell {
            flex-basis: 155px;
        }
        .ordering-process td.p-price.p-cell {
            flex-basis: 170px;
        }
        .ordering-process td.p-total {
            flex-basis: 170px;
        }
    }
    
    @media (max-width: 767px){
        .ordering-process .col-md-4, .ordering-process .col-md-8{
            padding-left: 10px !important;
            padding-right: 10px !important
        }
    }
    
    .co-box.co-delivery-method, .co-box.co-payment-method,
    .co-box.co-contact-information, .co-box.co-billing-address, .co-box.co-box-additional{
        background: #f7f7f7;
        border-radius: 8px;
        border: unset;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    
    div#shipping-address{
        background: #f7f7f7;
        border-radius: 8px;
        margin-bottom: 20px
    }

@media(max-width: 767px){
    .subcategories li a:before{
        content: "";
    }
    .subcategories li a{
        padding: 7px;
    }
    .subcategories li a .text{
        font-size: 12px;
        line-height: 14px;
    }
    .checkout-box {
        display: none;
    }

    div#summary-box {
        padding-top: 10px;
    }
}