html, body {
    margin: 0;
    padding: 0
}

html {
    box-sizing: border-box
}

*, *:after, *:before {
    box-sizing: inherit
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.group:before, .group:after {
    content: " ";
    display: table
}

.group:after {
    clear: both
}

.container {
    max-width: 1400px;
    padding: 0 15px;
    margin: 0 auto
}

body {
    font-size: 100%;
    font-family: 'Maven Pro', sans-serif
}

ul {
    padding: 0;
    margin: 0;
    list-style: none
}

    ul li {
        display: inline-block
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

p {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

    a:hover {
        text-decoration: none
    }

.pre-header {
    border-bottom: 1px solid #e8efef
}

.menu_pre_header {
    padding: 8px 0
}

    .menu_pre_header li {
        display: inline-block
    }

    .menu_pre_header a {
        color: #4d5968
    }

        .menu_pre_header a:hover {
            text-decoration: underline
        }

.fast_contact li:first-child {
    border-right: 1px solid #3c4243;
    padding-right: 25px
}

.fast_contact li:nth-child(2) {
    padding-left: 25px;
    padding-right: 15px
}

.menu_sign li:first-child {
    padding-right: 15px
}

.menu_sign a {
    text-decoration: underline
}

.menu_sign .fa {
    padding-right: 6px
}

.logo-header {
    padding: 8px 0
}

    .logo-header .col-md-3 {
        padding: 0
    }

    .logo-header .logo img {
        padding-left: 15px
    }

    .logo-header .foorm {
        padding-top: 8px
    }

        .logo-header .foorm .vyhledavac {
            width: 80%;
            outline: none;
            border: none;
            background: #eef4f4;
            border-radius: 4px 0 0 4px;
            padding: 15px 0 15px 12px
        }

        .logo-header .foorm a.hledat, .logo-header .foorm .hledatbtn {
            border: none;
            outline: none;
            cursor: pointer;
            text-align: center;
            background: #ff831e;
            color: #fff;
            padding: 11px 12px;
            border-radius: 0 4px 4px 0;
            text-transform: uppercase;
            width: 20%;
            margin-left: -6px;
            padding-left: 10px;
            padding-top: 18px;
            padding-bottom: 18px;
        }

        .logo-header .foorm .hledatbtn {
            padding: 0;
            width: 56px;
        }

            .logo-header .foorm .fas {
                padding-right: 5px
            }

.currency {
    padding-top: 12px
}

    .currency li {
        padding: 3px 8px
    }

    .currency li {
        background: #eef4f4;
        border-radius: 0 4px 4px 0
    }

        .currency li a {
            color: #3c4243
        }

        .currency li .fas {
            color: #869192;
        }


.currency li.active {
    background: #2d80ba;
    border-radius: 4px 0 0 4px
}

            .currency li.active a {
                color: #fff
            }

            .currency li.active .fas {
                color: #ff831e;
                padding-right: 4px
            }

        .currency li .fas {
            font-size: 12px
        }

.currency li:last-child .fas {
    padding-left: 4px
}


.pricing_display {
    padding-right: 15px
}

    .pricing_display li:nth-child(2) a {
        color: #3c4243
    }

    .pricing_display strong {
        display: block;
        color: #2d80ba
    }

    .pricing_display img {
        padding-right: 5px;
        margin-top: -26px;
        position: relative
    }

.pricing_qa {
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    background: #ff831e;
    color: #fff;
    display: inline-block;
    position: relative;
    float: left;
    right: -52px;
    top: -24px
}

.basket_price li {
    display: block
}

.search-box_responsive {
    display: none
}

.searching_sugg {
    width: 90%;
    background: #fff;
    position: absolute;
    z-index: 30;
    padding: 15px;
    display: none;
    z-index: 130
}

    .searching_sugg .categories_search {
        border-bottom: 1px solid #e8efef;
        padding-bottom: 12px
    }

    .searching_sugg .categories_title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 6px
    }

    .searching_sugg li {
        display: block;
        width: 100%;
    }

        .searching_sugg li a {
            color: #3c4243;
            font-size: 14px;
            width: 90%;
            display: block;
            padding-bottom: 4px;
        }

            .searching_sugg li a:hover {
                text-decoration: underline
            }

    .searching_sugg .fas {
        padding-right: 6px;
        color: #4d5968;
        float: left;
        line-height: 1em;
    }

        .searching_sugg .fa-folder {
            line-height: 1.3em;
        }
        
    .buy_search {
    font-size: 14px
}

    .buy_search button {
        width: 16%;
        padding: 4px 20px;
        border-radius: 4px;
        height: 34px
    }

        .buy_search button img {
            width: 36px
        }

    .buy_search .product-item-search {
        margin: 10px 0
    }

    .buy_search .product_image {
        width: 9%
    }

    .buy_search .product_name {
        width: 40%;
        margin-right: 27px
    }

        .buy_search .product_name a {
            color: #3c4243
        }

            .buy_search .product_name a:hover {
                text-decoration: underline
            }

    .buy_search .product_price {
        width: 15%;
        margin-right: 5px;
        padding-top: 5px
    }

    .buy_search .product_amount {
        width: 16%;
        text-align: center;
        border: 1px solid #e8efef;
        border-radius: 4px;
        padding: 6px 17px;
        margin-right: 10px
    }

        .buy_search .product_amount .col-4 {
            padding: 0
        }

        .buy_search .product_amount .fas {
            font-size: 12px;
            color: #fff;
            background: #2d80ba;
            text-align: center;
            border-radius: 50%;
            padding: 5px;
            cursor: pointer
        }

nav {
    background: #2d80ba
}

.menu {
    text-align: center;
    width: 100%
}

    .menu .menu_icon {
        display: block;
        width: 50px;
        height: 50px;
        margin: 0 auto;
        border-radius: 50%;
        background: #69bae5;
        text-align: center
    }

        .menu .menu_icon img {
            padding-top: 5px
        }

    .menu .nav-item {
        border-right: 1px solid #2a6c9a;
        padding: 10px 0;
        width: 11%;
    }

        .menu .nav-item h2 {
            font-size: 16px;
            padding: 0;
            margin: 0
        }

        .menu .nav-item:last-child {
            border-right: none
        }

        .menu .nav-item:hover {
            background: #fff
        }

            .menu .nav-item:hover a {
                color: #3c4243
            }
            
            .menu .nav-item:hover > .dropdown_block {
                display: block;
                opacity: 1;
                transition:all;
                transition-delay: 1s;
                transition-duration: .4s;
            }

.menu_h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px; 
    font-family: Arial, Verdana, Tahoma;
}

.menu_h4 {
    font-family: Arial, Verdana, Tahoma;
}

.menu_h2 {
    font-family: Arial, Verdana, Tahoma;
}

.menu_mob_h2 {
    font-size: 16px;
    text-align: left;
    padding-top: 5px;
    text-align: left;
}


.product_h2 {
    font-size: 17px;
    padding-bottom: 15px;
    text-align: center;
    font-family: Arial, Verdana, Tahoma;
}

    .product_h2 a {
        font-family: Arial, Verdana, Tahoma;
        color: #3c4243;
    }

        .product_h2 a:hover {
         text-decoration:underline;
            }
        .menu a {
        color: #fff;
        display: block;
        line-height: 20px
    }


.list_category h4 {
    font-size: 16px;
    font-weight: 700;
    padding: 0;
}



.menu_responsive {
    display: none
}

.icon_mop {
    padding-left: 4px !important
}

.icon_naradi {
    padding: 6px 0 0 5px !important
}

.icon_hygienicke_systemy {
    padding: 9px 2px 0 0 !important
}

.icon_drogerie {
    padding: 7px 0 0 5px !important
}

.icon_pomucky {
    padding-top: 11px !important
}

.icon_stroje {
    padding-top: 8px !important
}

.dropdown_block {
    background: #fff;
    border-bottom: 4px solid #69bae5;
    position: absolute;
    width: 100%;
    top: 220px;
    left: 0;
    z-index: 10;
    padding: 18px 0;
    text-align: left;
    display: none;
    opacity: 0
}



    .dropdown_block li {
        border-right: none;
        display: block;
        padding-bottom: 4px
    }

    .dropdown_block a {
        color: #3c4243;
        font-size: 14px
    }

        .dropdown_block a:hover {
            text-decoration: underline
        }

    .dropdown_block .c_img {
        width: 20%;
        float: left;
        margin-right: 10px
    }

    .dropdown_block .c_item {
        width: 70%;
        float: left
    }

.handler {
    display: none
}

.crumb {
    background: #e6ecec;
    padding: 8px 0
}

    .crumb ul li {
        display: inline-block;
        margin-right: 5px;
        color: #3c4243
    }

        .crumb ul li:nth-child(1) a {
            color: #3c4243
        }

        .crumb ul li.chevron {
            background: #2d80ba;
            color: #fff;
            width: 18px;
            height: 18px;
            border-radius: 9px;
            position: relative;
            top: 2px
        }

            .crumb ul li i.chevron {
                color: #fff;
                font-size: 12px;
                position: absolute;
                left: 6px;
                top: 3px
            }

        .crumb ul li:last-child {
            margin-right: 0
        }

#slideshow {
    width: 100%;
    position: relative;
    text-align: center;
}

.slider li {
    overflow: hidden
}

    .slider li img {
        width: 100%
    }

.arrow-slider {
    position: absolute;
    top: 260px;
    color: #fff;
    cursor: pointer
}

    .arrow-slider .fas {
        font-size: 30px
    }

.left-arrow {
    left: 5px
}

.right-arrow {
    right: 5px
}

.arrow-slider {
    display: none
}

.ben {
    width: 70%;
    margin: 0 auto;
    border-radius: 60px;
    background: #d0dde3;
    padding: 20px 40px;
    position: relative;
    margin-top: -52px
}

    .ben a {
        display: block;
        color: #000
    }

        .ben a:hover .ben_icon {
            background: #ff831e;
        }

    .ben h3 {
        font-size: 20px;
        font-weight: 700
    }

    .ben p {
        font-size: 15px
    }

.ben_icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-left: 18px;
    background: #2d80ba;
    display: inline-block;
    text-align: center
}

    .ben_icon .fas {
        font-size: 34px;
        color: #fff;
        padding-top: 17px
    }

    .ben_icon .arrow_icon {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        background: #ff831e;
        display: block;
        position: relative;
        right: -44px
    }

        .ben_icon .arrow_icon .fas {
            font-size: 16px;
            padding-top: 5px;
            padding-left: 3px
        }

.favourite {
    background: #eef4f4;
    margin-top: -70px;
    padding-bottom: 40px
}

    .favourite h2 {
        font-size: 16px;
        font-weight: 700
    }

    .favourite h3 {
        padding-top: 100px;
        margin-bottom: 30px
    }

.cat_fav {
    padding: 15px 15px 15px 15px;
    margin-bottom: 10px;
    background: #fff;
    color: #3c4243;
    border-bottom: 4px solid #69bae5;
    border-radius: 4px
}

    .cat_fav .arrow_icon {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        background: #ff831e;
        display: block
    }

        .cat_fav .arrow_icon .fas {
            font-size: 16px;
            padding-top: 5px;
            padding-left: 3px
        }

    .cat_fav:hover .arrow_icon {
        background: #69bae5;
    }

.best-selling h3 {
    padding-top: 30px;
    margin-bottom: 30px
}

.be_item {
    padding: 25px 15px;
    border: 1px solid #e8efef;
    border-radius: 4px;
    margin-bottom: 30px
}

    .be_item h2 {
        font-size: 17px;
        padding-bottom: 15px;
        text-align: center;
        height: 40px
    }

        .be_item h2 a {
            color: #3c4243
        }

            .be_item h2 a:hover {
                text-decoration: underline
            }

    .be_item .text-center a {
        display: block
    }

    .be_item .avai {
        color: #629f63;
        font-weight: 700
    }

    .be_item .price {
        margin-bottom: 8px
    }

        .be_item .price strong {
            font-size: 24px
        }

    .be_item button {
        text-transform: uppercase;
        color: #fff;
        border: none;
        border-radius: 4px;
        outline: none;
        width: 63%;
        background: #ff831e;
        cursor: pointer;
        padding: 2px 0;
        letter-spacing: .3px
    }

        .be_item button img {
            padding-left: 12px;
            padding-right: 18px
        }

        .be_item button:hover {
            opacity: .8
        }

    .be_item .amount {
        text-align: center;
        width: 35%;
        border: 1px solid #e8efef;
        border-radius: 4px;
        padding: 6px 5px
    }

        .be_item .amount .row {
            margin-left: 0;
            margin-right: 0
        }

        .be_item .amount .col-4 {
            padding: 0
        }

        .be_item .amount .fas {
            font-size: 10px;
            color: #fff;
            background: #2d80ba;
            text-align: center;
            border-radius: 50%;
            padding: 5px;
            cursor: pointer
        }

.be_arrow {
    display: none
}

.last {
    background: #eef4f4;
    padding-bottom: 160px
}

    .last h3 {
        padding-top: 30px;
        margin-bottom: 30px
    }

.la_item {
    width: 18%;
    float: left;
    background: #fff;
    padding: 25px 15px;
    margin-right: 2.0%;
    margin-bottom: 30px
}

    .la_item:nth-child(5) {
        margin-right: 0
    }

    .la_item h2 {
        padding-bottom: 15px;
        text-align: center;
        font-size: 16px
    }

        .la_item h2 a {
            color: #3c4243
        }

            .la_item h2 a:hover {
                text-decoration: underline
            }

    .la_item .text-center a {
        display: block
    }

    .la_item .avai {
        color: #629f63;
        font-weight: 700
    }

    .la_item .price {
        margin-bottom: 8px
    }

        .la_item .price strong {
            font-size: 24px;
            display: block
        }

    .la_item button {
        border: none;
        border-radius: 4px;
        outline: none;
        width: 47%;
        background: #ff831e;
        cursor: pointer;
        padding: 2px 0
    }

        .la_item button:hover {
            opacity: .8
        }


        .la_item .button:hover {
            opacity: .8;
        }

    .la_item .button {
        border: none;
        border-radius: 4px;
        outline: none;
        width: 47%;
        background: #ff831e;
        cursor: pointer;
        padding: 2px 0;
    }

    .la_item .amount {
        text-align: center;
        width: 47%;
        border: 1px solid #e8efef;
        border-radius: 4px;
        padding: 6px 5px
    }

        .la_item .amount .row {
            margin-left: 0;
            margin-right: 0
        }

        .la_item .amount .col-4 {
            padding: 0
        }

        .la_item .amount .fas {
            font-size: 10px;
            color: #fff;
            background: #2d80ba;
            text-align: center;
            border-radius: 50%;
            padding: 5px;
            cursor: pointer!important;
        }

.la_arrow {
    display: none
}

.an_target {
    background: #d0dde3;
    padding: 18px 0 18px 54px;
    border-radius: 60px;
    position: relative;
    margin-top: -67px
}

    .an_target img {
        position: absolute;
        top: -28px;
        right: 60px
    }

    .an_target h2 {
        font-size: 20px
    }

    .an_target a {
        display: inline-block;
        background: #2d80ba;
        color: #fff;
        padding: 6px 25px;
        border-radius: 4px;
        margin-top: 10px
    }

footer {
    background: url("../img/footer.png") center -3px no-repeat;
    margin-top: -63px;
    padding-top: 100px
}

.list_footer {
    width: 18%;
    float: left;
    margin-right: 2.5%
}

    .list_footer h3 {
        color: #3c4243;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px
    }

    .list_footer ul li {
        display: block;
        color: #fff;
        margin-bottom: 6px
    }

        .list_footer ul li span {
            color: #b0cccc
        }

        .list_footer ul li a {
            color: #fff
        }

            .list_footer ul li a:hover {
                text-decoration: underline
            }

    .list_footer .fas {
        padding-right: 10px;
        color: #ff831e;
    }

    .list_footer .fab {
        color: #fff;
        background: #4267b2;
        font-size: 22px;
        padding: 5px 4px 0 10px
    }

    .list_footer:last-child {
        margin-right: 0
    }

    .list_footer:first-child li:nth-child(3) {
        margin-bottom: 15px
    }

    .list_footer:first-child li:nth-child(5) {
        margin-bottom: 15px
    }

.pre-footer {
    background: #2d80ba
}

.copyright {
    padding: 15px 0;
    color: #fff
}

#basket {
    width: 100%;
    background: #eef4f4;
    padding-bottom: 30px
}

    #basket h2 {
        padding: 30px 0
    }

table {
    border-collapse: separate;
    border-spacing: 0 1em;
    width: 100%
}

.basket_description td {
    width: 120px
}

    .basket_description td:last-child {
        width: 60px
    }

.basket_item {
    background: #fff
}

    .basket_item td {
        font-size: 14px
    }

        .basket_item td img {
            padding-right: 10px
        }

        .basket_item td:nth-child(1) {
            width: 56%;
            padding: 7px 0 7px 12px
        }

        .basket_item td:nth-child(2) {
            color: #629f63
        }

        .basket_item td h3 {
            font-size: 16px;
            color: #2d80ba;
            font-weight: 700
        }

            .basket_item td h3 a {
                color: #2d80ba
            }

                .basket_item td h3 a:hover {
                    color: #2d80ba;
                    text-decoration: underline
                }

        .basket_item td span {
            display: block;
            font-weight: 700;
            font-size: 18px
        }

        .basket_item td .amount {
            text-align: center;
            width: 75%;
            border: 1px solid #e8efef;
            border-radius: 4px;
            padding: 6px 5px
        }

            .basket_item td .amount .row {
                margin-left: 0;
                margin-right: 0
            }

            .basket_item td .amount .col-4 {
                padding: 0
            }

            .basket_item td .amount .fas {
                font-size: 10px;
                color: #fff;
                background: #2d80ba;
                text-align: center;
                border-radius: 50%;
                padding: 5px;
                cursor: pointer
            }

            .basket_item td .amount .count_edit {
                font-weight: 300
            }

    .basket_item .fa-times-circle {
        cursor: pointer
    }

.mbasket_item {
    background: #fff;
    padding: 15px;
    margin-bottom: 25px;
    display: none;
    width: 100%
}

    .mbasket_item #basket_title {
        margin-bottom: 15px;
        border-bottom: 1px solid #e8efef
    }

    .mbasket_item h3 {
        color: #2d80ba;
        font-weight: 700;
        padding-bottom: 10px
    }

    .mbasket_item p span {
        color: #629f63;
        font-weight: 700
    }

    .mbasket_item .fa-times-circle {
        padding-top: 40px
    }

    .mbasket_item h4 {
        display: block;
        font-size: 16px;
        padding-bottom: 10px
    }

    .mbasket_item strong {
        display: block;
        font-size: 24px
    }

    .mbasket_item .amount {
        text-align: center;
        width: 75%;
        border: 1px solid #e8efef;
        border-radius: 4px;
        padding: 6px 5px
    }

        .mbasket_item .amount .row {
            margin-left: 0;
            margin-right: 0
        }

        .mbasket_item .amount .col-4 {
            padding: 0
        }

        .mbasket_item .amount .fas {
            font-size: 10px;
            color: #fff;
            background: #2d80ba;
            text-align: center;
            border-radius: 50%;
            padding: 5px;
            cursor: pointer
        }

        .mbasket_item .amount .count_edit {
            font-weight: 300
        }

#basket_total {
    padding: 30px 0 170px 0
}

    #basket_total .total_price ul li {
        font-size: 15px
    }

        #basket_total .total_price ul li:first-child {
            height: 60px;
            vertical-align: middle;
            margin-right: 20px
        }

    #basket_total .total_price span {
        font-weight: 700;
        font-size: 20px;
        display: block
    }

    #basket_total .basket_button {
        margin-top: 10px
    }

    #basket_total a {
        text-transform: uppercase;
        padding: 10px 22px;
        border-radius: 4px
    }

        #basket_total a:hover {
            opacity: .8
        }

    #basket_total .back {
        background: #2d80ba;
        color: #fff
    }

    #basket_total .continue {
        background: #ff831e;
        color: #fff
    }

#map_contact {
    background: #eef4f4;
    padding-bottom: 30px;
}

    #map_contact h2 {
        padding: 30px 0
    }

.info_contact {
    background: #fff;
    color: #3c4243;
    padding: 40px;
    width: 25%;
    height: 300px
}

    .info_contact ul li {
        display: block
    }

        .info_contact ul li:nth-child(4) {
            margin-top: 15px
        }

        .info_contact ul li a {
            color: #3c4243
        }

            .info_contact ul li a:hover {
                text-decoration: underline
            }

        .info_contact ul li .fas {
            padding-right: 10px;
            color: #69bae5
        }

.map {
    width: 75%
}

    .map iframe {
        width: 100%;
        height: 300px
    }

#name_contact {
    background: #fff;
    padding: 30px 0 150px 0
}

    #name_contact h3 {
        font-size: 18px;
        height: 40px
    }

    #name_contact ul li {
        display: block
    }

        #name_contact ul li:nth-child(1) {
            margin-bottom: 10px;
            font-weight: 700
        }

        #name_contact ul li span {
            font-size: 13px;
            display: block;
            font-weight: 300
        }

        #name_contact ul li .fas {
            padding-right: 10px;
            color: #69bae5
        }

        #name_contact ul li a {
            color: #3c4243
        }

            #name_contact ul li a:hover {
                text-decoration: underline
            }

    #name_contact ul .servis_item {
        font-weight: 300 !important
    }

#order {
    padding: 0 0 150px 0
}

    #order .basket_button {
        margin-top: 40px
    }

        #order .basket_button .back {
            background: #2d80ba;
            color: #fff
        }

            #order .basket_button .back:hover {
                opacity: .8
            }

        #order .basket_button .continue {
            background: #ff831e;
            color: #fff
        }

            #order .basket_button .continue:hover {
                opacity: .8
            }

        #order .basket_button a {
            text-transform: uppercase;
            padding: 10px 22px;
            border-radius: 4px
        }

    #order h2 {
        padding: 30px 0
    }

.full_order {
    display: flex
}

.form_order {
    flex: 2
}

.step {
    flex: 1
}

    .step h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 14px
    }

    .step ul li {
        display: block;
        margin-bottom: 8px
    }

        .step ul li:last-child {
            margin-bottom: 0
        }

        .step ul li span {
            width: 20px;
            height: 20px;
            border-radius: 10px;
            background: #2d80ba;
            color: #fff;
            display: inline-block;
            margin-right: 10px;
            padding-left: 6px;
            vertical-align: middle;
            font-size: 13px
        }

.form_order {
    margin-right: 30px
}

.form_item_basket {
    border: 1px solid #e8efef;
    border-radius: 4px;
    margin-bottom: 20px
}

    .form_item_basket .form_item_header {
        background: #eef4f4;
        text-transform: uppercase;
        padding: 6px 0 6px 15px
    }

        .form_item_basket .form_item_header span {
            width: 20px;
            height: 20px;
            border-radius: 10px;
            display: inline-block;
            background: #2d80ba;
            color: #fff;
            padding-left: 6px;
            font-size: 15px;
            margin-right: 10px
        }

.form_item_body {
    padding: 25px 15px
}

.choose_reg {
    width: 45%
}

    .choose_reg p {
        margin-bottom: 12px
    }

    .choose_reg ul li {
        display: block;
        margin-bottom: 6px
    }

.choose_input {
    width: 45%
}

    .choose_input label {
        display: block
    }

    .choose_input input {
        width: 100%;
        background: #fff;
        border: 1px solid #2d80ba;
        border-radius: 3px;
        padding: 4px 0 4px 12px
    }

        .choose_input input[type='text'] {
            margin-bottom: 12px
        }

    .choose_input a {
        color: #3c4243;
        font-size: 14px;
        text-decoration: underline
    }

        .choose_input a:hover {
            text-decoration: none
        }

    .choose_input button {
        width: 130px;
        border-radius: 4px;
        border: none;
        color: #fff;
        background: #2d80ba;
        text-transform: none;
        font-size: 15px;
        padding: 8px 0;
        cursor: pointer
    }

        .choose_input button:hover {
            opacity: .9
        }

.grid_activ {
    display: grid;
    grid-template-columns: 2fr 2fr;
    grid-column-gap: 20px
}

    .grid_activ label {
        display: block
    }

        .grid_activ label span {
            color: #2d80ba
        }

    .grid_activ input {
        margin-bottom: 15px;
        width: 100%;
        background: #fff;
        border: 1px solid #2d80ba;
        border-radius: 3px;
        padding: 4px 0 4px 12px
    }

    .grid_activ select {
        width: 100%;
        background: #fff;
        border: 1px solid #2d80ba;
        border-radius: 3px;
        padding: 9px
    }

    .grid_activ textarea {
        width: 100%;
        background: #fff;
        border: 1px solid #2d80ba;
        border-radius: 3px;
        height: 197px;
        resize: none
    }

#item_basket_3 {
    cursor: pointer
}

    #item_basket_3 .form_item_body {
        display: none
    }

    #item_basket_3 .fa-angle-down {
        color: #2d80ba;
        font-size: 24px;
        right: 25px
    }

#item_basket_4 .ccr {
    border-bottom: 1px solid #e8efef;
    padding: 13px 0
}

    #item_basket_4 .ccr:last-child {
        border-bottom: none
    }

    #item_basket_4 .ccr:first-child {
        padding-top: 0
    }

#item_basket_4 h4 {
    font-weight: 700;
    font-size: 20px;
    margin-top: 12px
}

#item_basket_4 ul {
    width: 85%
}

#item_basket_4 .price_trans {
    width: 15%
}

#item_basket_4 .ci1 {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #eef4f4;
    border: 1px solid #b0cccc;
    display: inline-block;
    position: relative;
    margin-right: 7px;
    vertical-align: middle;
    cursor: pointer
}

#item_basket_4 .ci2 {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #2d80ba;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    display: none
}

#item_basket_4 .active_ci {
    display: inline-block
}

#item_basket_4 .fa-info-circle {
    color: #2d80ba
}

.detail_item {
    padding: 8px 15px;
    border: 1px solid #e8efef;
    border-radius: 3px
}

    .detail_item .image_item {
        margin-right: 30px
    }

    .detail_item .description_item {
        font-weight: 700;
        color: #2d80ba;
        padding-top: 20px;
        margin-right: 120px
    }

        .detail_item .description_item a {
            color: #2d80ba
        }

            .detail_item .description_item a:hover {
                text-decoration: underline
            }

    .detail_item .amount_item {
        padding-top: 20px
    }

    .detail_item .total_price_item {
        padding-top: 5px
    }

        .detail_item .total_price_item strong {
            display: block;
            font-size: 21px
        }

.trans_full {
    padding: 8px 15px;
    border: 1px solid #e8efef;
    border-radius: 3px;
    margin: 10px 0
}

    .trans_full .price_trans_item {
        padding-right: 73px
    }

.detail_total_item {
    padding-right: 11px
}

    .detail_total_item ul li:first-child {
        height: 60px;
        vertical-align: middle;
        margin-right: 20px
    }

    .detail_total_item ul li:last-child strong {
        font-size: 24px;
        display: block;
        text-align: left
    }

.check a {
    color: #3c4243;
    text-decoration: underline
}

    .check a:hover {
        text-decoration: none
    }

.radio {
    display: block
}

    .radio input[type=radio] {
        cursor: pointer;
        height: auto;
        display: none
    }

        .radio input[type=radio] + label {
            cursor: pointer;
            display: inline-block;
            line-height: 18px !important;
            padding: 0 0 0 25px;
            position: relative;
            z-index: 2
        }

            .radio input[type=radio] + label:before {
                height: 15px;
                width: 15px;
                border-radius: 50%;
                background: #e8efef;
                border: 1px solid #acc5c5;
                content: '';
                left: 0;
                position: absolute;
                top: 2px;
                transition: border-color .5s,background-color .5s
            }

        .radio input[type=radio]:checked + label span {
            height: 9px;
            width: 9px;
            background-color: #2d80ba;
            border-radius: 50%;
            display: inline-block;
            position: absolute;
            left: 3.4px;
            top: 5.8px
        }

.ccr input[type=radio] {
    cursor: pointer;
    height: auto;
    display: none
}

    .ccr input[type=radio] + label {
        cursor: pointer;
        display: inline-block;
        line-height: 18px !important;
        padding: 0 0 0 25px;
        position: relative;
        z-index: 2;
        top: -6px
    }

        .ccr input[type=radio] + label:before {
            height: 15px;
            width: 15px;
            border-radius: 50%;
            background: #e8efef;
            border: 1px solid #acc5c5;
            content: '';
            left: 0;
            position: absolute;
            top: 2px;
            transition: border-color .5s,background-color .5s
        }

    .ccr input[type=radio]:checked + label span {
        height: 9px;
        width: 9px;
        background-color: #2d80ba;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 3.4px;
        top: 5.8px
    }

.body_list {
    padding: 30px 0 170px 0
}

.header_list {
    background: #eef4f4;
    padding-bottom: 25px
}

    .header_list h2 {
        padding: 30px 0
    }

    .header_list p {
        margin-bottom: 30px
    }

.list_category h2 {
    font-size: 16px;
    font-weight: 700;
    padding: 0
}

.body_filter {
    padding-bottom: 30px
}

.filter {
    width: 65%
}

    .filter li {
        display: inline-block;
        width: 180px
    }

        .filter li:nth-child(1) {
            width: 100px
        }

        .filter li:nth-child(2) {
            width: 100px
        }

        .filter li a {
            color: #2d80ba;
            text-decoration: underline
        }

        .filter li .active_filter {
            text-decoration: none;
            font-weight: 700
        }

.pages {
    width: 35%
}

    .pages li {
        border: 1px solid #e8efef;
        text-align: center !important
    }

    .pages .spacer {
        border: none
    }

        .pages .spacer a {
            cursor: text
        }

    .pages a {
        width: 24px;
        display: block;
        color: #3c4243
    }

    .pages .active_page {
        background: #2d80ba;
        color: #fff
    }

    .pages .next {
        background: #2d80ba;
        color: #fff;
        width: 50px
    }

.footer_list {
    position: relative;
    width: 100%;
    height: 50px
}

    .footer_list .next_page {
        position: absolute;
        top: 0;
        left: 44%;
        display: block;
        padding: 8px 14px;
        background: #2d80ba;
        color: #fff
    }

    .footer_list .pages {
        position: absolute;
        right: 0;
        top: 7px
    }

.responsive_filter {
    display: none
}

    .responsive_filter select {
        padding: 4px 12px 4px 4px;
        border: 1.6px solid #e8efef;
        border-radius: 4px;
        outline: none
    }



/* media - detail produktu */
.detail .best-selling {
    padding-bottom: 130px;
}

.detail .last {
    padding-bottom: 40px;
}

.detail .detail_container {
    display: flex;
    margin-bottom: 30px;
}

.detail .detail_product {
    flex: 2;
    margin-right: 80px;
}

    .detail .detail_product h2 {
        font-size: 32px;
        padding: 15px 0;
    }

        .detail .detail_product h2 span {
            text-transform: uppercase;
            font-size: 16px;
            color: #fff;
            font-weight: 700;
            padding: 4px 7px;
        }

        .detail .detail_product h2 .akce {
            background: #dc411d;
            margin-left: 20px;
        }

        .detail .detail_product h2 .bestseller {
            background: #2d80ba;
        }

.detail .tabel_product {
    flex: 1;
}

    .detail .tabel_product ul {
        margin-top: 30px;
    }

        .detail .tabel_product ul li {
            display: block;
            padding: 6px 12px;
        }

            .detail .tabel_product ul li span {
                width: 260px;
                display: inline-block;
            }



            .detail .tabel_product ul li:nth-child(3), .detail .tabel_product ul li:nth-child(5), .detail .tabel_product ul li:nth-child(7) {
                background: #eef4f4;
            }


            .detail .tabel_product ul li:nth-child(odd) {
                background: #eef4f4;
            }

            .detail .tabel_product ul li:first-child {
                background: #2d80ba;
                padding: 10px 6px;
                color: #fff;
                font-weight: 700;
            }


.detail .desctiption_product {
    background: #eef4f4;
    padding-top: 30px;
    padding-bottom: 80px;
}

    .detail .desctiption_product h3 {
        padding: 20px 0;
    }

    .detail .desctiption_product strong {
    }

    .detail .desctiption_product ul {
        padding-bottom: 20px;
    }

        .detail .desctiption_product ul li {
            display: block;
        }

    .detail .desctiption_product p {
        padding-bottom: 20px;
    }

    .detail .desctiption_product .first {
        border-bottom: 1px solid #b0cccc;
    }

.detail .detail_photo {
    width: 60%;
    float: left;
    padding-right: 30px;
}

.detail .description_main_product {
    width: 40%;
    float: right;
    padding-top: 20px;
}

    .detail .description_main_product p {
        margin-bottom: 20px;
    }

    .detail .description_main_product .code_fa {
        margin-top: 20px;
    }

        .detail .description_main_product .code_fa ul li {
            display: block;
        }

.detail .detail_content {
    background: #eef4f4;
    padding: 13px 18px;
}

    .detail .detail_content .amount {
        text-align: center;
        width: 35%;
        border: 1px solid #e8efef;
        border-radius: 4px;
        padding: 6px 5px;
        background: #fff;
    }

        .detail .detail_content .amount .row {
            margin-left: 0;
            margin-right: 0;
        }

        .detail .detail_content .amount .fas {
            font-size: 10px;
            color: #fff;
            background: #2d80ba;
            text-align: center;
            border-radius: 50%;
            padding: 5px;
            cursor: pointer;
        }

        .detail .detail_content .amount .col-4 {
            padding: 0;
        }

    .detail .detail_content button {
        text-transform: uppercase;
        color: #fff;
        border: none;
        border-radius: 4px;
        outline: none;
        width: 58%;
        background: #ff831e;
        cursor: pointer;
        padding: 2px 0;
        letter-spacing: .3px;
    }

        .detail .detail_content button img {
            padding-left: 12px;
            padding-right: 18px;
        }

    .detail .detail_content .avai_detail {
        padding-bottom: 8px;
        border-bottom: 1px solid #cfe0e0;
    }

        .detail .detail_content .avai_detail span {
            color: #629f63;
            font-weight: 700;
            margin-left: 20px;
        }

    .detail .detail_content .price_detail {
        padding-top: 8px;
    }

        .detail .detail_content .price_detail li {
            display: block;
        }

            .detail .detail_content .price_detail li:first-child {
                color: #dc411d;
                font-weight: 700;
            }

            .detail .detail_content .price_detail li:last-child {
                font-size: 32px;
                font-weight: 700;
                line-height: 30px;
            }

                .detail .detail_content .price_detail li:last-child span {
                    font-size: 16px;
                    font-weight: 300;
                }

.detail .main_detail_image img {
    width: 100%;
}

.detail .next_detail_image img {
    width: 100px;
    margin-right: 7px;
}




/* CUSTOM SETUP */

.count {
    padding: 0;
    border: 0px;
}


/* MEDIA QUERY */

@media (max-width: 576px)
{
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1017px) {
    .fast_contact li:first-child {
        padding-right: 15px
    }

    .fast_contact li:nth-child(2) {
        padding-left: 15px
    }
}

@media (max-width: 976px) {
    .fast_contact li:first-child {
        padding-right: 5px
    }

    .fast_contact li:nth-child(2) {
        padding-left: 5px
    }
}

@media (max-width: 767px) {
    .header-article {
        display: none!important;
    }

    .fast_contact li:first-child{
        border-right: none!important;
    }
}

@media (max-width: 1064px) {
    .buy_search .product_name a {
        display: block;
        font-size: 13px
    }

    .buy_search .product_price {
        font-size: 13px
    }

    .pricing_display li:last-child {
        display: none
    }

    .pricing_display img {
        margin-top: 0
    }

    .pricing_display .pricing_qa {
        right: 17px
    }
}

@media (max-width: 993px) {
    .buy_search .product_amount {
        display: none
    }

    .buy_search .product_price {
        width: 20%
    }
}

@media (max-width: 950px) {
    .foorm a span {
        display: none;
    }
}

@media (max-width: 850px) {
    .buy_search button {
        padding: 4px 12px
    }
}

@media (max-width: 850px) {
    .currency li .fas {
        display: none
    }
}

@media (max-width: 767px) {
    .searching_sugg {
        width: 170%
    }

    .buy_search .product_image {
        width: 20%
    }

    .buy_search .product_name {
        width: 60%;
        margin-right: 0
    }

    .buy_search .product_price {
        width: 20px;
        margin-right: 0
    }

    .buy_search button {
        display: none
    }
}

@media (max-width: 576px) {
    .form_item {
        display: none
    }

    .currency {
        padding-left: 14px
    }

    form {
        padding: 0
    }

    .search-box_responsive {
        display: block;
        padding: 12px 0
    }

    .searching_sugg {
        width: 100%
    }

        .searching_sugg .product_name {
            width: 50%
        }

            .searching_sugg .product_name a {
                font-size: 16px
            }

        .searching_sugg .product_price {
            font-size: 16px;
            width: 30%;
            margin-left: 15px
        }

        .searching_sugg .product_image {
            width: 14%
        }
}

@media (max-width: 363px) {
    .pricing_display img {
        padding-right: 0
    }

    .pricing_qa {
        right: 10px
    }
}

@media (max-width: 355px) {
    .buy_search .product_name a {
        font-size: 14px
    }
}

@media (max-width: 340px) {
    .pricing_display {
        width: 70%
    }

        .pricing_display img {
            margin-top: 12px;
            margin-left: 5px;
            padding-right: 0
        }

        .pricing_display .pricing_qa {
            top: 10px
        }
}

@media (max-width: 325px) {
    .currency {
        padding-top: 16px;
        padding-left: 10px
    }

        .currency li {
            padding: 3px 5px;
            font-size: 14px
        }
}

@media (max-width: 304px) {
    .currency {
        display: none
    }
}

@media (max-width: 1060px) {
    nav .container {
        padding: 0
    }

    .dropdown_block .container {
        padding: 0 15px
    }
}

@media (max-width: 1010px) {
    .menu .nav-item h2 {
        font-size: 15px
    }
}

@media (max-width: 1000px) {
    .dropdown_block {
        top: 216px
    }
}

@media (max-width: 950px) {
    .menu .nav-item h2 {
        font-size: 14px
    }

    .dropdown_block {
        top: 211px
    }
}

@media (max-width: 889px) {
    .menu .nav-item h2 {
        font-size: 13px
    }

    .dropdown_block {
        top: 207px
    }
}

@media (max-width: 840px) {
    nav {
        position: relative;
        z-index: 100
    }

    .menu {
        display: none
    }

        .menu .nav-item {
            border-right: none;
            border-bottom: 1px solid #2a6c9a;
            display: block;
            width: 100%;
            height: 70px
        }

            .menu .nav-item:last-child {
                border-bottom: none
            }

            .menu .nav-item:hover {
                background: transparent
            }

                .menu .nav-item:hover .dropdown_block {
                    display: none
                }

                .menu .nav-item:hover h2 {
                    color: #fff
                }

            .menu .nav-item h2 {
                font-size: 16px;
                text-align: left;
                padding-top: 5px
            }

        .menu .menu_icon {
            float: left;
            margin-right: 20px
        }

    .handler {
        display: block;
        width: 100%;
        background: #2d80ba;
        color: #fff;
        padding: 20px 0
    }

    .menu_active {
        display: block
    }
}

@media (max-width: 1260px) {
    .toggle_slider {
        top: 40%
    }
}

@media (max-width: 1000px) {
    .toggle_slider {
        top: 35%
    }
}

@media (max-width: 850px) {
    .toggle_slider {
        display: none
    }

    .arrow-slider {
        display: block
    }
}

@media (max-width: 840px) {
    .slider li img {
        height: 150px
    }

    .arrow-slider {
        top: 36%
    }
}

@media (max-width: 575px) {
    .arrow-slider {
        top: 49%
    }
}

@media (max-width: 274px) {
    .arrow-slider {
        top: 55%
    }
}

@media (max-width: 1377px) {
    .ben {
        width: 75%
    }
}

@media (max-width: 1288px) {
    .ben {
        width: 83%
    }
}

@media (max-width: 1167px) {
    .ben {
        width: 93%
    }
}

@media (max-width: 1045px) {
    .ben {
        padding: 20px 20px
    }

        .ben p {
            font-size: 14px
        }
}

@media (max-width: 947px) {
    .ben {
        width: 100%
    }
}

@media (max-width: 845px) {
    .ben_icon {
        margin-left: 4px
    }
}

@media (max-width: 767px) {
    .ben {
        margin: 10px auto 15px auto;
        width: 70%
    }

        .ben .col-md-4 {
            margin-bottom: 10px
        }

            .ben .col-md-4:last-child {
                margin-bottom: 0
            }
}

@media (max-width: 565px) {
    .ben {
        width: 80%
    }
}

@media (max-width: 430px) {
    .ben {
        width: 100%
    }
}

@media (max-width: 300px) {
    .ben {
        padding: 13px 10px
    }
}


@media (max-width: 1328px) {
    .cat_fav h2 {
        font-size: 17px
    }
}

@media (max-width: 1269px) {
        .cat_fav h2 {
            width: 70%
        }
}

@media (max-width: 930px) {
        .cat_fav .arrow_icon {
            display: none
        }

        .cat_fav h2 {
            width: 100%
        }
}

@media (max-width: 840px) {
    .cat_fav h2 {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .favourite {
        margin-top: 0
    }

        .favourite h3 {
            padding-top: 30px;
            margin-bottom: 30px
        }

    .cat_fav h2 {
        font-size: 17px
    }
}


@media (max-width: 310px) {
    .cat_fav {
        text-align: center;
        font-size: 15px;
        padding-top: 15px
    }
}

@media (max-width: 1300px) {
    .be_item button img {
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (max-width: 1165px) {
    .be_item button img {
        padding-right: 2px
    }
}

@media (max-width: 1126px) {
    .be_item button {
        height: 37px
    }

        .be_item button img {
            width: 30%
        }
}

@media (max-width: 1068px) {
    .be_item button img {
        width: 30%
    }

    .be_item .price strong {
        font-size: 20px
    }
}

@media (max-width: 1013px) {
    .be_item button {
        text-align: center !important
    }

        .be_item button span {
            display: none
        }

        .be_item button img {
            width: 36%;
            padding: 0
        }
}

@media (max-width: 900px) {
    .be_item .amount {
        float: none !important;
        width: 80%;
        margin: 0 auto 8px auto
    }

    .be_item button {
        float: none !important;
        width: 80%;
        display: inherit;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .be_item .amount {
        float: left !important;
        width: 35%
    }

    .be_item button {
        float: right !important;
        width: 63%
    }

        .be_item button span {
            display: inline-block
        }

        .be_item button img {
            width: 20%;
            padding-right: 5px
        }
}

@media (max-width: 575px) {
    .best-selling {
        position: relative
    }

    .best_toggle {
        display: none
    }

    .active_be_item {
        display: block
    }

    .be_item {
        width: 75%;
        margin: 0 auto 30px auto
    }

    .be_arrow {
        display: block;
        position: absolute;
        top: 50%;
        cursor: pointer;
        font-size: 32px;
        color: #2d80ba
    }

    .be_left {
        left: 20px
    }

    .be_right {
        right: 20px
    }
}

@media (max-width: 420px) {
    .be_item button span {
        display: none
    }

    .be_item button img {
        width: 37%;
        padding: 0
    }
}

@media (max-width: 370px) {
    .be_item {
        width: 70%
    }

        .be_item button {
            float: none !important;
            width: 90%
        }

            .be_item button img {
                width: 22%
            }

        .be_item .amount {
            float: none !important;
            width: 90%
        }
}

@media (max-width: 900px) {
    .last {
        padding-bottom: 100px
    }

    .la_item {
        width: 23%
    }

        .la_item:nth-child(5) {
            display: none
        }

        .la_item:nth-child(4) {
            margin-right: 0
        }
}

@media (max-width: 730px) {
    .la_item {
        width: 48%
    }

        .la_item:nth-child(2) {
            margin-right: 0
        }
}

@media (max-width: 575px) {
    .last {
        position: relative
    }

    .la_item:nth-child(5) {
        display: block
    }

    .la_item {
        display: none !important;
        margin-right: auto !important;
        margin-left: auto !important
    }

    .active_la_item {
        display: block !important
    }

    .la_item {
        width: 60%;
        margin: 0 auto 30px auto;
        float: none
    }

    .la_arrow {
        display: block;
        position: absolute;
        top: 50%;
        cursor: pointer;
        font-size: 32px;
        color: #2d80ba;
        top: 38%
    }

    .la_left {
        left: 20px
    }

    .la_right {
        right: 20px
    }
}

@media (max-width: 370px) {
    .la_item {
        width: 70%
    }
}

@media (max-width: 950px) {
    .basket_item td .amount {
        width: 85%
    }
}

@media (max-width: 840px) {
    .basket_item h3 img {
        float: left
    }

    .basket_item td:nth-child(1) {
        width: 40%
    }
}

@media (max-width: 640px) {
    table {
        display: none
    }

    .mbasket_item {
        display: block
    }

        .mbasket_item:nth-child(1) {
            margin-top: 15px
        }
}

@media (max-width: 600px) {
    #basket_total {
        padding-bottom: 130px
    }

        #basket_total a {
            padding: 10px 12px
        }

        #basket_total .col-sm-6 {
            max-width: 100%;
            display: block;
            flex: none;
            text-align: center !important
        }

        #basket_total .back {
            background: transparent;
            color: #2d80ba;
            font-weight: 700;
            display: block;
            margin-bottom: 20px
        }
}

@media (max-width: 500px) {
    .mbasket_item h3 {
        font-size: 18px
    }
}

@media (max-width: 400px) {
    .mbasket_item {
        position: relative
    }

        .mbasket_item .col-3 {
            max-width: 100%;
            display: block;
            flex: none;
            text-align: center;
            margin-bottom: 15px
        }

        .mbasket_item .col-8 {
            max-width: 100%;
            flex: none;
            text-align: center
        }

        .mbasket_item .c22 {
            max-width: 100%;
            display: block;
            flex: none;
            margin-bottom: 15px
        }

        .mbasket_item .amount {
            width: 45%
        }

        .mbasket_item h4 {
            font-size: 16px;
            margin-bottom: 2px
        }

        .mbasket_item strong {
            font-size: 20px
        }

        .mbasket_item .no_basket {
            position: absolute;
            top: -10px;
            right: 8px
        }

            .mbasket_item .no_basket .fa-times-circle {
                font-size: 30px;
                padding-top: 0
            }
}

@media (max-width: 273px) {
    #basket_total a {
        padding: 10px 0
    }
}

@media (max-width: 980px) {
    .info_contact {
        padding: 15px
    }

    #name_contact h3 {
        height: 60px
    }
}

@media (max-width: 860px) {
    #name_contact h3 {
        font-size: 16px
    }

    #name_contact .fas {
        display: none
    }
}

@media (max-width: 770px) {
    .info_contact {
        width: 35%
    }

    .map {
        width: 65%
    }
}

@media (max-width: 767px) {
    .fas {
        display: inline-block
    }

    #name_contact {
        padding-bottom: 120px
    }

        #name_contact h3 {
            height: 30px;
            font-size: 20px
        }

        #name_contact ul {
            margin-bottom: 20px
        }
}

@media (max-width: 560px) {
    .info_contact {
        float: none !important;
        width: 100%;
        height: 180px
    }

    .map {
        float: none !important;
        width: 100%
    }
}

@media (max-width: 360px) {
    #name_contact h3 {
        height: 0;
        margin-bottom: 25px;
        font-size: 17px
    }
}

@media (max-width: 360px) {
    #name_contact h3 {
        margin-bottom: 40px
    }
}

@media (max-width: 1260px) {
    .detail_item .description_item {
        margin-right: 70px
    }
}

@media (max-width: 1170px) {
    .detail_item .description_item {
        margin-right: 20px
    }
}

@media (max-width: 940px) {
    .ccr input[type=radio]:checked + label span {
        height: 9px;
        width: 9px;
        background-color: #2d80ba;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 3.4px;
        top: 4.8px
    }

    .radio input[type=radio]:checked + label span {
        height: 9px;
        width: 9px;
        background-color: #2d80ba;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 3.4px;
        top: 4.8px
    }
}

@media (max-width: 900px) {
    #order .basket_button a {
        padding: 10px 5px
    }
}

@media (max-width: 880px) {
    .detail_item .description_item {
        margin-right: 0
    }
}

@media (max-width: 800px) {
    #order .basket_button a {
        padding: 10px 0
    }

    .choose_reg {
        width: 100%;
        float: none !important
    }

    .choose_input {
        width: 100%;
        float: none !important;
        margin-top: 15px
    }

    .grid_activ {
        display: block
    }

        .grid_activ textarea {
            height: 162px
        }

    #item_basket_4 ul {
        width: 100%
    }

    #item_basket_4 .price_trans {
        float: none !important;
        width: 93%
    }
}

@media (max-width: 610px) {
    .description_item {
        float: none !important
    }

    .image_item {
        width: 20%;
        margin-right: 10px !important
    }

    .responsive_detail_item {
        float: right;
        width: 70%
    }

    .description_item {
        display: block;
        padding-top: 0 !important
    }

    .full_order {
        display: block
    }

        .full_order .form_order {
            margin-right: 0
        }

    .step {
        display: none
    }

    .trans_full .price_trans_item {
        padding-right: 0
    }

    #order .basket_button a {
        padding: 10px 12px
    }

    #order .basket_button .col-md-6 {
        max-width: 100%;
        display: block;
        flex: none;
        text-align: center !important
    }

    #order .basket_button .back {
        background: transparent;
        color: #2d80ba;
        font-weight: 700;
        display: block;
        margin-bottom: 20px
    }
}

@media (max-width: 500px) {
    .detail_item .description_item {
        font-size: 13px
    }

    .detail_item .total_price_item {
        font-size: 11px
    }
}

@media (max-width: 450px) {
    #item_basket_4 ul img {
        display: none
    }

    #item_basket_4 .price_trans {
        width: 26%
    }
}

@media (max-width: 370px) {
    .detail_total_item {
        width: 100%;
        text-align: center !important
    }

        .detail_total_item ul li {
            display: block
        }

            .detail_total_item ul li:first-child {
                margin-right: 0;
                height: 30px
            }

            .detail_total_item ul li:last-child strong {
                text-align: center !important
            }
}

@media (max-width: 915px) {
    .filter li {
        width: 140px
    }

        .filter li:nth-child(1) {
            width: 85px
        }

        .filter li:nth-child(2) {
            width: 70px
        }
}

@media (max-width: 720px) {
    .pages {
        display: none
    }

    .filter {
        display: none
    }

    .responsive_filter {
        display: block
    }

    .footer_list {
        position: static;
        text-align: center
    }

        .footer_list .next_page {
            position: static;
            display: inline-block
        }

        .footer_list .pages {
            display: block;
            position: static;
            margin-top: 30px;
            width: 100%;
            text-align: center !important
        }
}

@media (max-width: 575px) {
    .body_list .best-selling {
        position: static
    }

    .body_list .best_toggle {
        display: block
    }
}

@media (max-width: 1190px) {
    .an_target img {
        right: 20px
    }
}

@media (max-width: 1100px) {
    .an_target {
        padding: 18px 0 18px 32px;
        border-radius: 30px
    }

        .an_target p {
            width: 50%
        }

        .an_target img {
            top: -17px
        }
}

@media (max-width: 1037px) {
    .an_target h2 {
        width: 50%
    }
}

@media (max-width: 900px) {
    .anchor {
        background: #2d80ba
    }

        .anchor .col-md-6 {
            max-width: 100%;
            flex: none
        }

        .anchor .an_target {
            padding-left: 72px
        }

            .anchor .an_target:first-child {
                margin-bottom: 120px
            }

            .anchor .an_target h2 {
                width: 100%
            }

            .anchor .an_target p {
                width: 100%
            }

            .anchor .an_target img {
                right: 80px
            }

            .anchor .an_target .global {
                right: 57px
            }
}

@media (max-width: 630px) {
    .anchor .an_target {
        padding-left: 15px;
        border-radius: 0
    }

        .anchor .an_target img {
            right: 40px
        }

        .anchor .an_target .global {
            right: 17px
        }

    .anchor .col-md-6 {
        padding: 0
    }
}

@media (max-width: 499px) {
    .anchor .an_target {
        padding: 10px 0 10px 15px
    }

        .anchor .an_target:first-child {
            margin-bottom: 90px
        }

        .anchor .an_target img {
            width: 110px;
            top: -12px;
            right: 15px
        }

        .anchor .an_target .global {
            right: 0
        }
}

@media (max-width: 450px) {
    .anchor .an_target h2 {
        font-size: 18px
    }

    .anchor .an_target p {
        font-size: 14px
    }
}

@media (max-width: 400px) {
    .anchor .an_target h2 {
        width: 50%
    }

    .anchor .an_target p {
        width: 60%
    }

    .anchor .an_target img {
        width: 140px
    }
}

@media (max-width: 1367px) {
    .list_footer ul li {
        margin-bottom: 4px
    }

    .list_footer ul a {
        font-size: 15px
    }
}

@media (max-width: 1157px) {
    footer {
        padding-top: 80px
    }

    .list_footer ul a {
        font-size: 13px
    }
}

@media (max-width: 920px) {
    footer {
        background: #2d80ba
    }
}

@media (max-width: 900px) {
    footer {
        padding-top: 0
    }
}

@media (max-width: 780px) {
    .list_footer {
        width: 40%;
        margin-bottom: 20px
    }

        .list_footer ul a {
            font-size: 16px
        }
}

@media (max-width: 590px) {
    .list_footer {
        width: 50%;
        margin-bottom: 20px
    }
}

@media (max-width: 430px) {
    .copyright {
        text-align: center !important;
        font-size: 14px
    }
}

@media (max-width: 400px) {
    .list_footer {
        width: 90%;
        margin-bottom: 20px
    }
}

@media (max-width: 380px) {
    .pre-footer .container {
        padding: 0 3px
    }
}

/* media - detail */
@media (max-width: 1340px) {
    .detail .tabel_product ul li span {
        width: 260px;
    }
}

@media (max-width: 1300px) {
    .detail .detail_content .amount {
        float: none !important;
    }

    .detail .detail_content button {
        float: none !important;
        width: 68%;
        margin-top: 10px;
    }
}

@media (max-width: 1130px) {
    .detail .detail_product {
        margin-right: 15px;
    }
}

@media (max-width: 1060px) {
    .detail .detail_content button {
        float: none !important;
        width: 78%;
        margin-top: 10px;
    }
}

@media (max-width: 980px) {
    .detail .detail_container {
        flex-direction: column;
    }

    .detail .tabel_product ul {
        padding-bottom: 30px;
    }
}

@media (max-width: 720px) {
    .detail .detail_photo {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .detail .description_main_product {
        float: none;
        width: 100%;
    }

    .detail .detail_content button {
        width: 35%;
    }
}

@media (max-width: 570px) {
    .detail .detail_content button {
        width: 40%;
    }
}

@media (max-width: 500px) {
    .detail .detail_content button {
        width: 44%;
    }
}

@media (max-width: 450px) {
    .detail .detail_content button {
        width: 50%;
    }
}

@media (max-width: 400px) {
    .detail .detail_content button {
        width: 58%;
    }
}

@media (max-width: 365px) {
    .detail .detail_content button {
        width: 64%;
    }
}

@media (max-width: 365px) {
    .detail .detail_content button {
        width: 72%;
    }
}

@media (max-width: 1069px) {
    .buy_search .product_amount {
        display: none;
    }
}

/* DODATECNE STYLY */
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}


.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.pt-30 {
    padding-top: 30px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-90 {
    padding-top: 90px;
}
.pt-100 {
    padding-top: 100px;
}

.w-100 {
    width: 100%;
}

.h-30 {
    height: 30px;
}


.choose_input .btn {
    width: 200px;
    border-radius: 4px;
    border: none;
    color: #fff;
    background: #2d80ba;
    text-transform: none;
    font-size: 15px;
    padding: 8px 0;
    cursor: pointer;
}

.clearfix {
    clear: both;
}

.choose_input .btn:hover {
    opacity: .9
}

.detail .detail_content .btn {
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 4px;
    outline: none;
    background: #ff831e;
    cursor: pointer;
    padding: 2px 0;
    padding-right: 10px;
    letter-spacing: .3px;
}

.detail .detail_content .btn img {
    padding-left: 12px;
    padding-right: 18px;
}

.count {
    text-align: center;
}

@media (max-width: 640px)
{
    table#Obsah_rblDoprava {
        display: block;
    }

    table#Obsah_rblPlatba {
        display: block;
    }
}

.product-item-search .product_image img
{
    max-height: 60px;
    padding-right: 5px;
}

.active-filter {
    font-weight: bold;
}

.productimg img {
    max-height: 239px;
}

.productimg {
    min-height: 239px;
}

.productname {
    height: 70px!important;
}

.icon88 {
    padding-left: 0px !important;
    padding-top: 10px !important;
}

.icon334 {
    padding-left: 0px !important;
    padding-top: 10px !important;
}

.la-item .poptat-cenu {
    min-height: 36px;
}

.menu .menu-subkat {
    padding-bottom: 30px;
}

@media (max-width: 950px) {
    .logo-header .foorm a.hledat, .logo-header .foorm .hledatbtn {
        padding-left: 18px;
    }
}

.detail-nahled {
    padding: 3px;
    border: 1px solid #e8efef;
    display: inline-block;
}

    .detail-nahled img {
        max-height: 100px;
        max-width: 100px;
        width: auto!important;
    }


.la_item img {
    max-height: 200px;
}

.la_item a {
    /*min-height: 200px;*/
}

.la_item h2 {
    height: 70px;
}

.be_item a {
    min-height: 260px;
}

.be_item img {
    max-height: 260px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

.groupdummy {
    height: 36px;
}

.gdprsouhlas input {
    display: inline-block;
    width: auto; 
    margin-right: 5px;
}

.choose_input input[type='password'] {
    margin-bottom: 12px;
}

@media (max-width: 576px) {
    .logo-header .foorm .vyhledavac {
        width: 90%;
    }
}

@media (max-width: 541px) {
    .logo-header .foorm .vyhledavac {
        width: 87%;
    }
}

@media (max-width: 420px) {
    .logo-header .foorm .vyhledavac {
        width: 82%;
    }
}

@media (max-width: 309px) {
    .logo-header .foorm .vyhledavac {
        width: 75%;
    }
}


@media (min-width: 577px) {
    .logo-header .foorm .vyhledavac {
        width: 69%;
    }
}

@media (min-width: 768px) {
    .logo-header .foorm .vyhledavac {
        width: 85%;
    }
}

@media (min-width: 951px) {
    .logo-header .foorm .vyhledavac {
        width: 77%;
    }
}


@media (max-width: 232px) {
    .logo-header .foorm .vyhledavac {
        width: 65%;
    }
}



@media (max-width: 576px) {
    .crumb ul li.hidden-xs, .dokosiku {
        display: none;
        visibility: hidden;
    }
}

.bluebutton {
    background: #2d80ba;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 22px;
    border-radius: 4px;
    margin-top: 30px;
}

.bluebutton:hover {
    color: #fff;
    text-decoration: underline;
}

.clearfix {
    clear: both;
}

.objednavkaform input {
    margin-bottom: 0;
}

.c33 {
    margin-bottom: 10px;
}

    .c33 p {
        font-size: 0.7em;
        color: red;
        line-height: 12px;
    }

    .c33 label {
    margin-bottom: 0px;
    }

.errfld {
    border-color: red!important;
}

.toggle_slider {
    position: absolute;
    top: 73%;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center
}

    .toggle_slider li {
        font-size: 20px;
        margin: 2px 5px;
        color: #2d80ba;
        cursor: pointer
    }


@media (max-width: 7000px) {
    .banner-content {
        position: relative;
    }

    .banner-nadpis {
        position: absolute;
        top: 27px;
        left: 20%;
        font-weight: 900;
        color: #185C8A;
        font-size: 50px;
        line-height: 40px;
    }

    .banner-obsah {
        position: absolute;
        top: 130px;
        left: 20%;
        max-width: 800px;
        font-weight: 400;
        color: #fff;
        font-size: 30px;
        line-height: 30px;
    }

    .banner-button {
        text-transform: uppercase;
        font-weight: 500;
        color: #fff;
        border: none;
        border-radius: 4px;
        outline: none;
        background: #ff831e;
        cursor: pointer;
        padding: 15px;
        letter-spacing: .3px;
        position: absolute;
        top: 180px;
        left: 20%;
    }

        .banner-button:hover {
            color: #fff;
            background: #ffa052;
        }
}

@media (max-width: 1650px) {

    .banner-button {
        padding: 10px;
        letter-spacing: .3px;
        position: absolute;
        top: 175px;
        left: 20%;
    }
}


@media (max-width: 1600px) {

    .banner-nadpis {
        position: absolute;
        top: 5%;
        font-size: 40px;
    }

    .banner-obsah {
        position: absolute;
        top: 40%;
        font-size: 22px;
    }
    
    .banner-button {
        padding: 10px;
        letter-spacing: .3px;
        position: absolute;
        top: 60%;
        left: 20%;
    }
}


@media (max-width: 1300px) {

    .banner-nadpis {
        position: absolute;
        top: 5%;
        font-size: 30px;
    }

    .banner-obsah {
        position: absolute;
        top: 25%;
        font-size: 22px;
    }

    .banner-button {
        padding: 10px;
        letter-spacing: .3px;
        position: absolute;
        top: 50%;
        left: 20%;
    }
}

@media (max-width: 1024px) {

    .banner-nadpis {
        position: absolute;
        top: 5%;
        font-size: 30px;
    }

    .banner-obsah {
        position: absolute;
        top: 25%;
        font-size: 22px;
    }

    .banner-button {
        padding: 5px;
        letter-spacing: .3px;
        position: absolute;
        top: 50%;
        left: 20%;
    }
}


@media (max-width: 860px) {

    .banner-nadpis {
        position: absolute;
        top: 5%;
        font-size: 20px;
    }

    .banner-obsah {
        position: absolute;
        top: 25%;
        font-size: 16px;
    }

    .banner-button {
        font-size: .8em;
        padding: 5px;
        letter-spacing: .3px;
        position: absolute;
        top: 46%;
        left: 20%;
    }

    .slider li img {
        height: auto;
    }
}


@media (max-width: 640px) {

    .banner-nadpis {
        position: absolute;
        top: 5%;
        font-size: 20px;
    }

    .banner-obsah {
        position: absolute;
        top: 30%;
        font-size: 16px;
    }

    .banner-button {
        font-size: .8em;
        padding: 5px;
        letter-spacing: .3px;
        position: absolute;
        top: 60%;
        left: 20%;
    }

}



.formular span {
    font-size: 0.7em;
    color: red;
}

.choose_input label {
    display: inline-block;
}

.na-dotaz {
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 4px;
    outline: none;
    width: 100%;
    background: #ff831e;
    cursor: pointer;
    padding: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    letter-spacing: .3px;
    float: right !important;
    min-height: 30px !important;
}

.na-dotaz-detail {
    font-size: 1rem;
    float: none!important;
    font-weight: normal;
}
    .na-dotaz:hover {
        opacity: .8;
        color: #fff;
    }

.nadotaz-divider {
    height: 50px;
}

.nadotaz-divider-bt {
    height: 7px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.close-icon button {
    border: none;
    background-color: transparent;
    font-size: 1.4em;
    cursor: pointer;
}

.pridano {
    font-size: 28px;
    margin-top: 70px;
    margin-bottom: 50px;
    padding-right: 30px;
    line-height: 28px;
}

.pridano-icon {
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 24px;
}

    .pridano-icon .fa {
        font-size: 105px;
        color: #2D80BA;
    }

.bt-do-obchodu {
    background-color: #2D80BA;
    border: none;
}


.bt-do-kosiku {
    background-color: #ff831e;
    border: none;
}

    .bt-do-kosiku:hover {
        background-color: #2D80BA;
        border: none;
    }


/* Position the image container (needed to position the left and right arrows) */
.detail_photo .container {
    position: relative;
}

/* Hide the images by default */
.detail_photo .mySlides {
    display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.detail_photo .cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.detail_photo .prev,
.detail_photo .next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.detail_photo .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

/* Number text (1/3 etc) */
.detail_photo .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* Container for image text */
.detail_photo .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.detail_photo .row:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.detail_photo .column {
    float: left;
    width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.detail_photo .demo {
    opacity: 0.6;
}

    .detail_photo .active,
    .detail_photo .demo:hover {
        opacity: 1;
    }

.nadpis-kategorie {
    visibility: hidden;
    display: none;
}

.nadpis-h1 {
    padding-top: 30px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-45 {
    padding-bottom: 45px;
}

.mySlides img {
    max-height: 360px;
    max-width: 456px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.pata-h3 {
    color: #3c4243;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.h3-detail {
    padding: 20px 0;
    font-family: Arial, Verdana, Tahoma;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.style404-1 {
    margin-top: 30px;
    font-size: 1.5em;
    font-weight: 600;
}

.style404-2 {
    margin-top: 15px;
    font-size: 3em;
    font-weight: 600;
}

.style404-3 {
    font-size: 2em;
    font-weight: 600;
}

.style404-4 {
    margin-top: 30px;
    font-size: 1.3em;
    font-weight: 600;
}

.style404-5 {
    margin-top: 15px;
    margin-bottom: 50px;
}

.price_detail .price {
    color: #212529;
    font-size: 24px;
}








/* COOKIE CONSENT */


.share_cookies_popup > button.cover {
    background: rgba(0,0,0,.75);
    border: 0;
    bottom: 0;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20001;
}


.share_cookies_popup > .window > .head > button {
    align-content: center;
    background: none;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    justify-content: center;
    padding: 15px 0;
}

.share_cookies_popup > .window > .head > button > span.icon {
    padding-right: 10px;
}

.share_cookies_popup > .window > .head > button > span.label {
    color: #000;
    font-size: 16px;
}


.share_cookies_popup > .window > .head {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 15px;
}


.share_cookies_popup > .window > .inside {
    box-sizing: border-box;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px 15px;
}

.share_cookies_popup > .window > .inside > .title {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 15px 0;
}

.share_cookies_popup > .window > .inside > .text, share_cookies_popup > .window > .inside > .text p {
    color: #000;
    font-size: 1rem;
}

.share_cookies_popup > .window > .inside input.as_link {
    background: none;
    border: 0;
    color: #000;
    cursor: pointer;
    display: inline;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

    .share_cookies_popup > .window > .inside input.as_link:hover {
        color: #ff831e;
    }

.share_cookies_popup > .window > .head > button > span.icon > svg path {
    fill: #000;
}

.share_cookies_popup > .window > .head > button > span.icon > svg {
    height: 20px;
    width: 20px;
}

.share_cookies_popup > .window > .inside a.accept, .share_cookies_popup > .window > .inside input.save {
    align-items: center;
    border: 0;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    justify-content: center;
    margin: 15px 0;
    padding: 10px 35px;
    width: 100%;
}

    .share_cookies_popup > .window > .inside a.accept.accept, .share_cookies_popup > .window > .inside input.save.accept {
        background: var(--button-bg);
        color: var(--button-fg);
    }

        .share_cookies_popup > .window > .inside a.accept.accept:hover, .share_cookies_popup > .window > .inside input.save.accept:hover {
            background: var(--button-bg-hover);
            color: var(--button-fg-hover);
        }

.share_cookies_popup > .window > .inside a.accept .icon:first-child, .share_cookies_popup > .window > .inside input.save .icon:first-child {
    line-height: 0;
    padding-right: 10px;
}

.share_cookies_popup > .window > .inside > .list .item {
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0;
}

.share_cookies_popup > .window > .inside > .list .item > .head {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.share_cookies_popup > .window > .inside > .list .item > .head > .name {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
}

    .share_cookies_popup > .window > .inside > .list .item > .head > .always_enabled {
        color: #278bff;
        font-size: 1rem;
        font-weight: 700;
    }

.share_cookies_popup > .window > .inside > .list .item > .desc {
    color: #000;
    font-size: 1rem;
    line-height: 1.4;
    padding-top: 10px;
}

.share_cookies_popup > .window > .inside > .list .item > .head > label.check > span {
    align-items: center;
    display: inline-flex;
    justify-content: flex-start;
    padding: 3px;
    width: 55px;
}

.share_cookies_popup > .window > .inside > .list .invisible_check {
    display: none;
}

.share_cookies_popup > .window > .inside a.accept.save, .share_cookies_popup > .window > .inside input.save.save {
    background: var(--button-bg);
    color: var(--button-fg);
    font-size: 1rem;
}

    .share_cookies_popup > .window > .inside a.accept.save:hover, .share_cookies_popup > .window > .inside input.save.save:hover {
        background: var(--button-bg-hover);
        color: var(--button-fg-hover);
    }


.share_cookies_bar > .inside > .texts .text input.as_link {
    background: none;
    border: 0;
    color: var(--link);
    cursor: pointer;
    display: inline;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

    .share_cookies_bar > .inside > .texts .text input.as_link:hover {
        color: var(--link-hover);
    }










.share_cookies_bar._loaded {
    display: flex;
}

.share_cookies_bar, .feo_share_cookies_notice {
    z-index: 100 !important;
}

.share_cookies_bar {
    align-items: center;
    background: #f3f5f5;
    box-sizing: border-box;
    display: none;
    justify-content: center;
    padding: 15px;
    position: fixed;
    z-index: 10001;
}

.share_cookies_bar > .inside {
    box-sizing: border-box;
    display: flex;
    width: 100%;
}

.share_cookies_bar._type\:bottomWindow > .inside > .texts {
    flex: 1 1 auto;
    padding: 0 0 15px;
}

.share_cookies_bar > .inside > .texts {
    box-sizing: border-box;
    line-height: 1.4;
}

.share_cookies_bar > .inside > .texts .headline {
    color: #000;
    font-size: 25px;
    font-weight: 700;
    padding: 0 0 10px;
}

.share_cookies_bar > .inside > .texts .text {
    color: #000;
    font-size: 16px;
}

.share_cookies_bar > .inside > .texts {
    box-sizing: border-box;
    line-height: 1.4;
}

.share_cookies_bar._type\:bottomWindow > .inside > .actions {
    flex-direction: column-reverse;
    flex-shrink: 0;
}

.share_cookies_bar > .inside > .actions {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
}

    .share_cookies_bar > .inside > .actions input {
        align-items: center;
        border: none!important;
        border-radius:5px;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        font-family: inherit;
        justify-content: center;
        margin: 5px;
        padding: 15px 35px;
        width: 100%;
    }


    .share_cookies_bar > .inside > .actions button {
        align-items: center;
        border: none !important;
        border-radius: 5px;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        font-family: inherit;
        justify-content: center;
        margin: 5px;
        padding: 15px 35px;
        width: 100%;
    }

        .share_cookies_bar > .inside > .actions input.accept {
            background: var(--button-bg);
            color: var(--button-fg);
        }

    .share_cookies_bar > .inside > .actions input.accept:hover {
        background: var(--button-bg-hover);
        color: var(--button-fg-hover);
    }

.share_cookies_bar > .inside > .actions button.settings {
    background: #fff;
    color: #000;
}

.share_cookies_bar > .inside > .actions button.settings:hover {
    background: #000;
    color: #fff;
}


.share_cookies_bar._type\:bottomWindow > .inside > .actions input {
    flex: 1 1 auto;
}

.share_cookies_bar > .inside > .actions button.settings {
    background: #fff;
    color: #000;
    font-size: 16px;
}

.share_cookies_popup {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20000;
}

.share_cookies_popup._opened {
    display: block;
}

.share_cookies_popup > .window {
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 80vh;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100vw;
    z-index: 20002;
}


.share_cookies_bar._type\:bottomWindow {
    bottom: 0;
    width: 100%;
}

.share_cookies_bar._loaded {
    display: flex;
}

.share_cookies_bar._type\:bottomWindow > .inside {
    flex-direction: column;
}

.share_cookies_bar > .inside {
    box-sizing: border-box;
    display: flex;
    max-width: 1200px;
    width: 100%;
}

.share_cookies_popup > .window > .head > .logo > img {
    max-height: 45px;
    max-width: 200px;
    width: 100%;
}

@media (min-width: 992px) {
    .share_cookies_bar._type\:bottomWindow {
        bottom: 30px;
        left: 50%;
        max-width: 1150px;
        padding: 40px 60px;
        transform: translate(-50%);
        width: calc(100% - 60px);
    }

        .share_cookies_bar._type\:bottomWindow > .inside {
            flex-direction: row;
        }

            .share_cookies_bar._type\:bottomWindow > .inside > .texts {
                padding: 0 80px 0 0;
            }

    .share_cookies_bar > .inside > .texts .headline {
        padding: 0 0 20px;
    }

    .share_cookies_bar._type\:bottomWindow > .inside > .actions {
        flex-direction: column-reverse;
        width: 250px;
    }

    .share_cookies_bar > .inside > .actions input {
        display: inline-flex;
        width: 100%;
    }


    .share_cookies_bar > .inside > .actions button {
        display: inline-flex;
        width: 100%;
    }

    .share_cookies_popup > .window {
        max-height: 95vh;
        max-width: 60%;
        width: 95vw;
    }

        .share_cookies_popup > .window > .head {
            padding: 30px;
        }


    .share_cookies_popup > .window > .inside a.accept, .share_cookies_popup > .window > .inside input.save {
        display: inline-flex;
        padding: 15px 35px;
        width: auto;
    }


    .share_cookies_popup > .window > .inside {
        padding: 0 30px 30px;
    }

    .share_cookies_popup > .window {
        max-height: 95vh;
        max-width: 750px;
        width: 95vw;
    }

}


/* COOKIE CONSENT */


.schovej {
    display: none!important;
    visibility: hidden;
}


:root {
    --button-bg: #ff831e;
    --button-fg: #fff;
    --button-bg-hover: #ffa052;
    --button-fg-hover: #fff;
}


.slevovykupon {
    width: auto;
    display: inline-block;
}

.kupon {
    margin-bottom: 45px;
}

.kupon span {
    font-size: 1.3em;
    font-weight: 600;
}

.charity-wrap {
    padding: 20px;
    margin: 0 0 30px;
    background: #fff;
}

.charity-title {
    margin: 0 0 15px;
    font-size: 2rem;
    font-weight: 500;
}

.charity-row {
    border: 2px solid #d9e3e6;
    padding: 14px;
    margin-bottom: 12px;
    display: grid;
    grid-template-columns: 260px 1fr 520px;
    column-gap: 18px;
    align-items: center;
}

.charity-logo img {
    max-width: 100%;
    max-height: 72px;
    width: auto;
}

.charity-link a {
    color: #222;
    text-decoration: none;
    font-size: 1.2rem;
}

.charity-link a:hover {
    text-decoration: underline;
}

.charity-choice .aspNetDisabled {
    opacity: 0.7;
}

.charity-choice table {
    width: 100%;
}

.charity-choice td {
    padding-right: 18px;
    white-space: nowrap;
}

.charity-rbl {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 5px;
}

.charity-rbl input[type="radio"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    margin-right: 6px;
    vertical-align: middle;
}

.charity-rbl label {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    vertical-align: middle;
    color: #222;
}

.charity-rbl input[id*="rblDarCastka"] + label[for*="rblDarCastka"] {
    display: inline-block !important;
    margin-left: 0;
    margin-right: 5px;
    white-space: nowrap;
}

.charity-choice input[type="radio"] {
    display: inline-block !important;
    opacity: 1 !important;
    position: static !important;
    margin-right: 6px;
    vertical-align: middle;
}

.charity-choice label {
    display: inline !important;
    vertical-align: middle;
}

.charity-description {
    margin: 10px 0 0;
    font-size: 1.2rem;
}

@media (max-width: 1199px) {
    .charity-row {
        grid-template-columns: 220px 1fr;
        row-gap: 8px;
    }

    .charity-choice {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .charity-wrap {
        padding: 14px;
    }

    .charity-title {
        font-size: 1.6rem;
    }

    .charity-row {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .charity-choice td {
        display: block;
        padding: 6px 0;
        white-space: normal;
    }

    .charity-rbl {
        display: block !important;
    }

    .charity-rbl span {
        display: inline-flex !important;
        align-items: center;
        margin: 0 5px 8px 0;
        margin-left: 0;
        white-space: nowrap;
    }

    .charity-choice table,
    .charity-choice tbody,
    .charity-choice tr,
    .charity-choice td {
        width: 100%;
    }

    .charity-choice input[id*="rblDarCastka"],
    .charity-rbl input[type="radio"] {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        margin-right: 6px;
    }

    .charity-choice label[for*="rblDarCastka"],
    .charity-rbl label {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #222;
    }
}